asterui 0.12.69 → 0.12.71

package/dist/components/DateOfBirth.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export type DateOfBirthOrder = 'mdy' | 'dmy' | 'ymd';
+export type DateOfBirthMonthStyle = 'select' | 'grid';
+export type DateOfBirthYearStyle = 'select' | 'input';
+export interface DateOfBirthValue {
+    month?: string;
+    day?: string;
+    year?: string;
+}
+export interface DateOfBirthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: DateOfBirthValue;
+    defaultValue?: DateOfBirthValue;
+    onChange?: (value: DateOfBirthValue) => void;
+    yearSpan?: number;
+    minAge?: number;
+    maxAge?: number;
+    order?: DateOfBirthOrder;
+    monthStyle?: DateOfBirthMonthStyle;
+    yearStyle?: DateOfBirthYearStyle;
+    monthPlaceholder?: string;
+    dayPlaceholder?: string;
+    yearPlaceholder?: string;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    /** Test ID prefix for child elements */
+    'data-testid'?: string;
+}
+export declare const DateOfBirth: React.FC<DateOfBirthProps>;

package/dist/components/DateOfBirth.js

@@ -0,0 +1,157 @@
+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 { 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))
+  }));
+}
+function te(r, o) {
+  return new Date(r, o, 0).getDate();
+}
+function re(r, o, c) {
+  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);
+  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 ne = ({
+  value: r,
+  defaultValue: o,
+  onChange: c,
+  yearSpan: m = 120,
+  minAge: s = 13,
+  maxAge: N,
+  order: l = "mdy",
+  monthStyle: i = "select",
+  yearStyle: u = "select",
+  monthPlaceholder: z = "Month",
+  dayPlaceholder: O = "Day",
+  yearPlaceholder: F = "Year",
+  disabled: h = !1,
+  size: H,
+  className: L = "",
+  "data-testid": a,
+  ...j
+}) => {
+  const { locale: E, componentSize: U } = X(), p = H ?? U ?? "md", v = r !== void 0, [W, S] = Q(
+    r ?? o ?? {}
+  );
+  _(() => {
+    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(() => {
+    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));
+  }, [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;
+    return /* @__PURE__ */ n(
+      Z,
+      {
+        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,
+        children: e.label
+      },
+      e.value
+    );
+  }) }) : /* @__PURE__ */ f(
+    C,
+    {
+      value: t.month ?? "",
+      onChange: (e) => d({ ...t, month: e.target.value }),
+      disabled: h,
+      size: p,
+      "data-testid": a ? `${a}-month` : void 0,
+      children: [
+        /* @__PURE__ */ n("option", { value: "", children: z }),
+        $.map((e) => /* @__PURE__ */ n("option", { value: e.value, children: e.label }, e.value))
+      ]
+    }
+  ), k = () => /* @__PURE__ */ f(
+    C,
+    {
+      value: t.day ?? "",
+      onChange: (e) => d({ ...t, day: e.target.value }),
+      disabled: h,
+      size: p,
+      "data-testid": a ? `${a}-day` : void 0,
+      children: [
+        /* @__PURE__ */ n("option", { value: "", children: O }),
+        D.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
+      ]
+    }
+  ), R = () => u === "input" ? /* @__PURE__ */ n(
+    P,
+    {
+      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
+    }
+  ) : /* @__PURE__ */ f(
+    C,
+    {
+      value: t.year ?? "",
+      onChange: (e) => d({ ...t, year: e.target.value }),
+      disabled: h,
+      size: p,
+      "data-testid": a ? `${a}-year` : void 0,
+      children: [
+        /* @__PURE__ */ n("option", { value: "", children: F }),
+        y.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: "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." })
+  ] });
+};
+ne.displayName = "DateOfBirth";
+export {
+  ne as DateOfBirth
+};
+//# sourceMappingURL=DateOfBirth.js.map

package/dist/components/DateOfBirth.js.map

@@ -0,0 +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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"}