@commercelayer/app-elements 0.0.53 → 0.0.55

package/dist/Async-3108ef34.js

@@ -0,0 +1,81 @@
+import { H as de } from "./main-1ae64c47.js";
+import { _ as le, a, h as ce, b as O, u as ve, S as Oe, c as Se, s as me } from "./overrides-c414c78a.js";
+import * as _e from "react";
+import { useRef as T, useState as s, useEffect as W, useCallback as z, forwardRef as he } from "react";
+import { d as ge } from "./unsupportedIterableToArray-b42f060d.js";
+import "react-dom";
+import "@commercelayer/sdk";
+var ye = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function Ce(t) {
+  var r = t.defaultOptions, n = r === void 0 ? !1 : r, o = t.cacheOptions, i = o === void 0 ? !1 : o, S = t.loadOptions;
+  t.options;
+  var I = t.isLoading, B = I === void 0 ? !1 : I, A = t.onInputChange, L = t.filterOption, F = L === void 0 ? null : L, P = le(t, ye), V = P.inputValue, p = T(void 0), c = T(!1), G = s(Array.isArray(n) ? n : void 0), x = a(G, 2), J = x[0], E = x[1], K = s(typeof V < "u" ? V : ""), $ = a(K, 2), j = $[0], m = $[1], Q = s(n === !0), D = a(Q, 2), U = D[0], f = D[1], X = s(void 0), R = a(X, 2), _ = R[0], h = R[1], Y = s([]), M = a(Y, 2), Z = M[0], g = M[1], k = s(!1), b = a(k, 2), ee = b[0], v = b[1], te = s({}), q = a(te, 2), d = q[0], w = q[1], ne = s(void 0), H = a(ne, 2), ae = H[0], se = H[1], re = s(void 0), N = a(re, 2), oe = N[0], ie = N[1];
+  i !== oe && (w({}), ie(i)), n !== ae && (E(Array.isArray(n) ? n : void 0), se(n)), W(function() {
+    return c.current = !0, function() {
+      c.current = !1;
+    };
+  }, []);
+  var y = z(function(l, u) {
+    if (!S)
+      return u();
+    var e = S(l, u);
+    e && typeof e.then == "function" && e.then(u, function() {
+      return u();
+    });
+  }, [S]);
+  W(function() {
+    n === !0 && y(j, function(l) {
+      c.current && (E(l || []), f(!!p.current));
+    });
+  }, []);
+  var ue = z(function(l, u) {
+    var e = ce(l, u, A);
+    if (!e) {
+      p.current = void 0, m(""), h(""), g([]), f(!1), v(!1);
+      return;
+    }
+    if (i && d[e])
+      m(e), h(e), g(d[e]), f(!1), v(!1);
+    else {
+      var fe = p.current = {};
+      m(e), f(!0), v(!_), y(e, function(C) {
+        c && fe === p.current && (p.current = void 0, f(!1), h(e), g(C || []), v(!1), w(C ? O(O({}, d), {}, ge({}, e, C)) : d));
+      });
+    }
+  }, [i, y, _, d, A]), pe = ee ? [] : j && _ ? Z : J || [];
+  return O(O({}, P), {}, {
+    options: pe,
+    isLoading: U || B,
+    onInputChange: ue,
+    filterOption: F
+  });
+}
+var Ie = /* @__PURE__ */ he(function(t, r) {
+  var n = Ce(t), o = ve(n);
+  return /* @__PURE__ */ _e.createElement(Oe, Se({
+    ref: r
+  }, o));
+}), Ae = Ie;
+function Le({
+  onSelect: t,
+  noOptionsMessage: r,
+  initialValues: n,
+  loadAsyncValues: o,
+  ...i
+}) {
+  return /* @__PURE__ */ de.jsx(
+    Ae,
+    {
+      ...i,
+      defaultOptions: n,
+      onChange: t,
+      noOptionsMessage: () => r,
+      loadOptions: o,
+      components: me
+    }
+  );
+}
+Le.displayName = "AsyncSelectComponent";
+export {
+  Le as AsyncSelectComponent
+};