@freighttech/ui 0.13.18

package/dist/backend/inputs/DatePicker.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.js";
+import { Calendar } from "../../primitives/calendar.js";
+const DAY_FIRST_LOCALE_CODES = /* @__PURE__ */ new Set([
+  "pl",
+  "de",
+  "fr",
+  "es",
+  "it",
+  "pt",
+  "nl",
+  "ru",
+  "cs",
+  "sk",
+  "hu",
+  "ro"
+]);
+function deriveDisplayFormat(locale) {
+  if (!locale) return "MMM d, yyyy";
+  const code = locale.code?.split("-")[0]?.toLowerCase() ?? "";
+  return DAY_FIRST_LOCALE_CODES.has(code) ? "d MMM yyyy" : "MMM d, yyyy";
+}
+function DatePicker({
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  readOnly = false,
+  className,
+  locale,
+  displayFormat,
+  showTodayButton = true,
+  showClearButton = true,
+  closeOnSelect = true,
+  minDate,
+  maxDate
+}) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const resolvedFormat = displayFormat ?? deriveDisplayFormat(locale);
+  const placeholderText = placeholder ?? t("ui.datePicker.placeholder", "Pick a date");
+  const todayText = t("ui.datePicker.todayButton", "Today");
+  const clearText = t("ui.datePicker.clearButton", "Clear");
+  const formattedValue = React.useMemo(() => {
+    if (!value) return null;
+    try {
+      return format(value, resolvedFormat, locale ? { locale } : void 0);
+    } catch {
+      return null;
+    }
+  }, [value, resolvedFormat, locale]);
+  const handleDaySelect = React.useCallback(
+    (day) => {
+      if (!day) return;
+      const next = new Date(day);
+      next.setHours(0, 0, 0, 0);
+      onChange(next);
+      if (closeOnSelect) setOpen(false);
+    },
+    [onChange, closeOnSelect]
+  );
+  const handleToday = React.useCallback(() => {
+    const today = /* @__PURE__ */ new Date();
+    today.setHours(0, 0, 0, 0);
+    onChange(today);
+    setOpen(false);
+  }, [onChange]);
+  const handleClear = React.useCallback(() => {
+    onChange(null);
+    setOpen(false);
+  }, [onChange]);
+  const isInteractive = !disabled && !readOnly;
+  const disabledMatcher = React.useMemo(() => {
+    if (!minDate && !maxDate) return void 0;
+    const matchers = [];
+    if (minDate) matchers.push({ before: minDate });
+    if (maxDate) matchers.push({ after: maxDate });
+    return matchers;
+  }, [minDate, maxDate]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: isInteractive ? setOpen : void 0, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-crud-focus-target": "",
+        disabled,
+        "aria-haspopup": "dialog",
+        className: cn(
+          "w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left",
+          "bg-background transition-colors",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
+          "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
+          readOnly && "cursor-default opacity-70",
+          !formattedValue && "text-muted-foreground",
+          className
+        ),
+        onClick: isInteractive ? void 0 : (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: formattedValue ?? placeholderText })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "p-0 w-auto", children: [
+      /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: value ?? void 0,
+          onSelect: handleDaySelect,
+          locale,
+          disabled: disabledMatcher,
+          initialFocus: true
+        }
+      ),
+      (showTodayButton || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t px-3 py-2", children: [
+        showTodayButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleToday,
+            className: "text-sm text-primary hover:underline focus:outline-none",
+            children: todayText
+          }
+        ),
+        showClearButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleClear,
+            className: "text-sm text-muted-foreground hover:text-foreground hover:underline focus:outline-none ml-auto",
+            children: clearText
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  DatePicker
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/backend/inputs/DatePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/DatePicker.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { format } from 'date-fns'\nimport type { Locale } from 'date-fns'\nimport { CalendarIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Popover, PopoverContent, PopoverTrigger } from '../../primitives/popover'\nimport { Calendar } from '../../primitives/calendar'\n\nexport type DatePickerProps = {\n  value?: Date | null\n  onChange: (date: Date | null) => void\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  className?: string\n  locale?: Locale\n  displayFormat?: string\n  showTodayButton?: boolean\n  showClearButton?: boolean\n  closeOnSelect?: boolean\n  minDate?: Date\n  maxDate?: Date\n}\n\nconst DAY_FIRST_LOCALE_CODES = new Set([\n  'pl', 'de', 'fr', 'es', 'it', 'pt', 'nl', 'ru', 'cs', 'sk', 'hu', 'ro',\n])\n\nfunction deriveDisplayFormat(locale?: Locale): string {\n  if (!locale) return 'MMM d, yyyy'\n  const code = locale.code?.split('-')[0]?.toLowerCase() ?? ''\n  return DAY_FIRST_LOCALE_CODES.has(code) ? 'd MMM yyyy' : 'MMM d, yyyy'\n}\n\nexport function DatePicker({\n  value,\n  onChange,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  className,\n  locale,\n  displayFormat,\n  showTodayButton = true,\n  showClearButton = true,\n  closeOnSelect = true,\n  minDate,\n  maxDate,\n}: DatePickerProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const resolvedFormat = displayFormat ?? deriveDisplayFormat(locale)\n  const placeholderText = placeholder ?? t('ui.datePicker.placeholder', 'Pick a date')\n  const todayText = t('ui.datePicker.todayButton', 'Today')\n  const clearText = t('ui.datePicker.clearButton', 'Clear')\n\n  const formattedValue = React.useMemo(() => {\n    if (!value) return null\n    try {\n      return format(value, resolvedFormat, locale ? { locale } : undefined)\n    } catch {\n      return null\n    }\n  }, [value, resolvedFormat, locale])\n\n  const handleDaySelect = React.useCallback(\n    (day: Date | undefined) => {\n      if (!day) return\n      const next = new Date(day)\n      next.setHours(0, 0, 0, 0)\n      onChange(next)\n      if (closeOnSelect) setOpen(false)\n    },\n    [onChange, closeOnSelect]\n  )\n\n  const handleToday = React.useCallback(() => {\n    const today = new Date()\n    today.setHours(0, 0, 0, 0)\n    onChange(today)\n    setOpen(false)\n  }, [onChange])\n\n  const handleClear = React.useCallback(() => {\n    onChange(null)\n    setOpen(false)\n  }, [onChange])\n\n  const isInteractive = !disabled && !readOnly\n\n  const disabledMatcher = React.useMemo(() => {\n    if (!minDate && !maxDate) return undefined\n    const matchers: import('react-day-picker').Matcher[] = []\n    if (minDate) matchers.push({ before: minDate })\n    if (maxDate) matchers.push({ after: maxDate })\n    return matchers\n  }, [minDate, maxDate])\n\n  return (\n    <Popover open={open} onOpenChange={isInteractive ? setOpen : undefined}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          data-crud-focus-target=\"\"\n          disabled={disabled}\n          aria-haspopup=\"dialog\"\n          className={cn(\n            'w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left',\n            'bg-background transition-colors',\n            'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1',\n            'disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed',\n            readOnly && 'cursor-default opacity-70',\n            !formattedValue && 'text-muted-foreground',\n            className\n          )}\n          onClick={isInteractive ? undefined : (e) => e.preventDefault()}\n        >\n          <CalendarIcon className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n          <span className=\"flex-1 truncate\">\n            {formattedValue ?? placeholderText}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent className=\"p-0 w-auto\">\n        <Calendar\n          mode=\"single\"\n          selected={value ?? undefined}\n          onSelect={handleDaySelect}\n          locale={locale}\n          disabled={disabledMatcher}\n          initialFocus\n        />\n        {(showTodayButton || showClearButton) && (\n          <div className=\"flex items-center justify-between gap-2 border-t px-3 py-2\">\n            {showTodayButton && (\n              <button\n                type=\"button\"\n                onClick={handleToday}\n                className=\"text-sm text-primary hover:underline focus:outline-none\"\n              >\n                {todayText}\n              </button>\n            )}\n            {showClearButton && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"text-sm text-muted-foreground hover:text-foreground hover:underline focus:outline-none ml-auto\"\n              >\n                {clearText}\n              </button>\n            )}\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/inputs/DateTimePicker.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.js";
+import { Calendar } from "../../primitives/calendar.js";
+import { TimeInput } from "./TimeInput.js";
+const DAY_FIRST_LOCALE_CODES = /* @__PURE__ */ new Set([
+  "pl",
+  "de",
+  "fr",
+  "es",
+  "it",
+  "pt",
+  "nl",
+  "ru",
+  "cs",
+  "sk",
+  "hu",
+  "ro"
+]);
+function deriveDisplayFormat(locale) {
+  if (!locale) return "MMM d, yyyy HH:mm";
+  const code = locale.code?.split("-")[0]?.toLowerCase() ?? "";
+  return DAY_FIRST_LOCALE_CODES.has(code) ? "d MMM yyyy HH:mm" : "MMM d, yyyy HH:mm";
+}
+function extractTime(date) {
+  const hour = String(date.getHours()).padStart(2, "0");
+  const minute = String(date.getMinutes()).padStart(2, "0");
+  return `${hour}:${minute}`;
+}
+function applyTimeToDate(base, time) {
+  const parts = time.split(":");
+  const hour = parseInt(parts[0] ?? "0", 10);
+  const minute = parseInt(parts[1] ?? "0", 10);
+  const next = new Date(base);
+  next.setHours(isNaN(hour) ? 0 : hour);
+  next.setMinutes(isNaN(minute) ? 0 : minute);
+  next.setSeconds(0);
+  next.setMilliseconds(0);
+  return next;
+}
+function DateTimePicker({
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  readOnly = false,
+  className,
+  locale,
+  displayFormat,
+  minuteStep = 1,
+  showTodayButton = true,
+  showClearButton = true,
+  minDate,
+  maxDate
+}) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const resolvedFormat = displayFormat ?? deriveDisplayFormat(locale);
+  const placeholderText = placeholder ?? t("ui.dateTimePicker.placeholder", "Pick date and time");
+  const timeLabelText = t("ui.dateTimePicker.timeLabel", "Time");
+  const todayText = t("ui.dateTimePicker.todayButton", "Today");
+  const clearText = t("ui.dateTimePicker.clearButton", "Clear");
+  const formattedValue = React.useMemo(() => {
+    if (!value) return null;
+    try {
+      return format(value, resolvedFormat, locale ? { locale } : void 0);
+    } catch {
+      return null;
+    }
+  }, [value, resolvedFormat, locale]);
+  const handleDaySelect = React.useCallback(
+    (day) => {
+      if (!day) return;
+      const currentTime = value ? extractTime(value) : "00:00";
+      onChange(applyTimeToDate(day, currentTime));
+    },
+    [onChange, value]
+  );
+  const handleTimeChange = React.useCallback(
+    (time) => {
+      const base = value ?? null;
+      if (!base) return;
+      onChange(applyTimeToDate(base, time));
+    },
+    [onChange, value]
+  );
+  const handleToday = React.useCallback(() => {
+    const now = /* @__PURE__ */ new Date();
+    const currentTime = value ? extractTime(value) : extractTime(now);
+    onChange(applyTimeToDate(now, currentTime));
+    setOpen(false);
+  }, [onChange, value]);
+  const handleClear = React.useCallback(() => {
+    onChange(null);
+    setOpen(false);
+  }, [onChange]);
+  const isInteractive = !disabled && !readOnly;
+  const disabledMatcher = React.useMemo(() => {
+    if (!minDate && !maxDate) return void 0;
+    const matchers = [];
+    if (minDate) matchers.push({ before: minDate });
+    if (maxDate) matchers.push({ after: maxDate });
+    return matchers;
+  }, [minDate, maxDate]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: isInteractive ? setOpen : void 0, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-crud-focus-target": "",
+        disabled,
+        "aria-haspopup": "dialog",
+        className: cn(
+          "w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left",
+          "bg-background transition-colors",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
+          "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
+          readOnly && "cursor-default opacity-70",
+          !formattedValue && "text-muted-foreground",
+          className
+        ),
+        onClick: isInteractive ? void 0 : (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: formattedValue ?? placeholderText })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "p-0 w-auto", children: [
+      /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: value ?? void 0,
+          onSelect: handleDaySelect,
+          locale,
+          disabled: disabledMatcher,
+          initialFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "border-t px-3 py-2 space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground shrink-0", children: [
+            timeLabelText,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx(
+            TimeInput,
+            {
+              value: value ? extractTime(value) : void 0,
+              onChange: handleTimeChange,
+              minuteStep
+            }
+          )
+        ] }),
+        (showTodayButton || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          showTodayButton && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleToday,
+              className: "text-sm text-primary hover:underline focus:outline-none",
+              children: todayText
+            }
+          ),
+          showClearButton && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleClear,
+              className: "text-sm text-muted-foreground hover:text-foreground hover:underline focus:outline-none ml-auto",
+              children: clearText
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  DateTimePicker
+};
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/backend/inputs/DateTimePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/DateTimePicker.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { format } from 'date-fns'\nimport type { Locale } from 'date-fns'\nimport { CalendarIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Popover, PopoverContent, PopoverTrigger } from '../../primitives/popover'\nimport { Calendar } from '../../primitives/calendar'\nimport { TimeInput } from './TimeInput'\n\nexport type DateTimePickerProps = {\n  value?: Date | null\n  onChange: (date: Date | null) => void\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  className?: string\n  locale?: Locale\n  displayFormat?: string\n  minuteStep?: number\n  showTodayButton?: boolean\n  showClearButton?: boolean\n  minDate?: Date\n  maxDate?: Date\n}\n\nconst DAY_FIRST_LOCALE_CODES = new Set([\n  'pl', 'de', 'fr', 'es', 'it', 'pt', 'nl', 'ru', 'cs', 'sk', 'hu', 'ro',\n])\n\nfunction deriveDisplayFormat(locale?: Locale): string {\n  if (!locale) return 'MMM d, yyyy HH:mm'\n  const code = locale.code?.split('-')[0]?.toLowerCase() ?? ''\n  return DAY_FIRST_LOCALE_CODES.has(code) ? 'd MMM yyyy HH:mm' : 'MMM d, yyyy HH:mm'\n}\n\nfunction extractTime(date: Date): string {\n  const hour = String(date.getHours()).padStart(2, '0')\n  const minute = String(date.getMinutes()).padStart(2, '0')\n  return `${hour}:${minute}`\n}\n\nfunction applyTimeToDate(base: Date, time: string): Date {\n  const parts = time.split(':')\n  const hour = parseInt(parts[0] ?? '0', 10)\n  const minute = parseInt(parts[1] ?? '0', 10)\n  const next = new Date(base)\n  next.setHours(isNaN(hour) ? 0 : hour)\n  next.setMinutes(isNaN(minute) ? 0 : minute)\n  next.setSeconds(0)\n  next.setMilliseconds(0)\n  return next\n}\n\nexport function DateTimePicker({\n  value,\n  onChange,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  className,\n  locale,\n  displayFormat,\n  minuteStep = 1,\n  showTodayButton = true,\n  showClearButton = true,\n  minDate,\n  maxDate,\n}: DateTimePickerProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const resolvedFormat = displayFormat ?? deriveDisplayFormat(locale)\n  const placeholderText = placeholder ?? t('ui.dateTimePicker.placeholder', 'Pick date and time')\n  const timeLabelText = t('ui.dateTimePicker.timeLabel', 'Time')\n  const todayText = t('ui.dateTimePicker.todayButton', 'Today')\n  const clearText = t('ui.dateTimePicker.clearButton', 'Clear')\n\n  const formattedValue = React.useMemo(() => {\n    if (!value) return null\n    try {\n      return format(value, resolvedFormat, locale ? { locale } : undefined)\n    } catch {\n      return null\n    }\n  }, [value, resolvedFormat, locale])\n\n  const handleDaySelect = React.useCallback(\n    (day: Date | undefined) => {\n      if (!day) return\n      const currentTime = value ? extractTime(value) : '00:00'\n      onChange(applyTimeToDate(day, currentTime))\n    },\n    [onChange, value]\n  )\n\n  const handleTimeChange = React.useCallback(\n    (time: string) => {\n      const base = value ?? null\n      if (!base) return\n      onChange(applyTimeToDate(base, time))\n    },\n    [onChange, value]\n  )\n\n  const handleToday = React.useCallback(() => {\n    const now = new Date()\n    const currentTime = value ? extractTime(value) : extractTime(now)\n    onChange(applyTimeToDate(now, currentTime))\n    setOpen(false)\n  }, [onChange, value])\n\n  const handleClear = React.useCallback(() => {\n    onChange(null)\n    setOpen(false)\n  }, [onChange])\n\n  const isInteractive = !disabled && !readOnly\n\n  const disabledMatcher = React.useMemo(() => {\n    if (!minDate && !maxDate) return undefined\n    const matchers: import('react-day-picker').Matcher[] = []\n    if (minDate) matchers.push({ before: minDate })\n    if (maxDate) matchers.push({ after: maxDate })\n    return matchers\n  }, [minDate, maxDate])\n\n  return (\n    <Popover open={open} onOpenChange={isInteractive ? setOpen : undefined}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          data-crud-focus-target=\"\"\n          disabled={disabled}\n          aria-haspopup=\"dialog\"\n          className={cn(\n            'w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left',\n            'bg-background transition-colors',\n            'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1',\n            'disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed',\n            readOnly && 'cursor-default opacity-70',\n            !formattedValue && 'text-muted-foreground',\n            className\n          )}\n          onClick={isInteractive ? undefined : (e) => e.preventDefault()}\n        >\n          <CalendarIcon className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n          <span className=\"flex-1 truncate\">\n            {formattedValue ?? placeholderText}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent className=\"p-0 w-auto\">\n        <Calendar\n          mode=\"single\"\n          selected={value ?? undefined}\n          onSelect={handleDaySelect}\n          locale={locale}\n          disabled={disabledMatcher}\n          initialFocus\n        />\n        <div className=\"border-t px-3 py-2 space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm text-muted-foreground shrink-0\">{timeLabelText}:</span>\n            <TimeInput\n              value={value ? extractTime(value) : undefined}\n              onChange={handleTimeChange}\n              minuteStep={minuteStep}\n            />\n          </div>\n          {(showTodayButton || showClearButton) && (\n            <div className=\"flex items-center justify-between gap-2\">\n              {showTodayButton && (\n                <button\n                  type=\"button\"\n                  onClick={handleToday}\n                  className=\"text-sm text-primary hover:underline focus:outline-none\"\n                >\n                  {todayText}\n                </button>\n              )}\n              {showClearButton && (\n                <button\n                  type=\"button\"\n                  onClick={handleClear}\n                  className=\"text-sm text-muted-foreground hover:text-foreground hover:underline focus:outline-none ml-auto\"\n                >\n                  {clearText}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/inputs/EventPatternInput.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ComboboxInput } from "./ComboboxInput.js";
+import { useAvailableEvents } from "./EventSelect.js";
+function EventPatternInput({
+  value,
+  onChange,
+  placeholder = "sales.orders.created",
+  disabled,
+  categories,
+  modules
+}) {
+  const { events } = useAvailableEvents({ categories, modules });
+  const suggestions = React.useMemo(
+    () => events.map((event) => ({
+      value: event.id,
+      label: event.label,
+      description: event.id
+    })),
+    [events]
+  );
+  return /* @__PURE__ */ jsx(
+    ComboboxInput,
+    {
+      value,
+      onChange,
+      placeholder,
+      suggestions,
+      allowCustomValues: true,
+      disabled
+    }
+  );
+}
+export {
+  EventPatternInput
+};
+//# sourceMappingURL=EventPatternInput.js.map

package/dist/backend/inputs/EventPatternInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/EventPatternInput.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ComboboxInput, type ComboboxOption } from './ComboboxInput'\nimport { useAvailableEvents } from './EventSelect'\n\nexport interface EventPatternInputProps {\n  value: string\n  onChange: (pattern: string) => void\n  placeholder?: string\n  disabled?: boolean\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  modules?: string[]\n}\n\nexport function EventPatternInput({\n  value,\n  onChange,\n  placeholder = 'sales.orders.created',\n  disabled,\n  categories,\n  modules,\n}: EventPatternInputProps) {\n  const { events } = useAvailableEvents({ categories, modules })\n\n  const suggestions = React.useMemo<ComboboxOption[]>(\n    () =>\n      events.map(event => ({\n        value: event.id,\n        label: event.label,\n        description: event.id,\n      })),\n    [events]\n  )\n\n  return (\n    <ComboboxInput\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder}\n      suggestions={suggestions}\n      allowCustomValues={true}\n      disabled={disabled}\n    />\n  )\n}\n"],
+  "mappings": ";AAoCI;AAlCJ,YAAY,WAAW;AACvB,SAAS,qBAA0C;AACnD,SAAS,0BAA0B;AAW5B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,OAAO,IAAI,mBAAmB,EAAE,YAAY,QAAQ,CAAC;AAE7D,QAAM,cAAc,MAAM;AAAA,IACxB,MACE,OAAO,IAAI,YAAU;AAAA,MACnB,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,aAAa,MAAM;AAAA,IACrB,EAAE;AAAA,IACJ,CAAC,MAAM;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/backend/inputs/EventSelect.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { apiCall } from "../utils/apiCall.js";
+function EventSelect({
+  value,
+  onChange,
+  placeholder = "Select an event...",
+  className,
+  disabled,
+  categories,
+  modules,
+  excludeTriggerExcluded = true
+}) {
+  const { data: allEvents = [], isLoading } = useQuery({
+    queryKey: ["declared-events", excludeTriggerExcluded],
+    queryFn: async () => {
+      const result = await apiCall(
+        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`
+      );
+      if (!result.ok) return [];
+      return result.result?.data || [];
+    },
+    staleTime: 5 * 60 * 1e3
+    // Cache for 5 minutes
+  });
+  const filteredEvents = useMemo(() => {
+    let events = allEvents;
+    if (categories?.length) {
+      events = events.filter((e) => e.category && categories.includes(e.category));
+    }
+    if (modules?.length) {
+      events = events.filter((e) => e.module && modules.includes(e.module));
+    }
+    return events;
+  }, [allEvents, categories, modules]);
+  const eventsByModule = useMemo(() => {
+    const grouped = {};
+    for (const event of filteredEvents) {
+      const module = event.module || "other";
+      if (!grouped[module]) grouped[module] = [];
+      grouped[module].push(event);
+    }
+    return Object.fromEntries(
+      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))
+    );
+  }, [filteredEvents]);
+  const formatModuleName = (module) => {
+    return module.charAt(0).toUpperCase() + module.slice(1).replace(/_/g, " ");
+  };
+  const isEmpty = !isLoading && filteredEvents.length === 0;
+  return /* @__PURE__ */ jsxs(
+    "select",
+    {
+      value,
+      onChange: (e) => onChange(e.target.value),
+      className: `h-10 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${className || ""}`,
+      disabled: disabled || isLoading,
+      children: [
+        /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: isLoading ? "Loading..." : isEmpty ? "No events available" : placeholder }),
+        Object.entries(eventsByModule).map(([module, moduleEvents]) => /* @__PURE__ */ jsx("optgroup", { label: formatModuleName(module), children: moduleEvents.map((event) => /* @__PURE__ */ jsx("option", { value: event.id, children: event.label }, event.id)) }, module))
+      ]
+    }
+  );
+}
+function useAvailableEvents(options) {
+  const excludeTriggerExcluded = options?.excludeTriggerExcluded !== false;
+  const { data: allEvents = [], isLoading, error, refetch } = useQuery({
+    queryKey: ["declared-events", excludeTriggerExcluded],
+    queryFn: async () => {
+      const result = await apiCall(
+        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`
+      );
+      if (!result.ok) return [];
+      return result.result?.data || [];
+    },
+    staleTime: 5 * 60 * 1e3
+  });
+  const filteredEvents = useMemo(() => {
+    let events = allEvents;
+    if (options?.categories?.length) {
+      events = events.filter((e) => e.category && options.categories.includes(e.category));
+    }
+    if (options?.modules?.length) {
+      events = events.filter((e) => e.module && options.modules.includes(e.module));
+    }
+    return events;
+  }, [allEvents, options]);
+  const eventsByModule = useMemo(() => {
+    const grouped = {};
+    for (const event of filteredEvents) {
+      const module = event.module || "other";
+      if (!grouped[module]) grouped[module] = [];
+      grouped[module].push(event);
+    }
+    return Object.fromEntries(
+      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))
+    );
+  }, [filteredEvents]);
+  return {
+    events: filteredEvents,
+    eventsByModule,
+    isLoading,
+    error,
+    refetch
+  };
+}
+var EventSelect_default = EventSelect;
+export {
+  EventSelect,
+  EventSelect_default as default,
+  useAvailableEvents
+};
+//# sourceMappingURL=EventSelect.js.map

package/dist/backend/inputs/EventSelect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/EventSelect.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useMemo } from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { apiCall } from '../utils/apiCall'\n\n/**\n * Event definition returned by the API\n */\nexport interface EventDefinition {\n  id: string\n  label: string\n  description?: string\n  category?: 'crud' | 'lifecycle' | 'system' | 'custom'\n  module?: string\n  entity?: string\n  excludeFromTriggers?: boolean\n}\n\nexport interface EventSelectProps {\n  /** Current selected event ID */\n  value: string\n  /** Called when event is selected */\n  onChange: (eventId: string) => void\n  /** Placeholder text when no event selected */\n  placeholder?: string\n  /** Additional CSS classes */\n  className?: string\n  /** Whether the select is disabled */\n  disabled?: boolean\n  /** Filter events by category */\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  /** Filter events by module */\n  modules?: string[]\n  /** Whether to exclude events marked as excludeFromTriggers (default: true) */\n  excludeTriggerExcluded?: boolean\n}\n\n/**\n * EventSelect - A reusable select component for choosing declared events\n *\n * Fetches available events from the API and groups them by module.\n */\nexport function EventSelect({\n  value,\n  onChange,\n  placeholder = 'Select an event...',\n  className,\n  disabled,\n  categories,\n  modules,\n  excludeTriggerExcluded = true,\n}: EventSelectProps) {\n  // Fetch events from the API\n  const { data: allEvents = [], isLoading } = useQuery({\n    queryKey: ['declared-events', excludeTriggerExcluded],\n    queryFn: async () => {\n      const result = await apiCall<{ data: EventDefinition[]; total: number }>(\n        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`\n      )\n      if (!result.ok) return []\n      return result.result?.data || []\n    },\n    staleTime: 5 * 60 * 1000, // Cache for 5 minutes\n  })\n\n  // Filter events based on props\n  const filteredEvents = useMemo(() => {\n    let events = allEvents\n\n    if (categories?.length) {\n      events = events.filter(e => e.category && categories.includes(e.category))\n    }\n    if (modules?.length) {\n      events = events.filter(e => e.module && modules.includes(e.module))\n    }\n\n    return events\n  }, [allEvents, categories, modules])\n\n  // Group events by module for better UX\n  const eventsByModule = useMemo(() => {\n    const grouped: Record<string, EventDefinition[]> = {}\n    for (const event of filteredEvents) {\n      const module = event.module || 'other'\n      if (!grouped[module]) grouped[module] = []\n      grouped[module].push(event)\n    }\n    // Sort modules alphabetically\n    return Object.fromEntries(\n      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))\n    )\n  }, [filteredEvents])\n\n  // Format module name for display\n  const formatModuleName = (module: string): string => {\n    return module.charAt(0).toUpperCase() + module.slice(1).replace(/_/g, ' ')\n  }\n\n  const isEmpty = !isLoading && filteredEvents.length === 0\n\n  return (\n    <select\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      className={`h-10 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${className || ''}`}\n      disabled={disabled || isLoading}\n    >\n      <option value=\"\" disabled>\n        {isLoading ? 'Loading...' : isEmpty ? 'No events available' : placeholder}\n      </option>\n      {Object.entries(eventsByModule).map(([module, moduleEvents]) => (\n        <optgroup key={module} label={formatModuleName(module)}>\n          {moduleEvents.map(event => (\n            <option key={event.id} value={event.id}>\n              {event.label}\n            </option>\n          ))}\n        </optgroup>\n      ))}\n    </select>\n  )\n}\n\n/**\n * Hook for getting available events\n */\nexport function useAvailableEvents(options?: {\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  modules?: string[]\n  excludeTriggerExcluded?: boolean\n}) {\n  const excludeTriggerExcluded = options?.excludeTriggerExcluded !== false\n\n  const { data: allEvents = [], isLoading, error, refetch } = useQuery({\n    queryKey: ['declared-events', excludeTriggerExcluded],\n    queryFn: async () => {\n      const result = await apiCall<{ data: EventDefinition[]; total: number }>(\n        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`\n      )\n      if (!result.ok) return []\n      return result.result?.data || []\n    },\n    staleTime: 5 * 60 * 1000,\n  })\n\n  const filteredEvents = useMemo(() => {\n    let events = allEvents\n\n    if (options?.categories?.length) {\n      events = events.filter(e => e.category && options.categories!.includes(e.category))\n    }\n    if (options?.modules?.length) {\n      events = events.filter(e => e.module && options.modules!.includes(e.module))\n    }\n\n    return events\n  }, [allEvents, options])\n\n  // Group by module\n  const eventsByModule = useMemo(() => {\n    const grouped: Record<string, EventDefinition[]> = {}\n    for (const event of filteredEvents) {\n      const module = event.module || 'other'\n      if (!grouped[module]) grouped[module] = []\n      grouped[module].push(event)\n    }\n    return Object.fromEntries(\n      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))\n    )\n  }, [filteredEvents])\n\n  return {\n    events: filteredEvents,\n    eventsByModule,\n    isLoading,\n    error,\n    refetch,\n  }\n}\n\nexport default EventSelect\n"],
+  "mappings": "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",
+  "names": []
+}