@justanarthur/modo-ui 0.6.0-canary.9 → 0.6.0

package/dist/shared/components-wy9jpqny.js

@@ -0,0 +1,146 @@
+import {
+  defaultLocale,
+  hourCycleOf,
+  parseDateText,
+  parseTimeText
+} from "./components-gz8zf3ec.js";
+import {
+  useControllableState
+} from "./components-n7mjr357.js";
+import {
+  calendar_default
+} from "./components-1z6tdadk.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-s5ngg32c.js";
+import {
+  TimeColumns
+} from "./components-mjthm1kf.js";
+
+// components/inputs/date-time/date-picker/index.tsx
+import { endOfMonth, format, set } from "date-fns";
+import { useRef } from "react";
+import { dateMatchModifiers } from "react-day-picker";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var keepTime = (day, from) => set(day, { hours: from?.getHours() ?? 0, minutes: from?.getMinutes() ?? 0, seconds: 0, milliseconds: 0 });
+function DatePicker2({
+  value: valueProp,
+  defaultValue = null,
+  onValueChange,
+  withTime = false,
+  hourCycle,
+  minuteStep = 1,
+  locale = defaultLocale,
+  placeholder,
+  disabled,
+  startMonth,
+  endMonth,
+  variant,
+  invalid,
+  size,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  dir,
+  columnsSide,
+  timeColumnsSide,
+  id,
+  from,
+  effect,
+  hideSource,
+  tier,
+  className
+}) {
+  const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
+  const [open, setOpen] = useControllableState(openProp, defaultOpen, onOpenChange);
+  const dateInput = useRef(null);
+  const off = typeof disabled === "boolean" && disabled;
+  const days = off ? undefined : disabled;
+  const allowed = (date) => (!startMonth || date >= startMonth) && (!endMonth || date <= endOfMonth(endMonth)) && !(days && dateMatchModifiers(date, days));
+  const readDate = (text) => {
+    if (!text.trim()) {
+      setValue(null);
+      return true;
+    }
+    const date = parseDateText(text, locale, value ?? undefined);
+    if (!date || !allowed(date))
+      return false;
+    setValue(withTime ? keepTime(date, value) : date);
+    return true;
+  };
+  const readTime = (text) => {
+    const time = parseTimeText(text, locale, value ?? new Date);
+    if (!time)
+      return false;
+    setValue(time);
+    return true;
+  };
+  const header = /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(PickerInput, {
+        ref: dateInput,
+        "aria-label": placeholder ?? "Date",
+        placeholder,
+        formatted: value ? format(value, "PP", { locale }) : "",
+        onText: readDate,
+        onEnter: () => setOpen(false),
+        className: "flex-1"
+      }),
+      withTime && /* @__PURE__ */ jsx(PickerInput, {
+        "aria-label": "Time",
+        formatted: value ? format(value, "p", { locale }) : "",
+        onText: readTime,
+        onEnter: () => setOpen(false),
+        className: "w-28 shrink-0"
+      })
+    ]
+  });
+  return /* @__PURE__ */ jsx(PickerShell, {
+    open,
+    onOpenChange: setOpen,
+    size,
+    variant,
+    invalid,
+    disabled: off,
+    icon: "calendar",
+    display: value ? format(value, withTime ? "PP, p" : "PP", { locale }) : "",
+    placeholder,
+    header,
+    initialFocus: dateInput,
+    id,
+    dir,
+    from,
+    effect,
+    hideSource,
+    tier,
+    className,
+    children: /* @__PURE__ */ jsx(calendar_default, {
+      mode: "single",
+      locale,
+      selected: value ?? undefined,
+      onSelect: (day) => {
+        setValue(day ? withTime ? keepTime(day, value) : day : null);
+        if (day && !withTime)
+          setOpen(false);
+      },
+      disabled: days,
+      startMonth,
+      endMonth,
+      dir,
+      columnsSide,
+      extraColumnsSide: timeColumnsSide,
+      extraColumns: withTime ? (orientation) => /* @__PURE__ */ jsx(TimeColumns, {
+        value: value && { hours: value.getHours(), minutes: value.getMinutes() },
+        onValueChange: (time) => setValue(set(value ?? new Date, { ...time, seconds: 0, milliseconds: 0 })),
+        hourCycle: hourCycle ?? hourCycleOf(locale),
+        minuteStep,
+        locale,
+        orientation
+      }) : undefined
+    })
+  });
+}
+var date_picker_default = DatePicker2;
+
+export { DatePicker2, date_picker_default };

package/dist/shared/{components-yxmxn2jp.js → components-y9y0g8er.js}

@@ -1,46 +1,30 @@
-"use client";
 import {
-  defaultLocale2,
-  parseMonthText2,
-  parseMonthNameText2,
-  fieldLabel2,
-  resolveLocale2
-} from "./components-54nq988h.js";
+  defaultLocale,
+  parseMonthText,
+  fieldLabel,
+  dividedColumns,
+  ScrollColumn
+} from "./components-gz8zf3ec.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
-  dividedColumns2,
-  ScrollColumn2
-} from "./components-0h78g3b5.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
-import {
-  invalidOf,
-  controlAttributes,
   PickerShell,
   PickerInput
-} from "./components-8jrk5eye.js";
+} from "./components-s5ngg32c.js";
 
 // components/inputs/date-time/month-picker/index.tsx
 import { addYears, endOfYear, format, startOfMonth, startOfYear } from "date-fns";
-import {
-  forwardRef,
-  useMemo,
-  useRef
-} from "react";
+import { useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var MonthPicker2 = forwardRef(function MonthPicker({
+function MonthPicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
-  locale: localeProp = defaultLocale2,
-  withYear = true,
-  formatDate,
-  labels,
-  readOnly = false,
-  name,
+  locale = defaultLocale,
   placeholder,
   startMonth,
   endMonth,
@@ -56,25 +40,23 @@ var MonthPicker2 = forwardRef(function MonthPicker({
   effect,
   hideSource,
   tier,
-  className,
-  ...control
-}, ref) {
-  const [value, setValue] = useControllableState2(valueProp, defaultValue, onValueChange);
-  const [open, setOpen] = useControllableState2(openProp, defaultOpen, onOpenChange);
+  className
+}) {
+  const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
+  const [open, setOpen] = useControllableState(openProp, defaultOpen, onOpenChange);
   const input = useRef(null);
-  const locale = resolveLocale2(localeProp);
   const today = useMemo(() => new Date, []);
   const start = startOfMonth(startMonth ?? startOfYear(addYears(today, -100)));
   const end = startOfMonth(endMonth ?? endOfYear(addYears(today, 50)));
   const year = value?.getFullYear() ?? today.getFullYear();
-  const formatted = value ? format(value, withYear ? "LLLL y" : "LLLL", { locale }) : "";
+  const formatted = value ? format(value, "LLLL y", { locale }) : "";
   const pick = (date) => setValue(startOfMonth(date < start ? start : date > end ? end : date));
   const readMonth = (text) => {
     if (!text.trim()) {
       setValue(null);
       return true;
     }
-    const read = withYear ? parseMonthText2(text, locale) : parseMonthNameText2(text, locale, new Date(year, 0, 1));
+    const read = parseMonthText(text, locale);
     if (!read || read < start || read > end)
       return false;
     setValue(startOfMonth(read));
@@ -94,20 +76,14 @@ var MonthPicker2 = forwardRef(function MonthPicker({
     onOpenChange: setOpen,
     size,
     variant,
-    invalid: invalidOf(invalid, control["aria-invalid"]),
+    invalid,
     disabled,
-    readOnly,
     icon: "calendar",
-    display: value && formatDate ? formatDate(value) : formatted,
+    display: formatted,
     placeholder,
-    closeLabel: labels?.close,
-    controlRef: ref,
-    controlProps: controlAttributes(control),
-    formValues: [{ slot: "value", name, value: value ? format(value, "yyyy-MM") : "" }],
-    required: control.required,
     header: /* @__PURE__ */ jsx(PickerInput, {
       ref: input,
-      "aria-label": labels?.field || placeholder || "Month",
+      "aria-label": placeholder ?? "Month",
       placeholder,
       formatted,
       onText: readMonth,
@@ -123,18 +99,18 @@ var MonthPicker2 = forwardRef(function MonthPicker({
     tier,
     className,
     children: /* @__PURE__ */ jsxs("div", {
-      className: cn2(dividedColumns2, "h-56"),
+      className: cn2(dividedColumns, "h-56"),
       children: [
-        /* @__PURE__ */ jsx(ScrollColumn2, {
-          label: labels?.month ?? fieldLabel2(locale, "month"),
+        /* @__PURE__ */ jsx(ScrollColumn, {
+          label: fieldLabel(locale, "month"),
           options: months,
           value: value?.getMonth() ?? null,
           follow: value?.getMonth() ?? today.getMonth(),
           onValueChange: (m) => pick(new Date(year, m, 1)),
           className: "min-w-0 flex-1"
         }),
-        withYear && /* @__PURE__ */ jsx(ScrollColumn2, {
-          label: labels?.year ?? fieldLabel2(locale, "year"),
+        /* @__PURE__ */ jsx(ScrollColumn, {
+          label: fieldLabel(locale, "year"),
           options: years,
           value: value?.getFullYear() ?? null,
           follow: year,
@@ -144,7 +120,7 @@ var MonthPicker2 = forwardRef(function MonthPicker({
       ]
     })
   });
-});
+}
 var month_picker_default = MonthPicker2;
 
 export { MonthPicker2, month_picker_default };