@simpli-route/apollo-ds 0.1.62 → 0.1.65

package/dist/index.es38.js

@@ -1,26 +1,10 @@
-import { j as s } from "./index.es42.js";
-import { forwardRef as f, useContext as u } from "react";
-import { useTooltip as T, mergeProps as h } from "react-aria";
-import { cn as e } from "./index.es43.js";
-import { TooltipContext as j } from "./index.es58.js";
-import { tooltipVariants as N } from "./index.es86.js";
-const P = f((p, i) => {
-  const { placement: l = "bottom", className: m, mode: o = "dark", supportText: t, children: a, ...r } = p, { state: n, ...c } = u(j), { tooltipProps: x } = T(r, n), d = e(N({ placement: l, mode: o, hasSupportText: !!t }), m);
-  return /* @__PURE__ */ s.jsxs("span", { className: d, ...h(r, x, c), ref: i, children: [
-    a,
-    t ? /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        className: e(
-          "!text-sm !font-normal !leading-[19.07px]",
-          o === "dark" ? "!text-blue-50" : "!text-neutral-700"
-        ),
-        children: t
-      }
-    ) : null
-  ] });
-});
-P.displayName = "Tooltip";
+import { j as e } from "./index.es47.js";
+import { CrossCircleIcon as r, CheckCircleIcon as o } from "./index.es49.js";
+import { cn as i } from "./index.es48.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 {
-  P as Tooltip
+  m as InputValidationIcon
 };

package/dist/index.es39.js

@@ -1,30 +1,151 @@
-import { j as i } from "./index.es42.js";
-import { useRef as a, Children as f, cloneElement as u } from "react";
-import { useTooltipTrigger as T } from "react-aria";
-import { useTooltipTriggerState as h } from "react-stately";
-import { cn as x } from "./index.es43.js";
-import { TooltipContext as d } from "./index.es58.js";
-const w = (e) => {
-  const { children: r, isDisabled: s, trigger: l, className: n } = e, t = h(e), o = a(null), { triggerProps: g, tooltipProps: m } = T({ isDisabled: s, trigger: l }, t, o), [c, p] = f.toArray(r);
-  if (!Array.isArray(r) || r.length > 2)
-    throw new Error("TooltipTrigger must have exactly 2 children");
-  return /* @__PURE__ */ i.jsxs("span", { className: x("relative inline-flex items-center", n), children: [
-    u(c, {
-      ...g,
-      ref: o
-    }),
-    /* @__PURE__ */ i.jsx(
-      d.Provider,
-      {
-        value: {
-          state: t,
-          ...m
-        },
-        children: t.isOpen ? p : null
-      }
-    )
-  ] });
+import { j as n } from "./index.es47.js";
+import { useState as y, useRef as re } from "react";
+import { TextField as oe, Text as ce, FieldError as de } from "react-aria-components";
+import { cn as V } from "./index.es48.js";
+import { Badge as ue } from "./index.es4.js";
+import "./index.es5.js";
+import "./index.es15.js";
+import { Label as fe } from "./index.es16.js";
+import { multiTextFieldContainerVariants as pe } from "./index.es72.js";
+const Ce = (K) => {
+  const {
+    label: C,
+    placeholder: L,
+    isDisabled: o = !1,
+    size: b = "sm",
+    description: D,
+    inputValue: j,
+    isInvalid: M,
+    errorMessage: N,
+    values: R,
+    onValuesChange: a,
+    onInputChange: E,
+    validateValue: i,
+    separator: r = `
+`,
+    icon: T,
+    tooltipText: O,
+    tooltipSupportText: $,
+    tooltipProps: q,
+    labelClassName: z,
+    errorClassName: _,
+    descriptionClassName: G,
+    isRequired: k = !1,
+    isReadOnly: A = !1,
+    className: H,
+    ...J
+  } = K, [Q, U] = y(""), [W, v] = y([]), [B, c] = y(!1), F = j !== void 0, m = R !== void 0, l = F ? j : Q, s = m ? R : W, d = l.trim(), X = d !== "" && s.includes(d), Y = d !== "" && i && !i(d), I = B && (X || Y), Z = s.length > 0, w = () => {
+    d !== "" && c(!0);
+  }, u = (e) => {
+    B && c(!1), F || U(e), E && E(e);
+  }, S = (e) => {
+    const t = e.trim();
+    if (!t || i && !i(t) || s.includes(t))
+      return !1;
+    const f = [...s, t];
+    return m || v(f), a && a(f), !0;
+  }, P = (e) => {
+    const t = s.filter((f) => f !== e);
+    m || v(t), a && a(t);
+  }, ee = (e) => {
+    if (e.key === "Enter")
+      e.preventDefault(), w(), l.trim() && S(l) && (u(""), c(!1));
+    else if (e.key === " " || e.key === "Tab")
+      w(), l.trim() && (S(l) ? (u(""), c(!1)) : e.preventDefault());
+    else if (e.key === "Backspace" && l === "" && s.length > 0) {
+      e.preventDefault();
+      const t = s[s.length - 1];
+      P(t), u(t), c(!1);
+    }
+  }, te = () => {
+    w();
+  }, se = (e) => {
+    const t = e.clipboardData.getData("text");
+    if (!(typeof r == "string" ? new RegExp(r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")) : r).test(t))
+      return;
+    e.preventDefault();
+    const ie = t.split(r), h = [];
+    for (const g of ie) {
+      const p = g.trim();
+      p && (!i || i(p)) && !s.includes(p) && !h.includes(p) && h.push(p);
+    }
+    if (h.length > 0) {
+      const g = [...s, ...h];
+      m || v(g), a && a(g);
+    }
+    u("");
+  }, x = (M || I) && !o, ne = re(null), le = V("text-sm leading-6 text-error-500", _), ae = V("text-xs leading-5 text-neutral-700", G);
+  return /* @__PURE__ */ n.jsxs(
+    oe,
+    {
+      className: V("flex flex-col gap-2", H),
+      isDisabled: o,
+      isReadOnly: A,
+      isRequired: k,
+      isInvalid: x,
+      ...J,
+      children: [
+        C && /* @__PURE__ */ n.jsx(
+          fe,
+          {
+            isRequired: k,
+            tooltipText: O,
+            tooltipSupportText: $,
+            tooltipProps: q,
+            labelClassName: z,
+            children: C
+          }
+        ),
+        /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            ref: ne,
+            "data-testid": "multi-text-field-container",
+            className: pe({
+              size: b,
+              isDisabled: o,
+              hasInvalidValue: I
+            }),
+            children: [
+              Z && /* @__PURE__ */ n.jsx(n.Fragment, { children: s.map((e) => /* @__PURE__ */ n.jsx(
+                ue,
+                {
+                  label: e,
+                  size: b,
+                  isDisabled: o,
+                  onDelete: () => P(e)
+                },
+                e
+              )) }),
+              /* @__PURE__ */ n.jsx(
+                "input",
+                {
+                  type: "text",
+                  value: l,
+                  placeholder: L,
+                  className: V(
+                    "min-w-[120px] flex-1 border-0 bg-transparent p-0 outline-none focus:ring-0",
+                    I && "text-error-500"
+                  ),
+                  disabled: o,
+                  readOnly: A,
+                  "aria-invalid": x,
+                  onChange: (e) => u(e.target.value),
+                  onKeyDown: ee,
+                  onBlur: te,
+                  onPaste: se
+                }
+              ),
+              T ? /* @__PURE__ */ n.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-700", children: T }) : null
+            ]
+          }
+        ),
+        D && !x && /* @__PURE__ */ n.jsx(ce, { slot: "description", className: ae, children: D }),
+        x && /* @__PURE__ */ n.jsx(de, { className: le, children: typeof N != "function" ? N : null })
+      ]
+    }
+  );
 };
 export {
-  w as TooltipTrigger
+  Ce as MultiTextField
 };

package/dist/index.es4.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es42.js";
-import { CrossCircleIcon as m } from "./index.es44.js";
+import { j as e } from "./index.es47.js";
+import { CrossCircleIcon as m } from "./index.es49.js";
 import { Button as c } from "react-aria-components";
-import { cn as l } from "./index.es43.js";
+import { cn as l } from "./index.es48.js";
 import { badgeVariants as x } from "./index.es5.js";
 const h = (n) => {
   const { label: o, onDelete: a, size: r = "xs", isDisabled: s = !1, maxLength: t } = n, i = t && o.length > t ? `${o.slice(0, t)}...` : o;

package/dist/index.es40.js

@@ -1,10 +1,90 @@
-import { j as m } from "./index.es42.js";
-import { cn as n } from "./index.es43.js";
-import { textVariants as a } from "./index.es68.js";
-function x(t) {
-  const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
-  return /* @__PURE__ */ m.jsx("p", { className: e, children: s });
+import { j as e } from "./index.es47.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.es48.js";
+import "./index.es15.js";
+import { Label as A } from "./index.es16.js";
+import { InputValidationIcon as D } from "./index.es38.js";
+import { textFieldInputVariants as M } from "./index.es72.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 {
-  x as Text
+  H as TextField
 };

package/dist/index.es41.js

@@ -1,10 +1,127 @@
-import { j as m } from "./index.es42.js";
-import { cn as c } from "./index.es43.js";
-import { titleVariants as l } from "./index.es68.js";
-function j(s) {
-  const { children: e, type: t = "h1", size: r = t, className: i, ...o } = s, n = t, a = c(l({ size: r }), i);
-  return /* @__PURE__ */ m.jsx(n, { className: a, ...o, children: e });
+import { j as e } from "./index.es47.js";
+import { ClockIcon as w } from "./index.es49.js";
+import { TimeField as A, Group as H, DateInput as J, Button as K, Text as Q, FieldError as U } from "react-aria-components";
+import { cn as a } from "./index.es48.js";
+import "./index.es15.js";
+import { Label as W } from "./index.es16.js";
+import { TimePickerPopover as X } from "./index.es21.js";
+import { TimeSegment as Y } from "./index.es22.js";
+import { useTimeField as ee } from "./index.es42.js";
+import { timeFieldGroupVariants as ae, timeFieldInputVariants as ie, timeFieldButtonVariants as se } from "./index.es73.js";
+function xe(N) {
+  const {
+    size: i = "sm",
+    icon: l,
+    label: n,
+    description: o,
+    errorMessage: m,
+    isRequired: c = !1,
+    isDisabled: r = !1,
+    isReadOnly: d = !1,
+    className: j,
+    inputClassName: v,
+    validationState: p,
+    tooltipText: F,
+    tooltipSupportText: T,
+    tooltipProps: V,
+    labelClassName: b,
+    errorClassName: O,
+    descriptionClassName: P,
+    dateSegmentClassName: k,
+    granularity: S = "minute",
+    hourCycle: u,
+    hideTimeZone: I,
+    shouldForceLeadingZeros: y,
+    placeholderValue: z,
+    minValue: L,
+    maxValue: R,
+    value: B,
+    defaultValue: D,
+    onChange: E,
+    confirmButtonLabel: G = "Ok",
+    ...Z
+  } = N, { currentValue: x, isPickerOpen: f, setIsPickerOpen: h, handleChange: g, containerRef: C } = ee({
+    value: B,
+    defaultValue: D,
+    onChange: E
+  }), t = p === "invalid" && !r, q = () => p === "valid" ? "valid" : t ? "invalid" : "default", M = a("text-sm leading-6 text-error-500", O), _ = a("text-xs leading-5 text-neutral-700", P);
+  return /* @__PURE__ */ e.jsxs(
+    A,
+    {
+      value: x,
+      className: a("flex flex-col gap-2", j),
+      isDisabled: r,
+      isReadOnly: d,
+      isRequired: c,
+      isInvalid: t,
+      granularity: S,
+      hourCycle: u,
+      hideTimeZone: I,
+      shouldForceLeadingZeros: y,
+      placeholderValue: z,
+      minValue: L,
+      maxValue: R,
+      onChange: g,
+      ...Z,
+      children: [
+        n && /* @__PURE__ */ e.jsx(
+          W,
+          {
+            isRequired: c,
+            tooltipText: F,
+            tooltipSupportText: T,
+            tooltipProps: V,
+            labelClassName: b,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          H,
+          {
+            ref: C,
+            className: ({ isFocusWithin: s, isHovered: $ }) => a(
+              ae({
+                size: i,
+                isHovered: $,
+                isFocused: s || f,
+                isDisabled: r,
+                isReadOnly: d,
+                validationState: q()
+              }),
+              v
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx(J, { className: a(ie({ size: i })), children: (s) => /* @__PURE__ */ e.jsx(Y, { segment: s, className: k }) }),
+              l ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center text-neutral-700", children: l }) : /* @__PURE__ */ e.jsx(
+                K,
+                {
+                  className: a(se({ size: i })),
+                  "aria-label": "Time Picker",
+                  onPress: () => h((s) => !s),
+                  children: /* @__PURE__ */ e.jsx(w, { className: i === "xs" ? "size-4" : i === "lg" ? "size-6" : "size-5" })
+                }
+              )
+            ]
+          }
+        ),
+        o && !t && /* @__PURE__ */ e.jsx(Q, { slot: "description", className: _, children: o }),
+        t && /* @__PURE__ */ e.jsx(U, { className: M, children: typeof m != "function" ? m : null }),
+        /* @__PURE__ */ e.jsx(
+          X,
+          {
+            isOpen: f,
+            value: x,
+            hourCycle: u,
+            containerRef: C,
+            confirmButtonLabel: G,
+            onOpenChange: h,
+            onChange: g
+          }
+        )
+      ]
+    }
+  );
 }
 export {
-  j as Title
+  xe as TimeField
 };

package/dist/index.es42.js

@@ -1,8 +1,18 @@
-import { __module as e } from "./index.es92.js";
-import { __require as r } from "./index.es93.js";
-import { __require as o } from "./index.es94.js";
-process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
-var m = e.exports;
+import { useState as u, useRef as f, useEffect as d } from "react";
+function m(a) {
+  const { value: e, defaultValue: s, onChange: n } = a, [o, r] = u(!1), [c, t] = u(e || s || null), i = f(null);
+  return d(() => {
+    e !== void 0 && t(e);
+  }, [e]), {
+    currentValue: e !== void 0 ? e : c,
+    isPickerOpen: o,
+    setIsPickerOpen: r,
+    handleChange: (l) => {
+      t(l), n == null || n(l);
+    },
+    containerRef: i
+  };
+}
 export {
-  m as j
+  m as useTimeField
 };

package/dist/index.es43.js

@@ -1,8 +1,26 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import { j as s } from "./index.es47.js";
+import { forwardRef as f, useContext as u } from "react";
+import { useTooltip as T, mergeProps as h } from "react-aria";
+import { cn as e } from "./index.es48.js";
+import { TooltipContext as j } from "./index.es60.js";
+import { tooltipVariants as N } from "./index.es98.js";
+const P = f((p, i) => {
+  const { placement: l = "bottom", className: m, mode: o = "dark", supportText: t, children: a, ...r } = p, { state: n, ...c } = u(j), { tooltipProps: x } = T(r, n), d = e(N({ placement: l, mode: o, hasSupportText: !!t }), m);
+  return /* @__PURE__ */ s.jsxs("span", { className: d, ...h(r, x, c), ref: i, children: [
+    a,
+    t ? /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: e(
+          "!text-sm !font-normal !leading-[19.07px]",
+          o === "dark" ? "!text-blue-50" : "!text-neutral-700"
+        ),
+        children: t
+      }
+    ) : null
+  ] });
+});
+P.displayName = "Tooltip";
 export {
-  n as cn
+  P as Tooltip
 };

package/dist/index.es44.js

@@ -1,33 +1,30 @@
-import { C as o } from "./index.es95.js";
-import { C as r } from "./index.es96.js";
-import { C as n } from "./index.es97.js";
-import { C as c } from "./index.es98.js";
-import { C as a } from "./index.es99.js";
-import { D as I } from "./index.es100.js";
-import { I as m } from "./index.es101.js";
-import { L as s } from "./index.es102.js";
-import { L as C } from "./index.es103.js";
-import { M as t } from "./index.es104.js";
-import { O as i } from "./index.es105.js";
-import { P as v } from "./index.es106.js";
-import { R as e } from "./index.es107.js";
-import { S as f } from "./index.es108.js";
-import { U as p } from "./index.es109.js";
-var g = o, A = r, x = n, b = c, j = a, q = I, y = m, z = s, B = C, E = t, F = i, G = v, H = e, J = f, K = p;
+import { j as i } from "./index.es47.js";
+import { useRef as a, Children as f, cloneElement as u } from "react";
+import { useTooltipTrigger as T } from "react-aria";
+import { useTooltipTriggerState as h } from "react-stately";
+import { cn as x } from "./index.es48.js";
+import { TooltipContext as d } from "./index.es60.js";
+const w = (e) => {
+  const { children: r, isDisabled: s, trigger: l, className: n } = e, t = h(e), o = a(null), { triggerProps: g, tooltipProps: m } = T({ isDisabled: s, trigger: l }, t, o), [c, p] = f.toArray(r);
+  if (!Array.isArray(r) || r.length > 2)
+    throw new Error("TooltipTrigger must have exactly 2 children");
+  return /* @__PURE__ */ i.jsxs("span", { className: x("relative inline-flex items-center", n), children: [
+    u(c, {
+      ...g,
+      ref: o
+    }),
+    /* @__PURE__ */ i.jsx(
+      d.Provider,
+      {
+        value: {
+          state: t,
+          ...m
+        },
+        children: t.isOpen ? p : null
+      }
+    )
+  ] });
+};
 export {
-  g as CalendarIcon,
-  A as CheckIcon,
-  x as ClockIcon,
-  b as CrossCircleIcon,
-  j as CrossIcon,
-  q as DownChevronIcon,
-  y as InfoIcon,
-  z as LeftArrowIcon,
-  B as LeftChevronIcon,
-  E as MinusIcon,
-  F as OptionsIcon,
-  G as PlusIcon,
-  H as RightChevronIcon,
-  J as SearchIcon,
-  K as UpChevronIcon
+  w as TooltipTrigger
 };

package/dist/index.es45.js

@@ -1,47 +1,10 @@
-import { cva as e } from "class-variance-authority";
-const t = e("flex items-center gap-0.5", {
-  variants: {},
-  defaultVariants: {}
-}), a = e(
-  "inline-flex items-center gap-1 py-1 px-2 rounded text-xs font-semibold text-blue-700 outline-none transition-colors duration-200",
-  {
-    variants: {
-      isHovered: {
-        true: "text-blue-500",
-        false: ""
-      },
-      isFocusVisible: {
-        true: "border border-primary-500 text-blue-500",
-        false: "border border-transparent"
-      },
-      isCurrent: {
-        true: "cursor-default text-blue-400",
-        false: "cursor-pointer"
-      },
-      isDisabled: {
-        true: "!cursor-not-allowed !text-neutral-600",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isHovered: !0,
-        isCurrent: !1,
-        class: "text-blue-500"
-      }
-    ],
-    defaultVariants: {
-      isHovered: !1,
-      isFocusVisible: !1,
-      isCurrent: !1
-    }
-  }
-), s = e("text-neutral-700 font-normal text-sm", {
-  variants: {},
-  defaultVariants: {}
-});
+import { j as m } from "./index.es47.js";
+import { cn as n } from "./index.es48.js";
+import { textVariants as a } from "./index.es74.js";
+function x(t) {
+  const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
+  return /* @__PURE__ */ m.jsx("p", { className: e, children: s });
+}
 export {
-  a as breadcrumbItemVariants,
-  s as breadcrumbSeparatorVariants,
-  t as breadcrumbsContainerVariants
+  x as Text
 };