@simpli-route/apollo-ds 0.1.91 → 0.2.1

package/dist/index.es4.js

@@ -1,139 +0,0 @@
-import { j as s } from "./index.es52.js";
-import { DownChevronIcon as ne } from "./index.es53.js";
-import { useState as d, useCallback as n, useMemo as ae } from "react";
-import { ComboBox as ie, Group as re, Input as ce, Text as C, Popover as me, ListBox as ue } from "react-aria-components";
-import { cn as p } from "./index.es54.js";
-import "./index.es20.js";
-import { Label as de } from "./index.es21.js";
-import { AutocompleteContext as pe } from "./index.es55.js";
-import { AutocompleteToggle as xe } from "./index.es80.js";
-import { comboBoxVariants as fe, autocompleteGroupVariants as Ie, autocompleteInputVariants as je, autocompletePopoverVariants as Ve } from "./index.es56.js";
-function Ce(L) {
-  const {
-    size: x = "sm",
-    label: O,
-    description: v,
-    errorMessage: N,
-    intent: B = "tertiary",
-    children: M,
-    items: a,
-    // destructured so it only goes to ListBox
-    defaultItems: i,
-    className: R,
-    buttonClassName: D,
-    iconClassName: G,
-    tooltipText: q,
-    tooltipProps: w,
-    isInvalid: r,
-    isDisabled: f = !1,
-    isRequired: b = !1,
-    isReadOnly: I = !1,
-    icon: z = ne,
-    onIconPress: E,
-    isLoading: F = !1,
-    placeholder: _,
-    onInputChange: l,
-    onOpenChange: c,
-    onSelectionChange: t,
-    inputValue: h,
-    selectedKey: H,
-    defaultSelectedKey: J,
-    defaultInputValue: g,
-    ...Q
-  } = L, [U, m] = d(g ?? ""), [W, j] = d(J ?? null), [X, u] = d(h ?? g ?? ""), [Y, Z] = d(!1), $ = h ?? U, K = H ?? W, P = K !== null, k = n(
-    (e, o) => {
-      Z(e), c == null || c(e, o);
-    },
-    [c]
-  ), ee = n(
-    (e) => {
-      m(e), u(e), e === "" && (j(null), t == null || t(null)), l == null || l(e);
-    },
-    [l, t]
-  ), V = ae(() => a ?? i ?? [], [a, i]), T = n((e) => {
-    const o = e;
-    return o.textValue ?? o.name ?? o.title ?? o.label ?? "";
-  }, []), te = n(
-    (e) => {
-      if (j(e), e === null)
-        m(""), u("");
-      else {
-        const y = (Array.isArray(V) ? V : []).find((oe) => {
-          const S = oe;
-          return S.id === e || S.id === String(e);
-        }) ?? null, A = y ? T(y) : String(e ?? "");
-        m(A), u(A);
-      }
-      t == null || t(e);
-    },
-    [t, V, T]
-  ), se = n(() => {
-    j(null), m(""), u(""), t == null || t(null), l == null || l("");
-  }, [t, l]), le = r === void 0 ? void 0 : r ? "invalid" : "valid";
-  return /* @__PURE__ */ s.jsx(
-    ie,
-    {
-      ...Q,
-      className: p(fe({ size: x }), R),
-      isInvalid: r,
-      isDisabled: f,
-      isReadOnly: I,
-      isRequired: b,
-      selectedKey: K,
-      inputValue: $,
-      items: a,
-      defaultItems: i,
-      onInputChange: ee,
-      onSelectionChange: te,
-      onOpenChange: k,
-      children: /* @__PURE__ */ s.jsxs(pe.Provider, { value: X, children: [
-        /* @__PURE__ */ s.jsx(de, { isRequired: b, tooltipText: q, tooltipProps: w, children: O }),
-        /* @__PURE__ */ s.jsxs(
-          re,
-          {
-            className: ({ isHovered: e }) => p(
-              Ie({
-                size: x,
-                isHovered: e,
-                isDisabled: f,
-                isReadOnly: I,
-                validationState: le,
-                intent: B
-              }),
-              D
-            ),
-            children: [
-              /* @__PURE__ */ s.jsx(
-                ce,
-                {
-                  placeholder: _,
-                  className: p(je({ size: x, isInvalid: r || void 0 }))
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                xe,
-                {
-                  hasSelection: P,
-                  isOpen: Y,
-                  isDisabled: f,
-                  isReadOnly: I,
-                  isLoading: F,
-                  iconClassName: G,
-                  icon: z,
-                  onClear: se,
-                  onIconPress: E
-                }
-              )
-            ]
-          }
-        ),
-        v && /* @__PURE__ */ s.jsx(C, { slot: "description", className: "text-xs leading-6 text-neutral-700", children: v }),
-        N && /* @__PURE__ */ s.jsx(C, { slot: "errorMessage", className: "text-sm leading-6 text-error-500", children: N }),
-        /* @__PURE__ */ s.jsx(me, { className: p(Ve()), children: /* @__PURE__ */ s.jsx(ue, { className: "p-1 outline-none", items: a ?? i, children: M }) })
-      ] })
-    }
-  );
-}
-export {
-  Ce as Autocomplete
-};

package/dist/index.es40.js

@@ -1,102 +0,0 @@
-import { j as n } from "./index.es52.js";
-import { CheckIcon as I } from "./index.es53.js";
-import { motion as f } from "framer-motion";
-import { useRef as k } from "react";
-import { useButton as D, useHover as V } from "react-aria";
-import z from "./index.es101.js";
-import B from "./index.es102.js";
-import { cn as H } from "./index.es54.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es103.js";
-const c = z(B), x = (s, e) => typeof s == "function" ? /* @__PURE__ */ n.jsx(s, { step: e || 0 }) : s, C = (s) => {
-  var t, r, o, a, i;
-  const e = (t = c == null ? void 0 : c.theme) == null ? void 0 : t.colors;
-  switch (s) {
-    case "pending":
-      return ((r = e == null ? void 0 : e.neutral) == null ? void 0 : r["500"]) || "#C7C9D1";
-    case "inProgress":
-      return ((o = e == null ? void 0 : e.blue) == null ? void 0 : o["500"]) || "#2644D9";
-    case "completed":
-      return ((a = e == null ? void 0 : e.success) == null ? void 0 : a["500"]) || "#1FB576";
-    case "error":
-      return ((i = e == null ? void 0 : e.error) == null ? void 0 : i["500"]) || "#CC4033";
-    default:
-      return "#C7C9D1";
-  }
-}, G = (s, e) => {
-  const t = C(s), r = C(e);
-  return {
-    background: `linear-gradient(to right, ${t} 50%, ${r} 50%)`
-  };
-};
-function W(s) {
-  const {
-    step: e,
-    state: t,
-    size: r,
-    icon: o,
-    completedIcon: a,
-    onPress: i,
-    nextState: h,
-    isLastStep: d,
-    allowStepClick: b = !1,
-    isDisabled: l = !1,
-    label: m
-  } = s, j = k(null), { buttonProps: g, isPressed: p } = D(
-    {
-      ...s,
-      onPress: b ? i : void 0,
-      isDisabled: l
-    },
-    j
-  ), { hoverProps: v, isHovered: u } = V({}), w = R({ size: r, state: t, isHovered: u, isPressed: p, isDisabled: l }), N = $({ size: r, state: t, isHovered: u }), P = E({ size: r }), S = x(t === "completed" ? a || /* @__PURE__ */ n.jsx(I, {}) : o, e), y = x(m, e);
-  return /* @__PURE__ */ n.jsxs("div", { className: H("flex h-full items-center", d ? "w-fit" : "w-full"), children: [
-    /* @__PURE__ */ n.jsx("div", { className: "flex h-24 w-fit items-center justify-center py-2", children: /* @__PURE__ */ n.jsxs(
-      "button",
-      {
-        className: "z-10 flex flex-col items-center whitespace-nowrap",
-        ...v,
-        ...g,
-        "data-testid": "step-button",
-        "data-state": t,
-        "aria-disabled": l,
-        children: [
-          /* @__PURE__ */ n.jsx(
-            f.div,
-            {
-              className: w,
-              "data-testid": "step-icon-container",
-              initial: !1,
-              animate: { scale: p ? 0.95 : 1 },
-              transition: { duration: 0.2 },
-              children: /* @__PURE__ */ n.jsx(
-                f.span,
-                {
-                  className: N,
-                  initial: !1,
-                  animate: {
-                    scale: t === "completed" ? [1, 1.1, 1] : 1,
-                    rotate: t === "completed" ? [0, 10, 0] : 0
-                  },
-                  transition: { duration: 0.3 },
-                  children: S
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ n.jsx("div", { className: "mt-2 flex select-none flex-col items-center justify-between", children: m ? /* @__PURE__ */ n.jsx("span", { className: P, children: y }) : null })
-        ]
-      }
-    ) }),
-    d ? null : /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        className: "mx-4 hidden h-1 w-full sm:block",
-        "data-testid": "progress-bar",
-        style: G(t, h)
-      }
-    )
-  ] });
-}
-export {
-  W as StepperStep
-};

package/dist/index.es41.js

@@ -1,80 +0,0 @@
-import { j as o } from "./index.es52.js";
-import { Switch as u } from "react-aria-components";
-import { cn as c } from "./index.es54.js";
-import { ContentSwitch as L } from "./index.es105.js";
-import { SwitchIndicator as v } from "./index.es106.js";
-import { switchVariants as b } from "./index.es76.js";
-const E = ({
-  children: f,
-  label: m,
-  description: n,
-  errorMessage: s,
-  validationState: e,
-  size: a = "md",
-  isDisabled: r = !1,
-  isSelected: t = !1,
-  onChange: h,
-  renderLabelIcon: x = null,
-  "aria-label": p,
-  "aria-describedby": l
-}) => {
-  const j = e === "invalid" && !r, w = a === "sm" ? { offLeft: 3, onLeft: 19 } : { offLeft: 4, onLeft: 28 };
-  return /* @__PURE__ */ o.jsxs(
-    "label",
-    {
-      className: c("group flex flex-row gap-2", (m || f) && n ? "items-start" : "items-center"),
-      children: [
-        /* @__PURE__ */ o.jsx(
-          u,
-          {
-            isDisabled: r,
-            isSelected: t,
-            "aria-checked": t,
-            "aria-label": p,
-            "aria-describedby": l,
-            onChange: h,
-            children: ({ isFocusVisible: d, isHovered: i }) => /* @__PURE__ */ o.jsx(
-              "div",
-              {
-                className: c(
-                  b({
-                    isSelected: t,
-                    isDisabled: r,
-                    isFocusVisible: d,
-                    size: a,
-                    isHoveredWhenOff: i && !t
-                  })
-                ),
-                children: /* @__PURE__ */ o.jsx(
-                  v,
-                  {
-                    isSelected: t,
-                    isDisabled: r,
-                    isHovered: i,
-                    size: a,
-                    dimensions: w
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          L,
-          {
-            label: m,
-            description: n,
-            errorMessage: s,
-            isDisabled: r,
-            isInvalid: j,
-            renderLabelIcon: x,
-            children: f
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  E as Switch
-};

package/dist/index.es42.js

@@ -1,47 +0,0 @@
-import { j as s } from "./index.es52.js";
-import { useRef as b } from "react";
-import { useTabList as d } from "react-aria";
-import { useTabListState as u, Item as N } from "react-stately";
-import { cn as e } from "./index.es54.js";
-import { Tab as j } from "./index.es107.js";
-import { TabPanel as h } from "./index.es108.js";
-import { tabsVariants as T } from "./index.es109.js";
-const v = (a) => {
-  var l;
-  const {
-    rootClassName: m,
-    tabClassName: n,
-    tabPanelClassName: c,
-    orientation: o = "horizontal",
-    id: f = void 0,
-    isDisabled: p
-  } = a, t = u(a), r = b(null), { tabListProps: x } = d(a, t, r);
-  return /* @__PURE__ */ s.jsxs("div", { className: e(T({ orientation: o }), m), children: [
-    /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ...x,
-        ref: r,
-        className: e("flex", o === "horizontal" ? "flex-row flex-wrap" : "flex-col"),
-        children: [...t.collection].map((i) => /* @__PURE__ */ s.jsx(j, { item: i, state: t, orientation: o, className: n, id: f }, i.key))
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      h,
-      {
-        state: t,
-        className: e(
-          "p-2",
-          o === "horizontal" ? "pl-2" : "pt-2",
-          p ? "cursor-not-allowed opacity-50" : "",
-          c
-        )
-      },
-      (l = t.selectedItem) == null ? void 0 : l.key
-    )
-  ] });
-};
-v.Item = N;
-export {
-  v as Tabs
-};

package/dist/index.es43.js

@@ -1,10 +0,0 @@
-import { j as e } from "./index.es52.js";
-import { CrossCircleIcon as r, CheckCircleIcon as o } from "./index.es53.js";
-import { cn as i } from "./index.es54.js";
-function m(n) {
-  const { className: t, validationState: s } = n;
-  return s === "invalid" ? /* @__PURE__ */ e.jsx("div", { className: i("pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", t), children: /* @__PURE__ */ e.jsx(r, { className: "size-6 text-error-500" }) }) : s === "valid" ? /* @__PURE__ */ e.jsx("div", { className: i("pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", t), children: /* @__PURE__ */ e.jsx(o, { className: "size-6 text-success-500" }) }) : null;
-}
-export {
-  m as InputValidationIcon
-};

package/dist/index.es44.js

@@ -1,165 +0,0 @@
-import { j as s } from "./index.es52.js";
-import { useState as j, useRef as ce } from "react";
-import { TextField as fe, Text as pe, FieldError as me } from "react-aria-components";
-import { cn as b } from "./index.es54.js";
-import { Badge as xe } from "./index.es6.js";
-import "./index.es7.js";
-import "./index.es20.js";
-import { Label as he } from "./index.es21.js";
-import { multiTextFieldContainerVariants as ge } from "./index.es77.js";
-const je = (z) => {
-  const {
-    label: T,
-    placeholder: _,
-    isDisabled: c = !1,
-    size: E = "sm",
-    description: R,
-    inputValue: A,
-    isInvalid: G,
-    errorMessage: I,
-    invalidInputErrorMessage: k,
-    values: B,
-    onValuesChange: a,
-    onInputChange: F,
-    validateValue: r,
-    separator: i = `
-`,
-    icon: M,
-    tooltipText: H,
-    tooltipSupportText: J,
-    tooltipProps: Q,
-    labelClassName: U,
-    errorClassName: W,
-    descriptionClassName: X,
-    isRequired: S = !1,
-    isReadOnly: P = !1,
-    className: Y,
-    inputType: K = "text",
-    inputMax: N,
-    inputMin: w,
-    ...Z
-  } = z, [ee, te] = j(""), [ne, y] = j([]), [L, o] = j(!1), O = A !== void 0, x = B !== void 0, l = O ? A : ee, n = x ? B : ne, f = l.trim(), se = f !== "" && n.includes(f), le = f !== "" && r && !r(f), h = L && (se || le), ae = n.length > 0, C = () => {
-    f !== "" && o(!0);
-  }, u = (e) => {
-    L && o(!1), O || te(e), F && F(e);
-  }, D = (e) => {
-    const t = e.trim();
-    if (!t)
-      return !1;
-    if (K === "number") {
-      const p = Number(t);
-      if (Number.isNaN(p) || w !== void 0 && p < Number(w) || N !== void 0 && p > Number(N))
-        return !1;
-    }
-    if (r && !r(t) || n.includes(t))
-      return !1;
-    const d = [...n, t];
-    return x || y(d), a && a(d), !0;
-  }, $ = (e) => {
-    const t = n.filter((d) => d !== e);
-    x || y(t), a && a(t);
-  }, re = (e) => {
-    if (e.key === "Enter")
-      e.preventDefault(), C(), l.trim() && D(l) && (u(""), o(!1));
-    else if (e.key === " " || e.key === "Tab")
-      C(), l.trim() && (D(l) ? (u(""), o(!1)) : e.preventDefault());
-    else if (e.key === "Backspace" && l === "" && n.length > 0) {
-      e.preventDefault();
-      const t = n[n.length - 1];
-      $(t), u(t), o(!1);
-    }
-  }, ie = (e) => {
-    var t;
-    (t = q.current) != null && t.contains(e.relatedTarget) || (C(), l.trim() && D(l) && (u(""), o(!1)));
-  }, oe = (e) => {
-    const t = e.clipboardData.getData("text");
-    if (!(typeof i == "string" ? new RegExp(i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")) : i).test(t))
-      return;
-    e.preventDefault();
-    const p = t.split(i), V = [];
-    for (const v of p) {
-      const m = v.trim();
-      m && (!r || r(m)) && !n.includes(m) && !V.includes(m) && V.push(m);
-    }
-    if (V.length > 0) {
-      const v = [...n, ...V];
-      x || y(v), a && a(v);
-    }
-    u("");
-  }, g = (G || h) && !c, q = ce(null), ue = b("text-sm leading-6 text-error-500", W), de = b("text-xs leading-5 text-neutral-700", X);
-  return /* @__PURE__ */ s.jsxs(
-    fe,
-    {
-      className: b("flex flex-col gap-2", Y),
-      isDisabled: c,
-      isReadOnly: P,
-      isRequired: S,
-      isInvalid: g,
-      ...Z,
-      children: [
-        T && /* @__PURE__ */ s.jsx(
-          he,
-          {
-            isRequired: S,
-            tooltipText: H,
-            tooltipSupportText: J,
-            tooltipProps: Q,
-            labelClassName: U,
-            children: T
-          }
-        ),
-        /* @__PURE__ */ s.jsxs(
-          "div",
-          {
-            ref: q,
-            "data-testid": "multi-text-field-container",
-            className: ge({
-              size: E,
-              isDisabled: c,
-              hasInvalidValue: h
-            }),
-            children: [
-              ae && /* @__PURE__ */ s.jsx(s.Fragment, { children: n.map((e) => /* @__PURE__ */ s.jsx(
-                xe,
-                {
-                  label: e,
-                  size: E,
-                  isDisabled: c,
-                  onDelete: () => $(e)
-                },
-                e
-              )) }),
-              /* @__PURE__ */ s.jsx(
-                "input",
-                {
-                  type: K,
-                  max: N,
-                  min: w,
-                  value: l,
-                  placeholder: _,
-                  className: b(
-                    "min-w-[120px] flex-1 border-0 bg-transparent p-0 outline-none focus:ring-0",
-                    h && "text-error-500"
-                  ),
-                  disabled: c,
-                  readOnly: P,
-                  "aria-invalid": g,
-                  onChange: (e) => u(e.target.value),
-                  onKeyDown: re,
-                  onBlur: ie,
-                  onPaste: oe
-                }
-              ),
-              M ? /* @__PURE__ */ s.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-700", children: M }) : null
-            ]
-          }
-        ),
-        R && !g && /* @__PURE__ */ s.jsx(pe, { slot: "description", className: de, children: R }),
-        g && /* @__PURE__ */ s.jsx(me, { className: ue, children: I ? typeof I != "function" ? I : null : h && k ? k : null })
-      ]
-    }
-  );
-};
-export {
-  je as MultiTextField
-};

package/dist/index.es45.js

@@ -1,90 +0,0 @@
-import { j as e } from "./index.es52.js";
-import { TextField as S, TextArea as V, Input as q, Text as w, FieldError as z } from "react-aria-components";
-import { cn as i } from "./index.es54.js";
-import "./index.es20.js";
-import { Label as A } from "./index.es21.js";
-import { InputValidationIcon as D } from "./index.es43.js";
-import { textFieldInputVariants as M } from "./index.es77.js";
-function H(u) {
-  const {
-    size: N = "sm",
-    icon: l,
-    label: n,
-    description: c,
-    errorMessage: m,
-    placeholder: x,
-    isRequired: p = !1,
-    isDisabled: r = !1,
-    isReadOnly: d = !1,
-    className: j,
-    inputClassName: h,
-    validationState: a,
-    tooltipText: C,
-    tooltipSupportText: I,
-    tooltipProps: T,
-    labelClassName: b,
-    errorClassName: g,
-    descriptionClassName: v,
-    multiline: F = !1,
-    rows: y,
-    ...R
-  } = u, o = a === "invalid" && !r, f = (s, t) => i(
-    M({
-      size: N,
-      isHovered: s,
-      isFocused: t,
-      isDisabled: r,
-      isReadOnly: d,
-      validationState: a,
-      hasIcon: !!l || !!a
-    }),
-    h
-  ), E = i("text-sm leading-6 text-error-500", g), L = i("text-xs leading-5 text-neutral-700", v);
-  return /* @__PURE__ */ e.jsxs(
-    S,
-    {
-      className: i("flex flex-col gap-2", j),
-      isDisabled: r,
-      isReadOnly: d,
-      isRequired: p,
-      isInvalid: o,
-      ...R,
-      children: [
-        n && /* @__PURE__ */ e.jsx(
-          A,
-          {
-            isRequired: p,
-            tooltipText: C,
-            tooltipSupportText: I,
-            tooltipProps: T,
-            labelClassName: b,
-            children: n
-          }
-        ),
-        /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          F ? /* @__PURE__ */ e.jsx(
-            V,
-            {
-              placeholder: x,
-              rows: y,
-              className: ({ isHovered: s, isFocused: t }) => f(s, t)
-            }
-          ) : /* @__PURE__ */ e.jsx(
-            q,
-            {
-              placeholder: x,
-              className: ({ isHovered: s, isFocused: t }) => f(s, t)
-            }
-          ),
-          l && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-700", children: l }),
-          !l && /* @__PURE__ */ e.jsx(D, { validationState: a })
-        ] }),
-        c && !o && /* @__PURE__ */ e.jsx(w, { slot: "description", className: L, children: c }),
-        o && /* @__PURE__ */ e.jsx(z, { className: E, children: typeof m != "function" ? m : null })
-      ]
-    }
-  );
-}
-export {
-  H as TextField
-};