@dragonmastery/zinia-forms-core 0.5.3 → 0.5.4

package/dist/index.d.ts

@@ -2864,6 +2864,7 @@ interface UrlSyncOptions {
 }
 interface DataTable {
     setFilter: (field: any, filter: any) => Promise<void>;
+    clearFilter: (field: any) => Promise<void>;
     clearAllFilters: () => Promise<void>;
     setFiltersFromQueryParams: (params: Record<string, string | string[]>) => Promise<void>;
     load: () => Promise<void>;

package/dist/index.js

@@ -8218,6 +8218,14 @@ function getFilterOptions(field, column, fieldsMetadata, filterOptionsState) {
   }
   return [];
 }
+function isBooleanOperator(operator) {
+  if (!operator) return true;
+  return OPERATORS_BY_TYPE.boolean.includes(operator);
+}
+function isEnumOperator(operator) {
+  if (!operator) return true;
+  return OPERATORS_BY_TYPE.enum.includes(operator);
+}
 function getSortLabels(field, column, fieldsMetadata) {
   if (column?.sortLabels) {
     return column.sortLabels;
@@ -8916,7 +8924,7 @@ var EnumMultiSelectFilter = (props) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx("div", { class: "text-xs text-base-content/60", children: props.operator === "isOneOf" ? "Select one or more values" : "Exclude one or more values" })
+    /* @__PURE__ */ jsx("div", { class: "text-xs text-base-content/60", children: props.operator === OPERATORS.IS_ONE_OF ? "Select one or more values" : "Show rows that do not match these values" })
   ] });
 };
 var SelectFilter = (props) => {
@@ -10180,7 +10188,7 @@ var FilterDrawer = (props) => {
                           isOptionsLoading: filterOptionsLoading?.value?.[field] ?? false,
                           allOptionText: column.filterAllOptionText,
                           showAllOption: column.filterShowAllOption,
-                          operator: currentFilter?.operator,
+                          operator: isEnumOperator(currentFilter?.operator) ? currentFilter?.operator : void 0,
                           fieldType: convertToDataType(props.fieldsMetadata[field]?.type || "enum"),
                           onFilterChange: props.onFilterChange,
                           onClearFilter: props.onClearFilter
@@ -10220,7 +10228,7 @@ var FilterDrawer = (props) => {
                           isLoading: props.isLoading,
                           allOptionText: column.filterAllOptionText,
                           showAllOption: column.filterShowAllOption,
-                          operator: currentFilter?.operator,
+                          operator: isBooleanOperator(currentFilter?.operator) ? currentFilter?.operator : void 0,
                           fieldType: convertToDataType(props.fieldsMetadata[field]?.type || "boolean"),
                           options: getFilterOptions(
                             field,
@@ -11933,6 +11941,7 @@ function useDataTableUrlSync(table, router, options = {}) {
   const { loadOnMount = true } = options;
   const isUpdatingFromRoute = ref(false);
   const originalSetFilter = table.setFilter.bind(table);
+  const originalClearFilter = table.clearFilter.bind(table);
   const originalClearAllFilters = table.clearAllFilters.bind(table);
   const extractFilterParams = (query) => {
     const filterParams = {};
@@ -11956,12 +11965,22 @@ function useDataTableUrlSync(table, router, options = {}) {
     router.push({ query });
   };
   table.setFilter = async (field, filter) => {
-    await originalSetFilter(field, filter);
+    const filterPromise = originalSetFilter(field, filter);
+    await nextTick();
+    updateUrlFromFilters();
+    await filterPromise;
+  };
+  table.clearFilter = async (field) => {
+    const filterPromise = originalClearFilter(field);
+    await nextTick();
     updateUrlFromFilters();
+    await filterPromise;
   };
   table.clearAllFilters = async () => {
-    await originalClearAllFilters();
+    const filterPromise = originalClearAllFilters();
+    await nextTick();
     updateUrlFromFilters();
+    await filterPromise;
   };
   watch(
     () => router.currentRoute.value.query,