@simpli-route/apollo-ds 0.1.47 → 0.1.49

package/dist/index.es169.js

@@ -0,0 +1,4 @@
+var o = { exports: {} };
+export {
+  o as __module
+};

package/dist/index.es17.js

@@ -1,142 +1,45 @@
-import { j as e } from "./index.es38.js";
-import { ClockIcon as J } from "./index.es40.js";
-import { forwardRef as K, useState as I, useRef as M, useEffect as Q } from "react";
-import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as Y } from "react-aria-components";
-import { cn as s } from "./index.es39.js";
-import "./index.es12.js";
-import { Label as Z } from "./index.es13.js";
-import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es53.js";
-import { TimePickerPopover as z } from "./index.es18.js";
-import { TimeSegment as ee } from "./index.es19.js";
-import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es50.js";
-const re = K(
-  ({
-    size: l = "bodyDefault",
-    orientation: t = "vertical",
-    label: c,
-    captionError: a,
-    validationState: r,
-    className: T,
-    dateInputClassName: F,
-    dateSegmentClassName: k,
-    labelClassName: P,
-    captionErrorClassName: p,
-    isDisabled: f = !1,
-    isRequired: d = !1,
-    tooltipText: C,
-    tooltipSupportText: g,
-    tooltipProps: y,
-    granularity: G = "minute",
-    hourCycle: u,
-    hideTimeZone: L,
-    shouldForceLeadingZeros: R,
-    placeholderValue: V,
-    minValue: B,
-    maxValue: w,
-    value: n,
-    defaultValue: D,
-    onChange: m,
-    confirmButtonLabel: O = "Ok",
-    ..._
-  }, A) => {
-    const [v, x] = I(!1), [E, b] = I(n || D || null), j = M(null);
-    Q(() => {
-      n !== void 0 && b(n);
-    }, [n]);
-    const h = (i) => {
-      b(i), m == null || m(i);
-    }, N = n !== void 0 ? n : E, H = (i, o) => f ? "disabled" : r === "invalid" ? "error" : i ? "active" : o ? "hover" : "default";
-    return /* @__PURE__ */ e.jsxs(
-      S,
-      {
-        ref: A,
-        value: N,
-        className: s(ie({ size: l, orientation: t }), T),
-        isDisabled: f,
-        isInvalid: r === "invalid",
-        isRequired: d,
-        granularity: G,
-        hourCycle: u,
-        hideTimeZone: L,
-        shouldForceLeadingZeros: R,
-        placeholderValue: V,
-        minValue: B,
-        maxValue: w,
-        onChange: h,
-        ..._,
-        children: [
-          c && /* @__PURE__ */ e.jsx(
-            Z,
-            {
-              labelClassName: s(
-                $({ size: l }),
-                P,
-                t === "horizontal" && r !== "invalid" ? "self-center" : "self-start"
-              ),
-              isRequired: d,
-              tooltipText: C,
-              tooltipSupportText: g,
-              tooltipProps: y,
-              children: c
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("div", { className: s("flex flex-col", t === "horizontal" ? "flex-1" : "w-full"), children: [
-            /* @__PURE__ */ e.jsxs(
-              U,
-              {
-                ref: j,
-                className: ({ isFocusWithin: i, isHovered: o }) => s(
-                  se({
-                    size: l,
-                    state: H(i || v, o)
-                  })
-                ),
-                children: [
-                  /* @__PURE__ */ e.jsx(W, { className: s(le({ size: l }), "font-semibold", F), children: (i) => /* @__PURE__ */ e.jsx(ee, { segment: i, className: k }) }),
-                  /* @__PURE__ */ e.jsx(
-                    X,
-                    {
-                      className: s(ne({ size: l })),
-                      "aria-label": "Time Picker",
-                      onPress: () => x((i) => !i),
-                      children: /* @__PURE__ */ e.jsx(J, { className: l === "bodySm" ? "size-3.5" : "size-4" })
-                    }
-                  )
-                ]
-              }
+import { j as e } from "./index.es39.js";
+import { ListBoxItem as a } from "react-aria-components";
+import { cn as i } from "./index.es40.js";
+import { invisibleSelectItemVariants as c } from "./index.es52.js";
+const j = (r) => {
+  const { children: s, textValue: l, ...n } = r, m = l || (typeof s == "string" ? s : void 0);
+  return /* @__PURE__ */ e.jsx(
+    a,
+    {
+      ...n,
+      textValue: m,
+      className: ({ isHovered: t, isFocusVisible: o, isSelected: x }) => i(
+        c({
+          isSelected: x,
+          isHovered: t,
+          isFocusVisible: o
+        })
+      ),
+      children: ({ isSelected: t }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: i(
+              "flex flex-1 items-center gap-2 text-sm font-normal text-primary-900",
+              t && "text-primary-500"
             ),
-            a && r === "invalid" && /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: s(
-                  q({
-                    state: "error"
-                  }),
-                  p
-                ),
-                children: a
-              }
-            )
-          ] }),
-          r === "invalid" && a && /* @__PURE__ */ e.jsx(Y, { className: "sr-only", children: a }),
-          /* @__PURE__ */ e.jsx(
-            z,
-            {
-              isOpen: v,
-              value: N,
-              hourCycle: u,
-              containerRef: j,
-              confirmButtonLabel: O,
-              onOpenChange: x,
-              onChange: h
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-re.displayName = "InvisibleTimeField";
+            children: s
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "flex w-5 shrink-0 items-center", children: t && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
+            fill: "#4C3BEF"
+          }
+        ) }) })
+      ] })
+    }
+  );
+};
 export {
-  re as InvisibleTimeField
+  j as InvisibleSelectItem
 };

package/dist/index.es18.js

@@ -1,160 +1,142 @@
-import { j as n } from "./index.es38.js";
-import { Time as O } from "@internationalized/date";
-import { useRef as M, useState as P, useCallback as d, useEffect as j } from "react";
-import { Popover as $, ListBox as k, ListBoxItem as N } from "react-aria-components";
-import { cn as x } from "./index.es39.js";
-import { Button as H } from "./index.es5.js";
-import { timePickerListItemVariants as A } from "./index.es50.js";
-function U(C) {
-  const { isOpen: i, onOpenChange: a, value: r, onChange: h, hourCycle: l = 12, containerRef: K, confirmButtonLabel: R } = C, y = M(null), g = M(null), S = M(null), [s, b] = P((r == null ? void 0 : r.hour) ?? 0), [m, v] = P((r == null ? void 0 : r.minute) ?? 0), V = Array.from({ length: l === 12 ? 12 : 24 }, (e, t) => l === 12 ? t + 1 : t), E = Array.from({ length: 60 }, (e, t) => t), f = l === 12 ? s === 0 ? 12 : s > 12 ? s - 12 : s : s, T = s >= 12 ? "PM" : "AM", [u, L] = P(T), w = d(() => {
-    const e = new O(s, m, 0);
-    h == null || h(e), a == null || a(!1);
-  }, [s, m, h, a]), p = d(() => {
-    a == null || a(!1);
-  }, [a]);
-  j(() => {
-    if (i) {
-      b((r == null ? void 0 : r.hour) ?? 0), v((r == null ? void 0 : r.minute) ?? 0);
-      const e = ((r == null ? void 0 : r.hour) ?? 0) >= 12 ? "PM" : "AM";
-      L(e);
-    }
-  }, [i, r]), j(() => {
-    i && setTimeout(() => {
-      if (y.current && g.current) {
-        const e = y.current.querySelector(`[data-key="${f}"]`), t = g.current.querySelector(`[data-key="${m}"]`);
-        e == null || e.scrollIntoView({ block: "center", behavior: "smooth" }), t == null || t.scrollIntoView({ block: "center", behavior: "smooth" });
-      }
-      if (S.current && l === 12) {
-        const e = S.current.querySelector(`[data-key="${u}"]`);
-        e == null || e.scrollIntoView({ block: "center", behavior: "smooth" });
-      }
-    }, 50);
-  }, [i, f, m, u, l]), j(() => {
-    const e = (t) => {
-      i && t.key === "Enter" && (t.preventDefault(), w()), i && t.key === "Escape" && (t.preventDefault(), p());
-    };
-    return i && document.addEventListener("keydown", e), () => {
-      document.removeEventListener("keydown", e);
-    };
-  }, [i, w, p]);
-  const B = d(
-    (e) => {
-      let t = e;
-      if (l === 12) {
-        const o = u === "PM";
-        e === 12 ? t = o ? 12 : 0 : t = o ? e + 12 : e;
-      }
-      b(t);
-    },
-    [l, u]
-  ), q = d((e) => {
-    v(e);
-  }, []), D = d(
-    (e) => {
-      L(e);
-      let t = s;
-      const o = e === "PM", c = f;
-      c === 12 ? t = o ? 12 : 0 : t = o ? c + 12 : c, b(t);
-    },
-    [s, f]
-  ), I = d(
-    (e) => {
-      e || p();
-    },
-    [p]
-  );
-  return /* @__PURE__ */ n.jsx(
-    $,
-    {
-      isOpen: i,
-      triggerRef: K,
-      placement: "bottom start",
-      className: "overflow-hidden rounded bg-white ring-1 ring-black/10",
-      style: {
-        boxShadow: "0px 1px 2px 0px #22242A0F, 0px 1px 3px 0px #22242A1A"
-      },
-      shouldCloseOnInteractOutside: () => !0,
-      onOpenChange: I,
-      children: /* @__PURE__ */ n.jsxs("div", { className: x("flex flex-col", l === 12 ? "w-[180px]" : "w-[140px]"), children: [
-        /* @__PURE__ */ n.jsxs("div", { className: "flex h-[180px] divide-x divide-neutral-200", children: [
-          /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
-            k,
+import { j as e } from "./index.es39.js";
+import { ClockIcon as J } from "./index.es41.js";
+import { forwardRef as K, useState as I, useRef as M, useEffect as Q } from "react";
+import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as Y } from "react-aria-components";
+import { cn as s } from "./index.es40.js";
+import "./index.es13.js";
+import { Label as Z } from "./index.es14.js";
+import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es56.js";
+import { TimePickerPopover as z } from "./index.es19.js";
+import { TimeSegment as ee } from "./index.es20.js";
+import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es53.js";
+const re = K(
+  ({
+    size: l = "bodyDefault",
+    orientation: t = "vertical",
+    label: c,
+    captionError: a,
+    validationState: r,
+    className: T,
+    dateInputClassName: F,
+    dateSegmentClassName: k,
+    labelClassName: P,
+    captionErrorClassName: p,
+    isDisabled: f = !1,
+    isRequired: d = !1,
+    tooltipText: C,
+    tooltipSupportText: g,
+    tooltipProps: y,
+    granularity: G = "minute",
+    hourCycle: u,
+    hideTimeZone: L,
+    shouldForceLeadingZeros: R,
+    placeholderValue: V,
+    minValue: B,
+    maxValue: w,
+    value: n,
+    defaultValue: D,
+    onChange: m,
+    confirmButtonLabel: O = "Ok",
+    ..._
+  }, A) => {
+    const [v, x] = I(!1), [E, b] = I(n || D || null), j = M(null);
+    Q(() => {
+      n !== void 0 && b(n);
+    }, [n]);
+    const h = (i) => {
+      b(i), m == null || m(i);
+    }, N = n !== void 0 ? n : E, H = (i, o) => f ? "disabled" : r === "invalid" ? "error" : i ? "active" : o ? "hover" : "default";
+    return /* @__PURE__ */ e.jsxs(
+      S,
+      {
+        ref: A,
+        value: N,
+        className: s(ie({ size: l, orientation: t }), T),
+        isDisabled: f,
+        isInvalid: r === "invalid",
+        isRequired: d,
+        granularity: G,
+        hourCycle: u,
+        hideTimeZone: L,
+        shouldForceLeadingZeros: R,
+        placeholderValue: V,
+        minValue: B,
+        maxValue: w,
+        onChange: h,
+        ..._,
+        children: [
+          c && /* @__PURE__ */ e.jsx(
+            Z,
             {
-              ref: y,
-              "aria-label": "Hours",
-              selectionMode: "single",
-              selectedKeys: /* @__PURE__ */ new Set([String(f)]),
-              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
-              onSelectionChange: (e) => {
-                const t = Array.from(e)[0];
-                t && B(Number(t));
-              },
-              children: V.map((e) => /* @__PURE__ */ n.jsx(
-                N,
-                {
-                  id: String(e),
-                  textValue: String(e).padStart(2, "0"),
-                  className: ({ isSelected: t, isFocused: o, isHovered: c }) => x(A({ isSelected: t, isFocused: o, isHovered: c, padding: "default" })),
-                  children: String(e).padStart(2, "0")
-                },
-                e
-              ))
+              labelClassName: s(
+                $({ size: l }),
+                P,
+                t === "horizontal" && r !== "invalid" ? "self-center" : "self-start"
+              ),
+              isRequired: d,
+              tooltipText: C,
+              tooltipSupportText: g,
+              tooltipProps: y,
+              children: c
             }
-          ) }),
-          /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
-            k,
+          ),
+          /* @__PURE__ */ e.jsxs("div", { className: s("flex flex-col", t === "horizontal" ? "flex-1" : "w-full"), children: [
+            /* @__PURE__ */ e.jsxs(
+              U,
+              {
+                ref: j,
+                className: ({ isFocusWithin: i, isHovered: o }) => s(
+                  se({
+                    size: l,
+                    state: H(i || v, o)
+                  })
+                ),
+                children: [
+                  /* @__PURE__ */ e.jsx(W, { className: s(le({ size: l }), "font-semibold", F), children: (i) => /* @__PURE__ */ e.jsx(ee, { segment: i, className: k }) }),
+                  /* @__PURE__ */ e.jsx(
+                    X,
+                    {
+                      className: s(ne({ size: l })),
+                      "aria-label": "Time Picker",
+                      onPress: () => x((i) => !i),
+                      children: /* @__PURE__ */ e.jsx(J, { className: l === "bodySm" ? "size-3.5" : "size-4" })
+                    }
+                  )
+                ]
+              }
+            ),
+            a && r === "invalid" && /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                className: s(
+                  q({
+                    state: "error"
+                  }),
+                  p
+                ),
+                children: a
+              }
+            )
+          ] }),
+          r === "invalid" && a && /* @__PURE__ */ e.jsx(Y, { className: "sr-only", children: a }),
+          /* @__PURE__ */ e.jsx(
+            z,
             {
-              ref: g,
-              "aria-label": "Minutes",
-              selectionMode: "single",
-              selectedKeys: /* @__PURE__ */ new Set([String(m)]),
-              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
-              onSelectionChange: (e) => {
-                const t = Array.from(e)[0];
-                t && q(Number(t));
-              },
-              children: E.map((e) => /* @__PURE__ */ n.jsx(
-                N,
-                {
-                  id: String(e),
-                  textValue: String(e).padStart(2, "0"),
-                  className: ({ isSelected: t, isFocused: o, isHovered: c }) => x(A({ isSelected: t, isFocused: o, isHovered: c, padding: "default" })),
-                  children: String(e).padStart(2, "0")
-                },
-                e
-              ))
+              isOpen: v,
+              value: N,
+              hourCycle: u,
+              containerRef: j,
+              confirmButtonLabel: O,
+              onOpenChange: x,
+              onChange: h
             }
-          ) }),
-          l === 12 && /* @__PURE__ */ n.jsx("div", { className: "w-14", children: /* @__PURE__ */ n.jsx(
-            k,
-            {
-              ref: S,
-              "aria-label": "Period",
-              selectionMode: "single",
-              selectedKeys: /* @__PURE__ */ new Set([u]),
-              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
-              onSelectionChange: (e) => {
-                const t = Array.from(e)[0];
-                t && D(t);
-              },
-              children: ["AM", "PM"].map((e) => /* @__PURE__ */ n.jsx(
-                N,
-                {
-                  id: e,
-                  textValue: e,
-                  className: ({ isSelected: t, isFocused: o, isHovered: c }) => x(A({ isSelected: t, isFocused: o, isHovered: c, padding: "compact" })),
-                  children: e
-                },
-                e
-              ))
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ n.jsx("div", { className: "border-t border-neutral-200 p-2", children: /* @__PURE__ */ n.jsx(H, { fullWidth: !0, intent: "tertiary", size: "sm", onPress: w, children: R }) })
-      ] })
-    }
-  );
-}
+          )
+        ]
+      }
+    );
+  }
+);
+re.displayName = "InvisibleTimeField";
 export {
-  U as TimePickerPopover
+  re as InvisibleTimeField
 };