@simpli-route/apollo-ds 0.1.40 → 0.1.43

package/dist/index.es15.js

@@ -1,160 +1,121 @@
-import { j as n } from "./index.es36.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.es38.js";
-import { Button as H } from "./index.es5.js";
-import { timePickerListItemVariants as A } from "./index.es46.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(
-    $,
+import { j as e } from "./index.es38.js";
+import { DownChevronIcon as O } from "./index.es40.js";
+import { forwardRef as F, useState as P } from "react";
+import { useLocale as R } from "react-aria";
+import { Select as _, Button as k, SelectValue as z, FieldError as A, Popover as D, ListBox as G } from "react-aria-components";
+import { cn as s } from "./index.es39.js";
+import "./index.es12.js";
+import { Label as H } from "./index.es13.js";
+import { invisibleInputLabelVariants as J, invisibleInputCaptionVariants as K } from "./index.es52.js";
+import { invisibleSelectContainerVariants as M, invisibleSelectButtonVariants as Q, invisibleSelectValueVariants as T, invisibleSelectChevronVariants as U, invisibleSelectPopoverVariants as W, invisibleSelectListBoxVariants as X } from "./index.es48.js";
+const Y = ({
+  size: a = "bodyDefault",
+  orientation: o = "vertical",
+  label: f,
+  placeholder: x = "Select an option",
+  captionError: r,
+  validationState: l,
+  className: d,
+  buttonClassName: h,
+  labelClassName: b,
+  captionErrorClassName: j,
+  isDisabled: c = !1,
+  isRequired: v = !1,
+  tooltipText: N,
+  tooltipSupportText: V,
+  tooltipProps: S,
+  items: I,
+  selectionMode: C,
+  children: L,
+  ...B
+}, g) => {
+  const [p, w] = P(!1), u = (i, t, n) => c ? "disabled" : l === "invalid" ? "error" : t || n || p ? "active" : i ? "hover" : "default", { locale: y } = R();
+  return /* @__PURE__ */ e.jsxs(
+    _,
     {
-      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,
-            {
-              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
-              ))
-            }
-          ) }),
-          /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
+      className: s(M({ size: a, orientation: o }), d),
+      isDisabled: c,
+      lang: y,
+      isInvalid: l === "invalid",
+      isRequired: v,
+      selectionMode: C,
+      onOpenChange: w,
+      ...B,
+      children: [
+        f && /* @__PURE__ */ e.jsx(
+          H,
+          {
+            labelClassName: s(
+              J({ size: a }),
+              b,
+              o === "horizontal" && l !== "invalid" ? "self-center" : "self-start"
+            ),
+            isRequired: v,
+            tooltipText: N,
+            tooltipSupportText: V,
+            tooltipProps: S,
+            children: f
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: s("flex flex-col", o === "horizontal" ? "flex-1" : "w-full"), children: [
+          /* @__PURE__ */ e.jsx(
             k,
             {
               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
-              ))
+              className: ({ isHovered: i, isFocusVisible: t, isFocused: n }) => s(
+                Q({
+                  size: a,
+                  state: u(i, t, n)
+                }),
+                h
+              ),
+              children: ({ isHovered: i, isFocusVisible: t, isFocused: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx(
+                  z,
+                  {
+                    className: ({ selectedText: m }) => s(
+                      T({
+                        hasValue: !!m,
+                        isDisabled: c
+                      })
+                    ),
+                    children: ({ selectedText: m }) => m || x
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  O,
+                  {
+                    className: s(
+                      U({
+                        state: u(i, t, n),
+                        isOpen: p
+                      })
+                    )
+                  }
+                )
+              ] })
             }
-          ) }),
-          l === 12 && /* @__PURE__ */ n.jsx("div", { className: "w-14", children: /* @__PURE__ */ n.jsx(
-            k,
+          ),
+          r && l === "invalid" && /* @__PURE__ */ e.jsx(
+            "div",
             {
-              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
-              ))
+              className: s(
+                K({
+                  state: "error"
+                }),
+                j
+              ),
+              children: r
             }
-          ) })
+          )
         ] }),
-        /* @__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 }) })
-      ] })
+        l === "invalid" && r && /* @__PURE__ */ e.jsx(A, { className: "sr-only", children: r }),
+        /* @__PURE__ */ e.jsx(D, { className: s(W()), placement: "bottom start", children: /* @__PURE__ */ e.jsx(G, { items: I, className: s(X()), children: L }) })
+      ]
     }
   );
-}
+}, Z = F(Y);
+Z.displayName = "InvisibleSelect";
 export {
-  U as TimePickerPopover
+  Z as InvisibleSelect
 };

package/dist/index.es150.js

@@ -1,94 +1,14 @@
-import { __exports as O } from "./index.es151.js";
-import "./index.es155.js";
-import { __exports as b } from "./index.es156.js";
-(function(d) {
-  Object.defineProperty(d, "__esModule", {
+import { __exports as n } from "./index.es155.js";
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
     value: !0
-  });
-  function S(r, s) {
-    for (var e in s)
-      Object.defineProperty(r, e, {
-        enumerable: !0,
-        get: s[e]
-      });
-  }
-  S(d, {
-    parseColor: function() {
-      return C;
-    },
-    formatColor: function() {
-      return H;
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return r;
     }
   });
-  const p = /* @__PURE__ */ E(b);
-  function E(r) {
-    return r && r.__esModule ? r : {
-      default: r
-    };
-  }
-  let P = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, v = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, t = /(?:\d+|\d*\.\d+)%?/, i = /(?:\s*,\s*|\s+)/, _ = /\s*[,/]\s*/, o = /var\(--(?:[^ )]*?)(?:,(?:[^ )]*?|var\(--[^ )]*?\)))?\)/, R = new RegExp(`^(rgba?)\\(\\s*(${t.source}|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`), x = new RegExp(`^(hsla?)\\(\\s*((?:${t.source})(?:deg|rad|grad|turn)?|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`);
-  function C(r, { loose: s = !1 } = {}) {
-    var e, a;
-    if (typeof r != "string")
-      return null;
-    if (r = r.trim(), r === "transparent")
-      return {
-        mode: "rgb",
-        color: [
-          "0",
-          "0",
-          "0"
-        ],
-        alpha: "0"
-      };
-    if (r in p.default)
-      return {
-        mode: "rgb",
-        color: p.default[r].map((u) => u.toString())
-      };
-    let c = r.replace(v, (u, m, g, h, $) => [
-      "#",
-      m,
-      m,
-      g,
-      g,
-      h,
-      h,
-      $ ? $ + $ : ""
-    ].join("")).match(P);
-    if (c !== null)
-      return {
-        mode: "rgb",
-        color: [
-          parseInt(c[1], 16),
-          parseInt(c[2], 16),
-          parseInt(c[3], 16)
-        ].map((u) => u.toString()),
-        alpha: c[4] ? (parseInt(c[4], 16) / 255).toString() : void 0
-      };
-    var f;
-    let l = (f = r.match(R)) !== null && f !== void 0 ? f : r.match(x);
-    if (l === null)
-      return null;
-    let n = [
-      l[2],
-      l[3],
-      l[4]
-    ].filter(Boolean).map((u) => u.toString());
-    return n.length === 2 && n[0].startsWith("var(") ? {
-      mode: l[1],
-      color: [
-        n[0]
-      ],
-      alpha: n[1]
-    } : !s && n.length !== 3 || n.length < 3 && !n.some((u) => /^var\(.*?\)$/.test(u)) ? null : {
-      mode: l[1],
-      color: n,
-      alpha: (e = l[5]) === null || e === void 0 || (a = e.toString) === null || a === void 0 ? void 0 : a.call(e)
-    };
-  }
-  function H({ mode: r, color: s, alpha: e }) {
-    let a = e !== void 0;
-    return r === "rgba" || r === "hsla" ? `${r}(${s.join(", ")}${a ? `, ${e}` : ""})` : `${r}(${s.join(" ")}${a ? ` / ${e}` : ""})`;
+  function r(t) {
+    return t.replace(/\\,/g, "\\2c ");
   }
-})(O);
+})(n);