@open-mercato/core 0.7.1-develop.7178.1.ab93fbaf4e → 0.7.1-develop.7180.1.9717fbbb43

package/dist/modules/staff/lib/timesheets-ui/ListView.js

@@ -1,96 +1,116 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useT } from "@open-mercato/shared/lib/i18n/context";
-import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { z } from "zod";
+import { registerComponent } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "@open-mercato/ui/backend/injection/useRegisteredComponent";
+import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
+import {
+  callbackProp,
+  opaqueProp,
+  optionalCallbackProp
+} from "../time-tracking/componentContracts.js";
+import { Copy, Lock, Pencil, Plus } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Progress } from "@open-mercato/ui/primitives/progress";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { apiCallOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { ProjectColorDot } from "./ProjectColorDot.js";
-function getLocalDateStr(date) {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-}
-function formatDayLabel(dateStr, translate) {
-  const today = /* @__PURE__ */ new Date();
-  const todayStr = getLocalDateStr(today);
-  const yesterday = new Date(today);
-  yesterday.setDate(yesterday.getDate() - 1);
-  const yesterdayStr = getLocalDateStr(yesterday);
-  if (dateStr === todayStr) return translate("staff.timesheets.my.list.today", "Today");
-  if (dateStr === yesterdayStr) return translate("staff.timesheets.my.list.yesterday", "Yesterday");
-  const date = /* @__PURE__ */ new Date(dateStr + "T00:00:00");
-  const dayName = date.toLocaleDateString(void 0, { weekday: "short" });
-  const day = date.getDate();
-  const month = date.toLocaleDateString(void 0, { month: "short" });
-  return `${dayName}, ${day} ${month}`;
-}
-function formatDuration(minutes) {
-  if (minutes < 60) return `${minutes}m`;
-  const hours = Math.floor(minutes / 60);
-  const remainingMinutes = minutes % 60;
-  if (remainingMinutes === 0) return `${hours}h`;
-  return `${hours}h ${remainingMinutes}m`;
-}
-function formatTimeRange(startedAt, endedAt) {
-  const start = new Date(startedAt);
-  const end = new Date(endedAt);
-  const format = (date) => date.toLocaleTimeString(void 0, {
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: true
-  });
-  return `${format(start)} - ${format(end)}`;
-}
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { DurationInput } from "../time-tracking-ui/DurationInput.js";
+import { formatDuration } from "../time-tracking/duration.js";
+import {
+  loadPercent,
+  suggestNextStartClock
+} from "../time-tracking-ui/timesheetData.js";
+import { formatDayLabel, formatLongDayLabel } from "../time-tracking-ui/timesheetPeriod.js";
+import { targetLabel } from "../time-tracking-ui/timesheetTargets.js";
+const ENTRIES_ENDPOINT = "/api/staff/timesheets/time-entries";
+const DESCRIPTION_CONTEXT_ID = "staff.time_tracking.timesheet.list.description";
 function InlineDescription({
-  entryId,
-  initialValue,
+  entry,
   placeholder,
   onSaved
 }) {
   const t = useT();
   const [editing, setEditing] = React.useState(false);
-  const [value, setValue] = React.useState(initialValue ?? "");
+  const [value, setValue] = React.useState(entry.description ?? "");
   const [saving, setSaving] = React.useState(false);
+  const savingRef = React.useRef(false);
   const inputRef = React.useRef(null);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: DESCRIPTION_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
   React.useEffect(() => {
     if (editing && inputRef.current) inputRef.current.focus();
   }, [editing]);
   const save = React.useCallback(async () => {
+    if (savingRef.current) return;
     const trimmed = value.trim();
-    if (trimmed === (initialValue ?? "")) {
+    if (trimmed === (entry.description ?? "")) {
       setEditing(false);
       return;
     }
+    const payload = { id: entry.id, notes: trimmed || null };
+    savingRef.current = true;
     setSaving(true);
     try {
-      await apiCallOrThrow(`/api/staff/timesheets/time-entries`, {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ id: entryId, notes: trimmed || null })
+      await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(entry.updatedAt),
+          () => apiCallOrThrow(ENTRIES_ENDPOINT, {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload)
+          })
+        ),
+        context: {
+          formId: DESCRIPTION_CONTEXT_ID,
+          resourceKind: "staff.timesheets.time_entry",
+          resourceId: entry.id,
+          retryLastMutation
+        },
+        mutationPayload: payload
       });
+      savingRef.current = false;
       setSaving(false);
       setEditing(false);
       onSaved?.();
-    } catch (err) {
+    } catch (error) {
+      savingRef.current = false;
       setSaving(false);
-      if (!surfaceRecordConflict(err, t)) {
+      if (!surfaceRecordConflict(error, t)) {
         flash(
           t("staff.timesheets.my.list.saveError", "Failed to save description. Please try again."),
           "error"
         );
       }
     }
-  }, [entryId, value, initialValue, onSaved, t]);
+  }, [entry.description, entry.id, entry.updatedAt, onSaved, retryLastMutation, runMutation, t, value]);
   if (!editing) {
     return /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
         onClick: () => setEditing(true),
-        className: `text-sm text-left cursor-pointer hover:underline ${initialValue ? "" : "text-muted-foreground italic"}`,
-        children: initialValue || placeholder
+        className: cn(
+          "text-left text-xs hover:underline",
+          entry.description ? "text-muted-foreground" : "italic text-muted-foreground/70"
+        ),
+        children: entry.description || placeholder
       }
     );
   }
@@ -101,80 +121,318 @@ function InlineDescription({
       type: "text",
       value,
       disabled: saving,
-      onChange: (e) => setValue(e.target.value),
+      onChange: (event) => setValue(event.target.value),
       onBlur: () => {
+        if (savingRef.current) return;
         void save();
       },
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          void save();
-        }
-        if (e.key === "Escape") {
-          setValue(initialValue ?? "");
+      onKeyDown: (event) => {
+        if (event.key === "Enter") void save();
+        if (event.key === "Escape") {
+          setValue(entry.description ?? "");
           setEditing(false);
         }
       },
       placeholder,
-      className: "text-sm w-full bg-transparent border-b border-primary/40 outline-none py-0.5 placeholder:text-muted-foreground/50"
+      className: "w-full border-b border-primary/40 bg-transparent py-0.5 text-xs outline-none placeholder:text-muted-foreground/50"
     }
   );
 }
-function ListView({ entries, onEntryUpdated }) {
+function DefaultListView({
+  days,
+  scaleMinutes,
+  dailyTargetMinutes,
+  expandedDate,
+  onExpandedDateChange,
+  targets,
+  showAuthor,
+  authorNames,
+  canManage,
+  onQuickAdd,
+  onEditEntry,
+  onDuplicateEntry,
+  onEntryUpdated,
+  locale
+}) {
   const t = useT();
-  if (entries.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12 text-sm text-muted-foreground", children: t("staff.timesheets.my.list.noEntries", "No entries for this period.") });
-  }
-  const grouped = /* @__PURE__ */ new Map();
-  for (const entry of entries) {
-    const existing = grouped.get(entry.date);
-    if (existing) {
-      existing.push(entry);
-    } else {
-      grouped.set(entry.date, [entry]);
-    }
+  if (days.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12 text-sm text-muted-foreground", children: t("staff.time_tracking.timesheet.list.empty", "No days in this period.") });
   }
-  const sortedDays = [...grouped.keys()].sort((a, b) => b.localeCompare(a));
-  return /* @__PURE__ */ jsx("div", { children: sortedDays.map((dateStr) => {
-    const dayEntries = grouped.get(dateStr);
-    const dailyTotal = dayEntries.reduce(
-      (sum, entry) => sum + entry.durationMinutes,
-      0
-    );
-    return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border mb-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-4 border-b bg-muted/30 font-medium text-sm", children: [
-        /* @__PURE__ */ jsx("span", { children: formatDayLabel(dateStr, t) }),
-        /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: formatDuration(dailyTotal) })
-      ] }),
-      dayEntries.map((entry) => /* @__PURE__ */ jsxs(
-        "div",
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: days.map((day) => {
+      const expanded = day.date === expandedDate;
+      const deviation = dailyTargetMinutes !== null && !day.isWeekend ? day.totalMinutes - dailyTargetMinutes : null;
+      return /* @__PURE__ */ jsxs(
+        "button",
         {
-          className: "flex items-center justify-between p-3 border-b last:border-0 hover:bg-muted/20",
+          type: "button",
+          "aria-expanded": expanded,
+          onClick: () => onExpandedDateChange(expanded ? null : day.date),
+          className: cn(
+            "flex w-full items-center gap-3 rounded-md px-2 py-1.5 text-left transition-colors",
+            "hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            expanded ? "bg-muted/50" : null
+          ),
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 min-w-0 flex-1 mr-4", children: [
-              /* @__PURE__ */ jsx(
-                InlineDescription,
-                {
-                  entryId: entry.id,
-                  initialValue: entry.notes,
-                  placeholder: t("staff.timesheets.my.list.addDescription", "Add description"),
-                  onSaved: onEntryUpdated
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground", children: [
-                /* @__PURE__ */ jsx(ProjectColorDot, { colorKey: entry.projectColor, projectName: entry.projectName, size: "xs" }),
-                entry.projectName
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1 shrink-0", children: [
-              entry.source === "timer" && entry.startedAt && entry.endedAt ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatTimeRange(entry.startedAt, entry.endedAt) }) : null,
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-mono tabular-nums", children: formatDuration(entry.durationMinutes) })
-            ] })
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "w-32 shrink-0 text-sm",
+                  day.isWeekend ? "text-muted-foreground" : "text-foreground"
+                ),
+                children: formatDayLabel(day.date, locale)
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(Progress, { value: loadPercent(day.totalMinutes, scaleMinutes), size: "sm" }) }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "w-16 shrink-0 text-right font-mono text-sm tabular-nums",
+                  day.totalMinutes > 0 ? "text-foreground" : "text-muted-foreground"
+                ),
+                children: day.totalMinutes > 0 ? formatDuration(day.totalMinutes, "clock") : "\u2014"
+              }
+            ),
+            deviation !== null && deviation < 0 ? /* @__PURE__ */ jsx(StatusBadge, { variant: "warning", children: t("staff.time_tracking.timesheet.list.belowTarget", "{duration} below target", {
+              duration: formatDuration(Math.abs(deviation), "clock")
+            }) }) : null
           ]
         },
-        entry.id
-      ))
-    ] }, dateStr);
-  }) });
+        day.date
+      );
+    }) }),
+    expandedDate ? /* @__PURE__ */ jsx(
+      ExpandedDay,
+      {
+        day: days.find((day) => day.date === expandedDate) ?? null,
+        dailyTargetMinutes,
+        targets,
+        showAuthor,
+        authorNames,
+        canManage,
+        onQuickAdd,
+        onEditEntry,
+        onDuplicateEntry,
+        onEntryUpdated,
+        locale
+      }
+    ) : null
+  ] });
+}
+function ExpandedDay({
+  day,
+  dailyTargetMinutes,
+  targets,
+  showAuthor,
+  authorNames,
+  canManage,
+  onQuickAdd,
+  onEditEntry,
+  onDuplicateEntry,
+  onEntryUpdated,
+  locale
+}) {
+  const t = useT();
+  if (!day) return null;
+  const deviation = dailyTargetMinutes !== null && !day.isWeekend ? day.totalMinutes - dailyTargetMinutes : null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border-t pt-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        formatLongDayLabel(day.date, locale),
+        " \u2014 ",
+        formatDuration(day.totalMinutes, "clock")
+      ] }),
+      deviation !== null && deviation !== 0 ? /* @__PURE__ */ jsx(StatusBadge, { variant: deviation > 0 ? "success" : "warning", children: deviation > 0 ? t("staff.time_tracking.timesheet.list.aboveTarget", "{duration} above target", {
+        duration: formatDuration(deviation, "clock")
+      }) : t("staff.time_tracking.timesheet.list.belowTarget", "{duration} below target", {
+        duration: formatDuration(Math.abs(deviation), "clock")
+      }) }) : null
+    ] }),
+    day.entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.time_tracking.timesheet.list.noEntries", "Nothing logged on this day yet.") }) : /* @__PURE__ */ jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsx("tbody", { children: day.entries.map((entry) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+      /* @__PURE__ */ jsx("td", { className: "w-28 py-2 align-top text-xs text-muted-foreground", children: entry.startText && entry.endText ? `${entry.startText} \u2013 ${entry.endText}` : "\u2014" }),
+      /* @__PURE__ */ jsxs("td", { className: "py-2 align-top", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: entry.taskTitle ?? entry.description ?? t("staff.time_tracking.timesheet.list.noTask", "No task") }),
+          entry.isBillable ? null : /* @__PURE__ */ jsx(StatusBadge, { variant: "neutral", children: t("staff.time_tracking.timesheet.list.nonBillable", "non-billable") }),
+          entry.isLocked ? /* @__PURE__ */ jsxs(StatusBadge, { variant: "neutral", children: [
+            /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" }),
+            t("staff.time_tracking.timesheet.list.locked", "locked")
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: [
+          entry.projectLabel,
+          showAuthor && entry.staffMemberId ? authorNames.get(entry.staffMemberId) ?? null : null
+        ].filter((part) => Boolean(part)).join(" \xB7 ") }),
+        canManage && !entry.isLocked ? /* @__PURE__ */ jsx(
+          InlineDescription,
+          {
+            entry,
+            placeholder: t("staff.timesheets.my.list.addDescription", "Add description"),
+            onSaved: onEntryUpdated
+          }
+        ) : entry.description ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: entry.description }) : null
+      ] }),
+      /* @__PURE__ */ jsx("td", { className: "w-20 py-2 text-right align-top font-mono font-semibold tabular-nums", children: formatDuration(entry.durationMinutes, "clock") }),
+      /* @__PURE__ */ jsx("td", { className: "w-24 py-2 text-right align-top", children: canManage ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "2xs",
+            "aria-label": t("staff.time_tracking.timesheet.list.duplicate", "Duplicate"),
+            onClick: () => onDuplicateEntry(entry),
+            disabled: entry.isLocked,
+            children: /* @__PURE__ */ jsx(Copy, { className: "size-3.5", "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "2xs",
+            "aria-label": t("staff.time_tracking.timesheet.list.edit", "Edit"),
+            onClick: () => onEditEntry(entry),
+            disabled: entry.isLocked,
+            children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5", "aria-hidden": "true" })
+          }
+        )
+      ] }) : null })
+    ] }, entry.id)) }) }),
+    canManage && targets.length > 0 ? /* @__PURE__ */ jsx(QuickAddRow, { day, targets, onQuickAdd }, day.date) : null
+  ] });
+}
+function QuickAddRow({
+  day,
+  targets,
+  onQuickAdd
+}) {
+  const t = useT();
+  const [targetKey, setTargetKey] = React.useState(() => targets[0]?.key ?? "");
+  const [minutes, setMinutes] = React.useState(null);
+  const [durationEpoch, setDurationEpoch] = React.useState(0);
+  const suggestedStart = suggestNextStartClock(day);
+  const [startClock, setStartClock] = React.useState(suggestedStart ?? "");
+  const [submitting, setSubmitting] = React.useState(false);
+  const suggestedRef = React.useRef(suggestedStart);
+  React.useEffect(() => {
+    if (suggestedRef.current === suggestedStart) return;
+    const previousSuggestion = suggestedRef.current;
+    suggestedRef.current = suggestedStart;
+    setStartClock((current) => current === (previousSuggestion ?? "") ? suggestedStart ?? "" : current);
+  }, [suggestedStart]);
+  const submit = React.useCallback(async () => {
+    if (!targetKey || minutes === null || minutes <= 0 || submitting) return;
+    setSubmitting(true);
+    try {
+      await onQuickAdd({
+        date: day.date,
+        targetKey,
+        durationMinutes: minutes,
+        startClock: startClock.trim() ? startClock.trim() : null
+      });
+      setMinutes(null);
+      setDurationEpoch((epoch) => epoch + 1);
+    } finally {
+      setSubmitting(false);
+    }
+  }, [day.date, minutes, onQuickAdd, startClock, submitting, targetKey]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-wrap items-start gap-2",
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Select, { value: targetKey, onValueChange: setTargetKey, children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              className: "w-72",
+              "aria-label": t("staff.time_tracking.timesheet.list.quickAdd.target", "Project or task"),
+              children: /* @__PURE__ */ jsx(SelectValue, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectContent, { children: targets.map((target) => /* @__PURE__ */ jsx(SelectItem, { value: target.key, children: targetLabel(target) }, target.key)) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "w-32", children: /* @__PURE__ */ jsx(
+          DurationInput,
+          {
+            variant: "compact",
+            value: minutes,
+            onChange: (next) => setMinutes(next),
+            ariaLabel: t("staff.time_tracking.timesheet.list.quickAdd.duration", "Duration"),
+            placeholder: t("staff.time_tracking.duration.placeholder", "1h 30m")
+          },
+          durationEpoch
+        ) }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            size: "sm",
+            className: "w-24",
+            inputClassName: "font-mono tabular-nums",
+            value: startClock,
+            onChange: (event) => setStartClock(event.target.value),
+            "aria-label": t("staff.time_tracking.timesheet.list.quickAdd.start", "Start time"),
+            placeholder: t("staff.time_tracking.timesheet.list.quickAdd.startPlaceholder", "13:30")
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            onClick: () => void submit(),
+            disabled: submitting || minutes === null || minutes <= 0 || !targetKey,
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": "true" }),
+              t("staff.time_tracking.timesheet.list.quickAdd.submit", "Add")
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const listViewPropsSchema = z.object({
+  days: z.array(opaqueProp()),
+  scaleMinutes: z.number().nullable(),
+  dailyTargetMinutes: z.number().nullable(),
+  expandedDate: z.string().nullable(),
+  onExpandedDateChange: callbackProp(),
+  targets: z.array(opaqueProp()),
+  showAuthor: z.boolean(),
+  authorNames: opaqueProp(),
+  canManage: z.boolean(),
+  onQuickAdd: callbackProp(),
+  onEditEntry: callbackProp(),
+  onDuplicateEntry: callbackProp(),
+  onEntryUpdated: optionalCallbackProp(),
+  locale: z.string().optional()
+});
+registerComponent({
+  id: extensionPoints.hosts.timesheetListComponent.componentId,
+  component: DefaultListView,
+  metadata: {
+    module: "staff",
+    description: "Timesheet list view \u2014 one expandable row per day.",
+    propsSchema: listViewPropsSchema
+  }
+});
+function ListView(props) {
+  const Resolved = useRegisteredComponent(
+    extensionPoints.hosts.timesheetListComponent.componentId,
+    DefaultListView
+  );
+  return /* @__PURE__ */ jsx(Resolved, { ...props });
 }
 export {
   ListView