@soulbatical/tetra-ui 0.1.0 → 0.1.2

package/dist/components/FeatureFilters.d.ts

@@ -0,0 +1,72 @@
+/**
+ * FeatureFilters — Config-driven filter bar component
+ *
+ * Replaces ALL per-feature filter implementations with a single generic component
+ * driven by FeatureConfig.filters[].
+ *
+ * Filter type → UI mapping:
+ * - search      → SearchInput (debounced text input)
+ * - enum        → Select dropdown
+ * - column      → Select dropdown (same as enum, column-based)
+ * - boolean     → Toggle / Switch
+ * - multiselect → Multi-select with checkboxes
+ * - daterange   → Date range picker (from/to)
+ * - time        → Select dropdown (preset time periods)
+ * - nullable    → Select dropdown (all/with/without)
+ * - related     → Select dropdown (all/with/without)
+ * - numeric     → Number range inputs (min/max)
+ * - array       → Multi-select (same UI as multiselect)
+ *
+ * @module @tetra/ui
+ */
+import React from 'react';
+import type { FeatureConfig, FilterConfig } from '@soulbatical/tetra-core';
+import type { UseFeatureResult } from '../hooks/useFeature.js';
+export interface FeatureFiltersProps<TItem = Record<string, unknown>> {
+    /** Feature configuration with filters[] */
+    config: FeatureConfig<TItem>;
+    /** Result from useFeature() hook */
+    feature: UseFeatureResult<TItem>;
+    /** CSS class for the filter bar wrapper */
+    className?: string;
+    /** Layout: horizontal bar or vertical stack (default: 'horizontal') */
+    layout?: 'horizontal' | 'vertical';
+    /** Show reset button (default: true) */
+    showReset?: boolean;
+    /** Reset button label (default: 'Reset') */
+    resetLabel?: string;
+    /** Show active filter count badge (default: true) */
+    showActiveCount?: boolean;
+    /** Collapse filters behind a "More filters" button (default: auto based on filter count) */
+    collapsible?: boolean;
+    /** Max visible filters before collapsing (default: 4) */
+    maxVisible?: number;
+    /** "More filters" button label (default: 'More filters') */
+    moreLabel?: string;
+    /** Show filter count badges from feature.counts (default: true) */
+    showCounts?: boolean;
+    /** Custom filter renderers (keyed by filter name) */
+    filterRenderers?: Record<string, (filter: FilterConfig, value: string | string[] | undefined, onChange: (value: string | string[] | undefined) => void, counts?: Record<string, number>) => React.ReactNode>;
+}
+/**
+ * FeatureFilters — Config-driven filter bar
+ *
+ * @example
+ * ```tsx
+ * import { ordersConfig } from '@/config/features/orders.config';
+ * import { useFeature, FeatureFilters, FeatureTable } from '@soulbatical/tetra-ui';
+ *
+ * function OrdersPage() {
+ *   const feature = useFeature(ordersConfig, supabase, { organizationId });
+ *
+ *   return (
+ *     <div>
+ *       <FeatureFilters config={ordersConfig} feature={feature} />
+ *       <FeatureTable config={ordersConfig} feature={feature} />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function FeatureFilters<TItem = Record<string, unknown>>({ config, feature, className, layout, showReset, resetLabel, showActiveCount, collapsible, maxVisible, moreLabel, showCounts, filterRenderers, }: FeatureFiltersProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeatureFilters.d.ts.map

package/dist/components/FeatureFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFilters.d.ts","sourceRoot":"","sources":["../../src/components/FeatureFilters.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAkB,MAAM,yBAAyB,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAU/D,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,2CAA2C;IAC3C,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE7B,oCAAoC;IACpC,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAEjC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEnC,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4FAA4F;IAC5F,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAC/B,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,EACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,EACxD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5B,KAAK,CAAC,SAAS,CAAC,CAAC;CACvB;AAsZD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC9D,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAqB,EACrB,SAAgB,EAChB,UAAoB,EACpB,eAAsB,EACtB,WAAW,EACX,UAAc,EACd,SAA0B,EAC1B,UAAiB,EACjB,eAAe,GAChB,EAAE,mBAAmB,CAAC,KAAK,CAAC,2CA8H5B"}

package/dist/components/FeatureFilters.js

@@ -0,0 +1,229 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * FeatureFilters — Config-driven filter bar component
+ *
+ * Replaces ALL per-feature filter implementations with a single generic component
+ * driven by FeatureConfig.filters[].
+ *
+ * Filter type → UI mapping:
+ * - search      → SearchInput (debounced text input)
+ * - enum        → Select dropdown
+ * - column      → Select dropdown (same as enum, column-based)
+ * - boolean     → Toggle / Switch
+ * - multiselect → Multi-select with checkboxes
+ * - daterange   → Date range picker (from/to)
+ * - time        → Select dropdown (preset time periods)
+ * - nullable    → Select dropdown (all/with/without)
+ * - related     → Select dropdown (all/with/without)
+ * - numeric     → Number range inputs (min/max)
+ * - array       → Multi-select (same UI as multiselect)
+ *
+ * @module @tetra/ui
+ */
+import { useCallback, useMemo, useState } from 'react';
+// ─── DOM Helpers (no DOM lib in tsconfig) ───────────────────
+function getInputValue(e) {
+    return e.target.value;
+}
+// ─── Filter Option Builders ─────────────────────────────────
+function buildEnumOptions(filter) {
+    if (filter.ui?.options) {
+        return [
+            { value: 'all', label: 'All' },
+            ...filter.ui.options,
+        ];
+    }
+    if (filter.values) {
+        return [
+            { value: 'all', label: 'All' },
+            ...filter.values.map(v => ({
+                value: v,
+                label: v.charAt(0).toUpperCase() + v.slice(1).replace(/_/g, ' '),
+            })),
+        ];
+    }
+    return [{ value: 'all', label: 'All' }];
+}
+function buildNullableOptions(filter) {
+    const withLabel = filter.ui?.withLabel ?? 'With';
+    const withoutLabel = filter.ui?.withoutLabel ?? 'Without';
+    return [
+        { value: 'all', label: 'All' },
+        { value: 'with', label: withLabel },
+        { value: 'without', label: withoutLabel },
+    ];
+}
+function SearchFilter({ filter, value, onChange }) {
+    const ui = filter.ui;
+    return (_jsxs("div", { className: "relative", children: [_jsxs("svg", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" })] }), _jsx("input", { type: "text", value: value || '', onChange: (e) => onChange(getInputValue(e) || undefined), placeholder: ui?.placeholder ?? 'Search...', className: "h-9 w-full rounded-md border border-input bg-background pl-8 pr-3 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": ui?.label ?? 'Search' }), value && (_jsx("button", { type: "button", onClick: () => onChange(undefined), className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground", "aria-label": "Clear search", children: _jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }) }))] }));
+}
+function SelectFilter({ filter, value, onChange, counts }) {
+    const ui = filter.ui;
+    let options;
+    if (filter.type === 'nullable' || filter.type === 'related') {
+        options = buildNullableOptions(filter);
+    }
+    else {
+        options = buildEnumOptions(filter);
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [ui?.label && (_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: ui.label })), _jsx("select", { value: value || 'all', onChange: (e) => {
+                    const val = getInputValue(e);
+                    onChange(val === 'all' ? 'all' : val);
+                }, className: "h-9 rounded-md border border-input bg-background px-3 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": ui?.label ?? filter.name, children: options.map(opt => (_jsxs("option", { value: opt.value, children: [opt.label, counts && opt.value !== 'all' && counts[opt.value] !== undefined
+                            ? ` (${counts[opt.value]})`
+                            : ''] }, opt.value))) })] }));
+}
+function BooleanFilter({ filter, value, onChange }) {
+    const ui = filter.ui;
+    const checked = value === 'true' || value === true;
+    return (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx("button", { type: "button", role: "switch", "aria-checked": checked, "aria-label": ui?.label ?? filter.name, onClick: () => onChange(checked ? undefined : 'true'), className: `relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${checked ? 'bg-primary' : 'bg-input'}`, children: _jsx("span", { className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform ${checked ? 'translate-x-4' : 'translate-x-0'}` }) }), ui?.label && (_jsx("span", { className: "text-sm font-medium", children: ui.label }))] }));
+}
+function MultiSelectFilter({ filter, value, onChange }) {
+    const ui = filter.ui;
+    const [open, setOpen] = useState(false);
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    const options = ui?.options ?? filter.values?.map(v => ({
+        value: v,
+        label: v.charAt(0).toUpperCase() + v.slice(1).replace(/_/g, ' '),
+    })) ?? [];
+    const handleToggle = useCallback((optionValue) => {
+        const next = selectedValues.includes(optionValue)
+            ? selectedValues.filter(v => v !== optionValue)
+            : [...selectedValues, optionValue];
+        onChange(next.length > 0 ? next : undefined);
+    }, [selectedValues, onChange]);
+    const selectedLabel = selectedValues.length === 0
+        ? (ui?.placeholder ?? 'Select...')
+        : selectedValues.length === 1
+            ? options.find(o => o.value === selectedValues[0])?.label ?? selectedValues[0]
+            : `${selectedValues.length} selected`;
+    return (_jsxs("div", { className: "relative flex flex-col gap-1", children: [ui?.label && (_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: ui.label })), _jsxs("button", { type: "button", onClick: () => setOpen(!open), className: "flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-expanded": open, "aria-label": ui?.label ?? filter.name, children: [_jsx("span", { className: selectedValues.length === 0 ? 'text-muted-foreground' : '', children: selectedLabel }), _jsx("svg", { className: "h-4 w-4 opacity-50", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }), open && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }), _jsxs("div", { className: "absolute top-full left-0 z-50 mt-1 w-full rounded-md border bg-popover shadow-md", children: [_jsx("div", { className: "max-h-60 overflow-y-auto p-1", children: options.map(opt => (_jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent", children: [_jsx("input", { type: "checkbox", checked: selectedValues.includes(opt.value), onChange: () => handleToggle(opt.value), className: "h-4 w-4 rounded border-input" }), opt.label] }, opt.value))) }), selectedValues.length > 0 && (_jsx("div", { className: "border-t p-1", children: _jsx("button", { type: "button", onClick: () => { onChange(undefined); setOpen(false); }, className: "w-full rounded-sm px-2 py-1.5 text-sm text-muted-foreground hover:bg-accent hover:text-foreground", children: "Clear selection" }) }))] })] }))] }));
+}
+function DateRangeFilter({ filter, value, onChange }) {
+    const ui = filter.ui;
+    const parts = typeof value === 'string' ? value.split('|') : ['', ''];
+    const startDate = parts[0] || '';
+    const endDate = parts[1] || '';
+    const handleChange = useCallback((start, end) => {
+        if (!start && !end) {
+            onChange(undefined);
+        }
+        else {
+            onChange(`${start}|${end}`);
+        }
+    }, [onChange]);
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [ui?.label && (_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: ui.label })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "date", value: startDate, onChange: (e) => handleChange(getInputValue(e), endDate), min: ui?.minDate, max: ui?.maxDate, className: "h-9 rounded-md border border-input bg-background px-3 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": `${ui?.label ?? filter.name} from` }), _jsx("span", { className: "text-muted-foreground text-sm", children: "\u2013" }), _jsx("input", { type: "date", value: endDate, onChange: (e) => handleChange(startDate, getInputValue(e)), min: ui?.minDate, max: ui?.maxDate, className: "h-9 rounded-md border border-input bg-background px-3 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": `${ui?.label ?? filter.name} to` })] })] }));
+}
+function NumericFilter({ filter, value, onChange }) {
+    const ui = filter.ui;
+    const parts = typeof value === 'string' ? value.split('|') : ['', ''];
+    const minVal = parts[0] || '';
+    const maxVal = parts[1] || '';
+    const handleChange = useCallback((min, max) => {
+        if (!min && !max) {
+            onChange(undefined);
+        }
+        else {
+            onChange(`${min}|${max}`);
+        }
+    }, [onChange]);
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [ui?.label && (_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: ui.label })), _jsxs("div", { className: "flex items-center gap-2", children: [ui?.prefix && _jsx("span", { className: "text-sm text-muted-foreground", children: ui.prefix }), _jsx("input", { type: "number", value: minVal, onChange: (e) => handleChange(getInputValue(e), maxVal), placeholder: "Min", min: ui?.min, max: ui?.max, step: ui?.step, className: "h-9 w-24 rounded-md border border-input bg-background px-3 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": `${ui?.label ?? filter.name} minimum` }), _jsx("span", { className: "text-muted-foreground text-sm", children: "\u2013" }), _jsx("input", { type: "number", value: maxVal, onChange: (e) => handleChange(minVal, getInputValue(e)), placeholder: "Max", min: ui?.min, max: ui?.max, step: ui?.step, className: "h-9 w-24 rounded-md border border-input bg-background px-3 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": `${ui?.label ?? filter.name} maximum` }), ui?.suffix && _jsx("span", { className: "text-sm text-muted-foreground", children: ui.suffix })] })] }));
+}
+// ─── Filter Router ──────────────────────────────────────────
+function renderFilter(filter, value, onChange, counts, customRenderer) {
+    if (customRenderer) {
+        return customRenderer(filter, value, onChange, counts);
+    }
+    const props = { filter, value, onChange, counts };
+    switch (filter.type) {
+        case 'search':
+            return _jsx(SearchFilter, { ...props });
+        case 'enum':
+        case 'column':
+        case 'time':
+        case 'nullable':
+        case 'related':
+            return _jsx(SelectFilter, { ...props });
+        case 'boolean':
+            return _jsx(BooleanFilter, { ...props });
+        case 'multiselect':
+        case 'array':
+            return _jsx(MultiSelectFilter, { ...props });
+        case 'daterange':
+            return _jsx(DateRangeFilter, { ...props });
+        case 'numeric':
+            return _jsx(NumericFilter, { ...props });
+        default:
+            return _jsx(SelectFilter, { ...props });
+    }
+}
+// ─── Active Filter Counter ──────────────────────────────────
+function countActiveFilters(filters, filterConfigs) {
+    let count = 0;
+    for (const fc of filterConfigs) {
+        const val = filters[fc.name];
+        if (val === undefined || val === 'all')
+            continue;
+        if (Array.isArray(val) && val.length === 0)
+            continue;
+        if (typeof val === 'string' && val.trim() === '')
+            continue;
+        count++;
+    }
+    return count;
+}
+// ─── Main Component ─────────────────────────────────────────
+/**
+ * FeatureFilters — Config-driven filter bar
+ *
+ * @example
+ * ```tsx
+ * import { ordersConfig } from '@/config/features/orders.config';
+ * import { useFeature, FeatureFilters, FeatureTable } from '@soulbatical/tetra-ui';
+ *
+ * function OrdersPage() {
+ *   const feature = useFeature(ordersConfig, supabase, { organizationId });
+ *
+ *   return (
+ *     <div>
+ *       <FeatureFilters config={ordersConfig} feature={feature} />
+ *       <FeatureTable config={ordersConfig} feature={feature} />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function FeatureFilters({ config, feature, className, layout = 'horizontal', showReset = true, resetLabel = 'Reset', showActiveCount = true, collapsible, maxVisible = 4, moreLabel = 'More filters', showCounts = true, filterRenderers, }) {
+    const { filters, setFilter, resetFilters, counts } = feature;
+    const [showMore, setShowMore] = useState(false);
+    const sortedFilters = useMemo(() => {
+        const filterConfigs = config.filters || [];
+        return [...filterConfigs].sort((a, b) => (a.ui?.order ?? 999) - (b.ui?.order ?? 999));
+    }, [config.filters]);
+    const shouldCollapse = collapsible ?? sortedFilters.length > maxVisible;
+    const { visibleFilters, collapsedFilters } = useMemo(() => {
+        if (!shouldCollapse) {
+            return { visibleFilters: sortedFilters, collapsedFilters: [] };
+        }
+        const alwaysVisible = sortedFilters.filter(f => f.ui?.defaultVisible !== false && (f.type === 'search' || f.ui?.defaultVisible === true));
+        const maybeCollapsed = sortedFilters.filter(f => !alwaysVisible.includes(f));
+        const slotsLeft = Math.max(0, maxVisible - alwaysVisible.length);
+        const visible = [...alwaysVisible, ...maybeCollapsed.slice(0, slotsLeft)];
+        const collapsed = maybeCollapsed.slice(slotsLeft);
+        return { visibleFilters: visible, collapsedFilters: collapsed };
+    }, [sortedFilters, shouldCollapse, maxVisible]);
+    const activeCount = useMemo(() => countActiveFilters(filters, sortedFilters), [filters, sortedFilters]);
+    const getFilterCounts = useCallback((filter) => {
+        if (!showCounts)
+            return undefined;
+        const key = filter.countsKey ?? filter.name;
+        const c = counts[key];
+        if (c && typeof c === 'object' && !Array.isArray(c)) {
+            return c;
+        }
+        return undefined;
+    }, [counts, showCounts]);
+    const isHorizontal = layout === 'horizontal';
+    return (_jsxs("div", { className: `${isHorizontal ? 'flex flex-wrap items-end gap-3' : 'flex flex-col gap-3'} ${className ?? ''}`, role: "search", "aria-label": "Filters", children: [visibleFilters.map(filter => (_jsx("div", { className: isHorizontal ? 'min-w-[160px]' : '', children: renderFilter(filter, filters[filter.name], (val) => setFilter(filter.name, val), getFilterCounts(filter), filterRenderers?.[filter.name]) }, filter.name))), collapsedFilters.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => setShowMore(!showMore), className: "inline-flex h-9 items-center gap-1.5 rounded-md border border-dashed border-input px-3 text-sm font-medium text-muted-foreground hover:bg-accent hover:text-foreground", "aria-expanded": showMore, children: [_jsxs("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("line", { x1: "4", x2: "20", y1: "21", y2: "21" }), _jsx("line", { x1: "4", x2: "20", y1: "14", y2: "14" }), _jsx("line", { x1: "4", x2: "20", y1: "7", y2: "7" })] }), moreLabel, !showMore && activeCount > visibleFilters.length && (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-medium text-primary-foreground", children: activeCount - countActiveFilters(filters, visibleFilters) }))] }), showMore && (_jsx("div", { className: `${isHorizontal ? 'flex flex-wrap items-end gap-3 basis-full' : 'flex flex-col gap-3'}`, children: collapsedFilters.map(filter => (_jsx("div", { className: isHorizontal ? 'min-w-[160px]' : '', children: renderFilter(filter, filters[filter.name], (val) => setFilter(filter.name, val), getFilterCounts(filter), filterRenderers?.[filter.name]) }, filter.name))) }))] })), showReset && activeCount > 0 && (_jsxs("button", { type: "button", onClick: resetFilters, className: "inline-flex h-9 items-center gap-1.5 rounded-md px-3 text-sm font-medium text-muted-foreground hover:bg-accent hover:text-foreground", children: [_jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }), resetLabel, showActiveCount && (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-muted px-1.5 text-xs font-medium", children: activeCount }))] }))] }));
+}
+//# sourceMappingURL=FeatureFilters.js.map

package/dist/components/FeatureFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFilters.js","sourceRoot":"","sources":["../../src/components/FeatureFilters.tsx"],"names":[],"mappings":"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"}

package/dist/components/FeatureForm.d.ts

@@ -0,0 +1,100 @@
+/**
+ * FeatureForm — Config-driven create/edit form component
+ *
+ * Replaces ALL per-feature form implementations with a single generic component
+ * driven by FeatureConfig.formFields[].
+ *
+ * Field type → UI mapping:
+ * - text/email/password/url/phone → text input
+ * - number/currency/percentage     → number input (with prefix/suffix)
+ * - textarea                       → textarea
+ * - select/combobox                → select dropdown
+ * - multiselect                    → multi-checkbox dropdown
+ * - boolean/switch/checkbox        → toggle / checkbox
+ * - date/datetime                  → date/datetime input
+ * - daterange                      → two date inputs
+ * - color                          → color input
+ * - file/image                     → file input
+ * - hidden                         → hidden input
+ * - richtext                       → textarea (upgrade to rich editor via customComponents)
+ * - custom                         → custom component from registry
+ *
+ * @module @tetra/ui
+ */
+import React from 'react';
+import type { FeatureConfig, FormFieldConfig } from '@soulbatical/tetra-core';
+/** Registry of custom field components */
+export type CustomComponentMap = Record<string, (props: {
+    field: FormFieldConfig;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    error?: string;
+    disabled?: boolean;
+}) => React.ReactNode>;
+export interface FeatureFormProps<TItem = Record<string, unknown>> {
+    /** Feature configuration with formFields[] */
+    config: FeatureConfig<TItem>;
+    /** Form mode: determines which fields to show and submit label */
+    mode: 'create' | 'edit';
+    /** Initial values for edit mode (existing record data) */
+    defaultValues?: Partial<TItem>;
+    /** Submit handler — receives validated form data */
+    onSubmit: (data: Record<string, unknown>) => void | Promise<void>;
+    /** Cancel handler */
+    onCancel?: () => void;
+    /** External validation errors (e.g., from API response) */
+    errors?: Record<string, string>;
+    /** Zod schema for validation (optional — uses config.required as fallback) */
+    schema?: {
+        parse: (data: unknown) => unknown;
+        safeParse: (data: unknown) => {
+            success: boolean;
+            error?: {
+                issues: Array<{
+                    path: Array<string | number>;
+                    message: string;
+                }>;
+            };
+        };
+    };
+    /** Custom field components (keyed by customComponent name) */
+    customComponents?: CustomComponentMap;
+    /** Submit button label (default: 'Create' / 'Save') */
+    submitLabel?: string;
+    /** Cancel button label (default: 'Cancel') */
+    cancelLabel?: string;
+    /** Show cancel button (default: true if onCancel provided) */
+    showCancel?: boolean;
+    /** Form is submitting (shows loading state) */
+    submitting?: boolean;
+    /** CSS class for form wrapper */
+    className?: string;
+    /** Disable all fields (e.g., while submitting) */
+    disabled?: boolean;
+    /** Layout: single column or two columns (default: auto based on field.width) */
+    layout?: 'single' | 'grid';
+}
+/**
+ * FeatureForm — Config-driven create/edit form
+ *
+ * @example
+ * ```tsx
+ * import { ordersConfig } from '@/config/features/orders.config';
+ * import { FeatureForm } from '@soulbatical/tetra-ui';
+ *
+ * function CreateOrderDialog() {
+ *   return (
+ *     <FeatureForm
+ *       config={ordersConfig}
+ *       mode="create"
+ *       onSubmit={async (data) => {
+ *         await createOrder(data);
+ *       }}
+ *       onCancel={() => setOpen(false)}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function FeatureForm<TItem = Record<string, unknown>>({ config, mode, defaultValues, onSubmit, onCancel, errors: externalErrors, schema, customComponents, submitLabel, cancelLabel, showCancel, submitting, className, disabled: formDisabled, layout, }: FeatureFormProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeatureForm.d.ts.map

package/dist/components/FeatureForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureForm.d.ts","sourceRoot":"","sources":["../../src/components/FeatureForm.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAmB9E,0CAA0C;AAC1C,MAAM,MAAM,kBAAkB,GAAG,MAAM,CACrC,MAAM,EACN,CAAC,KAAK,EAAE;IACN,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,KAAK,KAAK,CAAC,SAAS,CACtB,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,8CAA8C;IAC9C,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE7B,kEAAkE;IAClE,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IAExB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAE/B,oDAAoD;IACpD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAElE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEhC,8EAA8E;IAC9E,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;QAAC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK;YAAE,OAAO,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE;gBAAE,MAAM,EAAE,KAAK,CAAC;oBAAE,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;oBAAC,OAAO,EAAE,MAAM,CAAA;iBAAE,CAAC,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IAEjL,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IAEtC,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gFAAgF;IAChF,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC5B;AAwgBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,MAAM,EAAE,cAAc,EACtB,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,WAAsB,EACtB,UAAU,EACV,UAAkB,EAClB,SAAS,EACT,QAAQ,EAAE,YAAoB,EAC9B,MAAM,GACP,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAoMzB"}