@undevy-org/tablewright 0.7.4 → 0.7.6

package/dist/es/components/data-table/filter-form-panel-apply.js

@@ -45,7 +45,7 @@ function shouldPreserveMultiSubOnApply(sub, subCommitted, touchKey, touched) {
 function mergeCompoundValueForApply(config, fieldId, committed, draft, touched, hiddenSubSet) {
   const committedCompound = getCompoundValue(committed);
   const draftCompound = getCompoundValue(draft);
-  const merged = {};
+  const merged = { ...draftCompound };
   for (const sub of config.subFilters ?? []) {
     if (hiddenSubSet.has(compoundSubTouchKey(fieldId, sub.key))) continue;
     const touchKey = compoundSubTouchKey(fieldId, sub.key);
@@ -60,6 +60,12 @@ function mergeCompoundValueForApply(config, fieldId, committed, draft, touched,
     if (subDraft === void 0 || isFilterValueEmpty(subDraft)) continue;
     merged[sub.key] = subDraft;
   }
+  for (const key of Object.keys(merged)) {
+    const value = merged[key];
+    if (isFilterValueEmpty(value)) {
+      delete merged[key];
+    }
+  }
   return Object.keys(merged).length === 0 ? void 0 : merged;
 }
 function resolveFieldApplyChange(config, fieldId, committed, draft, touched, hiddenSubSet, isActive) {

package/dist/es/components/layout/Sidebar.js

@@ -59,7 +59,7 @@ const Sidebar = React.forwardRef(
               const active = isItemActive(item.href, activeKey);
               const Icon = item.icon;
               const itemClassName = cn(
-                "flex w-full items-center rounded-[var(--radius-md)] transition-colors",
+                "flex w-full items-center rounded-[var(--radius-md)] transition-[background-color]",
                 showExpanded ? "gap-2.5 px-3 py-2" : "justify-center p-2.5",
                 active ? "bg-[var(--bg-nav-item-active)] font-medium text-[var(--text-primary)]" : "text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] hover:text-[var(--text-primary)]"
               );

package/dist/styles.css

@@ -1413,6 +1413,16 @@
 .filter {
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
+.transition {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+.transition-\[background-color\] {
+    transition-property: background-color;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
 .transition-\[opacity\2c width\2c background-color\] {
     transition-property: opacity,width,background-color;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

package/dist/tablewright.cjs

@@ -1986,7 +1986,7 @@ const Sidebar = React__namespace.forwardRef(
               const active = isItemActive(item.href, activeKey);
               const Icon = item.icon;
               const itemClassName = cn(
-                "flex w-full items-center rounded-[var(--radius-md)] transition-colors",
+                "flex w-full items-center rounded-[var(--radius-md)] transition-[background-color]",
                 showExpanded ? "gap-2.5 px-3 py-2" : "justify-center p-2.5",
                 active ? "bg-[var(--bg-nav-item-active)] font-medium text-[var(--text-primary)]" : "text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] hover:text-[var(--text-primary)]"
               );
@@ -4083,7 +4083,7 @@ function shouldPreserveMultiSubOnApply(sub, subCommitted, touchKey, touched) {
 function mergeCompoundValueForApply(config, fieldId, committed, draft, touched, hiddenSubSet) {
   const committedCompound = getCompoundValue(committed);
   const draftCompound = getCompoundValue(draft);
-  const merged = {};
+  const merged = { ...draftCompound };
   for (const sub of config.subFilters ?? []) {
     if (hiddenSubSet.has(compoundSubTouchKey(fieldId, sub.key))) continue;
     const touchKey = compoundSubTouchKey(fieldId, sub.key);
@@ -4098,6 +4098,12 @@ function mergeCompoundValueForApply(config, fieldId, committed, draft, touched,
     if (subDraft === void 0 || isFilterValueEmpty(subDraft)) continue;
     merged[sub.key] = subDraft;
   }
+  for (const key of Object.keys(merged)) {
+    const value = merged[key];
+    if (isFilterValueEmpty(value)) {
+      delete merged[key];
+    }
+  }
   return Object.keys(merged).length === 0 ? void 0 : merged;
 }
 function resolveFieldApplyChange(config, fieldId, committed, draft, touched, hiddenSubSet, isActive) {

package/dist/tablewright.css

@@ -1261,6 +1261,16 @@
 .filter {
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
+.transition {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+.transition-\[background-color\] {
+    transition-property: background-color;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
 .transition-\[opacity\2c width\2c background-color\] {
     transition-property: opacity,width,background-color;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undevy-org/tablewright",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "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": {