asterui 0.12.71 → 0.12.73

package/dist/components/DateOfBirth.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { FormItemProps } from './Form';
 export type DateOfBirthOrder = 'mdy' | 'dmy' | 'ymd';
 export type DateOfBirthMonthStyle = 'select' | 'grid';
 export type DateOfBirthYearStyle = 'select' | 'input';
@@ -26,4 +27,13 @@ export interface DateOfBirthProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     /** Test ID prefix for child elements */
     'data-testid'?: string;
 }
-export declare const DateOfBirth: React.FC<DateOfBirthProps>;
+export interface DateOfBirthRequiredOptions {
+    message?: string;
+}
+export type DateOfBirthRequiredProps = Pick<FormItemProps, 'rules' | 'validateTrigger'>;
+export declare function dateOfBirthRequired(options?: DateOfBirthRequiredOptions): DateOfBirthRequiredProps;
+type DateOfBirthComponent = React.FC<DateOfBirthProps> & {
+    required: (options?: DateOfBirthRequiredOptions) => DateOfBirthRequiredProps;
+};
+export declare const DateOfBirth: DateOfBirthComponent;
+export {};

package/dist/components/DateOfBirth.js

@@ -1,157 +1,189 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { useState as Q, useEffect as _, useMemo as M } from "react";
-import { useConfig as X } from "../providers/ConfigProvider.js";
-import { Button as Z } from "./Button.js";
-import { Flex as A } from "./Flex.js";
-import { InputNumber as P } from "./InputNumber.js";
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import { useState as Z, useEffect as O, useMemo as B } from "react";
+import { useConfig as K } from "../providers/ConfigProvider.js";
+import { Button as I } from "./Button.js";
+import { Flex as _ } from "./Flex.js";
+import { InputNumber as ee } from "./InputNumber.js";
 import { Select as C } from "./Select.js";
-import { Space as K } from "./Space.js";
-const I = Array.from({ length: 12 }, (r, o) => String(o + 1));
-function ee(r, o) {
-  const c = new Intl.DateTimeFormat(r, { month: o });
-  return I.map((m, s) => ({
-    value: m,
-    label: c.format(new Date(2020, s, 1))
+import { Space as te } from "./Space.js";
+const re = Array.from({ length: 12 }, (r, a) => String(a + 1));
+function ne(r = {}) {
+  const a = r.message ?? "Please select a complete date of birth.";
+  return {
+    validateTrigger: ["onBlur", "onSubmit"],
+    rules: [({ isSubmitAttempted: d }) => ({
+      validate: (s) => {
+        const i = s ?? {};
+        return !!!(i.month || i.day || i.year) && !d() || i.month && i.day && i.year ? !0 : a;
+      }
+    })]
+  };
+}
+function ae(r, a) {
+  const u = new Intl.DateTimeFormat(r, { month: a });
+  return re.map((d, s) => ({
+    value: d,
+    label: u.format(new Date(2020, s, 1))
   }));
 }
-function te(r, o) {
-  return new Date(r, o, 0).getDate();
+function oe(r, a) {
+  return new Date(r, a, 0).getDate();
 }
-function re(r, o, c) {
+function ie(r, a, u) {
   if (!r.year || !r.month || !r.day) return !0;
-  const m = Number(r.year), s = Number(r.month) - 1, N = Number(r.day), l = new Date(m, s, N);
+  const d = Number(r.year), s = Number(r.month) - 1, i = Number(r.day), l = new Date(d, s, i);
   if (Number.isNaN(l.getTime())) return !1;
-  const i = /* @__PURE__ */ new Date();
-  let u = i.getFullYear() - l.getFullYear();
-  return i.getMonth() > l.getMonth() || i.getMonth() === l.getMonth() && i.getDate() >= l.getDate() || (u -= 1), !(o !== void 0 && u < o || c !== void 0 && u > c);
+  const c = /* @__PURE__ */ new Date();
+  let f = c.getFullYear() - l.getFullYear();
+  return c.getMonth() > l.getMonth() || c.getMonth() === l.getMonth() && c.getDate() >= l.getDate() || (f -= 1), !(a !== void 0 && f < a || u !== void 0 && f > u);
 }
-const ne = ({
+const q = ({
   value: r,
-  defaultValue: o,
-  onChange: c,
-  yearSpan: m = 120,
+  defaultValue: a,
+  onChange: u,
+  yearSpan: d = 120,
   minAge: s = 13,
-  maxAge: N,
+  maxAge: i,
   order: l = "mdy",
-  monthStyle: i = "select",
-  yearStyle: u = "select",
-  monthPlaceholder: z = "Month",
-  dayPlaceholder: O = "Day",
-  yearPlaceholder: F = "Year",
-  disabled: h = !1,
+  monthStyle: c = "select",
+  yearStyle: f = "select",
+  monthPlaceholder: F = "Month",
+  dayPlaceholder: E = "Day",
+  yearPlaceholder: S = "Year",
+  disabled: p = !1,
   size: H,
   className: L = "",
-  "data-testid": a,
-  ...j
+  "data-testid": o,
+  onBlur: j,
+  onFocus: R,
+  ...U
 }) => {
-  const { locale: E, componentSize: U } = X(), p = H ?? U ?? "md", v = r !== void 0, [W, S] = Q(
-    r ?? o ?? {}
+  const { locale: W, componentSize: k } = K(), v = H ?? k ?? "md", b = r !== void 0, [V, T] = Z(
+    r ?? a ?? {}
   );
-  _(() => {
-    v && S(r ?? {});
-  }, [v, r]);
-  const t = v ? r ?? {} : W, Y = E?.locale ?? "en-US", $ = M(
-    () => ee(Y, i === "grid" ? "short" : "long"),
-    [Y, i]
-  ), y = M(() => {
+  O(() => {
+    b && T(r ?? {});
+  }, [b, r]);
+  const t = b ? r ?? {} : V, z = W?.locale ?? "en-US", A = B(
+    () => ae(z, c === "grid" ? "short" : "long"),
+    [z, c]
+  ), N = B(() => {
     const e = (/* @__PURE__ */ new Date()).getFullYear();
-    return Array.from({ length: m }, (g, b) => String(e - b));
-  }, [m]), D = M(() => {
-    if (!t.month) return Array.from({ length: 31 }, (J, w) => String(w + 1));
-    const e = Number(t.month), g = t.year ? Number(t.year) : 2e3, b = te(g, e);
-    return Array.from({ length: b }, (J, w) => String(w + 1));
+    return Array.from({ length: d }, (m, g) => String(e - g));
+  }, [d]), w = B(() => {
+    if (!t.month) return Array.from({ length: 31 }, (D, M) => String(M + 1));
+    const e = Number(t.month), m = t.year ? Number(t.year) : 2e3, g = oe(m, e);
+    return Array.from({ length: g }, (D, M) => String(M + 1));
   }, [t.month, t.year]);
-  _(() => {
-    t.day && !D.includes(t.day) && d({ ...t, day: void 0 });
-  }, [t.day, D]);
-  const d = (e) => {
-    v || S(e), c?.(e);
-  }, x = () => i === "grid" ? /* @__PURE__ */ n("div", { className: "grid grid-cols-3 gap-2", children: $.map((e) => {
-    const g = t.month === e.value;
+  O(() => {
+    t.day && !w.includes(t.day) && h({ ...t, day: void 0 });
+  }, [t.day, w]);
+  const h = (e) => {
+    b || T(e), u?.(e);
+  }, Y = () => c === "grid" ? /* @__PURE__ */ n("div", { className: "grid grid-cols-3 gap-2", children: A.map((e) => {
+    const m = t.month === e.value;
     return /* @__PURE__ */ n(
-      Z,
+      I,
       {
         htmlType: "button",
         size: "sm",
-        color: g ? "primary" : void 0,
-        variant: g ? "solid" : "ghost",
-        disabled: h,
-        onClick: () => d({ ...t, month: e.value }),
-        "data-testid": a ? `${a}-month-${e.value}` : void 0,
+        color: m ? "primary" : void 0,
+        variant: m ? "solid" : "ghost",
+        disabled: p,
+        onClick: () => h({ ...t, month: e.value }),
+        "data-testid": o ? `${o}-month-${e.value}` : void 0,
         children: e.label
       },
       e.value
     );
-  }) }) : /* @__PURE__ */ f(
+  }) }) : /* @__PURE__ */ y(
     C,
     {
       value: t.month ?? "",
-      onChange: (e) => d({ ...t, month: e.target.value }),
-      disabled: h,
-      size: p,
-      "data-testid": a ? `${a}-month` : void 0,
+      onChange: (e) => h({ ...t, month: e.target.value }),
+      disabled: p,
+      size: v,
+      "data-testid": o ? `${o}-month` : void 0,
       children: [
-        /* @__PURE__ */ n("option", { value: "", children: z }),
-        $.map((e) => /* @__PURE__ */ n("option", { value: e.value, children: e.label }, e.value))
+        /* @__PURE__ */ n("option", { value: "", children: F }),
+        A.map((e) => /* @__PURE__ */ n("option", { value: e.value, children: e.label }, e.value))
       ]
     }
-  ), k = () => /* @__PURE__ */ f(
+  ), G = () => /* @__PURE__ */ y(
     C,
     {
       value: t.day ?? "",
-      onChange: (e) => d({ ...t, day: e.target.value }),
-      disabled: h,
-      size: p,
-      "data-testid": a ? `${a}-day` : void 0,
+      onChange: (e) => h({ ...t, day: e.target.value }),
+      disabled: p,
+      size: v,
+      "data-testid": o ? `${o}-day` : void 0,
       children: [
-        /* @__PURE__ */ n("option", { value: "", children: O }),
-        D.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
+        /* @__PURE__ */ n("option", { value: "", children: E }),
+        w.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
       ]
     }
-  ), R = () => u === "input" ? /* @__PURE__ */ n(
-    P,
+  ), J = () => f === "input" ? /* @__PURE__ */ n(
+    ee,
     {
       value: t.year ? Number(t.year) : void 0,
-      min: Number(y[y.length - 1]),
-      max: Number(y[0]),
-      placeholder: F,
-      disabled: h,
-      size: p,
-      onChange: (e) => d({ ...t, year: e ? String(e) : void 0 }),
-      "data-testid": a ? `${a}-year` : void 0
+      min: Number(N[N.length - 1]),
+      max: Number(N[0]),
+      placeholder: S,
+      disabled: p,
+      size: v,
+      onChange: (e) => h({ ...t, year: e ? String(e) : void 0 }),
+      "data-testid": o ? `${o}-year` : void 0
     }
-  ) : /* @__PURE__ */ f(
+  ) : /* @__PURE__ */ y(
     C,
     {
       value: t.year ?? "",
-      onChange: (e) => d({ ...t, year: e.target.value }),
-      disabled: h,
-      size: p,
-      "data-testid": a ? `${a}-year` : void 0,
+      onChange: (e) => h({ ...t, year: e.target.value }),
+      disabled: p,
+      size: v,
+      "data-testid": o ? `${o}-year` : void 0,
       children: [
-        /* @__PURE__ */ n("option", { value: "", children: F }),
-        y.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
+        /* @__PURE__ */ n("option", { value: "", children: S }),
+        N.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
       ]
     }
-  ), B = {
-    m: x(),
-    d: k(),
-    y: R()
-  }, V = l.split("").map((e) => e), q = l.split("").filter((e) => e !== "m").map((e) => e), T = {
+  ), $ = {
+    m: Y(),
+    d: G(),
+    y: J()
+  }, P = l.split("").map((e) => e), Q = l.split("").filter((e) => e !== "m").map((e) => e), x = {
     m: "w-full sm:w-[7rem]",
     d: "w-full sm:w-[5rem]",
     y: "w-full sm:w-[5rem]"
-  }, G = t.year && t.month && t.day && !re(t, s, N);
-  return /* @__PURE__ */ f("div", { className: L, "data-testid": a, ...j, children: [
-    i === "grid" ? /* @__PURE__ */ f(K, { direction: "vertical", size: "sm", children: [
-      x(),
-      /* @__PURE__ */ n(A, { gap: "sm", children: q.map((e) => /* @__PURE__ */ n("div", { className: T[e], children: B[e] }, e)) })
-    ] }) : /* @__PURE__ */ n(A, { wrap: "wrap", gap: "sm", children: V.map((e) => /* @__PURE__ */ n("div", { className: T[e], children: B[e] }, e)) }),
-    G && /* @__PURE__ */ n("div", { className: "text-xs text-error mt-2", children: s ? `You must be at least ${s} years old.` : "Date of birth is not valid." })
-  ] });
+  }, X = t.year && t.month && t.day && !ie(t, s, i);
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: L,
+      "data-testid": o,
+      onBlur: (e) => {
+        const m = e.currentTarget, g = e.relatedTarget;
+        g && m.contains(g) || requestAnimationFrame(() => {
+          const D = document.activeElement;
+          D && m.contains(D) || j?.(e);
+        });
+      },
+      onFocus: R,
+      ...U,
+      children: [
+        c === "grid" ? /* @__PURE__ */ y(te, { direction: "vertical", size: "sm", children: [
+          Y(),
+          /* @__PURE__ */ n(_, { gap: "sm", children: Q.map((e) => /* @__PURE__ */ n("div", { className: x[e], children: $[e] }, e)) })
+        ] }) : /* @__PURE__ */ n(_, { wrap: "wrap", gap: "sm", children: P.map((e) => /* @__PURE__ */ n("div", { className: x[e], children: $[e] }, e)) }),
+        X && /* @__PURE__ */ n("div", { className: "text-xs text-error mt-2", children: s ? `You must be at least ${s} years old.` : "Date of birth is not valid." })
+      ]
+    }
+  );
 };
-ne.displayName = "DateOfBirth";
+q.required = ne;
+q.displayName = "DateOfBirth";
 export {
-  ne as DateOfBirth
+  q as DateOfBirth,
+  ne as dateOfBirthRequired
 };
 //# sourceMappingURL=DateOfBirth.js.map

package/dist/components/DateOfBirth.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateOfBirth.js","sources":["../../src/components/DateOfBirth.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\nimport { Button } from './Button'\nimport { Flex } from './Flex'\nimport { InputNumber } from './InputNumber'\nimport { Select } from './Select'\nimport { Space } from './Space'\n\nexport type DateOfBirthOrder = 'mdy' | 'dmy' | 'ymd'\nexport type DateOfBirthMonthStyle = 'select' | 'grid'\nexport type DateOfBirthYearStyle = 'select' | 'input'\n\nexport interface DateOfBirthValue {\n  month?: string\n  day?: string\n  year?: string\n}\n\nexport interface DateOfBirthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: DateOfBirthValue\n  defaultValue?: DateOfBirthValue\n  onChange?: (value: DateOfBirthValue) => void\n  yearSpan?: number\n  minAge?: number\n  maxAge?: number\n  order?: DateOfBirthOrder\n  monthStyle?: DateOfBirthMonthStyle\n  yearStyle?: DateOfBirthYearStyle\n  monthPlaceholder?: string\n  dayPlaceholder?: string\n  yearPlaceholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nconst DEFAULT_MONTHS = Array.from({ length: 12 }, (_, index) => String(index + 1))\n\nfunction getMonthLabels(locale: string, format: 'long' | 'short') {\n  const formatter = new Intl.DateTimeFormat(locale, { month: format })\n  return DEFAULT_MONTHS.map((value, index) => ({\n    value,\n    label: formatter.format(new Date(2020, index, 1)),\n  }))\n}\n\nfunction getDaysInMonth(year: number, month: number) {\n  return new Date(year, month, 0).getDate()\n}\n\nfunction validateAge(value: DateOfBirthValue, minAge?: number, maxAge?: number) {\n  if (!value.year || !value.month || !value.day) return true\n  const year = Number(value.year)\n  const month = Number(value.month) - 1\n  const day = Number(value.day)\n  const birthDate = new Date(year, month, day)\n  if (Number.isNaN(birthDate.getTime())) return false\n  const today = new Date()\n  let age = today.getFullYear() - birthDate.getFullYear()\n  const hasHadBirthday =\n    today.getMonth() > birthDate.getMonth() ||\n    (today.getMonth() === birthDate.getMonth() && today.getDate() >= birthDate.getDate())\n  if (!hasHadBirthday) age -= 1\n  if (minAge !== undefined && age < minAge) return false\n  if (maxAge !== undefined && age > maxAge) return false\n  return true\n}\n\nexport const DateOfBirth: React.FC<DateOfBirthProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  yearSpan = 120,\n  minAge = 13,\n  maxAge,\n  order = 'mdy',\n  monthStyle = 'select',\n  yearStyle = 'select',\n  monthPlaceholder = 'Month',\n  dayPlaceholder = 'Day',\n  yearPlaceholder = 'Year',\n  disabled = false,\n  size,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}) => {\n  const { locale, componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const isControlled = value !== undefined\n  const [internalValue, setInternalValue] = useState<DateOfBirthValue>(\n    value ?? defaultValue ?? {}\n  )\n\n  useEffect(() => {\n    if (isControlled) {\n      setInternalValue(value ?? {})\n    }\n  }, [isControlled, value])\n\n  const currentValue = isControlled ? (value ?? {}) : internalValue\n  const localeCode = locale?.locale ?? 'en-US'\n  const monthLabels = useMemo(\n    () => getMonthLabels(localeCode, monthStyle === 'grid' ? 'short' : 'long'),\n    [localeCode, monthStyle]\n  )\n\n  const yearRange = useMemo(() => {\n    const currentYear = new Date().getFullYear()\n    return Array.from({ length: yearSpan }, (_, i) => String(currentYear - i))\n  }, [yearSpan])\n\n  const dayOptions = useMemo(() => {\n    if (!currentValue.month) return Array.from({ length: 31 }, (_, i) => String(i + 1))\n    const month = Number(currentValue.month)\n    const year = currentValue.year ? Number(currentValue.year) : 2000\n    const daysInMonth = getDaysInMonth(year, month)\n    return Array.from({ length: daysInMonth }, (_, i) => String(i + 1))\n  }, [currentValue.month, currentValue.year])\n\n  useEffect(() => {\n    if (currentValue.day && !dayOptions.includes(currentValue.day)) {\n      handleChange({ ...currentValue, day: undefined })\n    }\n  }, [currentValue.day, dayOptions])\n\n  const handleChange = (nextValue: DateOfBirthValue) => {\n    if (!isControlled) {\n      setInternalValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }\n\n  const renderMonth = () => {\n    if (monthStyle === 'grid') {\n      return (\n        <div className=\"grid grid-cols-3 gap-2\">\n          {monthLabels.map((month) => {\n            const isActive = currentValue.month === month.value\n            return (\n              <Button\n                key={month.value}\n                htmlType=\"button\"\n                size=\"sm\"\n                color={isActive ? 'primary' : undefined}\n                variant={isActive ? 'solid' : 'ghost'}\n                disabled={disabled}\n                onClick={() => handleChange({ ...currentValue, month: month.value })}\n                data-testid={testId ? `${testId}-month-${month.value}` : undefined}\n              >\n                {month.label}\n              </Button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.month ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, month: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-month` : undefined}\n      >\n        <option value=\"\">{monthPlaceholder}</option>\n        {monthLabels.map((month) => (\n          <option key={month.value} value={month.value}>\n            {month.label}\n          </option>\n        ))}\n      </Select>\n    )\n  }\n\n  const renderDay = () => (\n    <Select\n      value={currentValue.day ?? ''}\n      onChange={(e) => handleChange({ ...currentValue, day: e.target.value })}\n      disabled={disabled}\n      size={effectiveSize}\n      data-testid={testId ? `${testId}-day` : undefined}\n    >\n      <option value=\"\">{dayPlaceholder}</option>\n      {dayOptions.map((day) => (\n        <option key={day} value={day}>{day}</option>\n      ))}\n    </Select>\n  )\n\n  const renderYear = () => {\n    if (yearStyle === 'input') {\n      return (\n        <InputNumber\n          value={currentValue.year ? Number(currentValue.year) : undefined}\n          min={Number(yearRange[yearRange.length - 1])}\n          max={Number(yearRange[0])}\n          placeholder={yearPlaceholder}\n          disabled={disabled}\n          size={effectiveSize}\n          onChange={(nextValue) => handleChange({ ...currentValue, year: nextValue ? String(nextValue) : undefined })}\n          data-testid={testId ? `${testId}-year` : undefined}\n        />\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.year ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, year: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-year` : undefined}\n      >\n        <option value=\"\">{yearPlaceholder}</option>\n        {yearRange.map((year) => (\n          <option key={year} value={year}>{year}</option>\n        ))}\n      </Select>\n    )\n  }\n\n  const fieldMap = {\n    m: renderMonth(),\n    d: renderDay(),\n    y: renderYear(),\n  }\n\n  const orderedFields = order.split('').map((key) => key as keyof typeof fieldMap)\n  const gridFields = order\n    .split('')\n    .filter((key) => key !== 'm')\n    .map((key) => key as keyof typeof fieldMap)\n  const fieldWidths: Record<'m' | 'd' | 'y', string> = {\n    m: 'w-full sm:w-[7rem]',\n    d: 'w-full sm:w-[5rem]',\n    y: 'w-full sm:w-[5rem]',\n  }\n\n  const showAgeWarning = currentValue.year && currentValue.month && currentValue.day && !validateAge(currentValue, minAge, maxAge)\n\n  return (\n    <div className={className} data-testid={testId} {...rest}>\n      {monthStyle === 'grid' ? (\n        <Space direction=\"vertical\" size=\"sm\">\n          {renderMonth()}\n          <Flex gap=\"sm\">\n            {gridFields.map((fieldKey) => (\n              <div key={fieldKey} className={fieldWidths[fieldKey]}>\n                {fieldMap[fieldKey]}\n              </div>\n            ))}\n          </Flex>\n        </Space>\n      ) : (\n        <Flex wrap=\"wrap\" gap=\"sm\">\n          {orderedFields.map((fieldKey) => (\n            <div key={fieldKey} className={fieldWidths[fieldKey]}>\n              {fieldMap[fieldKey]}\n            </div>\n          ))}\n        </Flex>\n      )}\n\n      {showAgeWarning && (\n        <div className=\"text-xs text-error mt-2\">\n          {minAge ? `You must be at least ${minAge} years old.` : 'Date of birth is not valid.'}\n        </div>\n      )}\n    </div>\n  )\n}\n\nDateOfBirth.displayName = 'DateOfBirth'\n"],"names":["DEFAULT_MONTHS","_","index","getMonthLabels","locale","format","formatter","value","getDaysInMonth","year","month","validateAge","minAge","maxAge","day","birthDate","today","age","DateOfBirth","defaultValue","onChange","yearSpan","order","monthStyle","yearStyle","monthPlaceholder","dayPlaceholder","yearPlaceholder","disabled","size","className","testId","rest","componentSize","useConfig","effectiveSize","isControlled","internalValue","setInternalValue","useState","useEffect","currentValue","localeCode","monthLabels","useMemo","yearRange","currentYear","i","dayOptions","daysInMonth","handleChange","nextValue","renderMonth","isActive","jsx","Button","jsxs","Select","renderDay","renderYear","InputNumber","fieldMap","orderedFields","key","gridFields","fieldWidths","showAgeWarning","Space","Flex","fieldKey"],"mappings":"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"}
+{"version":3,"file":"DateOfBirth.js","sources":["../../src/components/DateOfBirth.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\nimport { Button } from './Button'\nimport { Flex } from './Flex'\nimport { InputNumber } from './InputNumber'\nimport { Select } from './Select'\nimport { Space } from './Space'\nimport type { FormItemProps, FormRuleInput } from './Form'\n\nexport type DateOfBirthOrder = 'mdy' | 'dmy' | 'ymd'\nexport type DateOfBirthMonthStyle = 'select' | 'grid'\nexport type DateOfBirthYearStyle = 'select' | 'input'\n\nexport interface DateOfBirthValue {\n  month?: string\n  day?: string\n  year?: string\n}\n\nexport interface DateOfBirthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: DateOfBirthValue\n  defaultValue?: DateOfBirthValue\n  onChange?: (value: DateOfBirthValue) => void\n  yearSpan?: number\n  minAge?: number\n  maxAge?: number\n  order?: DateOfBirthOrder\n  monthStyle?: DateOfBirthMonthStyle\n  yearStyle?: DateOfBirthYearStyle\n  monthPlaceholder?: string\n  dayPlaceholder?: string\n  yearPlaceholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nconst DEFAULT_MONTHS = Array.from({ length: 12 }, (_, index) => String(index + 1))\n\nexport interface DateOfBirthRequiredOptions {\n  message?: string\n}\n\nexport type DateOfBirthRequiredProps = Pick<FormItemProps, 'rules' | 'validateTrigger'>\n\nexport function dateOfBirthRequired(options: DateOfBirthRequiredOptions = {}): DateOfBirthRequiredProps {\n  const message = options.message ?? 'Please select a complete date of birth.'\n\n  const rules: FormRuleInput[] = [({ isSubmitAttempted }) => ({\n    validate: (value: DateOfBirthValue | undefined) => {\n      const dob = value ?? {}\n      const hasAny = !!(dob.month || dob.day || dob.year)\n      if (!hasAny && !isSubmitAttempted()) {\n        return true\n      }\n      return dob.month && dob.day && dob.year ? true : message\n    },\n  })]\n\n  return {\n    validateTrigger: ['onBlur', 'onSubmit'],\n    rules,\n  }\n}\n\ntype DateOfBirthComponent = React.FC<DateOfBirthProps> & {\n  required: (options?: DateOfBirthRequiredOptions) => DateOfBirthRequiredProps\n}\n\nfunction getMonthLabels(locale: string, format: 'long' | 'short') {\n  const formatter = new Intl.DateTimeFormat(locale, { month: format })\n  return DEFAULT_MONTHS.map((value, index) => ({\n    value,\n    label: formatter.format(new Date(2020, index, 1)),\n  }))\n}\n\nfunction getDaysInMonth(year: number, month: number) {\n  return new Date(year, month, 0).getDate()\n}\n\nfunction validateAge(value: DateOfBirthValue, minAge?: number, maxAge?: number) {\n  if (!value.year || !value.month || !value.day) return true\n  const year = Number(value.year)\n  const month = Number(value.month) - 1\n  const day = Number(value.day)\n  const birthDate = new Date(year, month, day)\n  if (Number.isNaN(birthDate.getTime())) return false\n  const today = new Date()\n  let age = today.getFullYear() - birthDate.getFullYear()\n  const hasHadBirthday =\n    today.getMonth() > birthDate.getMonth() ||\n    (today.getMonth() === birthDate.getMonth() && today.getDate() >= birthDate.getDate())\n  if (!hasHadBirthday) age -= 1\n  if (minAge !== undefined && age < minAge) return false\n  if (maxAge !== undefined && age > maxAge) return false\n  return true\n}\n\nexport const DateOfBirth: DateOfBirthComponent = ({\n  value,\n  defaultValue,\n  onChange,\n  yearSpan = 120,\n  minAge = 13,\n  maxAge,\n  order = 'mdy',\n  monthStyle = 'select',\n  yearStyle = 'select',\n  monthPlaceholder = 'Month',\n  dayPlaceholder = 'Day',\n  yearPlaceholder = 'Year',\n  disabled = false,\n  size,\n  className = '',\n  'data-testid': testId,\n  onBlur,\n  onFocus,\n  ...rest\n}) => {\n  const { locale, componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const isControlled = value !== undefined\n  const [internalValue, setInternalValue] = useState<DateOfBirthValue>(\n    value ?? defaultValue ?? {}\n  )\n\n  useEffect(() => {\n    if (isControlled) {\n      setInternalValue(value ?? {})\n    }\n  }, [isControlled, value])\n\n  const currentValue = isControlled ? (value ?? {}) : internalValue\n  const localeCode = locale?.locale ?? 'en-US'\n  const monthLabels = useMemo(\n    () => getMonthLabels(localeCode, monthStyle === 'grid' ? 'short' : 'long'),\n    [localeCode, monthStyle]\n  )\n\n  const yearRange = useMemo(() => {\n    const currentYear = new Date().getFullYear()\n    return Array.from({ length: yearSpan }, (_, i) => String(currentYear - i))\n  }, [yearSpan])\n\n  const dayOptions = useMemo(() => {\n    if (!currentValue.month) return Array.from({ length: 31 }, (_, i) => String(i + 1))\n    const month = Number(currentValue.month)\n    const year = currentValue.year ? Number(currentValue.year) : 2000\n    const daysInMonth = getDaysInMonth(year, month)\n    return Array.from({ length: daysInMonth }, (_, i) => String(i + 1))\n  }, [currentValue.month, currentValue.year])\n\n  useEffect(() => {\n    if (currentValue.day && !dayOptions.includes(currentValue.day)) {\n      handleChange({ ...currentValue, day: undefined })\n    }\n  }, [currentValue.day, dayOptions])\n\n  const handleChange = (nextValue: DateOfBirthValue) => {\n    if (!isControlled) {\n      setInternalValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }\n\n  const renderMonth = () => {\n    if (monthStyle === 'grid') {\n      return (\n        <div className=\"grid grid-cols-3 gap-2\">\n          {monthLabels.map((month) => {\n            const isActive = currentValue.month === month.value\n            return (\n              <Button\n                key={month.value}\n                htmlType=\"button\"\n                size=\"sm\"\n                color={isActive ? 'primary' : undefined}\n                variant={isActive ? 'solid' : 'ghost'}\n                disabled={disabled}\n                onClick={() => handleChange({ ...currentValue, month: month.value })}\n                data-testid={testId ? `${testId}-month-${month.value}` : undefined}\n              >\n                {month.label}\n              </Button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.month ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, month: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-month` : undefined}\n      >\n        <option value=\"\">{monthPlaceholder}</option>\n        {monthLabels.map((month) => (\n          <option key={month.value} value={month.value}>\n            {month.label}\n          </option>\n        ))}\n      </Select>\n    )\n  }\n\n  const renderDay = () => (\n    <Select\n      value={currentValue.day ?? ''}\n      onChange={(e) => handleChange({ ...currentValue, day: e.target.value })}\n      disabled={disabled}\n      size={effectiveSize}\n      data-testid={testId ? `${testId}-day` : undefined}\n    >\n      <option value=\"\">{dayPlaceholder}</option>\n      {dayOptions.map((day) => (\n        <option key={day} value={day}>{day}</option>\n      ))}\n    </Select>\n  )\n\n  const renderYear = () => {\n    if (yearStyle === 'input') {\n      return (\n        <InputNumber\n          value={currentValue.year ? Number(currentValue.year) : undefined}\n          min={Number(yearRange[yearRange.length - 1])}\n          max={Number(yearRange[0])}\n          placeholder={yearPlaceholder}\n          disabled={disabled}\n          size={effectiveSize}\n          onChange={(nextValue) => handleChange({ ...currentValue, year: nextValue ? String(nextValue) : undefined })}\n          data-testid={testId ? `${testId}-year` : undefined}\n        />\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.year ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, year: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-year` : undefined}\n      >\n        <option value=\"\">{yearPlaceholder}</option>\n        {yearRange.map((year) => (\n          <option key={year} value={year}>{year}</option>\n        ))}\n      </Select>\n    )\n  }\n\n  const fieldMap = {\n    m: renderMonth(),\n    d: renderDay(),\n    y: renderYear(),\n  }\n\n  const orderedFields = order.split('').map((key) => key as keyof typeof fieldMap)\n  const gridFields = order\n    .split('')\n    .filter((key) => key !== 'm')\n    .map((key) => key as keyof typeof fieldMap)\n  const fieldWidths: Record<'m' | 'd' | 'y', string> = {\n    m: 'w-full sm:w-[7rem]',\n    d: 'w-full sm:w-[5rem]',\n    y: 'w-full sm:w-[5rem]',\n  }\n\n  const showAgeWarning = currentValue.year && currentValue.month && currentValue.day && !validateAge(currentValue, minAge, maxAge)\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    const currentTarget = event.currentTarget\n    const next = event.relatedTarget as Node | null\n    if (next && currentTarget.contains(next)) return\n    requestAnimationFrame(() => {\n      const active = document.activeElement\n      if (active && currentTarget.contains(active)) return\n      onBlur?.(event)\n    })\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={testId}\n      onBlur={handleBlur}\n      onFocus={onFocus}\n      {...rest}\n    >\n      {monthStyle === 'grid' ? (\n        <Space direction=\"vertical\" size=\"sm\">\n          {renderMonth()}\n          <Flex gap=\"sm\">\n            {gridFields.map((fieldKey) => (\n              <div key={fieldKey} className={fieldWidths[fieldKey]}>\n                {fieldMap[fieldKey]}\n              </div>\n            ))}\n          </Flex>\n        </Space>\n      ) : (\n        <Flex wrap=\"wrap\" gap=\"sm\">\n          {orderedFields.map((fieldKey) => (\n            <div key={fieldKey} className={fieldWidths[fieldKey]}>\n              {fieldMap[fieldKey]}\n            </div>\n          ))}\n        </Flex>\n      )}\n\n      {showAgeWarning && (\n        <div className=\"text-xs text-error mt-2\">\n          {minAge ? `You must be at least ${minAge} years old.` : 'Date of birth is not valid.'}\n        </div>\n      )}\n    </div>\n  )\n}\n\nDateOfBirth.required = dateOfBirthRequired\n\nDateOfBirth.displayName = 'DateOfBirth'\n"],"names":["DEFAULT_MONTHS","_","index","dateOfBirthRequired","options","message","isSubmitAttempted","value","dob","getMonthLabels","locale","format","formatter","getDaysInMonth","year","month","validateAge","minAge","maxAge","day","birthDate","today","age","DateOfBirth","defaultValue","onChange","yearSpan","order","monthStyle","yearStyle","monthPlaceholder","dayPlaceholder","yearPlaceholder","disabled","size","className","testId","onBlur","onFocus","rest","componentSize","useConfig","effectiveSize","isControlled","internalValue","setInternalValue","useState","useEffect","currentValue","localeCode","monthLabels","useMemo","yearRange","currentYear","i","dayOptions","daysInMonth","handleChange","nextValue","renderMonth","isActive","jsx","Button","jsxs","Select","renderDay","renderYear","InputNumber","fieldMap","orderedFields","key","gridFields","fieldWidths","showAgeWarning","event","currentTarget","next","active","Space","Flex","fieldKey"],"mappings":"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"}