@simpli-route/apollo-ds 0.1.64 → 0.1.65

package/dist/index.es3.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es46.js";
-import { MinusIcon as p, PlusIcon as x } from "./index.es48.js";
-import { cn as e } from "./index.es47.js";
+import { j as r } from "./index.es47.js";
+import { MinusIcon as p, PlusIcon as x } from "./index.es49.js";
+import { cn as e } from "./index.es48.js";
 const h = ({
   label: t,
   section: n,

package/dist/index.es30.js

@@ -1,12 +1,12 @@
-import { j as s } from "./index.es46.js";
+import { j as s } from "./index.es47.js";
 import { forwardRef as k, useState as h } from "react";
 import { useFilter as w, Select as G, Popover as H } from "react-aria-components";
-import { cn as c } from "./index.es47.js";
+import { cn as c } from "./index.es48.js";
 import "./index.es15.js";
 import { Label as J } from "./index.es16.js";
-import { PopoverContent as K } from "./index.es72.js";
-import { SelectContent as Q } from "./index.es86.js";
-import { selectInputPopoverVariants as U } from "./index.es54.js";
+import { PopoverContent as K } from "./index.es76.js";
+import { SelectContent as Q } from "./index.es81.js";
+import { selectInputPopoverVariants as U } from "./index.es57.js";
 const W = (S, b) => {
   const {
     label: p,

package/dist/index.es31.js

@@ -1,9 +1,9 @@
-import { j as m } from "./index.es46.js";
+import { j as m } from "./index.es47.js";
 import { useState as q, useEffect as x } from "react";
 import { Slider as z, SliderTrack as B } from "react-aria-components";
-import { cn as F } from "./index.es47.js";
-import { SliderContainerTrack as G } from "./index.es87.js";
-import { validateMinDistance as H } from "./index.es88.js";
+import { cn as F } from "./index.es48.js";
+import { SliderContainerTrack as G } from "./index.es96.js";
+import { validateMinDistance as H } from "./index.es97.js";
 const U = ({
   type: r = "single",
   showTypeValue: A = "default",

package/dist/index.es32.js

@@ -1,9 +1,9 @@
-import { j as c } from "./index.es46.js";
-import { CheckIcon as h } from "./index.es48.js";
+import { j as c } from "./index.es47.js";
+import { CheckIcon as h } from "./index.es49.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
-import { cn as k } from "./index.es47.js";
-import { statusChipVariants as I } from "./index.es67.js";
+import { cn as k } from "./index.es48.js";
+import { statusChipVariants as I } from "./index.es70.js";
 const F = ({
   size: m = "sm",
   label: n,

package/dist/index.es33.js

@@ -1,4 +1,4 @@
-import { j as p } from "./index.es46.js";
+import { j as p } from "./index.es47.js";
 import { Children as P, cloneElement as R } from "react";
 import { StepperCompleted as h } from "./index.es34.js";
 import { StepperStep as w } from "./index.es35.js";

package/dist/index.es35.js

@@ -1,12 +1,12 @@
-import { j as n } from "./index.es46.js";
-import { CheckIcon as I } from "./index.es48.js";
+import { j as n } from "./index.es47.js";
+import { CheckIcon as I } from "./index.es49.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.es95.js";
-import B from "./index.es96.js";
-import { cn as H } from "./index.es47.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es97.js";
+import z from "./index.es91.js";
+import B from "./index.es92.js";
+import { cn as H } from "./index.es48.js";
+import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es93.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;

package/dist/index.es36.js

@@ -1,9 +1,9 @@
-import { j as o } from "./index.es46.js";
+import { j as o } from "./index.es47.js";
 import { Switch as u } from "react-aria-components";
-import { cn as c } from "./index.es47.js";
-import { ContentSwitch as L } from "./index.es92.js";
-import { SwitchIndicator as v } from "./index.es93.js";
-import { switchVariants as b } from "./index.es68.js";
+import { cn as c } from "./index.es48.js";
+import { ContentSwitch as L } from "./index.es94.js";
+import { SwitchIndicator as v } from "./index.es95.js";
+import { switchVariants as b } from "./index.es71.js";
 const E = ({
   children: f,
   label: m,

package/dist/index.es37.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es46.js";
+import { j as s } from "./index.es47.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.es47.js";
-import { Tab as j } from "./index.es89.js";
-import { TabPanel as h } from "./index.es90.js";
-import { tabsVariants as T } from "./index.es91.js";
+import { cn as e } from "./index.es48.js";
+import { Tab as j } from "./index.es88.js";
+import { TabPanel as h } from "./index.es89.js";
+import { tabsVariants as T } from "./index.es90.js";
 const v = (a) => {
   var l;
   const {

package/dist/index.es38.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es46.js";
-import { CrossCircleIcon as r, CheckCircleIcon as o } from "./index.es48.js";
-import { cn as i } from "./index.es47.js";
+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;

package/dist/index.es39.js

@@ -1,90 +1,151 @@
-import { j as e } from "./index.es46.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.es47.js";
+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 A } from "./index.es16.js";
-import { InputValidationIcon as D } from "./index.es38.js";
-import { textFieldInputVariants as M } from "./index.es69.js";
-function H(u) {
+import { Label as fe } from "./index.es16.js";
+import { multiTextFieldContainerVariants as pe } from "./index.es72.js";
+const Ce = (K) => {
   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,
+    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: i("flex flex-col gap-2", j),
-      isDisabled: r,
-      isReadOnly: d,
-      isRequired: p,
-      isInvalid: o,
-      ...R,
+      className: V("flex flex-col gap-2", H),
+      isDisabled: o,
+      isReadOnly: A,
+      isRequired: k,
+      isInvalid: x,
+      ...J,
       children: [
-        n && /* @__PURE__ */ e.jsx(
-          A,
+        C && /* @__PURE__ */ n.jsx(
+          fe,
           {
-            isRequired: p,
-            tooltipText: C,
-            tooltipSupportText: I,
-            tooltipProps: T,
-            labelClassName: b,
-            children: n
+            isRequired: k,
+            tooltipText: O,
+            tooltipSupportText: $,
+            tooltipProps: q,
+            labelClassName: z,
+            children: C
           }
         ),
-        /* @__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 })
+        /* @__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 {
-  H as TextField
+  Ce as MultiTextField
 };

package/dist/index.es4.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es46.js";
-import { CrossCircleIcon as m } from "./index.es48.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.es47.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,127 +1,90 @@
-import { j as e } from "./index.es46.js";
-import { ClockIcon as w } from "./index.es48.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.es47.js";
+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 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.es41.js";
-import { timeFieldGroupVariants as ae, timeFieldInputVariants as ie, timeFieldButtonVariants as se } from "./index.es70.js";
-function xe(N) {
+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: i = "sm",
+    size: N = "sm",
     icon: l,
     label: n,
-    description: o,
+    description: c,
     errorMessage: m,
-    isRequired: c = !1,
+    placeholder: x,
+    isRequired: p = !1,
     isDisabled: r = !1,
     isReadOnly: d = !1,
     className: j,
-    inputClassName: v,
-    validationState: p,
-    tooltipText: F,
-    tooltipSupportText: T,
-    tooltipProps: V,
+    inputClassName: h,
+    validationState: a,
+    tooltipText: C,
+    tooltipSupportText: I,
+    tooltipProps: T,
     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);
+    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(
-    A,
+    S,
     {
-      value: x,
-      className: a("flex flex-col gap-2", j),
+      className: i("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,
+      isRequired: p,
+      isInvalid: o,
+      ...R,
       children: [
         n && /* @__PURE__ */ e.jsx(
-          W,
+          A,
           {
-            isRequired: c,
-            tooltipText: F,
-            tooltipSupportText: T,
-            tooltipProps: V,
+            isRequired: p,
+            tooltipText: C,
+            tooltipSupportText: I,
+            tooltipProps: T,
             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
-          }
-        )
+        /* @__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 {
-  xe as TimeField
+  H as TextField
 };