@dragonmastery/zinia-forms-core 0.5.2 → 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;
     }
@@ -9039,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,
@@ -9098,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]) {
@@ -9129,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
@@ -9186,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]) {
@@ -11590,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);