@undevy-org/tablewright 0.7.0 → 0.7.2

package/dist/es/components/data-table/FilterFormPanel.js

@@ -179,14 +179,14 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet, labels }) {
     ] });
   }
   if (config.type === "enum") {
-    const selected = Array.isArray(value) ? value[0] ?? "" : "";
+    const comboboxValue = Array.isArray(value) && value.length > 0 ? value[0] : null;
     return /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 flex-col gap-1.5", children: [
       /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-[var(--text-secondary)]", children: config.label }),
       /* @__PURE__ */ jsx(
         Combobox,
         {
-          value: selected || null,
-          onChange: (v) => onChange(v ? [v] : void 0),
+          value: comboboxValue,
+          onChange: (v) => onChange(v === null ? void 0 : [v]),
           options: config.options ?? [],
           placeholder: labels.anyPlaceholder,
           triggerAriaLabel: config.label,
@@ -304,12 +304,12 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet, labels }) {
               );
             }
             if (sub.type === "enum") {
-              const selected = Array.isArray(subValue) ? subValue[0] ?? "" : "";
+              const comboboxValue = Array.isArray(subValue) && subValue.length > 0 ? subValue[0] : null;
               return /* @__PURE__ */ jsx(
                 Combobox,
                 {
-                  value: selected || null,
-                  onChange: (v) => updateSub(sub.key, v ? [v] : void 0),
+                  value: comboboxValue,
+                  onChange: (v) => updateSub(sub.key, v === null ? void 0 : [v]),
                   options: sub.options ?? [],
                   placeholder: sub.label,
                   triggerAriaLabel: sub.label,

package/dist/tablewright.cjs

@@ -4189,14 +4189,14 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet, labels }) {
     ] });
   }
   if (config.type === "enum") {
-    const selected = Array.isArray(value) ? value[0] ?? "" : "";
+    const comboboxValue = Array.isArray(value) && value.length > 0 ? value[0] : null;
     return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-col gap-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium text-[var(--text-secondary)]", children: config.label }),
       /* @__PURE__ */ jsxRuntime.jsx(
         Combobox,
         {
-          value: selected || null,
-          onChange: (v) => onChange(v ? [v] : void 0),
+          value: comboboxValue,
+          onChange: (v) => onChange(v === null ? void 0 : [v]),
           options: config.options ?? [],
           placeholder: labels.anyPlaceholder,
           triggerAriaLabel: config.label,
@@ -4314,12 +4314,12 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet, labels }) {
               );
             }
             if (sub.type === "enum") {
-              const selected = Array.isArray(subValue) ? subValue[0] ?? "" : "";
+              const comboboxValue = Array.isArray(subValue) && subValue.length > 0 ? subValue[0] : null;
               return /* @__PURE__ */ jsxRuntime.jsx(
                 Combobox,
                 {
-                  value: selected || null,
-                  onChange: (v) => updateSub(sub.key, v ? [v] : void 0),
+                  value: comboboxValue,
+                  onChange: (v) => updateSub(sub.key, v === null ? void 0 : [v]),
                   options: sub.options ?? [],
                   placeholder: sub.label,
                   triggerAriaLabel: sub.label,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undevy-org/tablewright",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "React data-table and application-shell components: filters, drawers, row controls, sortable and resizable columns, built on Radix UI and TanStack Table.",
   "license": "MIT",
   "repository": {