quasar-ui-danx 0.0.26 → 0.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/ActionTable/Filters/CollapsableFiltersSidebar.vue

@@ -7,7 +7,7 @@
       name="admin-ads"
       @update:collapse="$emit('update:show-filters', !$event)"
   >
-    <FilterGroupList
+    <FilterFieldList
         :filter="filter"
         :filter-fields="filterFields"
         @update:filter="$emit('update:filter', $event)"
@@ -15,7 +15,7 @@
   </CollapsableSidebar>
 </template>
 <script setup>
-import { FilterGroupList } from '.';
+import { FilterFieldList } from '.';
 import { CollapsableSidebar } from '../../Utility';
 
 defineEmits(['update:filter', 'update:show-filters']);

package/src/components/ActionTable/Filters/{FilterGroupList.vue → FilterFieldList.vue}

@@ -17,7 +17,7 @@
           />
         </template>
 
-        <FilterGroupItem
+        <FilterFieldItem
             v-else
             :name="group.name"
             :count="activeCountByGroup[group.name]"
@@ -31,7 +31,7 @@
               class="mb-4"
               @update:model-value="updateFilter(field, $event)"
           />
-        </FilterGroupItem>
+        </FilterFieldItem>
 
         <q-separator
             v-if="index < (filterFields.length - 1)"
@@ -44,7 +44,7 @@
 <script setup>
 import { computed } from 'vue';
 import FilterableField from './FilterableField';
-import FilterGroupItem from './FilterGroupItem';
+import FilterFieldItem from './FilterFieldItem';
 
 const emit = defineEmits(['update:filter']);
 const props = defineProps({

package/src/components/ActionTable/Filters/index.ts

@@ -1,6 +1,6 @@
 export {
     default as CollapsableFiltersSidebar
 } from "./CollapsableFiltersSidebar.vue";
-export { default as FilterGroupList } from "./FilterGroupList.vue";
+export { default as FilterFieldList } from "src/components/ActionTable/Filters/FilterFieldList.vue";
 export { default as FilterListToggle } from "./FilterListToggle.vue";
 export { default as FilterToolbarLayout } from "./FilterToolbarLayout.vue";

package/src/components/ActionTable/listActions.ts

@@ -10,7 +10,6 @@ export function useListActions(name, {
     applyActionRoute = null,
     applyBatchActionRoute = null,
     itemDetailsRoute = null,
-    filterGroups = null,
     refreshFilters = false,
     urlPattern = null,
     filterDefaults = {}
@@ -98,10 +97,10 @@ export function useListActions(name, {
     /**
      * Watches for a filter URL parameter and applies the filter if it is set.
      */
-    function applyFilterFromUrl(url, filterGroups = null) {
+    function applyFilterFromUrl(url, filterFields = null) {
         if (url.match(urlPattern)) {
             // A flat list of valid filterable field names
-            const validFilterKeys = filterGroups?.value?.map(group => group.fields.map(field => field.name)).flat();
+            const validFilterKeys = filterFields?.value?.map(group => group.fields.map(field => field.name)).flat();
 
             const urlFilter = getFilterFromUrl(url, validFilterKeys);
 
@@ -352,7 +351,6 @@ export function useListActions(name, {
         isApplyingBatchAction,
         activeItem,
         formTab,
-        filterGroups,
 
         // Actions
         loadSummary,