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

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

@@ -1,3 +1,4 @@
+import { AutocompleteAddStatus } from './types';
 import { AutocompleteAsyncSlots } from './slots/AutocompleteAsyncEnum';
 /**
  * Key to identify the AutocompleteAsync component in the design system.
@@ -9,5 +10,7 @@ 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", "shouldFetch"];
+export declare const ASYNC_ONLY_KEYS: readonly ["add", "endPoint", "timeout", "parms", "resultField", "isRemote", "isExternalUrl", "responseToCamelCase", "onChangeFilterParms", "shouldFetch", "refreshKey", "resetKey", "retainSelectedOptions"];
+export declare const AUTOCOMPLETE_ADD_MESSAGES: Record<AutocompleteAddStatus, string>;
+export declare const AUTOCOMPLETE_ADD_RECENT_OPERATIONS = 32;
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +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,oJAUlB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,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,8MAclB,CAAC;AAGX,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAM3E,CAAC;AAEF,eAAO,MAAM,kCAAkC,KAAK,CAAC"}

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

@@ -1,14 +1,15 @@
 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
+import { AutocompleteAsyncComplementaryClasses as t, AutocompleteAsyncSlots as o } from "./slots/AutocompleteAsyncEnum.js";
+const n = "M4LAutocompleteAsync", r = {
+  ...o,
+  ...t
 };
 e(
-  s,
-  m
+  n,
+  r
 );
-const l = [
+const c = [
+  "add",
   "endPoint",
   "timeout",
   "parms",
@@ -17,10 +18,21 @@ const l = [
   "isExternalUrl",
   "responseToCamelCase",
   "onChangeFilterParms",
-  "shouldFetch"
-];
+  "shouldFetch",
+  "refreshKey",
+  "resetKey",
+  "retainSelectedOptions"
+], l = {
+  pending: "Waiting for the new record.",
+  created: "Record created.",
+  cancelled: "Creation cancelled.",
+  unavailable: "Record created. Refresh the options to select it when available.",
+  error: "Could not complete this action. Try again."
+}, i = 32;
 export {
-  l as ASYNC_ONLY_KEYS,
-  m as AUTOCOMPLETE_ASYNC_COMBINED_CLASSES,
-  s as AUTOCOMPLETE_ASYNC_KEY_COMPONENT
+  c as ASYNC_ONLY_KEYS,
+  l as AUTOCOMPLETE_ADD_MESSAGES,
+  i as AUTOCOMPLETE_ADD_RECENT_OPERATIONS,
+  r as AUTOCOMPLETE_ASYNC_COMBINED_CLASSES,
+  n as AUTOCOMPLETE_ASYNC_KEY_COMPONENT
 };

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

@@ -0,0 +1,9 @@
+import { AutocompleteAsyncProps } from '../types';
+/** Manage optional creation, correlated invalidation and focus within the existing async selector. */
+export declare function useAutocompleteAdd<T>(props: AutocompleteAsyncProps<T>): {
+    refreshKey: string | undefined;
+    onChange: (event: import('../..').AutocompleteValueChangeEvent<T> | undefined, value: T | T[] | null, reason: import('@mui/material').AutocompleteChangeReason) => void;
+    addButton: import("@emotion/react/jsx-runtime").JSX.Element | null;
+    status: string | undefined;
+};
+//# sourceMappingURL=useAutocompleteAdd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutocompleteAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/hooks/useAutocompleteAdd.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAyB,sBAAsB,EAA0B,MAAM,UAAU,CAAC;AAEtG,sGAAsG;AACtG,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC;;;;;EAkIrE"}

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

@@ -0,0 +1,97 @@
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { deepEqual as w } from "fast-equals";
+import { useRef as d, useState as O, useCallback as _, useEffect as h } from "react";
+import { AutocompleteAddButton as q } from "../AutocompleteAddButton.js";
+import { AUTOCOMPLETE_ADD_RECENT_OPERATIONS as M, AUTOCOMPLETE_ADD_MESSAGES as R } from "../constants.js";
+function B(r) {
+  const { add: o, resetKey: s, refreshKey: a } = r, f = d(r);
+  f.current = r;
+  const u = d({ value: r.value, version: 0 });
+  w(u.current.value, r.value) || (u.current = { value: r.value, version: u.current.version + 1 });
+  const l = d(null), v = d(null), b = d(!1), [y, m] = O(!1), [g, c] = O(), [C, k] = O({ resetKey: s, key: a }), i = d(new Set(a ? [a] : [])), A = _((e) => {
+    i.current.has(e) || (i.current.add(e), i.current.size > M && i.current.delete(i.current.values().next().value), k({ resetKey: f.current.resetKey, key: e }));
+  }, []);
+  h(() => {
+    m(!1), c(void 0);
+    const e = f.current.refreshKey;
+    return i.current = new Set(e ? [e] : []), k((t) => t.resetKey === s && t.key === e ? t : { resetKey: s, key: e }), () => {
+      l.current?.controller.abort(), l.current = null;
+    };
+  }, [s]), h(() => {
+    a && A(a);
+  }, [a, A]), h(() => {
+    !y && b.current && (b.current = !1, v.current?.isConnected && v.current.focus());
+  }, [y]);
+  const S = async () => {
+    if (!o || r.disabled || r.readOnly || o.disabled || l.current)
+      return;
+    const e = {
+      controller: new AbortController(),
+      selectionVersion: u.current.version,
+      resetKey: s
+    };
+    l.current = e, m(!0), c("pending");
+    try {
+      const t = await o.action({ requestId: crypto.randomUUID(), signal: e.controller.signal });
+      if (l.current !== e || e.controller.signal.aborted)
+        return;
+      const n = f.current;
+      if (n.resetKey !== e.resetKey)
+        return;
+      if (t.status === "cancelled") {
+        c("cancelled");
+        return;
+      }
+      if (A(t.operationId), c(t.option === null ? "unavailable" : "created"), t.option === null || n.add?.selectCreated === !1 || n.disabled || n.readOnly || u.current.version !== e.selectionVersion)
+        return;
+      const E = t.option, K = Array.isArray(n.value) ? n.value : [], P = n.multiple ? K.some((T) => n.isOptionEqualToValue(T, E)) ? K : [...K, E] : E;
+      try {
+        n.onChange({ target: { value: P } }, P, "selectOption");
+      } catch {
+        c("unavailable");
+      }
+    } catch (t) {
+      if (l.current !== e || e.controller.signal.aborted)
+        return;
+      c("error");
+      try {
+        o.onError?.(t);
+      } catch {
+      }
+    } finally {
+      l.current === e && (l.current = null, b.current = !0, m(!1));
+    }
+  }, D = (e, t, n) => {
+    u.current.version += 1, r.onChange(e, t, n);
+  };
+  return {
+    // Without creation, preserve every legacy refresh-key change, including a cleared key.
+    refreshKey: o && C.resetKey === s ? C.key : a,
+    onChange: D,
+    addButton: o && !r.readOnly ? /* @__PURE__ */ p(
+      q,
+      {
+        buttonRef: v,
+        type: "button",
+        tooltip: o.label,
+        "aria-label": o.label,
+        "aria-busy": y,
+        disabled: r.disabled || o.disabled || y,
+        size: r.size,
+        onMouseDown: (e) => {
+          e.stopPropagation();
+        },
+        onKeyDown: (e) => {
+          (e.key === "Enter" || e.key === " ") && e.stopPropagation();
+        },
+        onClick: (e) => {
+          e.stopPropagation(), S();
+        }
+      }
+    ) : null,
+    status: g ? o?.messages?.[g] ?? R[g] : void 0
+  };
+}
+export {
+  B as useAutocompleteAdd
+};

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

@@ -1 +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;AAG7D;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,QAqFhE"}
+{"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;AAG7D;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,QAyFhE"}

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

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

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

@@ -1,5 +1,5 @@
 export { AutocompleteAsync } from './AutocompleteAsync';
-export type { AutocompleteAsyncProps } from './types';
+export type { AutocompleteAsyncProps, AutocompleteAddContext, AutocompleteAddResult, AutocompleteAddAction } from './types';
 export { useFetchOptions } from './hooks/useFetchOptions';
 export { autocompleteAsyncReducer, getInitialStateAutocompleteAsync } from './reducer/AutocompleteAsyncReducer';
 export { actionsType } from './types';

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

@@ -1 +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;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AAChH,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"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,sBAAsB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAC5H,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AAChH,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteAsyncReducer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/reducer/AutocompleteAsyncReducer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EAEvB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAElB,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,EAChD,KAAK,EAAE,oBAAoB,GAC1B,sBAAsB,CAAC,CAAC,CAAC,CAU3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,mBAAmB,CAAC,EAAE,mBAAmB,IAGvC,OAAO,sBAAsB,CAAC,CAAC,CAAC,EAChC,QAAQ,uBAAuB,CAAC,CAAC,CAAC,KACjC,sBAAsB,CAAC,CAAC,CAAC,CAgE7B"}
+{"version":3,"file":"AutocompleteAsyncReducer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/reducer/AutocompleteAsyncReducer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EAEvB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAElB,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,EAChD,KAAK,EAAE,oBAAoB,GAC1B,sBAAsB,CAAC,CAAC,CAAC,CAU3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,mBAAmB,CAAC,EAAE,mBAAmB,IAGvC,OAAO,sBAAsB,CAAC,CAAC,CAAC,EAChC,QAAQ,uBAAuB,CAAC,CAAC,CAAC,KACjC,sBAAsB,CAAC,CAAC,CAAC,CAsF7B"}

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

@@ -1,64 +1,86 @@
 import { deepEqual as i } from "fast-equals";
-import { actionsType as u } from "../types.js";
-function t(o) {
+import { actionsType as o } from "../types.js";
+function s(u) {
   return {
     fireFetchCount: 0,
     options: [],
-    parms: o.parms,
+    parms: u.parms,
     loading: !1,
-    queryParams: o.onChangeFilterParms ? o.onChangeFilterParms("") : {},
+    queryParams: u.onChangeFilterParms ? u.onChangeFilterParms("") : {},
     isOpen: !1,
     firstOpen: !0
   };
 }
-function a(o) {
-  return (r, e) => {
-    switch (e.type) {
-      case u.REFRESH:
+function l(u) {
+  return (r, n) => {
+    switch (n.type) {
+      case o.REFRESH:
         return {
           ...r,
+          loading: !0,
           fireFetchCount: r.fireFetchCount + 1
         };
-      case u.SET_PARAMS:
-        if (i(r.parms, e.payload))
+      case o.INVALIDATE: {
+        const e = r.isOpen && !n.noFetch;
+        return {
+          ...r,
+          firstOpen: !e,
+          loading: e || r.loading,
+          fireFetchCount: r.fireFetchCount + (e ? 1 : 0)
+        };
+      }
+      case o.RESET: {
+        const e = r.isOpen && !n.noFetch;
+        return {
+          ...r,
+          options: [],
+          queryParams: n.queryParams ?? r.queryParams,
+          firstOpen: !e,
+          loading: e,
+          fireFetchCount: e ? r.fireFetchCount + 1 : 0
+        };
+      }
+      case o.SET_PARAMS:
+        if (i(r.parms, n.payload))
           return r;
         {
-          const n = o ? o("") : r.queryParams;
+          const e = u ? u("") : r.queryParams;
           return {
             ...r,
-            parms: e.payload,
+            parms: n.payload,
             fireFetchCount: 0,
             firstOpen: !0,
             options: [],
-            queryParams: n
+            queryParams: e
           };
         }
-      case u.SET_QUERY_PARAMS:
-        return i(r.queryParams, e.payload) ? r : {
+      case o.SET_QUERY_PARAMS:
+        return i(r.queryParams, n.payload) ? r : {
           ...r,
-          queryParams: e.payload,
+          queryParams: n.payload,
+          loading: !0,
           fireFetchCount: r.fireFetchCount + 1
         };
-      case u.FINISH_LOAD_OPTIONS: {
-        const n = e.payload?.options ?? r.options, p = e.payload?.options ? r.firstOpen : !0;
+      case o.FINISH_LOAD_OPTIONS: {
+        const e = n.payload?.options ?? r.options, f = n.payload?.options ? r.firstOpen : !0;
         return {
           ...r,
-          options: n,
+          options: e,
           loading: !1,
-          firstOpen: p
+          firstOpen: f
         };
       }
-      case u.OPEN: {
-        const n = r.firstOpen && !e.noFetch;
+      case o.OPEN: {
+        const e = r.firstOpen && !n.noFetch;
         return {
           ...r,
           isOpen: !0,
-          fireFetchCount: n ? r.fireFetchCount + 1 : r.fireFetchCount,
-          firstOpen: n ? !1 : r.firstOpen,
-          loading: n ? !0 : r.loading
+          fireFetchCount: e ? r.fireFetchCount + 1 : r.fireFetchCount,
+          firstOpen: e ? !1 : r.firstOpen,
+          loading: e ? !0 : r.loading
         };
       }
-      case u.CLOSE:
+      case o.CLOSE:
         return {
           ...r,
           isOpen: !1
@@ -69,6 +91,6 @@ function a(o) {
   };
 }
 export {
-  a as autocompleteAsyncReducer,
-  t as getInitialStateAutocompleteAsync
+  l as autocompleteAsyncReducer,
+  s as getInitialStateAutocompleteAsync
 };

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

@@ -0,0 +1,6 @@
+export declare const AutocompleteAddRoot: import('@emotion/styled').StyledComponent<Omit<import('../..').StackProps, "ref"> & import('react').RefAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const AutocompleteAddRow: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AutocompleteAddInput: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AutocompleteAddIconContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const AutocompleteAddStatusText: import('@emotion/styled').StyledComponent<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+//# sourceMappingURL=addStyled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addStyled.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/slots/addStyled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,wNAAgD,CAAC;AAEjF,eAAO,MAAM,kBAAkB,6NAM5B,CAAC;AACJ,eAAO,MAAM,oBAAoB,6NAAiD,CAAC;AAEnF,eAAO,MAAM,4BAA4B,+NAA4D,CAAC;AACtG,eAAO,MAAM,yBAAyB,kOAEnC,CAAC"}

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

@@ -0,0 +1,19 @@
+import { styled as t } from "@mui/material/styles";
+import { Stack as e } from "../../Stack/Stack.js";
+import { Typography as i } from "../../Typography/Typography.js";
+const s = t(e)({ width: "100%", minWidth: 0 }), m = t("div")(({ theme: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: o.vars.size.baseSpacings.sp1,
+  width: "100%",
+  minWidth: 0
+})), c = t("div")({ flex: "1 1 0%", minWidth: 0 }), a = t("span")({ display: "inline-flex", flexShrink: 0 }), l = t(i)(({ theme: o }) => ({
+  marginTop: o.spacing(0.5)
+}));
+export {
+  a as AutocompleteAddIconContainer,
+  c as AutocompleteAddInput,
+  s as AutocompleteAddRoot,
+  m as AutocompleteAddRow,
+  l as AutocompleteAddStatusText
+};

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

@@ -0,0 +1,5 @@
+/** Distinct resource commits exceeding the documented bounded coalescing history. */
+export declare const OPERATION_HISTORY: string[];
+export declare const INITIAL_TEST_SCOPE = "initial-scope";
+export declare const NEXT_TEST_SCOPE = "next-scope";
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/add/constants.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,UAAiE,CAAC;AAEhG,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAClD,eAAO,MAAM,eAAe,eAAe,CAAC"}

package/components/extended/mui/AutocompleteAsync/tests/add/helpers.d.ts

@@ -0,0 +1,8 @@
+import { ControlledAddFieldProps, ScopeTransitionFieldProps, SuspenseScopeGate } from './types';
+/** Reflect the real controlled selection contract without mocking the autocomplete. */
+export declare function ControlledAddField({ initialValue, componentProps }: ControlledAddFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+/** Represent a real suspended data dependency without controlling React's lifecycle or private state. */
+export declare function createSuspenseScopeGate(): SuspenseScopeGate;
+/** Keep the committed field visible while React prepares a scope with a pending data dependency. */
+export declare function ScopeTransitionField({ componentProps, gate }: ScopeTransitionFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=helpers.d.ts.map

package/components/extended/mui/AutocompleteAsync/tests/add/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/add/helpers.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAwB,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE3H,uFAAuF;AACvF,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,uBAAuB,oDAW3F;AAED,yGAAyG;AACzG,wBAAgB,uBAAuB,IAAI,iBAAiB,CAY3D;AAQD,oGAAoG;AACpG,wBAAgB,oBAAoB,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,yBAAyB,oDAYvF"}

package/components/extended/mui/AutocompleteAsync/tests/add/types.d.ts

@@ -0,0 +1,20 @@
+import { AutocompleteAsyncProps } from '../../types';
+import { AsyncTestOption } from '../support/types';
+export interface ControlledAddFieldProps {
+    initialValue: AsyncTestOption | AsyncTestOption[] | null;
+    componentProps: Omit<AutocompleteAsyncProps<AsyncTestOption>, 'value' | 'onChange'>;
+}
+/** A pending data dependency keeps a scope transition from committing until released. */
+export interface SuspenseScopeGate {
+    read: () => void;
+    release: () => void;
+}
+export interface ScopeCommitGateProps {
+    scope: string;
+    gate: SuspenseScopeGate;
+}
+export interface ScopeTransitionFieldProps {
+    componentProps: Omit<AutocompleteAsyncProps<AsyncTestOption>, 'resetKey'>;
+    gate: SuspenseScopeGate;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/extended/mui/AutocompleteAsync/tests/add/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/add/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,eAAe,GAAG,eAAe,EAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,IAAI,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;CACrF;AAED,yFAAyF;AACzF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,IAAI,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;IAC1E,IAAI,EAAE,iBAAiB,CAAC;CACzB"}

package/components/extended/mui/AutocompleteAsync/tests/support/ControlledAsyncField.d.ts

@@ -0,0 +1,4 @@
+import { ControlledAsyncFieldProps } from './types';
+/** Exercise manual async selection with the same controlled value updates as a consuming form. */
+export declare function ControlledAsyncField({ initialValue, componentProps, onChange }: ControlledAsyncFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ControlledAsyncField.d.ts.map

package/components/extended/mui/AutocompleteAsync/tests/support/ControlledAsyncField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledAsyncField.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/support/ControlledAsyncField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,kGAAkG;AAClG,wBAAgB,oBAAoB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,yBAAyB,oDAkBzG"}

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

@@ -0,0 +1,8 @@
+import { AutocompleteAsyncProps } from '../../types';
+import { AsyncTestOption } from './types';
+export declare const EXISTING_PERSON: AsyncTestOption;
+export declare const OTHER_PERSON: AsyncTestOption;
+export declare const CREATED_PERSON: AsyncTestOption;
+export declare const ASYNC_TEST_OPTIONS: AsyncTestOption[];
+export declare const ASYNC_TEST_PROPS: Omit<AutocompleteAsyncProps<AsyncTestOption>, 'value' | 'onChange'>;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/support/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,eAAe,EAAE,eAAmD,CAAC;AAClF,eAAO,MAAM,YAAY,EAAE,eAAgD,CAAC;AAC5E,eAAO,MAAM,cAAc,EAAE,eAAkD,CAAC;AAChF,eAAO,MAAM,kBAAkB,mBAAkD,CAAC;AAElF,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,CAIhG,CAAC"}

package/components/extended/mui/AutocompleteAsync/tests/support/createDeferred.d.ts

@@ -0,0 +1,4 @@
+import { DeferredPromise } from './types';
+/** Control completion order without sleeping or replacing the native abort implementation. */
+export declare function createDeferred<T>(): DeferredPromise<T>;
+//# sourceMappingURL=createDeferred.d.ts.map

package/components/extended/mui/AutocompleteAsync/tests/support/createDeferred.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDeferred.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/support/createDeferred.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,8FAA8F;AAC9F,wBAAgB,cAAc,CAAC,CAAC,KAAK,eAAe,CAAC,CAAC,CAAC,CAStD"}

package/components/extended/mui/AutocompleteAsync/tests/support/mockAutocompleteAnchor.d.ts

@@ -0,0 +1,3 @@
+/** Supply the input wrapper's layout box because happy-dom returns an empty rectangle for every element. */
+export declare function mockAutocompleteAnchor(input: HTMLElement): void;
+//# sourceMappingURL=mockAutocompleteAnchor.d.ts.map

package/components/extended/mui/AutocompleteAsync/tests/support/mockAutocompleteAnchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockAutocompleteAnchor.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/support/mockAutocompleteAnchor.ts"],"names":[],"mappings":"AAEA,4GAA4G;AAC5G,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,WAAW,QAIxD"}

package/components/extended/mui/AutocompleteAsync/tests/support/types.d.ts

@@ -0,0 +1,21 @@
+import { AutocompleteAsyncProps } from '../../types';
+import { AutocompleteProps } from '../../../Autocomplete/types';
+export interface AsyncTestOption {
+    id: number;
+    name: string;
+}
+export interface DeferredPromise<T> {
+    promise: Promise<T>;
+    resolve: (value: T) => void;
+    reject: (reason: unknown) => void;
+}
+export interface AsyncOptionsResponse {
+    data: AsyncTestOption[];
+}
+export interface ControlledAsyncFieldProps {
+    initialValue: AsyncTestOption | AsyncTestOption[] | null;
+    componentProps: Omit<AutocompleteAsyncProps<AsyncTestOption>, 'value' | 'onChange'>;
+    onChange?: AutocompleteAsyncProps<AsyncTestOption>['onChange'];
+}
+export type AsyncOptionsProbeProps = Pick<AutocompleteProps<AsyncTestOption, boolean | undefined>, 'options' | 'onOpen'>;
+//# sourceMappingURL=types.d.ts.map

package/components/extended/mui/AutocompleteAsync/tests/support/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/tests/support/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AACD,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,eAAe,GAAG,eAAe,EAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,IAAI,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IACpF,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC,UAAU,CAAC,CAAC;CAChE;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,CAAC"}