@dragonmastery/zinia-forms-core 0.5.1 → 0.5.3

package/dist/index.js

@@ -7839,6 +7839,9 @@ function useDataTable(schema, options) {
       delete currentFilters[fieldName];
       tableState.setFilters(currentFilters);
       tableState.setPagination(0);
+      delete filterInputValues.value[fieldName];
+      delete filterInputValues.value[`${fieldName}_start`];
+      delete filterInputValues.value[`${fieldName}_end`];
       await fetchData();
       return;
     }
@@ -8573,6 +8576,14 @@ var EnumMultiSelectFilter = (props) => {
   };
   const applyPendingFilter = () => {
     if (state.pendingValues === void 0) return;
+    const currentValues = Array.isArray(props.value) ? props.value : props.value ? [props.value] : [];
+    const pendingSet = new Set(state.pendingValues.map((v) => String(v)));
+    const currentSet = new Set(currentValues.map((v) => String(v)));
+    const valuesChanged = pendingSet.size !== currentSet.size || !Array.from(pendingSet).every((v) => currentSet.has(v));
+    if (!valuesChanged) {
+      state.pendingValues = void 0;
+      return;
+    }
     if (state.pendingValues.length === 0) {
       if (props.onClearFilter) {
         props.onClearFilter(props.field);
@@ -9031,13 +9042,20 @@ function debounce(key, callback, delay = 300) {
   }, delay);
   timeoutStore.set(key, timeoutId);
 }
+function clearDebounce(key) {
+  const existing = timeoutStore.get(key);
+  if (existing) {
+    clearTimeout(existing);
+    timeoutStore.delete(key);
+  }
+}
 var TextFilter = (props) => {
   const currentOperator = props.filterOperators.value[props.field] || OPERATORS.CONTAINS;
   const isArrayOperator = currentOperator === OPERATORS.IS_ONE_OF || currentOperator === OPERATORS.IS_NOT_ONE_OF;
   const isDefaultOperator = currentOperator === OPERATORS.CONTAINS;
   const showOperatorSelect = !isDefaultOperator;
   const filterInputValue = props.filterInputValues.value[props.field];
-  const displayValue = filterInputValue !== void 0 && filterInputValue !== "" ? filterInputValue : props.value || "";
+  const displayValue = filterInputValue !== void 0 ? filterInputValue : props.value || "";
   const handleFilterChange = (value, operator = currentOperator) => {
     const filter = {
       operator,
@@ -9090,13 +9108,18 @@ var TextFilter = (props) => {
           onInput: (e) => {
             const value = e.target.value;
             props.filterInputValues.value[props.field] = value;
-            debounce(
-              `filter_${props.field}`,
-              () => {
-                handleFilterChange(value);
-              },
-              300
-            );
+            if (value === "") {
+              clearDebounce(`filter_${props.field}`);
+              handleFilterChange("");
+            } else {
+              debounce(
+                `filter_${props.field}`,
+                () => {
+                  handleFilterChange(value);
+                },
+                300
+              );
+            }
           },
           onKeydown: (e) => {
             if (e.key === "Escape" && props.filterInputValues.value[props.field]) {
@@ -9121,7 +9144,7 @@ var NumberFilter = (props) => {
   const currentOperator = props.filterOperators.value[props.field] || OPERATORS.EQUALS;
   const isBetween = currentOperator === OPERATORS.BETWEEN;
   const filterInputValue = props.filterInputValues.value[props.field];
-  const displayValue = filterInputValue !== void 0 && filterInputValue !== "" ? filterInputValue : props.value !== void 0 && props.value !== null && props.value !== "" ? String(props.value) : "";
+  const displayValue = filterInputValue !== void 0 ? filterInputValue : props.value !== void 0 && props.value !== null && props.value !== "" ? String(props.value) : "";
   const handleFilterChange = (value, operator = currentOperator) => {
     const filter = {
       operator
@@ -9178,13 +9201,18 @@ var NumberFilter = (props) => {
           onInput: (e) => {
             const value = e.target.value;
             props.filterInputValues.value[props.field] = value;
-            debounce(
-              `filter_${props.field}`,
-              () => {
-                handleFilterChange(value);
-              },
-              300
-            );
+            if (value === "") {
+              clearDebounce(`filter_${props.field}`);
+              handleFilterChange("");
+            } else {
+              debounce(
+                `filter_${props.field}`,
+                () => {
+                  handleFilterChange(value);
+                },
+                300
+              );
+            }
           },
           onKeydown: (e) => {
             if (e.key === "Escape" && props.filterInputValues.value[props.field]) {
@@ -11582,6 +11610,10 @@ function useCursorDataTable(schema, options) {
       delete currentFilters[fieldName];
       tableState.setFilters(currentFilters);
       tableState.setCursorNavigation(void 0);
+      delete filterInputValues.value[fieldName];
+      delete filterInputValues.value[`${fieldName}_start`];
+      delete filterInputValues.value[`${fieldName}_end`];
+      await fetchData();
       return;
     }
     const validation = validateFilterValueObject(fieldName, filter, fieldRegistry);