@directus/composables 10.1.14 → 10.1.15

package/dist/index.js

@@ -6,26 +6,22 @@ import { API_INJECT, EXTENSIONS_INJECT, SDK_INJECT, STORES_INJECT } from "@direc
 import { inject } from "vue";
 function useStores() {
   const stores = inject(STORES_INJECT);
-  if (!stores)
-    throw new Error("[useStores]: The stores could not be found.");
+  if (!stores) throw new Error("[useStores]: The stores could not be found.");
   return stores;
 }
 function useApi() {
   const api = inject(API_INJECT);
-  if (!api)
-    throw new Error("[useApi]: The api could not be found.");
+  if (!api) throw new Error("[useApi]: The api could not be found.");
   return api;
 }
 function useSdk() {
   const sdk = inject(SDK_INJECT);
-  if (!sdk)
-    throw new Error("[useSdk]: The sdk could not be found.");
+  if (!sdk) throw new Error("[useSdk]: The sdk could not be found.");
   return sdk;
 }
 function useExtensions() {
   const extensions = inject(EXTENSIONS_INJECT);
-  if (!extensions)
-    throw new Error("[useExtensions]: The extensions could not be found.");
+  if (!extensions) throw new Error("[useExtensions]: The extensions could not be found.");
   return extensions;
 }
 
@@ -39,13 +35,11 @@ function useCollection(collectionKey) {
     return collectionsStore.collections.find(({ collection: key }) => key === collection.value) || null;
   });
   const fields = computed(() => {
-    if (!collection.value)
-      return [];
+    if (!collection.value) return [];
     return fieldsStore.getFieldsForCollectionSorted(collection.value);
   });
   const defaults = computed(() => {
-    if (!fields.value)
-      return {};
+    if (!fields.value) return {};
     const defaults2 = {};
     for (const field of fields.value) {
       if (field.schema !== null && "default_value" in field.schema) {
@@ -67,10 +61,8 @@ function useCollection(collectionKey) {
     return info.value?.meta?.singleton === true;
   });
   const accountabilityScope = computed(() => {
-    if (!info.value)
-      return null;
-    if (!info.value.meta)
-      return null;
+    if (!info.value) return null;
+    if (!info.value.meta) return null;
     return info.value.meta.accountability;
   });
   return { info, fields, defaults, primaryKeyField, userCreatedField, sortField, isSingleton, accountabilityScope };
@@ -96,8 +88,7 @@ function useCustomSelection(currentValue, items, emit) {
     }
   });
   const usesOtherValue = computed2(() => {
-    if (items.value === null)
-      return false;
+    if (items.value === null) return false;
     const values = items.value.map((item) => item.value);
     return currentValue.value !== null && currentValue.value.length > 0 && values.includes(currentValue.value) === false;
   });
@@ -108,15 +99,11 @@ function useCustomSelectionMultiple(currentValues, items, emit) {
   watch(
     currentValues,
     (newValue) => {
-      if (newValue === null)
-        return;
-      if (!Array.isArray(newValue))
-        return;
-      if (items.value === null)
-        return;
+      if (newValue === null) return;
+      if (!Array.isArray(newValue)) return;
+      if (items.value === null) return;
       newValue.forEach((value) => {
-        if (items.value === null)
-          return;
+        if (items.value === null) return;
         const values = items.value.map((item) => item.value);
         const existsInValues = values.includes(value);
         if (!existsInValues) {
@@ -154,8 +141,7 @@ function useCustomSelectionMultiple(currentValues, items, emit) {
       }
     } else {
       otherValues.value = otherValues.value.map((otherValue) => {
-        if (otherValue.key === key)
-          otherValue.value = newValue;
+        if (otherValue.key === key) otherValue.value = newValue;
         return otherValue;
       });
       if (valueWithoutPrevious.length === currentValues.value?.length) {
@@ -174,8 +160,7 @@ function useElementSize(target) {
   const width = ref3(0);
   const height = ref3(0);
   const resizeObserver = new ResizeObserver(([entry]) => {
-    if (entry === void 0)
-      return;
+    if (entry === void 0) return;
     width.value = entry.contentRect.width;
     height.value = entry.contentRect.height;
   });
@@ -201,8 +186,7 @@ function useFilterFields(fields, filters) {
     }
     return fields.value.reduce((acc2, field) => {
       for (const name in filters) {
-        if (filters[name](field) === false)
-          continue;
+        if (filters[name](field) === false) continue;
         acc2[name].push(field);
       }
       return acc2;
@@ -234,25 +218,20 @@ function useGroupable(options) {
     selection
   } = parentFunctions;
   let startActive = false;
-  if (options?.active?.value === true)
-    startActive = true;
-  if (options?.value && selection.value.includes(options.value))
-    startActive = true;
+  if (options?.active?.value === true) startActive = true;
+  if (options?.value && selection.value.includes(options.value)) startActive = true;
   const active = ref4(startActive);
   const item = { active, value: options?.value };
   register(item);
   if (options?.active !== void 0 && options.watch === true) {
     watch2(options.active, () => {
-      if (options.active === void 0)
-        return;
+      if (options.active === void 0) return;
       if (options.active.value === true) {
-        if (active.value === false)
-          toggle(item);
+        if (active.value === false) toggle(item);
         active.value = true;
       }
       if (options.active.value === false) {
-        if (active.value === true)
-          toggle(item);
+        if (active.value === true) toggle(item);
         active.value = false;
       }
     });
@@ -264,12 +243,10 @@ function useGroupable(options) {
       toggle(item);
     },
     activate: () => {
-      if (active.value === false)
-        toggle(item);
+      if (active.value === false) toggle(item);
     },
     deactivate: () => {
-      if (active.value === true)
-        toggle(item);
+      if (active.value === true) toggle(item);
     }
   };
 }
@@ -296,11 +273,9 @@ function useGroupableParent(state = {}, options = {}, group = "item-group") {
   watch2(
     () => options?.mandatory?.value,
     (newValue, oldValue) => {
-      if (isEqual(newValue, oldValue))
-        return;
+      if (isEqual(newValue, oldValue)) return;
       if (!selection.value || selection.value.length === 0 && options?.mandatory?.value === true) {
-        if (items.value[0])
-          selection.value = [getValueForItem(items.value[0])];
+        if (items.value[0]) selection.value = [getValueForItem(items.value[0])];
       }
     }
   );
@@ -378,8 +353,7 @@ function useItems(collection, query) {
   const alias = queryAlias ?? ref5();
   const deep = queryDeep ?? ref5();
   const endpoint = computed5(() => {
-    if (!collection.value)
-      return null;
+    if (!collection.value) return null;
     return getEndpoint(collection.value);
   });
   const items = ref5([]);
@@ -388,10 +362,8 @@ function useItems(collection, query) {
   const itemCount = ref5(null);
   const totalCount = ref5(null);
   const totalPages = computed5(() => {
-    if (itemCount.value === null)
-      return 1;
-    if (itemCount.value < (unref(limit) ?? 100))
-      return 1;
+    if (itemCount.value === null) return 1;
+    if (itemCount.value < (unref(limit) ?? 100)) return 1;
     return Math.ceil(itemCount.value / (unref(limit) ?? 100));
   });
   const existingRequests = {
@@ -404,12 +376,10 @@ function useItems(collection, query) {
   watch3(
     [collection, limit, sort, search, filter, fields, page, alias, deep],
     async (after, before) => {
-      if (isEqual2(after, before))
-        return;
+      if (isEqual2(after, before)) return;
       const [newCollection, newLimit, newSort, newSearch, newFilter] = after;
       const [oldCollection, oldLimit, oldSort, oldSearch, oldFilter] = before;
-      if (!newCollection || !query)
-        return;
+      if (!newCollection || !query) return;
       if (newCollection !== oldCollection) {
         reset();
       }
@@ -438,11 +408,9 @@ function useItems(collection, query) {
     getTotalCount
   };
   async function getItems() {
-    if (!endpoint.value)
-      return;
+    if (!endpoint.value) return;
     let isCurrentRequestCanceled = false;
-    if (existingRequests.items)
-      existingRequests.items.abort();
+    if (existingRequests.items) existingRequests.items.abort();
     existingRequests.items = new AbortController();
     error.value = null;
     if (loadingTimeout) {
@@ -496,8 +464,7 @@ function useItems(collection, query) {
         clearTimeout(loadingTimeout);
         loadingTimeout = null;
       }
-      if (!loadingTimeout)
-        loading.value = false;
+      if (!loadingTimeout) loading.value = false;
     }
   }
   function reset() {
@@ -507,8 +474,7 @@ function useItems(collection, query) {
   }
   async function changeManualSort({ item, to }) {
     const pk = primaryKeyField.value?.field;
-    if (!pk)
-      return;
+    if (!pk) return;
     const fromIndex = items.value.findIndex((existing) => existing[pk] === item);
     const toIndex = items.value.findIndex((existing) => existing[pk] === to);
     items.value = moveInArray(items.value, fromIndex, toIndex);
@@ -516,11 +482,9 @@ function useItems(collection, query) {
     await api.post(endpoint2.value, { item, to });
   }
   async function getTotalCount() {
-    if (!endpoint.value)
-      return;
+    if (!endpoint.value) return;
     try {
-      if (existingRequests.total)
-        existingRequests.total.abort();
+      if (existingRequests.total) existingRequests.total.abort();
       existingRequests.total = new AbortController();
       const aggregate = primaryKeyField.value ? {
         countDistinct: primaryKeyField.value.field
@@ -543,11 +507,9 @@ function useItems(collection, query) {
     }
   }
   async function getItemCount() {
-    if (!endpoint.value)
-      return;
+    if (!endpoint.value) return;
     try {
-      if (existingRequests.filter)
-        existingRequests.filter.abort();
+      if (existingRequests.filter) existingRequests.filter.abort();
       existingRequests.filter = new AbortController();
       const aggregate = primaryKeyField.value ? {
         countDistinct: primaryKeyField.value.field
@@ -695,14 +657,10 @@ var sizeProps = {
 };
 function useSizeClass(props) {
   const sizeClass = computed7(() => {
-    if (props.xSmall)
-      return "x-small";
-    if (props.small)
-      return "small";
-    if (props.large)
-      return "large";
-    if (props.xLarge)
-      return "x-large";
+    if (props.xSmall) return "x-small";
+    if (props.small) return "small";
+    if (props.large) return "large";
+    if (props.xLarge) return "x-large";
     return null;
   });
   return sizeClass;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@directus/composables",
-  "version": "10.1.14",
+  "version": "10.1.15",
   "description": "Shared Vue composables for Directus use",
   "homepage": "https://directus.io",
   "repository": {
@@ -25,20 +25,20 @@
     "axios": "1.7.2",
     "lodash-es": "4.17.21",
     "nanoid": "5.0.7",
-    "@directus/utils": "11.0.9",
-    "@directus/constants": "11.0.4"
+    "@directus/constants": "11.0.4",
+    "@directus/utils": "11.0.10"
   },
   "devDependencies": {
     "@types/lodash-es": "4.17.12",
     "@vitest/coverage-v8": "1.5.3",
     "@vue/test-utils": "2.4.6",
-    "tsup": "8.0.2",
+    "tsup": "8.1.0",
     "typescript": "5.4.5",
     "vitest": "1.5.3",
     "vue": "3.4.27",
-    "@directus/extensions": "1.0.7",
-    "@directus/types": "11.1.2",
-    "@directus/sdk": "16.1.0",
+    "@directus/extensions": "1.0.9",
+    "@directus/sdk": "16.1.1",
+    "@directus/types": "11.2.0",
     "@directus/tsconfig": "1.0.1"
   },
   "peerDependencies": {