quasar-ui-danx 0.2.11 → 0.2.12

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",
   "type": "module",
   "main": "dist/danx.es.js",
-  "module": "dist/danx.es.js",
+  "module": "src/index.ts",
   "scripts": {
     "dev": "cd dev && quasar dev && cd ..",
     "build": "vite build",

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

@@ -13,8 +13,8 @@
     </div>
 
     <div v-if="$slots['right-side']" class="flex justify-end items-stretch flex-nowrap p-4">
-      <QSeparator vertical class="mx-4 h-10 self-center" />
-
+      <QSeparator v-if="$slots['default']" vertical class="mx-4 h-10 self-center" />
+      {{ $slots['default'] }}HERE
       <slot name="right-side" />
     </div>
   </div>

package/src/components/ActionTable/listControls.ts

@@ -115,7 +115,7 @@ export function useListControls(name: string, {
 
             if (Object.keys(urlFilter).length > 0) {
                 filter.value = urlFilter;
-                
+
                 // Override whatever is in local storage with this new filter
                 updateSettings("filter", filter.value);
             }
@@ -252,7 +252,7 @@ export function useListControls(name: string, {
      * @returns {Promise<void>}
      */
     async function getActiveItemDetails() {
-        if (!activeItem.value) return;
+        if (!activeItem.value || !itemDetailsRoute) return;
 
         const result = await itemDetailsRoute(activeItem.value);
 

package/src/components/Utility/Formats/IconWithTextFormat.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center">
+  <div class="flex items-center flex-nowrap">
     <component :is="icon" :class="iconClass" />
     <div :class="textClass">
       <slot>{{ text }}</slot>

package/src/helpers/FlashMessages.ts

@@ -1,79 +1,79 @@
 import { watch } from "vue";
 
 export class FlashMessages {
-  static notify;
+    static notify;
 
-  static PROP_DEFINITIONS = {
-    successMsg: {
-      type: String,
-      default: ""
-    },
-    errorMsg: {
-      type: String,
-      default: ""
-    },
-    warningMsg: {
-      type: String,
-      default: ""
-    }
-  };
+    static PROP_DEFINITIONS = {
+        successMsg: {
+            type: String,
+            default: ""
+        },
+        errorMsg: {
+            type: String,
+            default: ""
+        },
+        warningMsg: {
+            type: String,
+            default: ""
+        }
+    };
 
-  static enable(msgProps) {
-    FlashMessages.success(msgProps.successMsg);
-    FlashMessages.error(msgProps.errorMsg);
-    FlashMessages.warning(msgProps.warningMsg);
-    watch(() => msgProps.successMsg, FlashMessages.success);
-    watch(() => msgProps.errorMsg, FlashMessages.error);
-    watch(() => msgProps.warningMsg, FlashMessages.warning);
-  }
+    static enable(msgProps) {
+        FlashMessages.success(msgProps.successMsg);
+        FlashMessages.error(msgProps.errorMsg);
+        FlashMessages.warning(msgProps.warningMsg);
+        watch(() => msgProps.successMsg, FlashMessages.success);
+        watch(() => msgProps.errorMsg, FlashMessages.error);
+        watch(() => msgProps.warningMsg, FlashMessages.warning);
+    }
 
-  static send(message, options = {}) {
-    if (message) {
-      FlashMessages.notify({
-        message,
-        timeout: 2500,
-        color: "gray-base",
-        textColor: "white",
-        position: "top",
-        closeBtn: "X",
-        ...options
-      });
+    static send(message, options = {}) {
+        if (message) {
+            FlashMessages.notify({
+                message,
+                timeout: 10000,
+                color: "gray-base",
+                textColor: "white",
+                position: "top",
+                closeBtn: "X",
+                ...options
+            });
+        }
     }
-  }
 
-  static success(message, options = {}) {
-    FlashMessages.send(message, {
-      color: "green-light",
-      textColor: "green-dark",
-      icon: "hero:check-circle",
-      ...options
-    });
-  }
+    static success(message, options = {}) {
+        FlashMessages.send(message, {
+            color: "green-light",
+            textColor: "green-dark",
+            icon: "hero:check-circle",
+            ...options
+        });
+    }
 
-  static error(message, options = {}) {
-    FlashMessages.send(message, {
-      color: "red-light",
-      textColor: "red-dark",
-      icon: "hero:alert",
-      ...options
-    });
-  }
+    static error(message, options = {}) {
+        FlashMessages.send(message, {
+            color: "red-light",
+            textColor: "red-dark",
+            icon: "hero:alert",
+            ...options
+        });
+    }
 
-  static warning(message, options = {}) {
-    FlashMessages.send(message, {
-      color: "yellow-lighter",
-      textColor: "yellow-base",
-      icon: "hero:alert",
-      ...options
-    });
-  }
+    static warning(message, options = {}) {
+        FlashMessages.send(message, {
+            color: "yellow-lighter",
+            textColor: "yellow-base",
+            icon: "hero:alert",
+            ...options
+        });
+    }
 
-  static combine(type, messages, options = {}) {
-    FlashMessages[type](messages.map(m => typeof m === "string" ? m : (m.message || m.Message)).join("<br/>"), {
-      ...options,
-      html: true
-    });
-  }
+    static combine(type, messages, options = {}) {
+        FlashMessages[type](messages.map(m => typeof m === "string" ? m : (m.message || m.Message)).join("<br/>"), {
+            ...options,
+            html: true
+        });
+    }
 }
 
 export const notify = new FlashMessages();