@quoreadmin/ui 1.5.0 → 1.6.0

package/dist/index.js

@@ -15,9 +15,9 @@ import { default as I } from "./index15.js";
 import { default as F } from "./index16.js";
 import { default as V } from "./index17.js";
 import { default as k } from "./index18.js";
-import { default as H } from "./index19.js";
-import { default as R } from "./index20.js";
-import { default as q } from "./index21.js";
+import { default as E } from "./index19.js";
+import { default as L } from "./index20.js";
+import { default as W } from "./index21.js";
 import { default as N } from "./index22.js";
 import { default as j } from "./index23.js";
 import { default as J } from "./index24.js";
@@ -42,22 +42,23 @@ import { default as Ie } from "./index42.js";
 import { default as Fe } from "./index43.js";
 import { default as Ve } from "./index44.js";
 import { default as ke } from "./index45.js";
-import { default as He } from "./index46.js";
-import { default as Re } from "./index47.js";
-import { default as qe } from "./index48.js";
+import { default as Ee } from "./index46.js";
+import { default as Le } from "./index47.js";
+import { default as We } from "./index48.js";
 import { default as Ne } from "./index49.js";
 import { default as je } from "./index50.js";
 import { default as Je } from "./index51.js";
-import { filterData as Oe } from "./index52.js";
-import { default as Ye } from "./index53.js";
+import { default as Oe } from "./index52.js";
+import { filterData as Ye } from "./index53.js";
 import { default as _e } from "./index54.js";
 import { default as ea } from "./index55.js";
 import { default as oa } from "./index56.js";
 import { default as ra } from "./index57.js";
+import { default as la } from "./index58.js";
 export {
-  ea as DateTimePlugin,
-  oa as PrimeVue,
-  ra as PrimeVuePresets,
+  oa as DateTimePlugin,
+  ra as PrimeVue,
+  la as PrimeVuePresets,
   o as QAccordion,
   r as QActivityItem,
   l as QAvatar,
@@ -75,40 +76,41 @@ export {
   F as QDataList,
   V as QDataTable,
   k as QDataTableCell,
-  H as QDataTableHead,
-  R as QDatePicker,
-  q as QDivider,
+  E as QDataTableHead,
+  L as QDatePicker,
+  W as QDivider,
   N as QErrorModal,
-  j as QFileUpload,
-  J as QFooterActions,
-  O as QFormGroup,
-  Y as QGrid,
-  _ as QIcon,
-  ee as QIconActionGroup,
-  oe as QImageGallery,
-  re as QInput,
-  le as QList,
-  me as QMenu,
-  se as QModal,
-  xe as QModalContent,
-  ie as QPageHeading,
-  ce as QPageNavigation,
-  Pe as QPdfViewer,
-  Te as QPopover,
-  Be as QProgressBar,
-  Ge as QProgressBarGroup,
-  ye as QRadio,
-  Ie as QRoomDetailsPopover,
-  Fe as QSelect,
-  Ve as QTable,
-  ke as QTag,
-  He as QTextarea,
-  Re as QToast,
-  qe as QTooltip,
-  Ne as QTour,
-  je as QWarningModal,
-  Je as QWysiwyg,
-  Oe as filterData,
-  Ye as mq,
-  _e as useDeviceType
+  j as QEvent,
+  J as QFileUpload,
+  O as QFooterActions,
+  Y as QFormGroup,
+  _ as QGrid,
+  ee as QIcon,
+  oe as QIconActionGroup,
+  re as QImageGallery,
+  le as QInput,
+  me as QList,
+  se as QMenu,
+  xe as QModal,
+  ie as QModalContent,
+  ce as QPageHeading,
+  Pe as QPageNavigation,
+  Te as QPdfViewer,
+  Be as QPopover,
+  Ge as QProgressBar,
+  ye as QProgressBarGroup,
+  Ie as QRadio,
+  Fe as QRoomDetailsPopover,
+  Ve as QSelect,
+  ke as QTable,
+  Ee as QTag,
+  Le as QTextarea,
+  We as QToast,
+  Ne as QTooltip,
+  je as QTour,
+  Je as QWarningModal,
+  Oe as QWysiwyg,
+  Ye as filterData,
+  _e as mq,
+  ea as useDeviceType
 };

package/dist/index10.js

@@ -1,11 +1,11 @@
-import w from "./index75.js";
+import w from "./index76.js";
 import { resolveComponent as g, createElementBlock as o, openBlock as s, createCommentVNode as i, createElementVNode as c, renderSlot as t, createVNode as p, normalizeClass as h, createBlock as C, toDisplayString as r, Fragment as d, renderList as u, createTextVNode as k } from "vue";
 /* empty css        */
-import $ from "./index61.js";
-const f = { class: "q-calendar" }, M = {
+import $ from "./index62.js";
+const M = { class: "q-calendar" }, V = {
   key: 0,
   class: "calendar-header"
-}, V = {
+}, f = {
   key: 1,
   class: "nav-spacer"
 }, N = ["disabled"], D = {
@@ -14,24 +14,24 @@ const f = { class: "q-calendar" }, M = {
 }, R = {
   key: 1,
   class: "header-text"
-}, b = {
+}, S = {
   key: 2,
   class: "header-text"
-}, S = {
+}, b = {
   key: 3,
   class: "nav-spacer"
-}, I = {
+}, T = {
   key: 1,
   class: "calendar-body"
-}, H = {
+}, I = {
   key: 0,
   class: "month-label"
-}, L = {
+}, H = {
   key: 1,
   class: "calendar-weekdays"
-}, T = { class: "calendar-grid" }, Y = ["onClick", "onMouseenter"], z = { class: "day-number" }, E = {
+}, L = { class: "calendar-grid" }, Y = ["onClick", "onMouseenter"], z = { class: "day-number" }, E = {
   key: 0,
-  class: "day-indicator"
+  class: "today-indicator"
 }, W = {
   key: 2,
   class: "calendar-body calendar-body-continuous"
@@ -40,7 +40,7 @@ const f = { class: "q-calendar" }, M = {
   class: "calendar-weekdays"
 }, F = { class: "calendar-grid calendar-grid-continuous" }, P = ["onClick", "onMouseenter"], Q = { class: "day-number" }, A = {
   key: 0,
-  class: "day-indicator"
+  class: "today-indicator"
 }, G = {
   key: 3,
   class: "calendar-months-view"
@@ -53,8 +53,8 @@ const f = { class: "q-calendar" }, M = {
 };
 function Z(e, l, _, O, j, x) {
   const v = g("q-icon");
-  return s(), o("div", f, [
-    e.showHeader ? (s(), o("div", M, [
+  return s(), o("div", M, [
+    e.showHeader ? (s(), o("div", V, [
       e.showNavigation ? (s(), o("button", {
         key: 0,
         type: "button",
@@ -70,7 +70,7 @@ function Z(e, l, _, O, j, x) {
             color: "inkwell-20"
           })
         ], !0)
-      ])) : (s(), o("span", V)),
+      ])) : (s(), o("span", f)),
       c("button", {
         type: "button",
         class: h([
@@ -84,9 +84,9 @@ function Z(e, l, _, O, j, x) {
           title: e.headerTitle,
           view: e.currentView
         }, () => [
-          e.currentView === "days" ? (s(), o("span", D, r(e.headerTitle), 1)) : e.currentView === "months" ? (s(), o("span", R, r(e.viewDate.getFullYear()), 1)) : (s(), o("span", b, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
+          e.currentView === "days" ? (s(), o("span", D, r(e.headerTitle), 1)) : e.currentView === "months" ? (s(), o("span", R, r(e.viewDate.getFullYear()), 1)) : (s(), o("span", S, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
         ], !0),
-        e.headerClickable && e.numberOfMonths > 1 ? (s(), C(v, {
+        e.headerClickable && e.isMultiMonth ? (s(), C(v, {
           key: 0,
           icon: "chevron-down",
           type: "line",
@@ -110,14 +110,14 @@ function Z(e, l, _, O, j, x) {
             color: "inkwell-20"
           })
         ], !0)
-      ])) : (s(), o("span", S))
+      ])) : (s(), o("span", b))
     ])) : i("", !0),
-    e.currentView === "days" && !e.continuous ? (s(), o("div", I, [
+    e.currentView === "days" && !e.continuous ? (s(), o("div", T, [
       (s(!0), o(d, null, u(e.displayedMonths, (n) => (s(), o("div", {
         key: `${n.year}-${n.month}`,
-        class: h(["calendar-month", { "calendar-month-multi": e.numberOfMonths > 1 }])
+        class: h(["calendar-month", { "calendar-month-multi": e.isMultiMonth }])
       }, [
-        e.numberOfMonths > 1 ? (s(), o("div", H, [
+        e.isMultiMonth ? (s(), o("div", I, [
           t(e.$slots, "month-label", {
             month: n.month,
             year: n.year
@@ -125,7 +125,7 @@ function Z(e, l, _, O, j, x) {
             k(r(e.monthNamesShort[n.month]) + " " + r(n.year), 1)
           ], !0)
         ])) : i("", !0),
-        e.showWeekDays ? (s(), o("div", L, [
+        e.showWeekDays ? (s(), o("div", H, [
           (s(!0), o(d, null, u(e.daysOfWeek, (a) => (s(), o("div", {
             key: a,
             class: "weekday"
@@ -135,7 +135,7 @@ function Z(e, l, _, O, j, x) {
             ], !0)
           ]))), 128))
         ])) : i("", !0),
-        c("div", T, [
+        c("div", L, [
           (s(!0), o(d, null, u(n.dates, (a, y) => (s(), o("div", {
             key: y,
             class: h([
@@ -157,7 +157,7 @@ function Z(e, l, _, O, j, x) {
           }, [
             t(e.$slots, "day", { date: a }, () => [
               c("span", z, r(a.day), 1),
-              a.hasIndicator ? (s(), o("span", E)) : i("", !0)
+              a.isToday ? (s(), o("span", E)) : i("", !0)
             ], !0)
           ], 42, Y))), 128))
         ])
@@ -196,7 +196,7 @@ function Z(e, l, _, O, j, x) {
           }, [
             t(e.$slots, "day", { date: n }, () => [
               c("span", Q, r(n.day), 1),
-              n.hasIndicator ? (s(), o("span", A)) : i("", !0)
+              n.isToday ? (s(), o("span", A)) : i("", !0)
             ], !0)
           ], 42, P))), 128))
         ])
@@ -238,7 +238,7 @@ function Z(e, l, _, O, j, x) {
     ])) : i("", !0)
   ]);
 }
-const ae = /* @__PURE__ */ $(w, [["render", Z], ["__scopeId", "data-v-12f78127"]]);
+const ae = /* @__PURE__ */ $(w, [["render", Z], ["__scopeId", "data-v-5508e564"]]);
 export {
   ae as default
 };

package/dist/index100.js

@@ -1,10 +1,123 @@
-import { defineComponent as o } from "vue";
-const n = o({
-  name: "QIcon",
-  props: {},
-  setup() {
+import { defineComponent as h, computed as i } from "vue";
+import p from "./index49.js";
+import g from "./index28.js";
+const m = {
+  event: { icon: "calendar", iconType: "fill", color: "purple-30" },
+  vendor: { icon: "shop", iconType: "outline", color: "maroon-30" },
+  holiday: { icon: "star", iconType: "outline", color: "teal-20" },
+  birthday: { icon: "cake", iconType: "outline", color: "blue-20" },
+  inspection: { icon: "tasks", iconType: "", color: "orange-30" },
+  other: { icon: "announcement", iconType: "outline", color: "inkwell-30" }
+}, D = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], N = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], w = h({
+  name: "QEvent",
+  components: {
+    QIcon: g,
+    QTooltip: p
+  },
+  props: {
+    /** Event data object */
+    event: {
+      type: Object,
+      required: !0
+    },
+    /** 
+     * Override the event type for icon/color.
+     * If not provided, derives from event.typeName or event.eventType
+     */
+    type: {
+      type: String,
+      default: ""
+    },
+    /** Use long date format (e.g., "January 25" instead of "Jan 25") */
+    longDateFormat: {
+      type: Boolean,
+      default: !1
+    },
+    /** Show year in the date */
+    showYear: {
+      type: Boolean,
+      default: !1
+    },
+    /** Use 24-hour time format */
+    use24HourFormat: {
+      type: Boolean,
+      default: !1
+    },
+    /** Hide the time, show only the date */
+    hideTime: {
+      type: Boolean,
+      default: !1
+    },
+    /** Custom date format function - overrides built-in formatting */
+    dateFormatter: {
+      type: Function,
+      default: null
+    },
+    /** Show the event as compact (icon only, no text) */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    /** Position of the tooltip */
+    tooltipPosition: {
+      type: String,
+      default: "bottom"
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: y }) {
+    const s = i(() => {
+      const t = e.type?.toLowerCase();
+      if (t && m[t])
+        return t;
+      const n = e.event.typeName?.toLowerCase();
+      if (n && m[n])
+        return n;
+      const a = e.event.eventType?.toLowerCase();
+      return a && m[a] ? a : "other";
+    }), d = i(() => m[s.value] || m.other), T = i(() => e.event.typeName ? e.event.typeName : s.value.charAt(0).toUpperCase() + s.value.slice(1)), o = i(() => {
+      const t = new Date(e.event.startDate);
+      if (e.event.startTime) {
+        const [n, a, u] = e.event.startTime.split(":").map(Number);
+        t.setHours(n || 0, a || 0, u || 0);
+      }
+      return t;
+    }), l = i(() => {
+      const t = new Date(e.event.endDate);
+      if (e.event.endTime) {
+        const [n, a, u] = e.event.endTime.split(":").map(Number);
+        t.setHours(n || 0, a || 0, u || 0);
+      }
+      return t;
+    }), v = i(() => o.value.toDateString() === l.value.toDateString()), r = (t, n = !1) => {
+      const u = (e.longDateFormat ? N : D)[t.getMonth()], f = t.getDate();
+      return n || e.showYear ? `${u} ${f}, ${t.getFullYear()}` : `${u} ${f}`;
+    }, c = (t) => {
+      let n = t.getHours();
+      const a = t.getMinutes();
+      if (e.use24HourFormat)
+        return `${n.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
+      const u = n >= 12 ? "pm" : "am";
+      return n = n % 12 || 12, a === 0 ? `${n}:00${u}` : `${n}:${a.toString().padStart(2, "0")}${u}`;
+    }, $ = i(() => e.dateFormatter ? e.dateFormatter(o.value, l.value, e.event) : e.event.allDay ? v.value ? r(o.value) : `${r(o.value)} - ${r(l.value)}` : v.value ? e.hideTime ? r(o.value) : `${r(o.value)} ${c(o.value)} - ${c(l.value)}` : e.hideTime ? `${r(o.value)} - ${r(l.value)}` : `${r(o.value)} ${c(o.value)} - ${r(l.value)} ${c(l.value)}`);
+    return {
+      // Computed
+      eventTypeKey: s,
+      eventTypeConfig: d,
+      eventTypeName: T,
+      startDate: o,
+      endDate: l,
+      isSameDay: v,
+      formattedDateTime: $,
+      // Methods
+      formatDate: r,
+      formatTime: c,
+      handleClick: () => {
+        y("click", e.event);
+      }
+    };
   }
 });
 export {
-  n as default
+  w as default
 };

package/dist/index102.js

@@ -1,39 +1,142 @@
-import { defineComponent as r, computed as t } from "vue";
-const n = r({
-  name: "QFormGroup",
+import { defineComponent as C, ref as n, computed as v } from "vue";
+import { useDropZone as b } from "./index161.js";
+import z from "./index54.js";
+import M from "./index181.js";
+import T from "./index6.js";
+import h from "./index30.js";
+import I from "./index34.js";
+import O from "./index35.js";
+const W = C({
+  name: "QFileUpload",
+  components: {
+    FileUpload: M,
+    QBadge: T,
+    QImageGallery: h,
+    QModal: I,
+    QModalContent: O
+  },
   props: {
-    labelFor: {
+    /** 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,
-      required: !0
+      default: ""
     },
-    required: {
+    /** If we should allow multiple files */
+    multiple: {
       type: Boolean,
-      default: !1
+      default: !0
     },
-    status: {
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
       type: String,
-      default: ""
+      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
+    },
+    showGallery: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(e) {
+  emits: ["file-list", "upload-error", "uploading"],
+  setup(s, { emit: r }) {
+    const a = n(null), d = n(), i = n([]), p = n([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), w = () => {
+      a.value && a.value.clear();
+    }, x = () => {
+      i.value = [], p.value = [];
+    }, c = (e) => {
+      const o = s.filesAllowed.split(",").map((l) => l.trim());
+      for (const l of o)
+        if (m(l) ? f(e.type) === f(l) : e.type == l || y(e).toLowerCase() === l.toLowerCase())
+          return !0;
+      return !1;
+    }, m = (e) => e.indexOf("*") !== -1, y = (e) => "." + e.name.split(".").pop(), f = (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);
+    }, B = (e) => {
+      r("upload-error", e);
+    }, U = () => {
+      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(d);
     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";
-        }
-      })
+      // ref elements - Needed this for triggering events in component
+      fileUpload: a,
+      dropZoneRef: d,
+      // refs
+      allFiles: u,
+      sizeErrors: i,
+      typeErrors: p,
+      isOverDropZone: S,
+      // computed
+      displayAllowedTypes: F,
+      // methods
+      clear: w,
+      clearErrors: x,
+      getFileExtension: y,
+      getTypeClass: f,
+      isValidFileType: c,
+      isWildcard: m,
+      onBeforeSelect: g,
+      onUpload: U,
+      onUploadError: B,
+      onUploading: A,
+      onRemoveFile: E,
+      onSelectedFiles: Q,
+      // composables
+      mq: z
     };
   }
 });
 export {
-  n as default
+  W as default
 };

package/dist/index103.js

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

package/dist/index105.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/{index104.js → index107.js}

@@ -1,8 +1,8 @@
 import { defineComponent as w, ref as B, computed as r } from "vue";
-import { filterData as O } from "./index52.js";
+import { filterData as O } from "./index53.js";
 import { useI18n as D } from "vue-i18n";
 import F from "./index6.js";
-import y from "./index53.js";
+import y from "./index54.js";
 const M = w({
   name: "QGrid",
   components: {

package/dist/{index106.js → index109.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, onMounted as l, computed as n } from "vue";
-import s from "./index179.js";
+import s from "./index182.js";
 let t = !1;
 const i = "quore-svg-sprite-container";
 function o() {

package/dist/index11.js

@@ -1,7 +1,7 @@
-import t from "./index77.js";
+import t from "./index78.js";
 import { resolveComponent as d, createElementBlock as i, openBlock as o, createElementVNode as s, normalizeClass as l, createCommentVNode as a, createBlock as h, toDisplayString as m } from "vue";
 /* empty css        */
-import p from "./index61.js";
+import p from "./index62.js";
 const k = { class: "control" }, b = ["id", "value", "checked", "disabled", "name"], f = {
   key: 0,
   class: "checkbox-label"

package/dist/{index108.js → index111.js}

@@ -1,9 +1,9 @@
 import { defineComponent as f, ref as l, computed as o, watch as p } from "vue";
 import C from "./index8.js";
-import b from "./index27.js";
-import S from "./index48.js";
-import v from "./index54.js";
-import n from "./index53.js";
+import b from "./index28.js";
+import S from "./index49.js";
+import v from "./index55.js";
+import n from "./index54.js";
 import { useI18n as A } from "vue-i18n";
 const H = f({
   name: "QIconActionGroup",