@simpli-route/apollo-ds 0.1.39 → 0.1.42

package/dist/index.es16.js

@@ -1,41 +1,142 @@
-import { j as n } from "./index.es36.js";
-import { DateSegment as a } from "react-aria-components";
-import { cn as i } from "./index.es37.js";
-function c({ segment: t, className: o }) {
-  const l = () => t.maxValue != null ? String(t.maxValue).length + "ch" : "fit-content";
-  return /* @__PURE__ */ n.jsx(
-    a,
-    {
-      segment: t,
-      className: ({ isPlaceholder: r, isFocusVisible: e }) => i(
-        "group box-content rounded-sm text-right tabular-nums text-neutral-900 outline-none",
-        "focus:bg-primary-500 focus:text-white",
-        "px-0.5",
-        r && "text-neutral-700",
-        e && "bg-primary-500 text-white",
-        o
-      ),
-      style: {
-        minWidth: l()
-      },
-      children: ({ text: r, isPlaceholder: e }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: i(
-              "pointer-events-none block w-full text-center text-neutral-700",
-              "group-focus:text-white",
-              e ? "visible" : "invisible h-0"
+import { j as e } from "./index.es38.js";
+import { ClockIcon as J } from "./index.es39.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.es11.js";
+import { Label as Z } from "./index.es12.js";
+import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es55.js";
+import { TimePickerPopover as z } from "./index.es17.js";
+import { TimeSegment as ee } from "./index.es18.js";
+import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es52.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" })
+                    }
+                  )
+                ]
+              }
             ),
-            children: t.placeholder
-          }
-        ),
-        e ? "" : r
-      ] })
-    }
-  );
-}
+            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";
 export {
-  c as TimeSegment
+  re as InvisibleTimeField
 };

package/dist/index.es160.js

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

package/dist/index.es161.js

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