@srimandir/pitru-paksh-common 2.35.0-alpha.0 → 2.35.0-alpha.1

package/dist/components/DatePickerSheet/DatePickerSheet.d.ts

@@ -19,5 +19,9 @@ export interface DatePickerSheetProps {
     initialDate?: PickedDate;
     minYear?: number;
     maxYear?: number;
+    /** Day-precise lower bound. Takes precedence over `minYear` and also restricts month/day within its own year. */
+    minDate?: PickedDate;
+    /** Day-precise upper bound. Takes precedence over `maxYear` and also restricts month/day within its own year. */
+    maxDate?: PickedDate;
 }
-export declare function DatePickerSheet({ isOpen, onClose, avatarUrl, heading, monthLabels, confirmLabel, onConfirm, timezoneLabel, initialDate, minYear, maxYear, }: DatePickerSheetProps): import("react").JSX.Element;
+export declare function DatePickerSheet({ isOpen, onClose, avatarUrl, heading, monthLabels, confirmLabel, onConfirm, timezoneLabel, initialDate, minYear, maxYear, minDate, maxDate, }: DatePickerSheetProps): import("react").JSX.Element;

package/dist/components/DatePickerSheet/DatePickerSheet.js

@@ -1,58 +1,78 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { useMemo as S, useState as l } from "react";
-import { BottomSheet as j } from "@srimandir/common";
-import { WheelColumn as a } from "./WheelColumn.js";
-import { Button as k } from "../Button/Button.js";
-const d = Array.from({ length: 31 }, (c, o) => o + 1);
-function H({
-  isOpen: c,
-  onClose: o,
-  avatarUrl: m,
-  heading: i,
-  monthLabels: y,
-  confirmLabel: b,
-  onConfirm: v,
-  timezoneLabel: h,
-  initialDate: t,
-  minYear: p,
-  maxYear: s = (/* @__PURE__ */ new Date()).getFullYear()
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { useMemo as u, useState as x, useEffect as Y } from "react";
+import { BottomSheet as H } from "@srimandir/common";
+import { WheelColumn as g } from "./WheelColumn.js";
+import { Button as F } from "../Button/Button.js";
+const j = Array.from({ length: 31 }, (i, f) => f + 1), P = Array.from({ length: 12 }, (i, f) => f);
+function L({
+  isOpen: i,
+  onClose: f,
+  avatarUrl: y,
+  heading: v,
+  monthLabels: k,
+  confirmLabel: A,
+  onConfirm: B,
+  timezoneLabel: N,
+  initialDate: l,
+  minYear: _,
+  maxYear: O = (/* @__PURE__ */ new Date()).getFullYear(),
+  minDate: n,
+  maxDate: o
 }) {
-  const n = S(() => {
-    const g = p ?? s - 120;
-    return Array.from({ length: s - g + 1 }, (B, I) => g + I);
-  }, [p, s]), [f, N] = l(() => t ? t.day - 1 : Math.floor(d.length / 2)), [x, w] = l(() => t ? t.month - 1 : 0), [u, C] = l(
-    () => t ? Math.max(0, n.indexOf(t.year)) : Math.floor(n.length / 2)
-  );
-  return /* @__PURE__ */ e(
-    j,
+  const b = n?.year ?? _, p = o?.year ?? O, h = u(() => {
+    const e = b ?? p - 120;
+    return Array.from({ length: p - e + 1 }, (r, E) => e + E);
+  }, [b, p]), [I, w] = x(() => l ? l.day - 1 : Math.floor(j.length / 2)), [M, C] = x(() => l ? l.month - 1 : 0), [S, z] = x(
+    () => l ? Math.max(0, h.indexOf(l.year)) : Math.floor(h.length / 2)
+  ), s = h[S], c = u(() => {
+    let e = P;
+    return o && s === o.year && (e = e.filter((r) => r <= o.month - 1)), n && s === n.year && (e = e.filter((r) => r >= n.month - 1)), e;
+  }, [s, n, o]), a = (c[M] ?? c[c.length - 1] ?? 0) + 1, d = u(() => {
+    let e = j;
+    return o && s === o.year && a === o.month && (e = e.filter((r) => r <= o.day)), n && s === n.year && a === n.month && (e = e.filter((r) => r >= n.day)), e;
+  }, [s, a, n, o]);
+  return Y(() => {
+    C((e) => Math.min(e, c.length - 1));
+  }, [c]), Y(() => {
+    w((e) => Math.min(e, d.length - 1));
+  }, [d]), /* @__PURE__ */ t(
+    H,
     {
-      isOpen: c,
-      onClose: o,
+      isOpen: i,
+      onClose: f,
       showDragHandle: !0,
       showCloseButton: !1,
       closeButtonOutside: !0,
-      ariaLabel: i,
+      ariaLabel: v,
       overlayClassName: "pitru-paksh-common-root",
-      header: /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-3 px-5 pt-5", children: [
-        m && /* @__PURE__ */ e("div", { className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[#fff9e9]", children: /* @__PURE__ */ e("img", { src: m, alt: "", className: "size-full object-cover" }) }),
-        /* @__PURE__ */ e("p", { className: "flex-1 text-[18px] leading-6 font-bold text-[#1d2125]", children: i })
+      header: /* @__PURE__ */ m("div", { className: "flex w-full items-center gap-3 px-5 pt-5", children: [
+        y && /* @__PURE__ */ t("div", { className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[#fff9e9]", children: /* @__PURE__ */ t("img", { src: y, alt: "", className: "size-full object-cover" }) }),
+        /* @__PURE__ */ t("p", { className: "flex-1 text-[18px] leading-6 font-bold text-[#1d2125]", children: v })
       ] }),
-      footer: /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-6 px-5 pt-2 pb-5", children: [
-        h && /* @__PURE__ */ e("p", { className: "shrink-0 text-[12px] leading-4 font-semibold whitespace-nowrap text-[#6b7280]", children: h }),
-        /* @__PURE__ */ e(k, { variant: "primary", size: "lg", className: "flex-1 rounded-xl", onClick: () => {
-          v({ day: d[f], month: x + 1, year: n[u] });
-        }, children: b })
+      footer: /* @__PURE__ */ m("div", { className: "flex w-full items-center gap-6 px-5 pt-2 pb-5", children: [
+        N && /* @__PURE__ */ t("p", { className: "shrink-0 text-[12px] leading-4 font-semibold whitespace-nowrap text-[#6b7280]", children: N }),
+        /* @__PURE__ */ t(F, { variant: "primary", size: "lg", className: "flex-1 rounded-xl", onClick: () => {
+          const e = d[I] ?? d[d.length - 1] ?? 1;
+          B({ day: e, month: a, year: s });
+        }, children: A })
       ] }),
-      children: /* @__PURE__ */ r("div", { className: "relative flex w-full items-center justify-center gap-11 px-5 py-4", children: [
-        /* @__PURE__ */ e(a, { options: d.map(String), selectedIndex: f, onChange: N }),
-        /* @__PURE__ */ e(a, { options: y, selectedIndex: x, onChange: w }),
-        /* @__PURE__ */ e(a, { options: n.map(String), selectedIndex: u, onChange: C }),
-        /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-5 top-16 h-px bg-[#e5e7eb]" }),
-        /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-5 top-28 h-px bg-[#e5e7eb]" })
+      children: /* @__PURE__ */ m("div", { className: "relative flex w-full items-center justify-center gap-11 px-5 py-4", children: [
+        /* @__PURE__ */ t(g, { options: d.map(String), selectedIndex: I, onChange: w }),
+        /* @__PURE__ */ t(
+          g,
+          {
+            options: c.map((e) => k[e]),
+            selectedIndex: M,
+            onChange: C
+          }
+        ),
+        /* @__PURE__ */ t(g, { options: h.map(String), selectedIndex: S, onChange: z }),
+        /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-x-5 top-16 h-px bg-[#e5e7eb]" }),
+        /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-x-5 top-28 h-px bg-[#e5e7eb]" })
       ] })
     }
   );
 }
 export {
-  H as DatePickerSheet
+  L as DatePickerSheet
 };

package/dist/components/DatePickerSheet/WheelColumn.js

@@ -1,38 +1,40 @@
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import c from "react";
-const l = 48;
-function p({ options: s, selectedIndex: o, onChange: a }) {
-  const t = c.useRef(null), i = c.useRef(!1);
+const e = 48;
+function p({ options: a, selectedIndex: l, onChange: u }) {
+  const r = c.useRef(null), s = c.useRef(!1);
   c.useEffect(() => {
-    i.current || !t.current || (i.current = !0, t.current.scrollTop = o * l);
-  }, []);
-  const u = () => {
-    if (!t.current) return;
-    const e = Math.round(t.current.scrollTop / l), r = Math.max(0, Math.min(s.length - 1, e));
-    r !== o && a(r);
-  }, d = (e) => {
-    t.current?.scrollTo({ top: e * l, behavior: "smooth" }), a(e);
+    s.current || !r.current || (s.current = !0, r.current.scrollTop = l * e);
+  }, []), c.useEffect(() => {
+    !s.current || !r.current || (r.current.scrollTop = l * e);
+  }, [a.length, l]);
+  const i = () => {
+    if (!r.current) return;
+    const t = Math.round(r.current.scrollTop / e), n = Math.max(0, Math.min(a.length - 1, t));
+    n !== l && u(n);
+  }, f = (t) => {
+    r.current?.scrollTo({ top: t * e, behavior: "smooth" }), u(t);
   };
-  return /* @__PURE__ */ n("div", { className: "relative h-36 w-full", children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ o("div", { className: "relative h-36 w-full", children: /* @__PURE__ */ h(
     "div",
     {
-      ref: t,
-      onScroll: u,
+      ref: r,
+      onScroll: i,
       className: "h-36 snap-y snap-mandatory overflow-y-auto [&::-webkit-scrollbar]:hidden",
       style: { scrollbarWidth: "none" },
       children: [
-        /* @__PURE__ */ n("div", { style: { height: l }, "aria-hidden": !0 }),
-        s.map((e, r) => /* @__PURE__ */ n(
+        /* @__PURE__ */ o("div", { style: { height: e }, "aria-hidden": !0 }),
+        a.map((t, n) => /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            onClick: () => d(r),
-            className: `flex h-12 w-full snap-center items-center justify-center whitespace-nowrap border-0 bg-transparent text-[20px] leading-7 ${r === o ? "font-bold text-[#f75e22]" : "font-semibold text-[#d1d5db]"}`,
-            children: e
+            onClick: () => f(n),
+            className: `flex h-12 w-full snap-center items-center justify-center whitespace-nowrap border-0 bg-transparent text-[20px] leading-7 ${n === l ? "font-bold text-[#f75e22]" : "font-semibold text-[#d1d5db]"}`,
+            children: t
           },
-          e
+          t
         )),
-        /* @__PURE__ */ n("div", { style: { height: l }, "aria-hidden": !0 })
+        /* @__PURE__ */ o("div", { style: { height: e }, "aria-hidden": !0 })
       ]
     }
   ) });