asterui 0.12.78 → 0.12.79

package/dist/components/DateOfBirth.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.78",
+  "version": "0.12.79",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {