panelui-native 0.44.0 → 0.49.0

package/lib/module/components/date-time-picker/index.js

@@ -0,0 +1,272 @@
+"use strict";
+
+/**
+ * DateTimePicker — a day and a time of day, picked in one panel.
+ *
+ * ```tsx
+ * const [when, setWhen] = useState<Date>();
+ *
+ * <DateTimePicker value={when} onValueChange={setWhen} />
+ * ```
+ *
+ * ## Why it is one component and not two side by side
+ *
+ * A date field beside a time field is two decisions the reader has to make
+ * separately and then hold together — and the two halves can disagree, which is
+ * how a booking ends up on the right day at a time that has already passed. Here
+ * the calendar and the scale are the same panel over one `Date`, so what is on
+ * screen is the answer rather than two thirds of it.
+ *
+ * The layout follows from that: the calendar is the coarse choice and takes the
+ * room, the time sits under it behind a hairline, and one Done finishes both.
+ * The panel is a fixed width, which is what lets the two halves line up — a
+ * month grid and a time scale that measured themselves independently would be
+ * two boxes of slightly different widths stacked on each other.
+ *
+ * ## It does not close on the date
+ *
+ * `DatePicker` closes as soon as a single day is tapped, because at that point
+ * there is nothing left to say. Here there is: the day is half the value, and
+ * closing on it would hide the other half at the moment it became relevant. So
+ * the panel stays until Done, in every presentation including the popover — the
+ * one place `DatePicker` has no Done button at all.
+ *
+ * ## The time face
+ *
+ * `ruler` by default rather than the wheel. Under a month grid the panel is
+ * already tall, and the wheel is five rows of it; the ruler is one readout over
+ * a scale, reads at arm's length, and is the one face that fits under a calendar
+ * without the whole thing needing to scroll. The other two are a prop away.
+ *
+ * ## Picking the time before the day
+ *
+ * Allowed, and it means today. There has to be *some* day for a time to be a
+ * `Date` at all, and the day the reader is looking at is the only defensible
+ * guess — the alternative is refusing to emit a value until both halves have
+ * been touched, which is a form that silently does nothing when you use it in
+ * the order it did not expect.
+ */
+import { useCallback, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { CalendarIcon } from "../../icons/index.js";
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { calendarShortDate, resolveCalendar } from "../../utils/date.js";
+import { clampTime, formatTime, roundToStep, timeFromDate, timeToDate } from "../../utils/time.js";
+import { Button } from "../button/index.js";
+import { Calendar } from "../calendar/index.js";
+import { Dialog } from "../dialog/index.js";
+import { Popover } from "../popover/index.js";
+import { TimePicker } from "../time-picker/index.js";
+
+/** What a closed picker shows when nothing has been chosen yet. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_PLACEHOLDER = 'Pick a date and time';
+
+/**
+ * The width both halves are laid out at.
+ *
+ * Fixed rather than measured, and shared, because that is the whole reason they
+ * read as one panel: a month grid and a time scale each sized to their own
+ * content are two boxes of slightly different widths stacked on each other, and
+ * the seam is visible at any size.
+ */
+const PANEL_WIDTH = 308;
+
+/** How a `Date` is written on the closed trigger. */
+function describe(value, system, hourCycle, locale) {
+  const day = calendarShortDate(value, system, locale);
+  const time = formatTime(timeFromDate(value), {
+    hourCycle,
+    locale
+  });
+  return `${day} · ${time}`;
+}
+
+/** Where the panel is shown. `inline` renders it bare, for a Frame or a form. */
+
+function DateTimePickerRoot({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  layout = 'ruler',
+  presentation = 'popover',
+  open: openProp,
+  onOpenChange,
+  hourCycle = 12,
+  minuteStep,
+  minTime,
+  maxTime,
+  placeholder = DEFAULT_PLACEHOLDER,
+  format,
+  disabled = false,
+  disabledDates,
+  minDate,
+  maxDate,
+  captionLayout = 'label',
+  weekStartsOn = 0,
+  locale,
+  calendar = 'gregory',
+  doneLabel = 'Done',
+  timeLabel = 'Time',
+  className,
+  children
+}) {
+  // Resolved here as well as in the grid, because the trigger's text has to be
+  // written in the same calendar the cells were tapped in.
+  const system = useMemo(() => resolveCalendar(calendar, locale), [calendar, locale]);
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const [internalOpen, setInternalOpen] = useState(false);
+  const isValueControlled = valueProp !== undefined;
+  const isOpenControlled = openProp !== undefined;
+  const value = isValueControlled ? valueProp : internalValue;
+  const open = isOpenControlled ? openProp : internalOpen;
+  const setOpen = useCallback(next => {
+    if (!isOpenControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isOpenControlled, onOpenChange]);
+  const commit = useCallback(next => {
+    if (!isValueControlled) setInternalValue(next);
+    onValueChange?.(next);
+  }, [isValueControlled, onValueChange]);
+
+  /*
+   * The time half, kept separately as well as inside the value.
+   *
+   * The value cannot hold it on its own: before a day is picked there is no
+   * `Date` to put a time in, and a time chosen first would be dropped on the
+   * way to the calendar. Held here, the two halves can be filled in either
+   * order and neither one loses the other.
+   */
+  const [draftTime, setDraftTime] = useState(defaultValue ? timeFromDate(defaultValue) : undefined);
+  const time = value ? timeFromDate(value) : draftTime;
+
+  /** The time a day picked on its own is given: the top of the current hour. */
+  const fallbackTime = useMemo(() => clampTime(roundToStep({
+    hour: new Date().getHours(),
+    minute: 0
+  }, minuteStep ?? 15), minTime, maxTime), [minuteStep, minTime, maxTime]);
+  const handleDay = useCallback(day => {
+    if (!day) return;
+    commit(timeToDate(time ?? fallbackTime, day));
+  }, [commit, time, fallbackTime]);
+  const handleTime = useCallback(next => {
+    setDraftTime(next);
+    // No day yet means today: a time is not a `Date` without one, and the day
+    // the reader is looking at is the only defensible guess.
+    commit(timeToDate(next, value ?? new Date()));
+  }, [commit, value]);
+  const label = useMemo(() => {
+    if (!value) return null;
+    if (format) return format(value);
+    return describe(value, system, hourCycle, locale);
+  }, [format, value, system, hourCycle, locale]);
+  const panel = /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: PANEL_WIDTH,
+      maxWidth: '100%'
+    },
+    className: cn('self-center', presentation === 'inline' ? className : undefined),
+    children: [/*#__PURE__*/_jsx(Calendar, {
+      bordered: false,
+      mode: "single",
+      selected: value,
+      onSelect: handleDay,
+      disabled: disabledDates,
+      minDate: minDate,
+      maxDate: maxDate,
+      startMonth: minDate,
+      endMonth: maxDate,
+      captionLayout: captionLayout,
+      weekStartsOn: weekStartsOn,
+      locale: locale,
+      calendar: calendar
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "mt-3 gap-3 border-t border-border pt-3",
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "flex-row items-center justify-between gap-3",
+        children: [/*#__PURE__*/_jsx(Text, {
+          size: "sm",
+          muted: true,
+          children: timeLabel
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "text-lg font-semibold tabular-nums text-foreground",
+          children: formatTime(time ?? fallbackTime, {
+            hourCycle,
+            locale
+          })
+        })]
+      }), /*#__PURE__*/_jsx(TimePicker, {
+        presentation: "inline",
+        layout: layout,
+        readout: "none",
+        value: time,
+        onValueChange: handleTime,
+        hourCycle: hourCycle,
+        minuteStep: minuteStep,
+        minTime: minTime,
+        maxTime: maxTime,
+        locale: locale,
+        disabled: disabled
+      })]
+    })]
+  });
+  if (presentation === 'inline') return panel;
+  const trigger = children ?? /*#__PURE__*/_jsxs(Button, {
+    variant: "outline",
+    disabled: disabled,
+    className: cn('justify-start gap-2', className),
+    children: [/*#__PURE__*/_jsx(CalendarIcon, {
+      size: 16
+    }), /*#__PURE__*/_jsx(Text, {
+      className: label ? undefined : 'text-muted-foreground',
+      children: label ?? placeholder
+    })]
+  });
+  if (presentation === 'dialog') {
+    return /*#__PURE__*/_jsxs(Dialog, {
+      open: open,
+      onOpenChange: setOpen,
+      children: [/*#__PURE__*/_jsx(Dialog.Trigger, {
+        children: trigger
+      }), /*#__PURE__*/_jsxs(Dialog.Content, {
+        blur: true,
+        className: "items-center gap-0 p-4",
+        children: [panel, /*#__PURE__*/_jsx(Dialog.Close, {
+          children: /*#__PURE__*/_jsx(Button, {
+            className: "mt-3 w-full",
+            children: doneLabel
+          })
+        })]
+      })]
+    });
+  }
+  const isSheet = presentation === 'bottom-sheet';
+  return /*#__PURE__*/_jsxs(Popover, {
+    open: open,
+    onOpenChange: setOpen,
+    presentation: isSheet ? 'bottom-sheet' : 'popover',
+    children: [/*#__PURE__*/_jsx(Popover.Trigger, {
+      children: trigger
+    }), /*#__PURE__*/_jsx(Popover.Content, {
+      width: isSheet ? 'full' : 'content-fit',
+      children: /*#__PURE__*/_jsxs(View, {
+        className: isSheet ? 'w-full pb-2' : 'p-3',
+        children: [panel, /*#__PURE__*/_jsx(Popover.Close, {
+          children: /*#__PURE__*/_jsx(Button, {
+            className: "mt-3 w-full self-center",
+            style: isSheet ? undefined : {
+              maxWidth: PANEL_WIDTH
+            },
+            children: doneLabel
+          })
+        })]
+      })
+    })]
+  });
+}
+DateTimePickerRoot.displayName = 'DateTimePicker';
+export const DateTimePicker = Object.assign(DateTimePickerRoot, {
+  Trigger: Popover.Trigger
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/date-time-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","View","CalendarIcon","Text","cn","calendarShortDate","resolveCalendar","clampTime","formatTime","roundToStep","timeFromDate","timeToDate","Button","Calendar","Dialog","Popover","TimePicker","jsx","_jsx","jsxs","_jsxs","DEFAULT_PLACEHOLDER","PANEL_WIDTH","describe","value","system","hourCycle","locale","day","time","DateTimePickerRoot","valueProp","defaultValue","onValueChange","layout","presentation","open","openProp","onOpenChange","minuteStep","minTime","maxTime","placeholder","format","disabled","disabledDates","minDate","maxDate","captionLayout","weekStartsOn","calendar","doneLabel","timeLabel","className","children","internalValue","setInternalValue","internalOpen","setInternalOpen","isValueControlled","undefined","isOpenControlled","setOpen","next","commit","draftTime","setDraftTime","fallbackTime","hour","Date","getHours","minute","handleDay","handleTime","label","panel","style","width","maxWidth","bordered","mode","selected","onSelect","startMonth","endMonth","size","muted","readout","trigger","variant","Trigger","Content","blur","Close","isSheet","displayName","DateTimePicker","Object","assign"],"sourceRoot":"../../../../src","sources":["components/date-time-picker/index.tsx"],"mappings":"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","ignoreList":[]}