@simpli-route/apollo-ds 0.1.36 → 0.1.38

package/dist/index.es15.js

@@ -1,40 +1,177 @@
-import { j as e } from "./index.es32.js";
-import { forwardRef as x } from "react";
-import { cn as y } from "./index.es33.js";
-import { Loader as f } from "./index.es14.js";
-import { Overlay as u } from "./index.es61.js";
-const v = (s, a) => {
-  const {
-    className: l,
-    visible: t,
-    loaderProps: i = { size: "lg" },
-    overlayProps: n = { opacity: "2xl" },
-    zIndex: r = 1e3,
-    loader: o,
-    keepMounted: d,
-    blur: m = 4,
-    ...c
-  } = s, p = `calc(${r} + 1)`;
-  return !d && !t ? null : /* @__PURE__ */ e.jsxs(
-    "div",
+import { j as o } from "./index.es36.js";
+import { Time as O } from "@internationalized/date";
+import { useRef as j, useState as P, useCallback as u, useEffect as N } from "react";
+import { Popover as $, ListBox as S, ListBoxItem as k } from "react-aria-components";
+import { cn as h } from "./index.es37.js";
+import { Button as I } from "./index.es5.js";
+function U(L) {
+  const { isOpen: i, onOpenChange: c, value: r, onChange: x, hourCycle: a = 12, containerRef: v, confirmButtonLabel: K } = L, y = j(null), b = j(null), g = j(null), [l, w] = P((r == null ? void 0 : r.hour) ?? 0), [m, A] = P((r == null ? void 0 : r.minute) ?? 0), R = Array.from({ length: a === 12 ? 12 : 24 }, (e, t) => a === 12 ? t + 1 : t), E = Array.from({ length: 60 }, (e, t) => t), d = a === 12 ? l === 0 ? 12 : l > 12 ? l - 12 : l : l, T = l >= 12 ? "PM" : "AM", [f, C] = P(T), M = u(() => {
+    const e = new O(l, m, 0);
+    x == null || x(e), c == null || c(!1);
+  }, [l, m, x, c]), p = u(() => {
+    c == null || c(!1);
+  }, [c]);
+  N(() => {
+    if (i) {
+      w((r == null ? void 0 : r.hour) ?? 0), A((r == null ? void 0 : r.minute) ?? 0);
+      const e = ((r == null ? void 0 : r.hour) ?? 0) >= 12 ? "PM" : "AM";
+      C(e);
+    }
+  }, [i, r]), N(() => {
+    i && setTimeout(() => {
+      if (y.current && b.current) {
+        const e = y.current.querySelector(`[data-key="${d}"]`), t = b.current.querySelector(`[data-key="${m}"]`);
+        e == null || e.scrollIntoView({ block: "center", behavior: "smooth" }), t == null || t.scrollIntoView({ block: "center", behavior: "smooth" });
+      }
+      if (g.current && a === 12) {
+        const e = g.current.querySelector(`[data-key="${f}"]`);
+        e == null || e.scrollIntoView({ block: "center", behavior: "smooth" });
+      }
+    }, 50);
+  }, [i, d, m, f, a]), N(() => {
+    const e = (t) => {
+      i && t.key === "Enter" && (t.preventDefault(), M()), i && t.key === "Escape" && (t.preventDefault(), p());
+    };
+    return i && document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
+    };
+  }, [i, M, p]);
+  const V = u(
+    (e) => {
+      let t = e;
+      if (a === 12) {
+        const n = f === "PM";
+        e === 12 ? t = n ? 12 : 0 : t = n ? e + 12 : e;
+      }
+      w(t);
+    },
+    [a, f]
+  ), B = u((e) => {
+    A(e);
+  }, []), q = u(
+    (e) => {
+      C(e);
+      let t = l;
+      const n = e === "PM", s = d;
+      s === 12 ? t = n ? 12 : 0 : t = n ? s + 12 : s, w(t);
+    },
+    [l, d]
+  ), D = u(
+    (e) => {
+      e || p();
+    },
+    [p]
+  );
+  return /* @__PURE__ */ o.jsx(
+    $,
     {
-      ref: a,
-      className: y(
-        "absolute inset-0 z-50 flex items-center justify-center rounded-sm",
-        `backdrop-blur-[${m}px]`,
-        "bg-white/50",
-        l
-      ),
-      style: { zIndex: r },
-      ...c,
-      children: [
-        /* @__PURE__ */ e.jsx("div", { style: { zIndex: p }, children: o || /* @__PURE__ */ e.jsx(f, { ...i }) }),
-        /* @__PURE__ */ e.jsx(u, { zIndex: r, ...n })
-      ]
+      isOpen: i,
+      triggerRef: v,
+      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: D,
+      children: /* @__PURE__ */ o.jsxs("div", { className: h("flex flex-col", a === 12 ? "w-[180px]" : "w-[140px]"), children: [
+        /* @__PURE__ */ o.jsxs("div", { className: "flex h-[180px] divide-x divide-neutral-200", children: [
+          /* @__PURE__ */ o.jsx("div", { className: "flex-1", children: /* @__PURE__ */ o.jsx(
+            S,
+            {
+              ref: y,
+              "aria-label": "Hours",
+              selectionMode: "single",
+              selectedKeys: /* @__PURE__ */ new Set([String(d)]),
+              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
+              onSelectionChange: (e) => {
+                const t = Array.from(e)[0];
+                t && V(Number(t));
+              },
+              children: R.map((e) => /* @__PURE__ */ o.jsx(
+                k,
+                {
+                  id: String(e),
+                  textValue: String(e).padStart(2, "0"),
+                  className: ({ isSelected: t, isFocused: n, isHovered: s }) => h(
+                    "my-0.5 cursor-pointer rounded px-2 py-1.5 text-center text-sm outline-none transition-colors",
+                    t && "bg-primary-50 font-semibold text-primary-600",
+                    !t && n && "bg-neutral-100",
+                    !t && s && "bg-neutral-50",
+                    !t && !n && !s && "text-neutral-700"
+                  ),
+                  children: String(e).padStart(2, "0")
+                },
+                e
+              ))
+            }
+          ) }),
+          /* @__PURE__ */ o.jsx("div", { className: "flex-1", children: /* @__PURE__ */ o.jsx(
+            S,
+            {
+              ref: b,
+              "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 && B(Number(t));
+              },
+              children: E.map((e) => /* @__PURE__ */ o.jsx(
+                k,
+                {
+                  id: String(e),
+                  textValue: String(e).padStart(2, "0"),
+                  className: ({ isSelected: t, isFocused: n, isHovered: s }) => h(
+                    "my-0.5 cursor-pointer rounded px-2 py-1.5 text-center text-sm outline-none transition-colors",
+                    t && "bg-primary-50 font-semibold text-primary-600",
+                    !t && n && "bg-neutral-100",
+                    !t && s && "bg-neutral-50",
+                    !t && !n && !s && "text-neutral-700"
+                  ),
+                  children: String(e).padStart(2, "0")
+                },
+                e
+              ))
+            }
+          ) }),
+          a === 12 && /* @__PURE__ */ o.jsx("div", { className: "w-14", children: /* @__PURE__ */ o.jsx(
+            S,
+            {
+              ref: g,
+              "aria-label": "Period",
+              selectionMode: "single",
+              selectedKeys: /* @__PURE__ */ new Set([f]),
+              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
+              onSelectionChange: (e) => {
+                const t = Array.from(e)[0];
+                t && q(t);
+              },
+              children: ["AM", "PM"].map((e) => /* @__PURE__ */ o.jsx(
+                k,
+                {
+                  id: e,
+                  textValue: e,
+                  className: ({ isSelected: t, isFocused: n, isHovered: s }) => h(
+                    "my-0.5 cursor-pointer rounded px-1 py-1.5 text-center text-sm outline-none transition-colors",
+                    t && "bg-primary-50 font-semibold text-primary-600",
+                    !t && n && "bg-neutral-100",
+                    !t && s && "bg-neutral-50",
+                    !t && !n && !s && "text-neutral-700"
+                  ),
+                  children: e
+                },
+                e
+              ))
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ o.jsx("div", { className: "border-t border-neutral-200 p-2", children: /* @__PURE__ */ o.jsx(I, { fullWidth: !0, intent: "tertiary", size: "sm", onPress: M, children: K }) })
+      ] })
     }
   );
-}, j = x(v);
-j.displayName = "LoadingOverlay";
+}
 export {
-  j as LoadingOverlay
+  U as TimePickerPopover
 };

package/dist/index.es150.js

@@ -1,19 +1,94 @@
-import { __exports as u } from "./index.es152.js";
-(function(c) {
-  Object.defineProperty(c, "__esModule", {
+import { __exports as O } from "./index.es151.js";
+import "./index.es159.js";
+import { __exports as b } from "./index.es160.js";
+(function(d) {
+  Object.defineProperty(d, "__esModule", {
     value: !0
-  }), Object.defineProperty(c, "splitAtTopLevelOnly", {
-    enumerable: !0,
-    get: function() {
-      return o;
-    }
   });
-  function o(n, s) {
-    let e = [], f = [], h = 0, i = !1;
-    for (let t = 0; t < n.length; t++) {
-      let l = n[t];
-      e.length === 0 && l === s[0] && !i && (s.length === 1 || n.slice(t, t + s.length) === s) && (f.push(n.slice(h, t)), h = t + s.length), i ? i = !1 : l === "\\" && (i = !0), l === "(" || l === "[" || l === "{" ? e.push(l) : (l === ")" && e[e.length - 1] === "(" || l === "]" && e[e.length - 1] === "[" || l === "}" && e[e.length - 1] === "{") && e.pop();
+  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;
     }
-    return f.push(n.slice(h)), f;
+  });
+  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}` : ""})`;
   }
-})(u);
+})(O);

package/dist/index.es151.js

@@ -1,4 +1,4 @@
-var a = {};
+var o = {};
 export {
-  a as __exports
+  o as __exports
 };

package/dist/index.es152.js

@@ -1,4 +1,10 @@
-var e = {};
+import { __module as r } from "./index.es161.js";
+var e = String, o = function() {
+  return { isColorSupported: !1, reset: e, bold: e, dim: e, italic: e, underline: e, inverse: e, hidden: e, strikethrough: e, black: e, red: e, green: e, yellow: e, blue: e, magenta: e, cyan: e, white: e, gray: e, bgBlack: e, bgRed: e, bgGreen: e, bgYellow: e, bgBlue: e, bgMagenta: e, bgCyan: e, bgWhite: e };
+};
+r.exports = o();
+r.exports.createColors = o;
+var a = r.exports;
 export {
-  e as __exports
+  a as p
 };