@apipass/design-system 1.6.0 → 1.6.2

package/dist/lib/index.js

@@ -620,8 +620,8 @@ function ge(e, r) {
     var n, i, s, a, d = [], u = !0, C = !1;
     try {
       if (s = (o = o.call(e)).next, r !== 0) for (; !(u = (n = s.call(o)).done) && (d.push(n.value), d.length !== r); u = !0) ;
-    } catch (f) {
-      C = !0, i = f;
+    } catch (k) {
+      C = !0, i = k;
     } finally {
       try {
         if (!u && o.return != null && (a = o.return(), Object(a) !== a)) return;
@@ -802,8 +802,8 @@ function Te(e) {
     current: e
   }, n = _3(Oe)(o, r), i = _3(Se)(o), s = _3(E3.changes)(e), a = _3(Ee)(o);
   function d() {
-    var C = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(f) {
-      return f;
+    var C = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(k) {
+      return k;
     };
     return E3.selector(C), C(o.current);
   }
@@ -1027,46 +1027,46 @@ function f9(e, r, o, n) {
 function q6(e, r) {
   return e.Uri.parse(r);
 }
-function L9({ original: e, modified: r, language: o, originalLanguage: n, modifiedLanguage: i, originalModelPath: s, modifiedModelPath: a, keepCurrentOriginalModel: d = !1, keepCurrentModifiedModel: u = !1, theme: C = "light", loading: f = "Loading...", options: p = {}, height: b = "100%", width: V = "100%", className: M, wrapperProps: g = {}, beforeMount: W = $3, onMount: y = $3 }) {
+function L9({ original: e, modified: r, language: o, originalLanguage: n, modifiedLanguage: i, originalModelPath: s, modifiedModelPath: a, keepCurrentOriginalModel: d = !1, keepCurrentModifiedModel: u = !1, theme: C = "light", loading: k = "Loading...", options: p = {}, height: b = "100%", width: V = "100%", className: M, wrapperProps: g = {}, beforeMount: W = $3, onMount: y = $3 }) {
   let [j, X] = E(!1), [Q, I] = E(!0), Z = v(null), N = v(null), n3 = v(null), T = v(y), H = v(W), J = v(!1);
   U6(() => {
-    let k = z6.init();
-    return k.then((w) => (N.current = w) && I(!1)).catch((w) => (w == null ? void 0 : w.type) !== "cancelation" && console.error("Monaco initialization: error:", w)), () => Z.current ? c3() : k.cancel();
+    let f = z6.init();
+    return f.then((w) => (N.current = w) && I(!1)).catch((w) => (w == null ? void 0 : w.type) !== "cancelation" && console.error("Monaco initialization: error:", w)), () => Z.current ? c3() : f.cancel();
   }), A(() => {
     if (Z.current && N.current) {
-      let k = Z.current.getOriginalEditor(), w = g3(N.current, e || "", n || o || "text", s || "");
-      w !== k.getModel() && k.setModel(w);
+      let f = Z.current.getOriginalEditor(), w = g3(N.current, e || "", n || o || "text", s || "");
+      w !== f.getModel() && f.setModel(w);
     }
   }, [s], j), A(() => {
     if (Z.current && N.current) {
-      let k = Z.current.getModifiedEditor(), w = g3(N.current, r || "", i || o || "text", a || "");
-      w !== k.getModel() && k.setModel(w);
+      let f = Z.current.getModifiedEditor(), w = g3(N.current, r || "", i || o || "text", a || "");
+      w !== f.getModel() && f.setModel(w);
     }
   }, [a], j), A(() => {
-    let k = Z.current.getModifiedEditor();
-    k.getOption(N.current.editor.EditorOption.readOnly) ? k.setValue(r || "") : r !== k.getValue() && (k.executeEdits("", [{ range: k.getModel().getFullModelRange(), text: r || "", forceMoveMarkers: !0 }]), k.pushUndoStop());
+    let f = Z.current.getModifiedEditor();
+    f.getOption(N.current.editor.EditorOption.readOnly) ? f.setValue(r || "") : r !== f.getValue() && (f.executeEdits("", [{ range: f.getModel().getFullModelRange(), text: r || "", forceMoveMarkers: !0 }]), f.pushUndoStop());
   }, [r], j), A(() => {
-    var k, w;
-    (w = (k = Z.current) == null ? void 0 : k.getModel()) == null || w.original.setValue(e || "");
+    var f, w;
+    (w = (f = Z.current) == null ? void 0 : f.getModel()) == null || w.original.setValue(e || "");
   }, [e], j), A(() => {
-    let { original: k, modified: w } = Z.current.getModel();
-    N.current.editor.setModelLanguage(k, n || o || "text"), N.current.editor.setModelLanguage(w, i || o || "text");
+    let { original: f, modified: w } = Z.current.getModel();
+    N.current.editor.setModelLanguage(f, n || o || "text"), N.current.editor.setModelLanguage(w, i || o || "text");
   }, [o, n, i], j), A(() => {
-    var k;
-    (k = N.current) == null || k.editor.setTheme(C);
+    var f;
+    (f = N.current) == null || f.editor.setTheme(C);
   }, [C], j), A(() => {
-    var k;
-    (k = Z.current) == null || k.updateOptions(p);
+    var f;
+    (f = Z.current) == null || f.updateOptions(p);
   }, [p], j);
   let i3 = O(() => {
     var U;
     if (!N.current) return;
     H.current(N.current);
-    let k = g3(N.current, e || "", n || o || "text", s || ""), w = g3(N.current, r || "", i || o || "text", a || "");
-    (U = Z.current) == null || U.setModel({ original: k, modified: w });
+    let f = g3(N.current, e || "", n || o || "text", s || ""), w = g3(N.current, r || "", i || o || "text", a || "");
+    (U = Z.current) == null || U.setModel({ original: f, modified: w });
   }, [o, r, i, e, n, s, a]), a3 = O(() => {
-    var k;
-    !J.current && n3.current && (Z.current = N.current.editor.createDiffEditor(n3.current, { automaticLayout: !0, ...p }), i3(), (k = N.current) == null || k.editor.setTheme(C), X(!0), J.current = !0);
+    var f;
+    !J.current && n3.current && (Z.current = N.current.editor.createDiffEditor(n3.current, { automaticLayout: !0, ...p }), i3(), (f = N.current) == null || f.editor.setTheme(C), X(!0), J.current = !0);
   }, [p, C, i3]);
   x(() => {
     j && T.current(Z.current, N.current);
@@ -1075,10 +1075,10 @@ function L9({ original: e, modified: r, language: o, originalLanguage: n, modifi
   }, [Q, j, a3]);
   function c3() {
     var w, U, q, Y;
-    let k = (w = Z.current) == null ? void 0 : w.getModel();
-    d || ((U = k == null ? void 0 : k.original) == null || U.dispose()), u || ((q = k == null ? void 0 : k.modified) == null || q.dispose()), (Y = Z.current) == null || Y.dispose();
+    let f = (w = Z.current) == null ? void 0 : w.getModel();
+    d || ((U = f == null ? void 0 : f.original) == null || U.dispose()), u || ((q = f == null ? void 0 : f.modified) == null || q.dispose()), (Y = Z.current) == null || Y.dispose();
   }
-  return $.createElement(G6, { width: V, height: b, isEditorReady: j, loading: f, _ref: n3, className: M, wrapperProps: g });
+  return $.createElement(G6, { width: V, height: b, isEditorReady: j, loading: k, _ref: n3, className: M, wrapperProps: g });
 }
 var g9 = L9;
 h6(g9);
@@ -1089,8 +1089,8 @@ function v9(e) {
   }, [e]), r.current;
 }
 var M9 = v9, S3 = /* @__PURE__ */ new Map();
-function m9({ defaultValue: e, defaultLanguage: r, defaultPath: o, value: n, language: i, path: s, theme: a = "light", line: d, loading: u = "Loading...", options: C = {}, overrideServices: f = {}, saveViewState: p = !0, keepCurrentModel: b = !1, width: V = "100%", height: M = "100%", className: g, wrapperProps: W = {}, beforeMount: y = $3, onMount: j = $3, onChange: X, onValidate: Q = $3 }) {
-  let [I, Z] = E(!1), [N, n3] = E(!0), T = v(null), H = v(null), J = v(null), i3 = v(j), a3 = v(y), c3 = v(), k = v(n), w = M9(s), U = v(!1), q = v(!1);
+function m9({ defaultValue: e, defaultLanguage: r, defaultPath: o, value: n, language: i, path: s, theme: a = "light", line: d, loading: u = "Loading...", options: C = {}, overrideServices: k = {}, saveViewState: p = !0, keepCurrentModel: b = !1, width: V = "100%", height: M = "100%", className: g, wrapperProps: W = {}, beforeMount: y = $3, onMount: j = $3, onChange: X, onValidate: Q = $3 }) {
+  let [I, Z] = E(!1), [N, n3] = E(!0), T = v(null), H = v(null), J = v(null), i3 = v(j), a3 = v(y), c3 = v(), f = v(n), w = M9(s), U = v(!1), q = v(!1);
   U6(() => {
     let m = z6.init();
     return m.then((P) => (T.current = P) && n3(!1)).catch((P) => (P == null ? void 0 : P.type) !== "cancelation" && console.error("Monaco initialization: error:", P)), () => H.current ? b3() : m.cancel();
@@ -1119,14 +1119,14 @@ function m9({ defaultValue: e, defaultLanguage: r, defaultPath: o, value: n, lan
     if (!(!J.current || !T.current) && !U.current) {
       a3.current(T.current);
       let P = s || o, L = g3(T.current, n || e || "", r || i || "", P || "");
-      H.current = (m = T.current) == null ? void 0 : m.editor.create(J.current, { model: L, automaticLayout: !0, ...C }, f), p && H.current.restoreViewState(S3.get(P)), T.current.editor.setTheme(a), d !== void 0 && H.current.revealLine(d), Z(!0), U.current = !0;
+      H.current = (m = T.current) == null ? void 0 : m.editor.create(J.current, { model: L, automaticLayout: !0, ...C }, k), p && H.current.restoreViewState(S3.get(P)), T.current.editor.setTheme(a), d !== void 0 && H.current.revealLine(d), Z(!0), U.current = !0;
     }
-  }, [e, r, o, n, i, s, C, f, p, a, d]);
+  }, [e, r, o, n, i, s, C, k, p, a, d]);
   x(() => {
     I && i3.current(H.current, T.current);
   }, [I]), x(() => {
     !N && !I && Y();
-  }, [N, I, Y]), k.current = n, x(() => {
+  }, [N, I, Y]), f.current = n, x(() => {
     var m, P;
     I && X && ((m = c3.current) == null || m.dispose(), c3.current = (P = H.current) == null ? void 0 : P.onDidChangeModelContent((L) => {
       q.current || X(H.current.getValue(), L);
@@ -1166,11 +1166,11 @@ function K6({
   isReadOnly: d = !1,
   options: u,
   className: C,
-  editorRef: f
+  editorRef: k
 }) {
   const [p, b] = E(!1), V = v(null);
   function M(W, y) {
-    f && (f.current = W), W.onDidFocusEditorWidget(() => b(!0)), W.onDidBlurEditorWidget(() => b(!1));
+    k && (k.current = W), W.onDidFocusEditorWidget(() => b(!0)), W.onDidBlurEditorWidget(() => b(!1));
   }
   const g = h("code-editor-wrapper", C, {
     "code-editor-focused": p,
@@ -1234,12 +1234,12 @@ function wo({
 }) {
   const d = v(null), u = !i && !s;
   function C() {
-    var f, p;
+    var k, p;
     if (o) {
       o();
       return;
     }
-    (p = (f = d.current) == null ? void 0 : f.getAction("editor.action.formatDocument")) == null || p.run();
+    (p = (k = d.current) == null ? void 0 : k.getAction("editor.action.formatDocument")) == null || p.run();
   }
   return /* @__PURE__ */ l("div", { className: h("code-editor-panel", n), children: [
     u && /* @__PURE__ */ l("div", { className: "code-editor-panel-header", children: [
@@ -2019,8 +2019,8 @@ function T9({ className: e, ...r }) {
 const E9 = $.forwardRef(function({ className: r, results: o, onSearch: n, ...i }, s) {
   const [a, d] = E(""), u = v(null), C = (p) => {
     d(p), n && n(p);
-  }, f = h(r, "search-input-container");
-  return /* @__PURE__ */ l(S1, { className: f, children: [
+  }, k = h(r, "search-input-container");
+  return /* @__PURE__ */ l(S1, { className: k, children: [
     /* @__PURE__ */ t(R, { hidden: !0, children: i["aria-label"] || "Search" }),
     /* @__PURE__ */ t(
       o1,
@@ -2362,7 +2362,7 @@ function V7({
     `section-variant-${a.variant}`,
     `section-padding-top-${s || n}`,
     `section-padding-bottom-${i || n}`
-  ), f = a.variant === "image" ? /* @__PURE__ */ t(
+  ), k = a.variant === "image" ? /* @__PURE__ */ t(
     I9,
     {
       alt: "Background image",
@@ -2376,19 +2376,19 @@ function V7({
   switch (o) {
     case "section":
       return /* @__PURE__ */ l("section", { className: C, ...u, children: [
-        f,
+        k,
         " ",
         e
       ] });
     case "header":
       return /* @__PURE__ */ l("header", { className: C, ...u, children: [
-        f,
+        k,
         " ",
         e
       ] });
     case "footer":
       return /* @__PURE__ */ l("footer", { className: C, ...u, children: [
-        f,
+        k,
         " ",
         e
       ] });
@@ -2405,7 +2405,7 @@ function _7({
   container: d = !1,
   justifyItems: u = "stretch",
   alignItems: C = "stretch",
-  style: f = {},
+  style: k = {},
   ...p
 }) {
   const b = h(
@@ -2419,7 +2419,7 @@ function _7({
     s && `grid-row-gap-${s}`,
     a && `grid-flow-${a.replace(" ", "-")}`
   ), V = {
-    ...f,
+    ...k,
     display: "grid",
     gridTemplateColumns: r,
     gridTemplateRows: o,
@@ -3071,14 +3071,14 @@ function Z0(e, r, o) {
   }, [
     a
   ]);
-  let d = a ? e : n, u = O((C, ...f) => {
+  let d = a ? e : n, u = O((C, ...k) => {
     let p = (b, ...V) => {
       o && (Object.is(d, b) || o(b, ...V)), a || (d = b);
     };
     typeof C == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), i((V, ...M) => {
       let g = C(a ? d : V, ...M);
-      return p(g, ...f), a ? V : g;
-    })) : (a || i(C), p(C, ...f));
+      return p(g, ...k), a ? V : g;
+    })) : (a || i(C), p(C, ...k));
   }, [
     a,
     d,
@@ -3215,8 +3215,8 @@ function B0(e) {
     n,
     i
   ]), a = T0(s), d = O((u) => {
-    const C = f3(u.target), f = C ? R3(C) : R3();
-    u.target === u.currentTarget && f === M0(u.nativeEvent) && (o && o(u), i && i(!0), a(u));
+    const C = f3(u.target), k = C ? R3(C) : R3();
+    u.target === u.currentTarget && k === M0(u.nativeEvent) && (o && o(u), i && i(!0), a(u));
   }, [
     i,
     o,
@@ -3307,7 +3307,7 @@ function K0(e) {
     target: null
   }).current;
   x(q0, []);
-  let { addGlobalListener: u, removeAllGlobalListeners: C } = N0(), { hoverProps: f, triggerHoverEnd: p } = y3(() => {
+  let { addGlobalListener: u, removeAllGlobalListeners: C } = N0(), { hoverProps: k, triggerHoverEnd: p } = y3(() => {
     let b = (g, W) => {
       if (d.pointerType = W, i || W === "touch" || d.isHovered || !g.currentTarget.contains(g.target)) return;
       d.isHovered = !0;
@@ -3359,7 +3359,7 @@ function K0(e) {
   }, [
     i
   ]), {
-    hoverProps: f,
+    hoverProps: k,
     isHovered: s
   };
 }
@@ -3381,7 +3381,7 @@ function X0(e, r, o) {
     o,
     r
   ]);
-  let f = () => {
+  let k = () => {
     i !== "focus" && (p1() === "pointer" ? a.current = !0 : a.current = !1, u());
   }, p = () => {
     i !== "focus" && (d.current = !1, a.current = !1, C());
@@ -3393,7 +3393,7 @@ function X0(e, r, o) {
     d.current = !1, a.current = !1, C(!0);
   }, { hoverProps: g } = K0({
     isDisabled: n,
-    onHoverStart: f,
+    onHoverStart: k,
     onHoverEnd: p
   }), { focusableProps: W } = U0({
     isDisabled: n,
@@ -3443,10 +3443,10 @@ let h3 = {}, Y0 = 0, V3 = !1, e3 = null, u3 = null;
 function e2(e = {}) {
   let { delay: r = J0, closeDelay: o = W6 } = e, { isOpen: n, open: i, close: s } = Q0(e), a = y3(() => `${++Y0}`, []), d = v(null), u = v(s), C = () => {
     h3[a] = b;
-  }, f = () => {
+  }, k = () => {
     for (let M in h3) M !== a && (h3[M](!0), delete h3[M]);
   }, p = () => {
-    d.current && clearTimeout(d.current), d.current = null, f(), C(), V3 = !0, i(), e3 && (clearTimeout(e3), e3 = null), u3 && (clearTimeout(u3), u3 = null);
+    d.current && clearTimeout(d.current), d.current = null, k(), C(), V3 = !0, i(), e3 && (clearTimeout(e3), e3 = null), u3 && (clearTimeout(u3), u3 = null);
   }, b = (M) => {
     M || o <= 0 ? (d.current && clearTimeout(d.current), d.current = null, u.current()) : d.current || (d.current = setTimeout(() => {
       d.current = null, u.current();
@@ -3454,7 +3454,7 @@ function e2(e = {}) {
       delete h3[a], u3 = null, V3 = !1;
     }, Math.max(W6, o)));
   }, V = () => {
-    f(), C(), !n && !e3 && !V3 ? e3 = setTimeout(() => {
+    k(), C(), !n && !e3 && !V3 ? e3 = setTimeout(() => {
       e3 = null, V3 = !0, p();
     }, r) : n || p();
   };
@@ -3483,7 +3483,7 @@ function t2({
   closeDelay: s,
   placement: a
 }) {
-  const d = e2({ delay: i, closeDelay: s }), u = v(null), { triggerProps: C, tooltipProps: f } = X0(
+  const d = e2({ delay: i, closeDelay: s }), u = v(null), { triggerProps: C, tooltipProps: k } = X0(
     {},
     d,
     u
@@ -3493,7 +3493,7 @@ function t2({
     /* @__PURE__ */ t(se.Provider, { value: d, children: /* @__PURE__ */ l(
       le,
       {
-        ...f,
+        ...k,
         triggerRef: u,
         className: p,
         offset: n,
@@ -3585,11 +3585,11 @@ function D7({
   isDanger: d = !1,
   isLoading: u = !1,
   onConfirm: C,
-  onClose: f
+  onClose: k
 }) {
   const [p, b] = E(""), V = n ? p === n : !0;
   function M() {
-    b(""), f();
+    b(""), k();
   }
   function g() {
     V && (b(""), C());
@@ -3728,7 +3728,7 @@ function s2({
   isLoading: d = !1,
   loadingMessage: u = "Loading...",
   emptyMessage: C = "No records found",
-  previousLabel: f = "Previous",
+  previousLabel: k = "Previous",
   nextLabel: p = "Next",
   pageSize: b = 10,
   nestedColumns: V,
@@ -3741,7 +3741,7 @@ function s2({
   nestedPageSize: Q
 }) {
   const [I, Z] = E(""), [N, n3] = E(1), [T, H] = E(/* @__PURE__ */ new Set()), [J, i3] = E(/* @__PURE__ */ new Map()), a3 = !!M && !!V, c3 = !!n;
-  function k(L) {
+  function f(L) {
     const _ = L.id;
     H((S) => {
       const d3 = new Set(S);
@@ -3817,7 +3817,7 @@ function s2({
                 className: "data-table-expand-btn",
                 "aria-label": _ ? "Collapse row" : "Expand row",
                 "aria-expanded": _,
-                onClick: () => k(L),
+                onClick: () => f(L),
                 children: _ ? /* @__PURE__ */ t(Z3, { size: "16" }) : /* @__PURE__ */ t(he, { size: "16" })
               }
             ) }),
@@ -3849,7 +3849,7 @@ function s2({
         currentPage: b3,
         totalPages: Y,
         onPageChange: n3,
-        previousLabel: f,
+        previousLabel: k,
         nextLabel: p
       }
     )
@@ -3862,16 +3862,17 @@ function A7({
   cancelLabel: n = "Cancel",
   isLoading: i = !1,
   isSubmitDisabled: s = !1,
-  onSubmit: a,
-  onClose: d,
-  children: u
+  size: a = "medium",
+  onSubmit: d,
+  onClose: u,
+  children: C
 }) {
-  return e ? /* @__PURE__ */ t(k6, { isOpen: e, onOpenChange: (C) => !C && d(), children: /* @__PURE__ */ l(p6, { children: [
+  return e ? /* @__PURE__ */ t(k6, { isOpen: e, onOpenChange: (k) => !k && u(), children: /* @__PURE__ */ l(p6, { className: h("form-modal", `form-modal--${a}`), children: [
     /* @__PURE__ */ l(t3, { direction: "row", alignPrimary: "space-between", alignSecondary: "center", children: [
       /* @__PURE__ */ t(e1, { children: r }),
-      /* @__PURE__ */ t(Y6, { onPress: d })
+      /* @__PURE__ */ t(Y6, { onPress: u })
     ] }),
-    /* @__PURE__ */ t(t1, { children: /* @__PURE__ */ t(t3, { direction: "column", gap: "300", children: u }) }),
+    /* @__PURE__ */ t(t1, { children: /* @__PURE__ */ t(t3, { direction: "column", gap: "300", children: C }) }),
     /* @__PURE__ */ l(
       t3,
       {
@@ -3880,12 +3881,12 @@ function A7({
         alignPrimary: "end",
         className: "form-modal-footer",
         children: [
-          /* @__PURE__ */ t(z, { variant: "neutral", onPress: d, isDisabled: i, children: n }),
+          /* @__PURE__ */ t(z, { variant: "neutral", onPress: u, isDisabled: i, children: n }),
           /* @__PURE__ */ t(
             z,
             {
               variant: "primary",
-              onPress: a,
+              onPress: d,
               isDisabled: s || i,
               children: i ? "..." : o
             }