quasar-ui-danx 0.2.22 → 0.2.24

package/src/helpers/{http.ts → request.ts}

@@ -1,6 +1,30 @@
+import { ref, Ref, UnwrapRef } from "vue";
+
+interface RequestOptions {
+    baseUrl: string;
+}
+
+const requestOptions: Ref<UnwrapRef<RequestOptions>> = ref({
+    baseUrl: ""
+});
+/**
+ * A simple request helper that wraps the fetch API
+ * to make GET and POST requests easier w/ JSON payloads
+ */
 export const request = {
-    async get(url, options = {}) {
-        return fetch(url, {
+    configure(options: RequestOptions) {
+        requestOptions.value = options;
+    },
+
+    url(url: string) {
+        if (url.startsWith("http")) {
+            return url;
+        }
+        return requestOptions.value.baseUrl + url;
+    },
+
+    async get(url: string, options = {}): Promise<object> {
+        return fetch(request.url(url), {
             method: "get",
             headers: {
                 Accept: "application/json",
@@ -10,8 +34,8 @@ export const request = {
         }).then((r) => r.json());
     },
 
-    async post(url, data = {}, options = {}) {
-        return fetch(url, {
+    async post(url: string, data = {}, options = {}) {
+        return fetch(request.url(url), {
             method: "post",
             body: JSON.stringify(data),
             headers: {
@@ -29,34 +53,27 @@ export const request = {
  * also fetches that resource record from the endpoint, then adds it to the list if it
  * does not exist in the filtered list
  *
- * @param fetchFn
- * @param list
- * @param id
- * @param filter
- * @returns {Promise<void>}
  */
-export async function fetchResourceListWithSelected(fetchFn, list, id, filter) {
+export async function fetchResourceListWithSelected(fetchFn: (filter: object) => Promise<any[]>, list: Ref, id: string, filter: object): Promise<void> {
     // First make sure we have the selected record, so we can always add it to the list
     let selectedResource;
     if (id) {
-        selectedResource = list.value.find((c) => c.id === id) || (await fetchFn({ id }))[0];
+        selectedResource = list.value.find((c: { id: string }) => c.id === id) || (await fetchFn({ id }))[0];
     }
 
     // Get the filtered campaign list
     list.value = await fetchFn(filter);
 
     // If our selected campaign is not in the filtered list, add it
-    if (selectedResource && !list.value.find((c) => c.id === id)) {
+    if (selectedResource && !list.value.find((c: { id: string }) => c.id === id)) {
         list.value.push(selectedResource);
     }
 }
 
 /**
  * Returns the value of the URL parameter (if it is set)
- * @param key
- * @param url
  */
-export function getUrlParam(key, url = undefined) {
+export function getUrlParam(key: string, url?: string) {
     const params = new URLSearchParams(url?.replace(/.*\?/, "") || window.location.search);
     return params.get(key);
 }

package/src/styles/index.scss

@@ -1,3 +1,5 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@import 'quasar-reset';

package/src/styles/quasar-reset.scss

@@ -0,0 +1,28 @@
+.q-tab-panels {
+  overflow: visible;
+
+  .q-panel {
+    overflow: visible;
+
+    &.scroll {
+      overflow: auto;
+    }
+
+    .q-tab-panel {
+      padding: 0;
+    }
+  }
+
+  &.overflow-y-auto {
+    overflow-y: auto;
+  }
+}
+
+.q-toolbar {
+  min-height: 0;
+  padding: 0;
+}
+
+.q-notification__actions {
+  color: inherit;
+}