@quoreadmin/ui 1.4.2 → 1.4.4

package/dist/index96.js

@@ -0,0 +1,138 @@
+import { defineComponent as C, ref as n, computed as v } from "vue";
+import { useDropZone as b } from "./index155.js";
+import z from "./index52.js";
+import M from "./index175.js";
+import T from "./index6.js";
+import I from "./index28.js";
+import O from "./index32.js";
+import Z from "./index33.js";
+const W = C({
+  name: "QFileUpload",
+  components: {
+    FileUpload: M,
+    QBadge: T,
+    QImageGallery: I,
+    QModal: O,
+    QModalContent: Z
+  },
+  props: {
+    /** Name of the request parameter to identify the files at backend. */
+    name: {
+      type: Array,
+      default: null
+    },
+    files: {
+      type: Array,
+      default: () => []
+    },
+    /** Upload url */
+    url: {
+      type: String,
+      default: ""
+    },
+    /** If we should allow multiple files */
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
+      type: String,
+      default: "image/*,.pdf"
+    },
+    /** Specify file types allowed */
+    // Added any because type: null as unknown as PropType<number | null>, doesn't work
+    maxFileSize: {
+      type: Number,
+      default: 33554432
+      // 32MB - updated from 8MB standard in quorev2
+    },
+    /** Auto upload files */
+    autoUpload: {
+      type: Boolean,
+      default: !1
+    },
+    /** Override uploading by enabling customUpload and defining a custom uploader handler event. */
+    // https://primevue.org/fileupload/#custom-upload
+    customUpload: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    expands: {
+      type: Boolean,
+      default: !1
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["file-list", "upload-error", "uploading"],
+  setup(s, { emit: r }) {
+    const a = n(null), f = n(), i = n([]), p = n([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), x = () => {
+      a.value && a.value.clear();
+    }, U = () => {
+      i.value = [], p.value = [];
+    }, c = (e) => {
+      const o = s.filesAllowed.split(",").map((l) => l.trim());
+      for (const l of o)
+        if (m(l) ? d(e.type) === d(l) : e.type == l || y(e).toLowerCase() === l.toLowerCase())
+          return !0;
+      return !1;
+    }, m = (e) => e.indexOf("*") !== -1, y = (e) => "." + e.name.split(".").pop(), d = (e) => e.substring(0, e.indexOf("/")), g = (e) => {
+      const o = e.originalEvent;
+      let l = [];
+      o.type === "drop" ? l = o.dataTransfer?.files : l = o.target.files;
+      for (const t of l)
+        t.size > s.maxFileSize && i.value.push(t.name), c(t) || p.value.push(t.name);
+    }, w = (e) => {
+      r("upload-error", e);
+    }, B = () => {
+      a.value && a.value.upload();
+    }, A = (e) => {
+      r("uploading", e);
+    }, E = (e) => {
+      const o = u.value, l = o.findIndex(
+        (t) => t.lastModified === e.lastModified
+      );
+      l !== -1 && (o.splice(l, 1), r("file-list", o)), a.value.messages = null;
+    }, Q = (e) => {
+      g(e), r("file-list", e.files);
+    }, { isOverDropZone: S } = b(f);
+    return {
+      // ref elements - Needed this for triggering events in component
+      fileUpload: a,
+      dropZoneRef: f,
+      // refs
+      allFiles: u,
+      sizeErrors: i,
+      typeErrors: p,
+      isOverDropZone: S,
+      // computed
+      displayAllowedTypes: F,
+      // methods
+      clear: x,
+      clearErrors: U,
+      getFileExtension: y,
+      getTypeClass: d,
+      isValidFileType: c,
+      isWildcard: m,
+      onBeforeSelect: g,
+      onUpload: B,
+      onUploadError: w,
+      onUploading: A,
+      onRemoveFile: E,
+      onSelectedFiles: Q,
+      // composables
+      mq: z
+    };
+  }
+});
+export {
+  W as default
+};

package/dist/index97.js

@@ -0,0 +1,10 @@
+import { defineComponent as o } from "vue";
+const n = o({
+  name: "QIcon",
+  props: {},
+  setup() {
+  }
+});
+export {
+  n as default
+};

package/dist/index99.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, computed as t } from "vue";
+const n = r({
+  name: "QFormGroup",
+  props: {
+    labelFor: {
+      type: String,
+      required: !0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    status: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return {
+      statusColor: t(() => {
+        switch (e.status) {
+          case "error":
+            return "red-30";
+          case "info":
+            return "blue-40";
+          case "success":
+            return "green-20";
+          case "warning":
+            return "yellow-30";
+          default:
+            return "inkwell-0";
+        }
+      })
+    };
+  }
+});
+export {
+  n as default
+};

package/dist/src/composables/filtering.d.ts

@@ -1,11 +1,15 @@
 export interface FilterOption {
-    id?: number | string;
+    id?: number | string | boolean;
     key?: string;
     name: string;
     value?: number | string | boolean;
     checked?: boolean;
+    optionClass?: string;
+    tagClass?: string;
+    closeTagClass?: string;
 }
 export interface FilterObject {
+    attribute?: string;
     key?: string;
     message?: string;
     name?: string;

package/dist/src/index.d.ts

@@ -49,6 +49,7 @@ export { default as QWarningModal } from './components/modal/variants/warning-mo
 export { default as QWysiwyg } from './components/wysiwyg/wysiwyg.vue';
 export type { MenuItem } from './components/menu/menu';
 export type { IconActionOption } from './components/icon-action-group/icon-action-group';
+export type { QTourStep } from './components/tour/tour';
 export { filterData } from './composables/filtering';
 export type { FilterObject, FilterOption } from './composables/filtering';
 export { default as mq } from './composables/mq';

package/dist/src/views/lists.vue.d.ts

@@ -145,53 +145,73 @@ declare const _default: import('vue').DefineComponent<{}, {
     filteredData: import('vue').Ref<any[], any[]>;
     filteredPropertyData: import('vue').Ref<any[], any[]>;
     filters: import('vue').Ref<{
+        attribute?: string | undefined;
         key?: string | undefined;
         message?: string | undefined;
         name?: string | undefined;
         options: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[];
         selected: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         } | {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[] | null;
         required?: boolean | undefined;
     }[], FilterObject[] | {
+        attribute?: string | undefined;
         key?: string | undefined;
         message?: string | undefined;
         name?: string | undefined;
         options: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[];
         selected: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         } | {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[] | null;
         required?: boolean | undefined;
     }[]>;
@@ -199,53 +219,73 @@ declare const _default: import('vue').DefineComponent<{}, {
     loading: import('vue').Ref<boolean, boolean>;
     propertyData: import('vue').Ref<any[], any[]>;
     propertyFilters: import('vue').Ref<{
+        attribute?: string | undefined;
         key?: string | undefined;
         message?: string | undefined;
         name?: string | undefined;
         options: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[];
         selected: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         } | {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[] | null;
         required?: boolean | undefined;
     }[], FilterObject[] | {
+        attribute?: string | undefined;
         key?: string | undefined;
         message?: string | undefined;
         name?: string | undefined;
         options: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[];
         selected: {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         } | {
-            id?: number | string | undefined;
+            id?: number | string | boolean | undefined;
             key?: string | undefined;
             name: string;
             value?: number | string | boolean | undefined;
             checked?: boolean | undefined;
+            optionClass?: string | undefined;
+            tagClass?: string | undefined;
+            closeTagClass?: string | undefined;
         }[] | null;
         required?: boolean | undefined;
     }[]>;