@open-mercato/ui 0.4.2-canary-c02407ff85

package/dist/backend/FilterOverlay.js

@@ -0,0 +1,279 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../primitives/button.js";
+import { TagsInput } from "./inputs/TagsInput.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const EMPTY_FILTER_VALUES = {};
+function isPlainObject(value) {
+  return value != null && typeof value === "object" && !Array.isArray(value);
+}
+function normalizeKeys(source) {
+  if (!source) return [];
+  return Object.keys(source).filter((key) => source[key] !== void 0);
+}
+function areFieldValuesEqual(a, b) {
+  if (a === b) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    for (let i = 0; i < a.length; i += 1) {
+      if (!areFieldValuesEqual(a[i], b[i])) return false;
+    }
+    return true;
+  }
+  if (isPlainObject(a) && isPlainObject(b)) {
+    const keysA = normalizeKeys(a);
+    const keysB = normalizeKeys(b);
+    if (keysA.length !== keysB.length) return false;
+    for (const key of keysA) {
+      if (!keysB.includes(key)) return false;
+      if (!areFieldValuesEqual(a[key], b[key])) return false;
+    }
+    return true;
+  }
+  return false;
+}
+function areFilterValuesEqual(a, b) {
+  if (a === b) return true;
+  const keysA = normalizeKeys(a || EMPTY_FILTER_VALUES);
+  const keysB = normalizeKeys(b || EMPTY_FILTER_VALUES);
+  if (keysA.length !== keysB.length) return false;
+  for (const key of keysA) {
+    if (!keysB.includes(key)) return false;
+    if (!areFieldValuesEqual(a?.[key], b?.[key])) return false;
+  }
+  return true;
+}
+function FilterOverlay({
+  title,
+  filters,
+  initialValues,
+  open,
+  onOpenChange,
+  onApply,
+  onClear,
+  extraContent
+}) {
+  const t = useT();
+  const defaultTitle = title ?? t("ui.filters.title", "Filters");
+  const [values, setValues] = React.useState(initialValues);
+  React.useEffect(() => {
+    setValues((prev) => areFilterValuesEqual(prev, initialValues) ? prev : initialValues);
+  }, [initialValues]);
+  const filtersSignature = React.useMemo(
+    () => filters.map((f) => `${f.id}:${f.type}:${Boolean(f.loadOptions)}:${(f.options || []).length}`).join("|"),
+    [filters]
+  );
+  const lastLoadedSignatureRef = React.useRef(null);
+  const stableFilters = React.useMemo(() => filters, [filtersSignature]);
+  const [dynamicOptions, setDynamicOptions] = React.useState({});
+  React.useEffect(() => {
+    if (!open) return;
+    if (lastLoadedSignatureRef.current === filtersSignature) return;
+    lastLoadedSignatureRef.current = filtersSignature;
+    setDynamicOptions({});
+    let cancelled = false;
+    const loadAll = async () => {
+      const loaders = filters.filter((f) => f.loadOptions != null).map(async (f) => {
+        try {
+          const opts = await f.loadOptions();
+          if (!cancelled) setDynamicOptions((prev) => ({ ...prev, [f.id]: opts }));
+        } catch {
+        }
+      });
+      await Promise.all(loaders);
+    };
+    loadAll();
+    return () => {
+      cancelled = true;
+    };
+  }, [filters, filtersSignature, open]);
+  React.useEffect(() => {
+    if (!open) {
+      lastLoadedSignatureRef.current = null;
+    }
+  }, [open]);
+  const setValue = (id, v) => setValues((prev) => ({ ...prev, [id]: v }));
+  const handleApply = () => {
+    onApply(values);
+    onOpenChange(false);
+  };
+  const handleClear = () => {
+    setValues({});
+    onClear?.();
+  };
+  const tagLoaders = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const f of stableFilters) {
+      if (f.type === "tags" && typeof f.loadOptions === "function") {
+        const fieldId = f.id;
+        const load = f.loadOptions;
+        map.set(fieldId, async (q) => {
+          const query = (q ?? "").trim();
+          if (!query.length) return [];
+          try {
+            const opts = await load(query);
+            setDynamicOptions((prev) => ({ ...prev, [fieldId]: opts }));
+            return opts.map((o) => ({ value: o.value, label: o.label, description: o.description ?? null }));
+          } catch {
+            return [];
+          }
+        });
+      }
+    }
+    return map;
+  }, [stableFilters]);
+  return /* @__PURE__ */ jsx(Fragment, { children: open && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/30", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs("div", { className: "absolute left-0 top-0 h-full w-full sm:w-[380px] bg-background shadow-xl border-r flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: defaultTitle }),
+        /* @__PURE__ */ jsx("button", { className: "text-sm text-muted-foreground", onClick: () => onOpenChange(false), children: t("common.close") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 border-b flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleClear, children: t("ui.filters.actions.clear", "Clear") }),
+        /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handleApply, className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", className: "opacity-80", children: [
+            /* @__PURE__ */ jsx("path", { d: "M3 4h18" }),
+            /* @__PURE__ */ jsx("path", { d: "M6 8h12l-3 8H9L6 8z" })
+          ] }),
+          t("ui.filters.actions.apply", "Apply")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto p-4 space-y-4", children: [
+        extraContent ? /* @__PURE__ */ jsx("div", { className: "space-y-2 rounded-md border bg-muted/30 p-3", children: extraContent }) : null,
+        filters.map((f) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: f.label }),
+          f.type === "text" && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              className: "w-full h-9 rounded border px-2 text-sm",
+              placeholder: f.placeholder,
+              value: values[f.id] ?? "",
+              onChange: (e) => setValue(f.id, e.target.value || void 0)
+            }
+          ),
+          f.type === "dateRange" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("ui.filters.dateRange.from", "From") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "date",
+                  className: "w-full h-9 rounded border px-2 text-sm",
+                  value: values[f.id]?.from ?? "",
+                  onChange: (e) => setValue(f.id, { ...values[f.id] ?? {}, from: e.target.value || void 0 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("ui.filters.dateRange.to", "To") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "date",
+                  className: "w-full h-9 rounded border px-2 text-sm",
+                  value: values[f.id]?.to ?? "",
+                  onChange: (e) => setValue(f.id, { ...values[f.id] ?? {}, to: e.target.value || void 0 })
+                }
+              )
+            ] })
+          ] }),
+          f.type === "select" && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: f.multiple ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: (f.options || dynamicOptions[f.id] || []).map((opt) => {
+            const arr = Array.isArray(values[f.id]) ? values[f.id] : [];
+            const checked = arr.includes(opt.value);
+            return /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked,
+                  onChange: (e) => {
+                    const next = new Set(arr);
+                    if (e.target.checked) next.add(opt.value);
+                    else next.delete(opt.value);
+                    setValue(f.id, Array.from(next));
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: opt.label })
+            ] }, opt.value);
+          }) }) : /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "w-full h-9 rounded border px-2 text-sm",
+              value: values[f.id] ?? "",
+              onChange: (e) => setValue(f.id, e.target.value || void 0),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: t("ui.forms.select.emptyOption", "\u2014") }),
+                (f.options || dynamicOptions[f.id] || []).map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+              ]
+            }
+          ) }),
+          f.type === "tags" && (() => {
+            const arr = Array.isArray(values[f.id]) ? values[f.id] : [];
+            const staticOptions = f.options || [];
+            const dynamic = dynamicOptions[f.id] || [];
+            const optionMap = /* @__PURE__ */ new Map();
+            staticOptions.forEach((opt) => optionMap.set(opt.value, opt));
+            dynamic.forEach((opt) => optionMap.set(opt.value, opt));
+            const loadSuggestions = tagLoaders.get(f.id);
+            const resolveTagLabel = f.formatValue ? (val) => f.formatValue(val) : (val) => optionMap.get(val)?.label ?? val;
+            const resolveTagDescription = f.formatDescription ? (val) => f.formatDescription(val) ?? null : (val) => optionMap.get(val)?.description ?? null;
+            const suggestionList = Array.from(optionMap.values()).map((opt) => ({
+              value: opt.value,
+              label: opt.label,
+              description: opt.description ?? null
+            }));
+            return /* @__PURE__ */ jsx(
+              TagsInput,
+              {
+                value: arr,
+                suggestions: suggestionList,
+                loadSuggestions,
+                allowCustomValues: false,
+                resolveLabel: resolveTagLabel,
+                resolveDescription: resolveTagDescription,
+                placeholder: f.placeholder,
+                onChange: (next) => setValue(f.id, next.length ? next : void 0)
+              }
+            );
+          })(),
+          f.type === "checkbox" && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "w-full h-9 rounded border px-2 text-sm",
+              value: values[f.id] === true ? "true" : values[f.id] === false ? "false" : "",
+              onChange: (e) => {
+                const v = e.target.value;
+                if (v === "") setValue(f.id, void 0);
+                else if (v === "true") setValue(f.id, true);
+                else if (v === "false") setValue(f.id, false);
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: t("ui.forms.select.emptyOption", "\u2014") }),
+                /* @__PURE__ */ jsx("option", { value: "true", children: t("common.yes", "Yes") }),
+                /* @__PURE__ */ jsx("option", { value: "false", children: t("common.no", "No") })
+              ]
+            }
+          ) })
+        ] }, f.id))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "p-4 border-t flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClear, children: "Clear" }),
+        /* @__PURE__ */ jsxs(Button, { onClick: handleApply, className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", className: "opacity-80", children: [
+            /* @__PURE__ */ jsx("path", { d: "M3 4h18" }),
+            /* @__PURE__ */ jsx("path", { d: "M6 8h12l-3 8H9L6 8z" })
+          ] }),
+          "Apply"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  FilterOverlay
+};
+//# sourceMappingURL=FilterOverlay.js.map

package/dist/backend/FilterOverlay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/FilterOverlay.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { TagsInput, type TagsInputOption } from './inputs/TagsInput'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type FilterOption = { value: string; label: string; description?: string | null }\n\nexport type FilterDef = {\n  id: string\n  label: string\n  type: 'text' | 'select' | 'checkbox' | 'dateRange' | 'tags'\n  options?: FilterOption[]\n  // Optional async loader for options (used by select/tags)\n  loadOptions?: (query?: string) => Promise<FilterOption[]>\n  multiple?: boolean\n  placeholder?: string\n  group?: string\n  formatValue?: (value: string) => string\n  formatDescription?: (value: string) => string | null | undefined\n}\n\nexport type FilterValues = Record<string, any>\n\nexport type FilterOverlayProps = {\n  title?: string\n  filters: FilterDef[]\n  initialValues: FilterValues\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onApply: (values: FilterValues) => void\n  onClear?: () => void\n  extraContent?: React.ReactNode\n}\n\nconst EMPTY_FILTER_VALUES: FilterValues = {}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return value != null && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction normalizeKeys(source: FilterValues | null | undefined): string[] {\n  if (!source) return []\n  return Object.keys(source).filter((key) => source[key] !== undefined)\n}\n\nfunction areFieldValuesEqual(a: any, b: any): boolean {\n  if (a === b) return true\n  if (Array.isArray(a) && Array.isArray(b)) {\n    if (a.length !== b.length) return false\n    for (let i = 0; i < a.length; i += 1) {\n      if (!areFieldValuesEqual(a[i], b[i])) return false\n    }\n    return true\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    const keysA = normalizeKeys(a as FilterValues)\n    const keysB = normalizeKeys(b as FilterValues)\n    if (keysA.length !== keysB.length) return false\n    for (const key of keysA) {\n      if (!keysB.includes(key)) return false\n      if (!areFieldValuesEqual((a as FilterValues)[key], (b as FilterValues)[key])) return false\n    }\n    return true\n  }\n  return false\n}\n\nfunction areFilterValuesEqual(a?: FilterValues | null, b?: FilterValues | null): boolean {\n  if (a === b) return true\n  const keysA = normalizeKeys(a || EMPTY_FILTER_VALUES)\n  const keysB = normalizeKeys(b || EMPTY_FILTER_VALUES)\n  if (keysA.length !== keysB.length) return false\n  for (const key of keysA) {\n    if (!keysB.includes(key)) return false\n    if (!areFieldValuesEqual(a?.[key], b?.[key])) return false\n  }\n  return true\n}\n\nexport function FilterOverlay({\n  title,\n  filters,\n  initialValues,\n  open,\n  onOpenChange,\n  onApply,\n  onClear,\n  extraContent,\n}: FilterOverlayProps) {\n  const t = useT()\n  const defaultTitle = title ?? t('ui.filters.title', 'Filters')\n  const [values, setValues] = React.useState<FilterValues>(initialValues)\n  React.useEffect(() => {\n    setValues((prev) => (areFilterValuesEqual(prev, initialValues) ? prev : initialValues))\n  }, [initialValues])\n  const filtersSignature = React.useMemo(\n    () => filters.map((f) => `${f.id}:${f.type}:${Boolean((f as any).loadOptions)}:${(f.options || []).length}`).join('|'),\n    [filters]\n  )\n  const lastLoadedSignatureRef = React.useRef<string | null>(null)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableFilters = React.useMemo(() => filters, [filtersSignature])\n\n  // Load dynamic options for filters that request it\n  const [dynamicOptions, setDynamicOptions] = React.useState<Record<string, FilterOption[]>>({})\n  React.useEffect(() => {\n    if (!open) return\n    if (lastLoadedSignatureRef.current === filtersSignature) return\n    lastLoadedSignatureRef.current = filtersSignature\n    setDynamicOptions({})\n    let cancelled = false\n    const loadAll = async () => {\n      const loaders = filters\n        .filter((f): f is FilterDef & { loadOptions: (query?: string) => Promise<FilterOption[]> } => (f as any).loadOptions != null)\n        .map(async (f) => {\n          try {\n            const opts = await (f as any).loadOptions()\n            if (!cancelled) setDynamicOptions((prev) => ({ ...prev, [f.id]: opts }))\n          } catch {\n            // ignore\n          }\n        })\n      await Promise.all(loaders)\n    }\n    loadAll()\n    return () => {\n      cancelled = true\n    }\n  }, [filters, filtersSignature, open])\n  React.useEffect(() => {\n    if (!open) {\n      lastLoadedSignatureRef.current = null\n    }\n  }, [open])\n\n  const setValue = (id: string, v: any) => setValues((prev) => ({ ...prev, [id]: v }))\n\n  const handleApply = () => {\n    onApply(values)\n    onOpenChange(false)\n  }\n\n  const handleClear = () => {\n    setValues({})\n    onClear?.()\n  }\n\n  const tagLoaders = React.useMemo(() => {\n    const map = new Map<string, (q?: string) => Promise<Array<string | TagsInputOption>>>()\n    for (const f of stableFilters) {\n      if (f.type === 'tags' && typeof f.loadOptions === 'function') {\n        const fieldId = f.id\n        const load = f.loadOptions as (query?: string) => Promise<FilterOption[]>\n        map.set(fieldId, async (q?: string) => {\n          const query = (q ?? '').trim()\n          if (!query.length) return []\n          try {\n            const opts = await load(query)\n            setDynamicOptions((prev) => ({ ...prev, [fieldId]: opts }))\n            return opts.map((o) => ({ value: o.value, label: o.label, description: o.description ?? null }))\n          } catch {\n            return []\n          }\n        })\n      }\n    }\n    return map\n  }, [stableFilters])\n\n  return (\n    <>\n      {open && (\n        <div className=\"fixed inset-0 z-50\">\n          <div className=\"absolute inset-0 bg-black/30\" onClick={() => onOpenChange(false)} />\n          <div className=\"absolute left-0 top-0 h-full w-full sm:w-[380px] bg-background shadow-xl border-r flex flex-col\">\n            <div className=\"flex items-center justify-between p-4 border-b\">\n              <h2 className=\"text-base font-semibold\">{defaultTitle}</h2>\n              <button className=\"text-sm text-muted-foreground\" onClick={() => onOpenChange(false)}>{t('common.close')}</button>\n            </div>\n            {/* Top actions: duplicate Clear/Apply */}\n            <div className=\"px-4 py-2 border-b flex items-center justify-between gap-2\">\n              <Button variant=\"outline\" size=\"sm\" onClick={handleClear}>{t('ui.filters.actions.clear', 'Clear')}</Button>\n              <Button size=\"sm\" onClick={handleApply} className=\"inline-flex items-center gap-2\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" aria-hidden=\"true\" className=\"opacity-80\"><path d=\"M3 4h18\"/><path d=\"M6 8h12l-3 8H9L6 8z\"/></svg>\n                {t('ui.filters.actions.apply', 'Apply')}\n              </Button>\n            </div>\n            <div className=\"flex-1 overflow-auto p-4 space-y-4\">\n              {extraContent ? <div className=\"space-y-2 rounded-md border bg-muted/30 p-3\">{extraContent}</div> : null}\n              {filters.map((f) => (\n                <div key={f.id} className=\"space-y-2\">\n                  <div className=\"text-sm font-medium\">{f.label}</div>\n                  {f.type === 'text' && (\n                    <input\n                      type=\"text\"\n                      className=\"w-full h-9 rounded border px-2 text-sm\"\n                      placeholder={f.placeholder}\n                      value={values[f.id] ?? ''}\n                      onChange={(e) => setValue(f.id, e.target.value || undefined)}\n                    />\n                  )}\n                  {f.type === 'dateRange' && (\n                    <div className=\"grid grid-cols-1 gap-2\">\n                      <div>\n                        <div className=\"text-xs text-muted-foreground mb-1\">{t('ui.filters.dateRange.from', 'From')}</div>\n                        <input\n                          type=\"date\"\n                          className=\"w-full h-9 rounded border px-2 text-sm\"\n                          value={values[f.id]?.from ?? ''}\n                          onChange={(e) => setValue(f.id, { ...(values[f.id] ?? {}), from: e.target.value || undefined })}\n                        />\n                      </div>\n                      <div>\n                        <div className=\"text-xs text-muted-foreground mb-1\">{t('ui.filters.dateRange.to', 'To')}</div>\n                        <input\n                          type=\"date\"\n                          className=\"w-full h-9 rounded border px-2 text-sm\"\n                          value={values[f.id]?.to ?? ''}\n                          onChange={(e) => setValue(f.id, { ...(values[f.id] ?? {}), to: e.target.value || undefined })}\n                        />\n                      </div>\n                    </div>\n                  )}\n                  {f.type === 'select' && (\n                    <div className=\"space-y-1\">\n                      {f.multiple ? (\n                        <div className=\"flex flex-col gap-1\">\n                          {(f.options || dynamicOptions[f.id] || []).map((opt) => {\n                            const arr: string[] = Array.isArray(values[f.id]) ? values[f.id] : []\n                            const checked = arr.includes(opt.value)\n                            return (\n                              <label key={opt.value} className=\"inline-flex items-center gap-2\">\n                                <input\n                                  type=\"checkbox\"\n                                  checked={checked}\n                                  onChange={(e) => {\n                                    const next = new Set(arr)\n                                    if (e.target.checked) next.add(opt.value)\n                                    else next.delete(opt.value)\n                                    setValue(f.id, Array.from(next))\n                                  }}\n                                />\n                                <span className=\"text-sm\">{opt.label}</span>\n                              </label>\n                            )\n                          })}\n                        </div>\n                      ) : (\n                        <select\n                          className=\"w-full h-9 rounded border px-2 text-sm\"\n                          value={values[f.id] ?? ''}\n                          onChange={(e) => setValue(f.id, e.target.value || undefined)}\n                        >\n                          <option value=\"\">{t('ui.forms.select.emptyOption', '\u2014')}</option>\n                          {(f.options || dynamicOptions[f.id] || []).map((opt) => (\n                            <option key={opt.value} value={opt.value}>{opt.label}</option>\n                          ))}\n                        </select>\n                      )}\n                    </div>\n                  )}\n                  {f.type === 'tags' && (() => {\n                    const arr: string[] = Array.isArray(values[f.id]) ? values[f.id] : []\n                    const staticOptions = f.options || []\n                    const dynamic = dynamicOptions[f.id] || []\n                    const optionMap = new Map<string, FilterOption>()\n                    staticOptions.forEach((opt) => optionMap.set(opt.value, opt))\n                    dynamic.forEach((opt) => optionMap.set(opt.value, opt))\n                    const loadSuggestions = tagLoaders.get(f.id)\n                    const resolveTagLabel = f.formatValue\n                      ? (val: string) => f.formatValue!(val)\n                      : (val: string) => optionMap.get(val)?.label ?? val\n                    const resolveTagDescription = f.formatDescription\n                      ? (val: string) => f.formatDescription!(val) ?? null\n                      : (val: string) => optionMap.get(val)?.description ?? null\n                    const suggestionList: TagsInputOption[] = Array.from(optionMap.values()).map((opt) => ({\n                      value: opt.value,\n                      label: opt.label,\n                      description: opt.description ?? null,\n                    }))\n                    return (\n                      <TagsInput\n                        value={arr}\n                        suggestions={suggestionList}\n                        loadSuggestions={loadSuggestions}\n                        allowCustomValues={false}\n                        resolveLabel={resolveTagLabel}\n                        resolveDescription={resolveTagDescription}\n                        placeholder={f.placeholder}\n                        onChange={(next) => setValue(f.id, next.length ? next : undefined)}\n                      />\n                    )\n                  })()}\n                  {f.type === 'checkbox' && (\n                    <div>\n                      <select\n                        className=\"w-full h-9 rounded border px-2 text-sm\"\n                        value={values[f.id] === true ? 'true' : values[f.id] === false ? 'false' : ''}\n                        onChange={(e) => {\n                          const v = e.target.value\n                          if (v === '') setValue(f.id, undefined)\n                          else if (v === 'true') setValue(f.id, true)\n                          else if (v === 'false') setValue(f.id, false)\n                        }}\n                      >\n                        <option value=\"\">{t('ui.forms.select.emptyOption', '\u2014')}</option>\n                        <option value=\"true\">{t('common.yes', 'Yes')}</option>\n                        <option value=\"false\">{t('common.no', 'No')}</option>\n                      </select>\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n            <div className=\"p-4 border-t flex items-center justify-between gap-2\">\n              <Button variant=\"outline\" onClick={handleClear}>Clear</Button>\n              <Button onClick={handleApply} className=\"inline-flex items-center gap-2\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" aria-hidden=\"true\" className=\"opacity-80\"><path d=\"M3 4h18\"/><path d=\"M6 8h12l-3 8H9L6 8z\"/></svg>\n                Apply\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/FlashMessages.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { usePathname, useSearchParams } from "next/navigation";
+function flash(message, type = "info") {
+  if (typeof window === "undefined") return;
+  const evt = new CustomEvent("flash", { detail: { message, type } });
+  window.dispatchEvent(evt);
+}
+function FlashMessagesInner() {
+  const [msg, setMsg] = React.useState(null);
+  const [kind, setKind] = React.useState("info");
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  React.useEffect(() => {
+    if (!searchParams) return;
+    const m = searchParams.get("flash");
+    const t = searchParams.get("type") || "success";
+    if (m) {
+      setMsg(m);
+      setKind(t);
+      const url = new URL(window.location.href);
+      url.searchParams.delete("flash");
+      url.searchParams.delete("type");
+      window.history.replaceState({}, "", url.toString());
+      const timer = setTimeout(() => setMsg(null), 3e3);
+      return () => clearTimeout(timer);
+    }
+  }, [pathname, searchParams]);
+  React.useEffect(() => {
+    const handler = (e) => {
+      const ce = e;
+      const text = ce.detail?.message;
+      const t = ce.detail?.type || "info";
+      if (!text) return;
+      setMsg(text);
+      setKind(t);
+      const timer = setTimeout(() => setMsg(null), 3e3);
+      return () => clearTimeout(timer);
+    };
+    window.addEventListener("flash", handler);
+    return () => window.removeEventListener("flash", handler);
+  }, []);
+  if (!msg) return null;
+  const color = kind === "success" ? "bg-emerald-600" : kind === "error" ? "bg-red-600" : kind === "warning" ? "bg-amber-500" : "bg-blue-600";
+  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed left-3 right-3 top-3 z-[1200] sm:left-auto sm:right-4 sm:w-[380px]", children: /* @__PURE__ */ jsx("div", { className: `pointer-events-auto rounded px-3 py-2 text-white shadow-md ${color}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm", children: msg }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "text-sm text-white/90 transition hover:text-white",
+        onClick: () => setMsg(null),
+        children: "\xD7"
+      }
+    )
+  ] }) }) });
+}
+function FlashMessages() {
+  return /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(FlashMessagesInner, {}) });
+}
+export {
+  FlashMessages,
+  flash
+};
+//# sourceMappingURL=FlashMessages.js.map

package/dist/backend/FlashMessages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/FlashMessages.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { usePathname, useSearchParams } from 'next/navigation'\n\nexport type FlashKind = 'success' | 'error' | 'warning' | 'info'\n\n// Programmatic API to show a flash message without navigation.\n// Consumers can import { flash } and call flash('text', 'error').\nexport function flash(message: string, type: FlashKind = 'info') {\n  if (typeof window === 'undefined') return\n  const evt = new CustomEvent('flash', { detail: { message, type } })\n  window.dispatchEvent(evt)\n}\n\nfunction FlashMessagesInner() {\n  const [msg, setMsg] = React.useState<string | null>(null)\n  const [kind, setKind] = React.useState<FlashKind>('info')\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n\n  // Read flash from URL on any navigation change (client-side too)\n  React.useEffect(() => {\n    if (!searchParams) return\n    const m = searchParams.get('flash')\n    const t = (searchParams.get('type') as FlashKind | null) || 'success'\n    if (m) {\n      setMsg(m)\n      setKind(t)\n      const url = new URL(window.location.href)\n      url.searchParams.delete('flash')\n      url.searchParams.delete('type')\n      window.history.replaceState({}, '', url.toString())\n      const timer = setTimeout(() => setMsg(null), 3000)\n      return () => clearTimeout(timer)\n    }\n  }, [pathname, searchParams])\n\n  // Listen for programmatic flash events\n  React.useEffect(() => {\n    const handler = (e: Event) => {\n      const ce = e as CustomEvent<{ message?: string; type?: FlashKind }>\n      const text = ce.detail?.message\n      const t = ce.detail?.type || 'info'\n      if (!text) return\n      setMsg(text)\n      setKind(t)\n      const timer = setTimeout(() => setMsg(null), 3000)\n      return () => clearTimeout(timer)\n    }\n    window.addEventListener('flash', handler as EventListener)\n    return () => window.removeEventListener('flash', handler as EventListener)\n  }, [])\n\n  if (!msg) return null\n\n  const color = kind === 'success' ? 'bg-emerald-600' : kind === 'error' ? 'bg-red-600' : kind === 'warning' ? 'bg-amber-500' : 'bg-blue-600'\n\n  return (\n    <div className=\"pointer-events-none fixed left-3 right-3 top-3 z-[1200] sm:left-auto sm:right-4 sm:w-[380px]\">\n      <div className={`pointer-events-auto rounded px-3 py-2 text-white shadow-md ${color}`}>\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-sm\">{msg}</div>\n          <button\n            type=\"button\"\n            className=\"text-sm text-white/90 transition hover:text-white\"\n            onClick={() => setMsg(null)}\n          >\n            \u00D7\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function FlashMessages() {\n  return (\n    <React.Suspense fallback={null}>\n      <FlashMessagesInner />\n    </React.Suspense>\n  )\n}\n"],
+  "mappings": ";AA4DQ,SACE,KADF;AA3DR,YAAY,WAAW;AACvB,SAAS,aAAa,uBAAuB;AAMtC,SAAS,MAAM,SAAiB,OAAkB,QAAQ;AAC/D,MAAI,OAAO,WAAW,YAAa;AACnC,QAAM,MAAM,IAAI,YAAY,SAAS,EAAE,QAAQ,EAAE,SAAS,KAAK,EAAE,CAAC;AAClE,SAAO,cAAc,GAAG;AAC1B;AAEA,SAAS,qBAAqB;AAC5B,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAwB,IAAI;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAoB,MAAM;AACxD,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,gBAAgB;AAGrC,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAc;AACnB,UAAM,IAAI,aAAa,IAAI,OAAO;AAClC,UAAM,IAAK,aAAa,IAAI,MAAM,KAA0B;AAC5D,QAAI,GAAG;AACL,aAAO,CAAC;AACR,cAAQ,CAAC;AACT,YAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,UAAI,aAAa,OAAO,OAAO;AAC/B,UAAI,aAAa,OAAO,MAAM;AAC9B,aAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,IAAI,SAAS,CAAC;AAClD,YAAM,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAG,GAAI;AACjD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,UAAU,YAAY,CAAC;AAG3B,QAAM,UAAU,MAAM;AACpB,UAAM,UAAU,CAAC,MAAa;AAC5B,YAAM,KAAK;AACX,YAAM,OAAO,GAAG,QAAQ;AACxB,YAAM,IAAI,GAAG,QAAQ,QAAQ;AAC7B,UAAI,CAAC,KAAM;AACX,aAAO,IAAI;AACX,cAAQ,CAAC;AACT,YAAM,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAG,GAAI;AACjD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AACA,WAAO,iBAAiB,SAAS,OAAwB;AACzD,WAAO,MAAM,OAAO,oBAAoB,SAAS,OAAwB;AAAA,EAC3E,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,IAAK,QAAO;AAEjB,QAAM,QAAQ,SAAS,YAAY,mBAAmB,SAAS,UAAU,eAAe,SAAS,YAAY,iBAAiB;AAE9H,SACE,oBAAC,SAAI,WAAU,gGACb,8BAAC,SAAI,WAAW,8DAA8D,KAAK,IACjF,+BAAC,SAAI,WAAU,2CACb;AAAA,wBAAC,SAAI,WAAU,WAAW,eAAI;AAAA,IAC9B;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,OAAO,IAAI;AAAA,QAC3B;AAAA;AAAA,IAED;AAAA,KACF,GACF,GACF;AAEJ;AAEO,SAAS,gBAAgB;AAC9B,SACE,oBAAC,MAAM,UAAN,EAAe,UAAU,MACxB,8BAAC,sBAAmB,GACtB;AAEJ;",
+  "names": []
+}