@freighttech/ui 0.13.18

package/dist/backend/inputs/LookupSelect.js

@@ -0,0 +1,197 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Loader2, Search, X } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { cn } from "@open-mercato/shared/lib/utils";
+function LookupSelect({
+  value,
+  onChange,
+  fetchItems,
+  fetchOptions,
+  options,
+  minQuery = 2,
+  actionSlot,
+  onReady,
+  placeholder,
+  searchPlaceholder = placeholder ?? "Search\u2026",
+  clearLabel = "Clear selection",
+  emptyLabel = "No results",
+  loadingLabel = "Searching\u2026",
+  selectLabel = "Select",
+  selectedLabel = "Selected",
+  minQueryHintLabel,
+  startTypingLabel = "Start typing to search.",
+  selectedHintLabel,
+  disabled = false,
+  loading: loadingProp = false,
+  defaultOpen = false
+}) {
+  const [query, setQuery] = React.useState("");
+  const [items, setItems] = React.useState(options ?? []);
+  const [loading, setLoading] = React.useState(false);
+  const [hasTyped, setHasTyped] = React.useState(defaultOpen);
+  const [error, setError] = React.useState(null);
+  const [fetchKey, setFetchKey] = React.useState(0);
+  const fetchItemsRef = React.useRef(fetchItems ?? fetchOptions);
+  const setQueryRef = React.useRef(setQuery);
+  const optionsWasArrayRef = React.useRef(Array.isArray(options));
+  React.useEffect(() => {
+    fetchItemsRef.current = fetchItems ?? fetchOptions;
+  }, [fetchItems, fetchOptions]);
+  React.useEffect(() => {
+    if (Array.isArray(options)) {
+      optionsWasArrayRef.current = true;
+      setItems(options);
+    } else if (optionsWasArrayRef.current) {
+      optionsWasArrayRef.current = false;
+      setFetchKey((k) => k + 1);
+    }
+  }, [options]);
+  React.useEffect(() => {
+    setQueryRef.current = setQuery;
+    if (onReady) onReady({ setQuery });
+  }, [onReady, setQuery]);
+  const shouldSearch = defaultOpen || query.trim().length >= minQuery || Boolean(value && (options?.length ?? 0) > 0);
+  React.useEffect(() => {
+    if (disabled) {
+      setItems(options ?? []);
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    let timer = null;
+    if (!shouldSearch) {
+      setItems(options ?? []);
+      setLoading(false);
+      setError(null);
+      return () => {
+        cancelled = true;
+      };
+    }
+    setLoading(true);
+    setError(null);
+    timer = setTimeout(() => {
+      const requestId = Date.now();
+      const fetcher = fetchItemsRef.current;
+      const loader = fetcher ?? (() => Promise.resolve(options ?? []));
+      loader(query.trim()).then((result) => {
+        if (cancelled) return;
+        setItems(result);
+      }).catch((err) => {
+        if (cancelled) return;
+        console.error("LookupSelect.fetchItems", err);
+        setError("error");
+      }).finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+      return requestId;
+    }, 220);
+    return () => {
+      cancelled = true;
+      if (timer) clearTimeout(timer);
+    };
+  }, [query, shouldSearch, fetchKey]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "w-full rounded border pl-8 pr-2 py-2 text-sm",
+            value: query,
+            onChange: (event) => {
+              setQuery(event.target.value);
+              setHasTyped(true);
+            },
+            placeholder: searchPlaceholder,
+            disabled
+          }
+        )
+      ] }),
+      actionSlot ? /* @__PURE__ */ jsx("div", { className: "sm:self-start", children: actionSlot }) : null
+    ] }),
+    shouldSearch ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      loading || loadingProp ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+        loadingLabel
+      ] }) : null,
+      !loading && !loadingProp && !items.length ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: emptyLabel }) : null,
+      /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-80 overflow-y-auto", children: items.map((item) => {
+        const isSelected = value === item.id;
+        const handleSelect = () => {
+          if (item.disabled && !isSelected) return;
+          onChange(item.id);
+        };
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex gap-3 rounded border bg-card p-3 transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              isSelected ? "border-primary/70 bg-primary/5" : "hover:border-primary/50"
+            ),
+            role: "button",
+            tabIndex: item.disabled ? -1 : 0,
+            onClick: handleSelect,
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                handleSelect();
+              }
+            },
+            "aria-pressed": isSelected,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 sm:h-12 sm:w-12 shrink-0 items-center justify-center overflow-hidden rounded border bg-muted", children: item.icon ?? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: item.title }),
+                    item.subtitle ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground truncate", children: item.subtitle }) : null,
+                    item.description ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground truncate", children: item.description }) : null
+                  ] }),
+                  item.rightLabel ? /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs font-medium text-muted-foreground", children: item.rightLabel }) : null
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: isSelected ? "secondary" : "outline",
+                    size: "sm",
+                    className: "shrink-0",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      handleSelect();
+                    },
+                    disabled: item.disabled && !isSelected,
+                    children: isSelected ? selectedLabel : selectLabel
+                  }
+                ) })
+              ] })
+            ]
+          },
+          item.id
+        );
+      }) }),
+      value ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "w-fit gap-1 text-sm font-normal",
+          onClick: () => onChange(null),
+          children: [
+            /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+            clearLabel
+          ]
+        }
+      ) : null
+    ] }) : hasTyped ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: minQueryHintLabel ?? `Type at least ${minQuery} characters or paste an id to search.` }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: startTypingLabel }),
+    error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: emptyLabel }) : null
+  ] });
+}
+export {
+  LookupSelect
+};
+//# sourceMappingURL=LookupSelect.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/LookupSelect.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Loader2, Search, X } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type LookupSelectItem = {\n  id: string\n  title: string\n  subtitle?: string | null\n  badge?: string | null\n  icon?: React.ReactNode\n  disabled?: boolean\n  rightLabel?: string | null\n  description?: string | null\n}\n\ntype LookupSelectProps = {\n  value: string | null\n  onChange: (next: string | null) => void\n  fetchItems?: (query: string) => Promise<LookupSelectItem[]>\n  fetchOptions?: (query?: string) => Promise<LookupSelectItem[]>\n  options?: LookupSelectItem[]\n  minQuery?: number\n  actionSlot?: React.ReactNode\n  onReady?: (controls: { setQuery: (value: string) => void }) => void\n  searchPlaceholder?: string\n  placeholder?: string\n  clearLabel?: string\n  emptyLabel?: string\n  loadingLabel?: string\n  selectLabel?: string\n  selectedLabel?: string\n  minQueryHintLabel?: string\n  startTypingLabel?: string\n  selectedHintLabel?: (id: string) => string\n  disabled?: boolean\n  loading?: boolean\n  defaultOpen?: boolean\n}\n\nexport function LookupSelect({\n  value,\n  onChange,\n  fetchItems,\n  fetchOptions,\n  options,\n  minQuery = 2,\n  actionSlot,\n  onReady,\n  placeholder,\n  searchPlaceholder = placeholder ?? 'Search\u2026',\n  clearLabel = 'Clear selection',\n  emptyLabel = 'No results',\n  loadingLabel = 'Searching\u2026',\n  selectLabel = 'Select',\n  selectedLabel = 'Selected',\n  minQueryHintLabel,\n  startTypingLabel = 'Start typing to search.',\n  selectedHintLabel,\n  disabled = false,\n  loading: loadingProp = false,\n  defaultOpen = false,\n}: LookupSelectProps) {\n  const [query, setQuery] = React.useState('')\n  const [items, setItems] = React.useState<LookupSelectItem[]>(options ?? [])\n  const [loading, setLoading] = React.useState(false)\n  const [hasTyped, setHasTyped] = React.useState(defaultOpen)\n  const [error, setError] = React.useState<string | null>(null)\n  const [fetchKey, setFetchKey] = React.useState(0)\n  const fetchItemsRef = React.useRef(fetchItems ?? fetchOptions)\n  const setQueryRef = React.useRef(setQuery)\n  const optionsWasArrayRef = React.useRef(Array.isArray(options))\n\n  React.useEffect(() => {\n    fetchItemsRef.current = fetchItems ?? fetchOptions\n  }, [fetchItems, fetchOptions])\n\n  React.useEffect(() => {\n    if (Array.isArray(options)) {\n      optionsWasArrayRef.current = true\n      setItems(options)\n    } else if (optionsWasArrayRef.current) {\n      optionsWasArrayRef.current = false\n      setFetchKey((k) => k + 1)\n    }\n  }, [options])\n\n  React.useEffect(() => {\n    setQueryRef.current = setQuery\n    if (onReady) onReady({ setQuery })\n  }, [onReady, setQuery])\n\n  const shouldSearch =\n    defaultOpen || query.trim().length >= minQuery || Boolean(value && (options?.length ?? 0) > 0)\n  React.useEffect(() => {\n    if (disabled) {\n      setItems(options ?? [])\n      setLoading(false)\n      return\n    }\n    let cancelled = false\n    let timer: ReturnType<typeof setTimeout> | null = null\n    if (!shouldSearch) {\n      setItems(options ?? [])\n      setLoading(false)\n      setError(null)\n      return () => { cancelled = true }\n    }\n    setLoading(true)\n    setError(null)\n    timer = setTimeout(() => {\n      const requestId = Date.now()\n      const fetcher = fetchItemsRef.current\n      const loader = fetcher ?? (() => Promise.resolve(options ?? []))\n      loader(query.trim())\n        .then((result) => {\n          if (cancelled) return\n          setItems(result)\n        })\n        .catch((err) => {\n          if (cancelled) return\n          console.error('LookupSelect.fetchItems', err)\n          setError('error')\n        })\n        .finally(() => {\n          if (!cancelled) setLoading(false)\n        })\n      return requestId\n    }, 220)\n    return () => {\n      cancelled = true\n      if (timer) clearTimeout(timer)\n    }\n  }, [query, shouldSearch, fetchKey])\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n          <input\n            className=\"w-full rounded border pl-8 pr-2 py-2 text-sm\"\n            value={query}\n            onChange={(event) => {\n              setQuery(event.target.value)\n              setHasTyped(true)\n            }}\n            placeholder={searchPlaceholder}\n            disabled={disabled}\n          />\n        </div>\n        {actionSlot ? <div className=\"sm:self-start\">{actionSlot}</div> : null}\n      </div>\n      {shouldSearch ? (\n        <div className=\"space-y-2\">\n          {loading || loadingProp ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n              {loadingLabel}\n            </div>\n          ) : null}\n          {!loading && !loadingProp && !items.length ? (\n            <p className=\"text-xs text-muted-foreground\">{emptyLabel}</p>\n          ) : null}\n          <div className=\"space-y-2 max-h-80 overflow-y-auto\">\n            {items.map((item) => {\n              const isSelected = value === item.id\n              const handleSelect = () => {\n                if (item.disabled && !isSelected) return\n                onChange(item.id)\n              }\n              return (\n                <div\n                  key={item.id}\n                  className={cn(\n                    'flex gap-3 rounded border bg-card p-3 transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n                    isSelected ? 'border-primary/70 bg-primary/5' : 'hover:border-primary/50'\n                  )}\n                  role=\"button\"\n                  tabIndex={item.disabled ? -1 : 0}\n                  onClick={handleSelect}\n                  onKeyDown={(event) => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault()\n                      handleSelect()\n                    }\n                  }}\n                  aria-pressed={isSelected}\n                >\n                  <div className=\"flex h-10 w-10 sm:h-12 sm:w-12 shrink-0 items-center justify-center overflow-hidden rounded border bg-muted\">\n                    {item.icon ?? <span className=\"text-muted-foreground\">\u2022</span>}\n                  </div>\n                  <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <div className=\"min-w-0\">\n                        <div className=\"truncate text-sm font-medium\">{item.title}</div>\n                        {item.subtitle ? (\n                          <div className=\"text-xs text-muted-foreground truncate\">{item.subtitle}</div>\n                        ) : null}\n                        {item.description ? (\n                          <div className=\"text-xs text-muted-foreground truncate\">{item.description}</div>\n                        ) : null}\n                      </div>\n                      {item.rightLabel ? (\n                        <div className=\"shrink-0 text-xs font-medium text-muted-foreground\">{item.rightLabel}</div>\n                      ) : null}\n                    </div>\n                    <div className=\"flex justify-end\">\n                      <Button\n                        type=\"button\"\n                        variant={isSelected ? 'secondary' : 'outline'}\n                        size=\"sm\"\n                        className=\"shrink-0\"\n                        onClick={(event) => {\n                          event.stopPropagation()\n                          handleSelect()\n                        }}\n                        disabled={item.disabled && !isSelected}\n                      >\n                        {isSelected ? selectedLabel : selectLabel}\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n          {value ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"w-fit gap-1 text-sm font-normal\"\n              onClick={() => onChange(null)}\n            >\n              <X className=\"h-4 w-4\" />\n              {clearLabel}\n            </Button>\n          ) : null}\n        </div>\n      ) : hasTyped ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {minQueryHintLabel ?? `Type at least ${minQuery} characters or paste an id to search.`}\n        </p>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">{startTypingLabel}</p>\n      )}\n      {error ? <p className=\"text-xs text-destructive\">{emptyLabel}</p> : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/inputs/PhoneNumberField.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { extractPhoneDigits, validatePhoneNumber } from "@open-mercato/shared/lib/phone";
+const DEFAULT_MIN_DIGITS = 6;
+const DEFAULT_INVALID_LABEL = "Enter a valid phone number with country code (e.g. +1 212 555 1234)";
+function PhoneNumberField({
+  value,
+  onValueChange,
+  onDigitsChange,
+  externalError,
+  disabled = false,
+  autoFocus,
+  placeholder,
+  minDigits = DEFAULT_MIN_DIGITS,
+  checkingLabel,
+  duplicateLabel,
+  duplicateLinkLabel,
+  invalidLabel,
+  onDuplicateLookup
+}) {
+  const [local, setLocal] = React.useState(() => {
+    if (value == null || value === "") return "";
+    return String(value);
+  });
+  const [duplicate, setDuplicate] = React.useState(null);
+  const [checking, setChecking] = React.useState(false);
+  const [validationHint, setValidationHint] = React.useState(null);
+  const userEditingRef = React.useRef(false);
+  const visibleValidationHint = externalError ? null : validationHint;
+  React.useEffect(() => {
+    if (userEditingRef.current) return;
+    if (value == null || value === "") {
+      setLocal("");
+      onDigitsChange?.(null);
+      return;
+    }
+    const nextValue = String(value);
+    setLocal(nextValue);
+    onDigitsChange?.(extractPhoneDigits(nextValue) || null);
+  }, [value, onDigitsChange]);
+  React.useEffect(() => {
+    if (!onDuplicateLookup || disabled) {
+      setDuplicate(null);
+      setChecking(false);
+      return;
+    }
+    const digits = extractPhoneDigits(local);
+    if (!digits || digits.length < minDigits) {
+      setDuplicate(null);
+      setChecking(false);
+      return;
+    }
+    let cancelled = false;
+    setChecking(true);
+    const handle = window.setTimeout(async () => {
+      try {
+        const match = await onDuplicateLookup(digits);
+        if (!cancelled) setDuplicate(match);
+      } catch {
+        if (!cancelled) setDuplicate(null);
+      } finally {
+        if (!cancelled) setChecking(false);
+      }
+    }, 350);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(handle);
+    };
+  }, [local, disabled, minDigits, onDuplicateLookup]);
+  const handleChange = React.useCallback(
+    (event) => {
+      const next = event.target.value;
+      const cleanDigits = extractPhoneDigits(next);
+      userEditingRef.current = true;
+      setLocal(next);
+      setValidationHint(null);
+      onValueChange(next.length ? next : void 0);
+      onDigitsChange?.(cleanDigits.length ? cleanDigits : null);
+    },
+    [onValueChange, onDigitsChange]
+  );
+  const handleBlur = React.useCallback(() => {
+    userEditingRef.current = false;
+    const trimmed = local.trim();
+    if (!trimmed) {
+      setLocal("");
+      setValidationHint(null);
+      onValueChange(void 0);
+      onDigitsChange?.(null);
+      return;
+    }
+    const result = validatePhoneNumber(trimmed);
+    if (result.valid) {
+      setLocal(result.normalized ?? "");
+      setValidationHint(null);
+      onValueChange(result.normalized || void 0);
+      onDigitsChange?.(result.digits || null);
+    } else {
+      setLocal(trimmed);
+      setValidationHint(invalidLabel ?? DEFAULT_INVALID_LABEL);
+      onValueChange(trimmed);
+      onDigitsChange?.(result.digits || null);
+    }
+  }, [invalidLabel, local, onDigitsChange, onValueChange]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "tel",
+        className: "w-full h-9 rounded border px-2 text-sm",
+        value: local,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        placeholder,
+        autoFocus,
+        disabled,
+        "data-crud-focus-target": ""
+      }
+    ),
+    visibleValidationHint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: visibleValidationHint }) : null,
+    !disabled && duplicate && duplicateLabel && duplicateLinkLabel ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-amber-600", children: [
+      duplicateLabel(duplicate),
+      " ",
+      /* @__PURE__ */ jsx("a", { className: "font-medium text-primary underline underline-offset-2", href: duplicate.href, children: duplicateLinkLabel })
+    ] }) : null,
+    !disabled && !duplicate && checking && checkingLabel ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: checkingLabel }) : null
+  ] });
+}
+export {
+  PhoneNumberField
+};
+//# sourceMappingURL=PhoneNumberField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/PhoneNumberField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extractPhoneDigits, validatePhoneNumber } from '@open-mercato/shared/lib/phone'\n\nexport type PhoneDuplicateMatch = {\n  id: string\n  label: string\n  href: string\n}\n\nexport type PhoneNumberFieldProps = {\n  value?: string | null\n  onValueChange: (next: string | undefined) => void\n  onDigitsChange?: (digits: string | null) => void\n  externalError?: string | null\n  disabled?: boolean\n  autoFocus?: boolean\n  placeholder?: string\n  minDigits?: number\n  checkingLabel?: string\n  duplicateLabel?: (match: PhoneDuplicateMatch) => string\n  duplicateLinkLabel?: string\n  invalidLabel?: string\n  onDuplicateLookup?: (normalizedValue: string) => Promise<PhoneDuplicateMatch | null>\n}\n\nconst DEFAULT_MIN_DIGITS = 6\nconst DEFAULT_INVALID_LABEL = 'Enter a valid phone number with country code (e.g. +1 212 555 1234)'\n\nexport function PhoneNumberField({\n  value,\n  onValueChange,\n  onDigitsChange,\n  externalError,\n  disabled = false,\n  autoFocus,\n  placeholder,\n  minDigits = DEFAULT_MIN_DIGITS,\n  checkingLabel,\n  duplicateLabel,\n  duplicateLinkLabel,\n  invalidLabel,\n  onDuplicateLookup,\n}: PhoneNumberFieldProps) {\n  const [local, setLocal] = React.useState<string>(() => {\n    if (value == null || value === '') return ''\n    return String(value)\n  })\n  const [duplicate, setDuplicate] = React.useState<PhoneDuplicateMatch | null>(null)\n  const [checking, setChecking] = React.useState(false)\n  const [validationHint, setValidationHint] = React.useState<string | null>(null)\n  const userEditingRef = React.useRef(false)\n  const visibleValidationHint = externalError ? null : validationHint\n\n  React.useEffect(() => {\n    if (userEditingRef.current) return\n    if (value == null || value === '') {\n      setLocal('')\n      onDigitsChange?.(null)\n      return\n    }\n    const nextValue = String(value)\n    setLocal(nextValue)\n    onDigitsChange?.(extractPhoneDigits(nextValue) || null)\n  }, [value, onDigitsChange])\n\n  React.useEffect(() => {\n    if (!onDuplicateLookup || disabled) {\n      setDuplicate(null)\n      setChecking(false)\n      return\n    }\n    const digits = extractPhoneDigits(local)\n    if (!digits || digits.length < minDigits) {\n      setDuplicate(null)\n      setChecking(false)\n      return\n    }\n\n    let cancelled = false\n    setChecking(true)\n    const handle = window.setTimeout(async () => {\n      try {\n        const match = await onDuplicateLookup(digits)\n        if (!cancelled) setDuplicate(match)\n      } catch {\n        if (!cancelled) setDuplicate(null)\n      } finally {\n        if (!cancelled) setChecking(false)\n      }\n    }, 350)\n\n    return () => {\n      cancelled = true\n      window.clearTimeout(handle)\n    }\n  }, [local, disabled, minDigits, onDuplicateLookup])\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const next = event.target.value\n      const cleanDigits = extractPhoneDigits(next)\n      userEditingRef.current = true\n      setLocal(next)\n      setValidationHint(null)\n      onValueChange(next.length ? next : undefined)\n      onDigitsChange?.(cleanDigits.length ? cleanDigits : null)\n    },\n    [onValueChange, onDigitsChange]\n  )\n\n  const handleBlur = React.useCallback(() => {\n    userEditingRef.current = false\n    const trimmed = local.trim()\n    if (!trimmed) {\n      setLocal('')\n      setValidationHint(null)\n      onValueChange(undefined)\n      onDigitsChange?.(null)\n      return\n    }\n    const result = validatePhoneNumber(trimmed)\n    if (result.valid) {\n      setLocal(result.normalized ?? '')\n      setValidationHint(null)\n      onValueChange(result.normalized || undefined)\n      onDigitsChange?.(result.digits || null)\n    } else {\n      setLocal(trimmed)\n      setValidationHint(invalidLabel ?? DEFAULT_INVALID_LABEL)\n      onValueChange(trimmed)\n      onDigitsChange?.(result.digits || null)\n    }\n  }, [invalidLabel, local, onDigitsChange, onValueChange])\n\n  return (\n    <div className=\"space-y-2\">\n      <input\n        type=\"tel\"\n        className=\"w-full h-9 rounded border px-2 text-sm\"\n        value={local}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        data-crud-focus-target=\"\"\n      />\n      {visibleValidationHint ? (\n        <p className=\"text-xs text-destructive\">{visibleValidationHint}</p>\n      ) : null}\n      {!disabled && duplicate && duplicateLabel && duplicateLinkLabel ? (\n        <p className=\"text-xs text-amber-600\">\n          {duplicateLabel(duplicate)}{' '}\n          <a className=\"font-medium text-primary underline underline-offset-2\" href={duplicate.href}>\n            {duplicateLinkLabel}\n          </a>\n        </p>\n      ) : null}\n      {!disabled && !duplicate && checking && checkingLabel ? (\n        <p className=\"text-xs text-muted-foreground\">{checkingLabel}</p>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/inputs/SwitchableMarkdownInput.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+import { LoadingMessage } from "../detail/LoadingMessage.js";
+import { useMarkdownRemarkPlugins } from "../markdown/useMarkdownRemarkPlugins.js";
+const isTestEnv = typeof process !== "undefined" && process.env.NODE_ENV === "test";
+const MarkdownEditorTestStub = ({ value, onChange }) => /* @__PURE__ */ jsx(
+  "textarea",
+  {
+    className: "min-h-[160px] w-full rounded border px-3 py-2 text-sm",
+    value: value ?? "",
+    onChange: (event) => onChange?.(event.target.value)
+  }
+);
+const UiMarkdownEditor = isTestEnv ? MarkdownEditorTestStub : dynamic(() => import("@uiw/react-md-editor"), {
+  ssr: false,
+  loading: () => /* @__PURE__ */ jsx(
+    LoadingMessage,
+    {
+      label: "Loading editor...",
+      className: "min-h-[220px] justify-center"
+    }
+  )
+});
+function SwitchableMarkdownInput({
+  value,
+  onChange,
+  isMarkdownEnabled,
+  disableMarkdown,
+  height = 220,
+  placeholder,
+  rows = 3,
+  textareaRef,
+  onTextareaInput,
+  textareaClassName,
+  editorWrapperClassName,
+  editorClassName,
+  disabled,
+  remarkPlugins
+}) {
+  const resolvedPlugins = useMarkdownRemarkPlugins(remarkPlugins);
+  const editorWrapperClasses = editorWrapperClassName ?? "w-full rounded-lg border border-muted-foreground/20 bg-background p-2";
+  const editorClasses = editorClassName ?? "w-full";
+  const textareaClasses = textareaClassName ?? "w-full resize-none overflow-hidden rounded-lg border border-muted-foreground/20 bg-background px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary";
+  if (isMarkdownEnabled && !disableMarkdown) {
+    return /* @__PURE__ */ jsx("div", { className: editorWrapperClasses, children: /* @__PURE__ */ jsx("div", { "data-color-mode": "light", className: editorClasses, children: /* @__PURE__ */ jsx(
+      UiMarkdownEditor,
+      {
+        value,
+        height,
+        onChange: (nextValue) => onChange(typeof nextValue === "string" ? nextValue : ""),
+        previewOptions: resolvedPlugins.length ? { remarkPlugins: resolvedPlugins } : void 0
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref: textareaRef,
+      rows,
+      className: textareaClasses,
+      placeholder,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      onInput: onTextareaInput,
+      disabled
+    }
+  );
+}
+export {
+  SwitchableMarkdownInput
+};
+//# sourceMappingURL=SwitchableMarkdownInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/SwitchableMarkdownInput.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport dynamic from 'next/dynamic'\nimport type { PluggableList } from 'unified'\nimport { LoadingMessage } from '../detail/LoadingMessage'\nimport { useMarkdownRemarkPlugins } from '../markdown/useMarkdownRemarkPlugins'\n\nexport type SwitchableMarkdownInputProps = {\n  value: string\n  onChange: (value: string) => void\n  isMarkdownEnabled: boolean\n  disableMarkdown?: boolean\n  height?: number\n  placeholder?: string\n  rows?: number\n  textareaRef?: React.Ref<HTMLTextAreaElement>\n  onTextareaInput?: React.FormEventHandler<HTMLTextAreaElement>\n  textareaClassName?: string\n  editorWrapperClassName?: string\n  editorClassName?: string\n  disabled?: boolean\n  remarkPlugins?: PluggableList\n}\n\ntype UiMarkdownEditorProps = {\n  value?: string\n  height?: number\n  onChange?: (value?: string) => void\n  previewOptions?: { remarkPlugins?: unknown[] }\n}\n\nconst isTestEnv = typeof process !== 'undefined' && process.env.NODE_ENV === 'test'\n\nconst MarkdownEditorTestStub: React.ComponentType<UiMarkdownEditorProps> = ({ value, onChange }) => (\n  <textarea\n    className=\"min-h-[160px] w-full rounded border px-3 py-2 text-sm\"\n    value={value ?? ''}\n    onChange={(event) => onChange?.(event.target.value)}\n  />\n)\n\nconst UiMarkdownEditor = isTestEnv\n  ? MarkdownEditorTestStub\n  : (dynamic(() => import('@uiw/react-md-editor'), {\n      ssr: false,\n      loading: () => (\n        <LoadingMessage\n          label=\"Loading editor...\"\n          className=\"min-h-[220px] justify-center\"\n        />\n      ),\n    }) as unknown as React.ComponentType<UiMarkdownEditorProps>)\n\nexport function SwitchableMarkdownInput({\n  value,\n  onChange,\n  isMarkdownEnabled,\n  disableMarkdown,\n  height = 220,\n  placeholder,\n  rows = 3,\n  textareaRef,\n  onTextareaInput,\n  textareaClassName,\n  editorWrapperClassName,\n  editorClassName,\n  disabled,\n  remarkPlugins,\n}: SwitchableMarkdownInputProps) {\n  const resolvedPlugins = useMarkdownRemarkPlugins(remarkPlugins)\n  const editorWrapperClasses =\n    editorWrapperClassName ?? 'w-full rounded-lg border border-muted-foreground/20 bg-background p-2'\n  const editorClasses = editorClassName ?? 'w-full'\n  const textareaClasses =\n    textareaClassName\n    ?? 'w-full resize-none overflow-hidden rounded-lg border border-muted-foreground/20 bg-background px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary'\n\n  if (isMarkdownEnabled && !disableMarkdown) {\n    return (\n      <div className={editorWrapperClasses}>\n        <div data-color-mode=\"light\" className={editorClasses}>\n          <UiMarkdownEditor\n            value={value}\n            height={height}\n            onChange={(nextValue) => onChange(typeof nextValue === 'string' ? nextValue : '')}\n            previewOptions={resolvedPlugins.length ? { remarkPlugins: resolvedPlugins } : undefined}\n          />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <textarea\n      ref={textareaRef}\n      rows={rows}\n      className={textareaClasses}\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      onInput={onTextareaInput}\n      disabled={disabled}\n    />\n  )\n}\n"],
+  "mappings": ";AAmCE;AAhCF,OAAO,aAAa;AAEpB,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AA0BzC,MAAM,YAAY,OAAO,YAAY,eAAe,QAAQ,IAAI,aAAa;AAE7E,MAAM,yBAAqE,CAAC,EAAE,OAAO,SAAS,MAC5F;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAO,SAAS;AAAA,IAChB,UAAU,CAAC,UAAU,WAAW,MAAM,OAAO,KAAK;AAAA;AACpD;AAGF,MAAM,mBAAmB,YACrB,yBACC,QAAQ,MAAM,OAAO,sBAAsB,GAAG;AAAA,EAC7C,KAAK;AAAA,EACL,SAAS,MACP;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AAEE,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,kBAAkB,yBAAyB,aAAa;AAC9D,QAAM,uBACJ,0BAA0B;AAC5B,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,kBACJ,qBACG;AAEL,MAAI,qBAAqB,CAAC,iBAAiB;AACzC,WACE,oBAAC,SAAI,WAAW,sBACd,8BAAC,SAAI,mBAAgB,SAAQ,WAAW,eACtC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,CAAC,cAAc,SAAS,OAAO,cAAc,WAAW,YAAY,EAAE;AAAA,QAChF,gBAAgB,gBAAgB,SAAS,EAAE,eAAe,gBAAgB,IAAI;AAAA;AAAA,IAChF,GACF,GACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,MAChD,SAAS;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}