@godxjp/ui 13.7.0 → 13.9.0

package/dist/chunk-G7A6SUIN.js

@@ -1,183 +0,0 @@
-import { Input } from './chunk-6AIYMYSG.js';
-import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { Calendar } from './chunk-MUUO7SPN.js';
-import { Button } from './chunk-5L77S5CL.js';
-import { useTranslation, usePickerLocales } from './chunk-QTEPKNQE.js';
-import { toIsoDate, parseDateInput } from './chunk-C7W5BO7R.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { X, CalendarIcon } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var ISO_HINT = "yyyy-mm-dd";
-function DateRangePicker({
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  name,
-  locale: localeProp,
-  fromDate,
-  toDate,
-  allowClear = true
-}) {
-  const { t } = useTranslation();
-  const { dayPickerLocale } = usePickerLocales(localeProp);
-  const [open, setOpen] = React.useState(false);
-  const isControlled = React.useRef(valueProp !== void 0).current;
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const value = isControlled ? valueProp : internalValue;
-  const [fromText, setFromText] = React.useState(() => toIsoDate(value?.from));
-  const [toText, setToText] = React.useState(() => toIsoDate(value?.to));
-  React.useEffect(() => {
-    setFromText(toIsoDate(value?.from));
-    setToText(toIsoDate(value?.to));
-  }, [value?.from, value?.to]);
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder") ?? ISO_HINT;
-  const emit = (next) => {
-    if (!isControlled) setInternalValue(next);
-    onValueChange?.(next);
-  };
-  const showClear = allowClear && Boolean(value?.from || value?.to) && !disabled;
-  const clear = () => {
-    emit(void 0);
-    setFromText("");
-    setToText("");
-  };
-  const commitEdge = (edge, raw) => {
-    const trimmed = raw.trim();
-    if (trimmed !== "" && !/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) return;
-    const parsed = trimmed === "" ? void 0 : parseDateInput(trimmed) ?? void 0;
-    const next = { from: value?.from, to: value?.to, [edge]: parsed };
-    emit(next.from || next.to ? next : void 0);
-  };
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", className), children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id,
-        name: name ? `${name}_from` : void 0,
-        value: fromText,
-        disabled,
-        placeholder: resolvedPlaceholder,
-        inputMode: "numeric",
-        autoComplete: "off",
-        "aria-label": t("dataEntry.dateRangePicker.from") ?? "From",
-        className: "tabular-nums",
-        onClick: () => {
-          if (!disabled) setOpen(true);
-        },
-        onKeyDown: (event) => {
-          if (event.key === "ArrowDown") {
-            event.preventDefault();
-            setOpen(true);
-          } else if (event.key === "Escape" && open) {
-            setOpen(false);
-          }
-        },
-        onChange: (event) => {
-          setFromText(event.target.value);
-          commitEdge("from", event.target.value);
-        },
-        onBlur: (event) => {
-          const parsed = parseDateInput(event.target.value.trim());
-          setFromText(parsed ? toIsoDate(parsed) : toIsoDate(value?.from));
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0", "aria-hidden": "true", children: "\u2013" }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        name: name ? `${name}_to` : void 0,
-        value: toText,
-        disabled,
-        placeholder: resolvedPlaceholder,
-        inputMode: "numeric",
-        autoComplete: "off",
-        "aria-label": t("dataEntry.dateRangePicker.to") ?? "To",
-        className: "tabular-nums",
-        onClick: () => {
-          if (!disabled) setOpen(true);
-        },
-        onKeyDown: (event) => {
-          if (event.key === "ArrowDown") {
-            event.preventDefault();
-            setOpen(true);
-          } else if (event.key === "Escape" && open) {
-            setOpen(false);
-          }
-        },
-        onChange: (event) => {
-          setToText(event.target.value);
-          commitEdge("to", event.target.value);
-        },
-        onBlur: (event) => {
-          const parsed = parseDateInput(event.target.value.trim());
-          setToText(parsed ? toIsoDate(parsed) : toIsoDate(value?.to));
-        }
-      }
-    ),
-    showClear ? /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        disabled,
-        tabIndex: -1,
-        "aria-label": t("common.clear") ?? "Clear",
-        className: "text-muted-foreground shrink-0 hover:bg-transparent",
-        onClick: clear,
-        children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        disabled,
-        tabIndex: -1,
-        "aria-label": t("dataEntry.dateRangePicker.openCalendar") ?? "Open calendar",
-        className: "text-muted-foreground shrink-0 hover:bg-transparent",
-        children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: "w-auto p-0",
-        align: "start",
-        onOpenAutoFocus: (event) => event.preventDefault(),
-        children: /* @__PURE__ */ jsx(
-          Calendar,
-          {
-            mode: "range",
-            selected: value,
-            defaultMonth: value?.from,
-            numberOfMonths: 2,
-            onSelect: (range) => {
-              emit(range);
-              setFromText(toIsoDate(range?.from));
-              setToText(toIsoDate(range?.to));
-            },
-            locale: dayPickerLocale,
-            disabled: [
-              ...fromDate ? [{ before: fromDate }] : [],
-              ...toDate ? [{ after: toDate }] : []
-            ],
-            startMonth: fromDate,
-            endMonth: toDate
-          }
-        )
-      }
-    )
-  ] }) }) });
-}
-
-export { DateRangePicker };