@quoreadmin/ui 1.4.7 → 1.5.0

package/dist/index81.js

@@ -1,140 +1,108 @@
-import { defineComponent as h, ref as s, computed as v, watch as c } from "vue";
-import B from "./index6.js";
-import g from "./index7.js";
-import S from "./index26.js";
-import D from "./index29.js";
-import F from "./index47.js";
-import Q from "./index37.js";
-import b from "./index52.js";
-import A from "./index53.js";
-import { filterData as f } from "./index51.js";
-import { useDebounceFn as w } from "./index166.js";
-const z = h({
-  name: "QDataFilter",
+import { defineComponent as i, ref as a, watch as c } from "vue";
+import { useI18n as p } from "vue-i18n";
+import r from "./index12.js";
+import y from "./index51.js";
+const h = i({
+  name: "QCommentSection",
   components: {
-    QBadge: B,
-    QBottomSheet: g,
-    QIcon: S,
-    QInput: D,
-    QTooltip: F,
-    QPopover: Q
+    QComment: r,
+    QWysiwyg: y
   },
   props: {
-    data: {
+    /** Array of comment objects to loop through */
+    comments: {
       type: Array,
       default: () => []
     },
-    id: {
-      type: String,
-      default: ""
-    },
-    excludedFields: {
-      type: Array,
-      default: () => []
+    allowAttachments: {
+      type: Boolean,
+      default: !1
     },
-    filters: {
-      type: Array,
-      default: () => []
+    allowEmojis: {
+      type: Boolean,
+      default: !1
     },
-    hasSearch: {
+    allowFormatting: {
       type: Boolean,
-      default: !0
+      default: !1
     },
-    orderBy: {
-      type: String,
-      default: "asc"
+    /**
+     * addCommentEvent handles the adding of a comment.
+     * Note: response object includes:
+     *  - text
+     *  - attachments
+     */
+    addCommentEvent: {
+      type: Function,
+      default: () => {
+      }
     },
-    // Should the built in popover be repositioned and realigned automatically if it is outside viewport.
-    repositionPopover: {
+    disabled: {
       type: Boolean,
-      default: !0
+      default: !1
     },
-    search: {
+    filesAllowed: {
       type: String,
-      default: ""
+      default: "image/*,.pdf"
     },
-    searchDelay: {
-      type: Number,
-      default: 300
+    /**
+     * updateCommentEvent handles the following events:
+     *  - update-comment
+     *  - update-pin
+     *  - delete-comment
+     *  - delete-attachment
+     * Note: response object includes:
+     *  - comment (object) -- full comment object
+     *  - event (string) -- as listed above
+     *  - value (any) -- specific to event
+     */
+    updateCommentEvent: {
+      type: Function,
+      default: () => {
+      }
     },
-    searchPlaceholder: {
+    placeholder: {
       type: String,
       default: ""
     },
-    showResultsCount: {
+    processing: {
       type: Boolean,
       default: !1
     },
-    sortBy: {
-      type: String,
-      default: "name"
-    },
-    noneEqualsAll: {
-      type: Boolean,
-      default: !0
-    },
-    filtersActive: {
-      type: Boolean,
-      default: !1
+    showRemoveButton: {
+      type: Object,
+      default: () => {
+      }
     }
   },
-  emits: [
-    "update:data",
-    "update:search",
-    "click:filters",
-    "popover:close",
-    "bottom-sheet:close"
-  ],
-  setup(t, { emit: a }) {
-    const u = w((e) => {
-      a("update:search", e);
-    }, t.searchDelay), d = A(), n = s(0), l = s(!1), r = s(!1), i = v(() => {
-      let e = 0;
-      return t.filters.forEach((o) => {
-        (typeof o.selected == "string" && o.selected || typeof o.selected != "string" && o.selected.length) && e++;
-      }), e;
-    }), p = () => {
-      r.value = !1, a("bottom-sheet:close");
-    }, m = () => {
-      l.value = !1, a("popover:close");
-    }, y = (e) => {
-      e(), a("click:filters");
+  setup(t) {
+    const { t: m } = p(), o = a([]), l = a(""), s = a(
+      t.placeholder || m("HC_ADD_A_COMMENT")
+    ), e = a(), f = async () => {
+      await t.addCommentEvent({
+        text: l.value,
+        attachments: o.value
+      });
+    }, d = async (n, u) => {
+      await t.updateCommentEvent({
+        comment: n,
+        ...u
+      });
     };
-    return c(t, () => {
-      const e = f(
-        t.data,
-        t.search,
-        t.filters,
-        t.sortBy,
-        t.orderBy === "desc" ? -1 : 1,
-        t.excludedFields,
-        t.noneEqualsAll
-      );
-      n.value = e.length, a("update:data", e);
-    }, { deep: !0 }), c(l, (e, o) => {
-      o === !0 && e === !1 && a("popover:close");
-    }), c(r, (e, o) => {
-      o === !0 && e === !1 && a("bottom-sheet:close");
+    return c(() => t.processing, (n) => {
+      n || (o.value = [], l.value = "", e.value && e.value.allowAttachments && (e.value.fileUploadRef?.fileUpload?.clear(), e.value.uploadedfiles = []));
     }), {
-      // Plugins
-      debouncedSearch: u,
-      // Ref
-      filteredCount: n,
-      showFilterBottomSheet: r,
-      showFilterPopover: l,
-      // Methods
-      closeBottomSheet: p,
-      closePopover: m,
-      onFilterClick: y,
-      // Computed
-      filtersCount: i,
-      // Composables
-      deviceType: d,
-      filterData: f,
-      mq: b
+      //refs
+      files: o,
+      placeholderText: s,
+      textareaValue: l,
+      wysiwygRef: e,
+      // methods
+      onClickPost: f,
+      onUpdateComment: d
     };
   }
 });
 export {
-  z as default
+  h as default
 };

package/dist/index83.js

@@ -1,141 +1,36 @@
-import { defineComponent as U, ref as a, computed as v, onMounted as q, onUnmounted as A, nextTick as M } from "vue";
-import C from "./index6.js";
-import O from "./index14.js";
-import { useDrag as j } from "./index163.js";
-import { useMotionProperties as G, useMotionTransitions as I } from "./index164.js";
-import { useWindowScroll as J, useScroll as K } from "./index155.js";
-import H from "./index52.js";
-import X from "./index53.js";
-const ne = U({
-  name: "QDataList",
-  components: {
-    QBadge: C,
-    QDataFilter: O
-  },
+import { defineComponent as n } from "vue";
+const o = n({
+  name: "QCounter",
   props: {
-    /** Pass in an ID unique to the list. */
-    id: {
-      type: String,
-      default: "data-list"
-    },
-    /** Pass data for list */
+    /** value of the counter */
     modelValue: {
-      type: Array,
-      default: () => []
-    },
-    /** Search can be dragged down - mobile screen size only */
-    hideSearch: {
-      type: Boolean,
-      default: !1
-    },
-    /** If the list should include the search and filters */
-    hasSearch: {
-      type: Boolean,
-      default: !0
+      type: Number,
+      default: 0
     },
-    // Pass in if header will need to become fixed while vertical scrolling.
-    isFixed: {
-      type: Boolean,
-      default: !1
+    /** Min value the user can decrement to */
+    min: {
+      type: Number,
+      default: 0
     },
-    // Pass in the items per page to display.
-    itemsPerPage: {
+    /** Max value the user can increment to */
+    max: {
       type: Number,
-      default: 50
+      default: 100
     },
-    /** If the loading state is enabled */
-    loading: {
+    /** Disable the counter */
+    disabled: {
       type: Boolean,
       default: !1
-    },
-    /** Ability to customize the no result message */
-    noResultMessage: {
-      type: String,
-      default: ""
-    },
-    /** Pass in the number of skeleton rows that should show while loading */
-    skeletonRows: {
-      type: Number,
-      default: 6
-    },
-    /** Pass in the type of list to display */
-    type: {
-      type: String,
-      default: "row"
-      // row, ordered, unordered
     }
   },
-  emits: ["filters-action", "page-updated", "click:list-item"],
-  setup(l, { emit: R }) {
-    const { deviceType: T } = X(), { y: t } = J(), { y: f } = K(window, { behavior: "smooth" }), g = a(0), n = a("down"), m = a(null), L = a(0), r = a(!1), P = a(!0), s = a(H.md ? !1 : l.hideSearch), p = a(!s.value), i = a(null), b = {
-      type: "keyframe",
-      ease: "linear",
-      duration: 0,
-      delay: 0
-    }, u = a(null), c = a(1), F = a(null), h = a(window.innerHeight), { motionProperties: Q } = G(u), { push: V } = I(), W = v(() => T.value === "desktop"), Y = v(() => c.value * l.itemsPerPage - 1), w = v(() => t.value <= 0 ? 70 : t.value > 70 ? 0 : 70 - t.value), k = v(() => Math.ceil(l.modelValue?.length / l.itemsPerPage) || 1), x = (e) => {
-      !e.dragging && t.value <= 24 && t.value >= 0 && (f.value = 0), !e.dragging && t.value > 24 && t.value < 70 && (f.value = 70), !(t.value > 0) && (r.value ? N(e) : z(e));
-    };
-    s.value && j(x, {
-      domTarget: u,
-      filterTaps: !0,
-      useTouch: !0,
-      delay: 100
-    });
-    const z = (e) => {
-      e.tap || e.axis === "x" || (r.value = !0);
-    }, N = (e) => {
-      if (e.tap || e.axis === "x")
-        return;
-      const o = e.direction[1], D = o >= 0, E = o <= 0 && t.value <= 0;
-      !p.value && (D || E) && y(!E, "drag"), r.value = !1;
-    }, d = async () => {
-      const e = t.value + h.value, o = m.value.offsetTop + m.value.offsetHeight;
-      e > o - 400 && c.value < k.value && (c.value++, R("page-updated"));
-    }, y = async (e, o) => {
-      if (p.value = e, await M(), P.value && n.value === "up" && t.value <= 0 || o === "drag") {
-        const D = w.value ? w.value : 0;
-        V("y", D, Q, b), P.value = !1;
-      }
-    }, S = () => {
-      const e = Math.max(0, t.value) > g.value ? "down" : "up";
-      e !== n.value && (n.value = e), t.value < 70 && y(!0, "scroll"), g.value = Math.max(0, t.value), d();
-    }, B = async () => {
-      h.value = window.innerHeight, await M();
-    };
-    return q(() => {
-      s.value ? (L.value = u.value.offsetTop - 16, window.addEventListener("scroll", S), i.value = "onScroll") : (window.addEventListener("scroll", d), i.value = "scrollWatcher"), window.addEventListener("resize", B);
-    }), A(() => {
-      i.value === "onScroll" ? window.removeEventListener("scroll", S) : i.value === "scrollWatcher" && window.removeEventListener("scroll", d), window.removeEventListener("resize", B);
-    }), {
-      // Refs
-      dataListRef: m,
-      defaultSearchTop: L,
-      isDragging: r,
-      isSearchVisible: p,
-      hiddenSearch: s,
-      listRef: u,
-      page: c,
-      prevScrollY: g,
-      scrollY: t,
-      scrollToY: f,
-      searchRef: F,
-      windowHeight: h,
-      // Computed
-      direction: n,
-      isDesktop: W,
-      lastOnPage: Y,
-      searchHeight: w,
-      totalPages: k,
-      // Methods
-      onScroll: S,
-      scrollWatcher: d,
-      toggleSearch: y,
-      // Composable
-      deviceType: T,
-      mq: H
-    };
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    return { updateCount: (u) => {
+      let e = t.modelValue + u;
+      return e > t.max ? e = t.max : e < t.min && (e = t.min), a("update:modelValue", e), e;
+    } };
   }
 });
 export {
-  ne as default
+  o as default
 };

package/dist/index84.js

@@ -0,0 +1,140 @@
+import { defineComponent as h, ref as s, computed as v, watch as c } from "vue";
+import B from "./index6.js";
+import g from "./index7.js";
+import S from "./index27.js";
+import D from "./index30.js";
+import F from "./index48.js";
+import Q from "./index38.js";
+import b from "./index53.js";
+import A from "./index54.js";
+import { filterData as f } from "./index52.js";
+import { useDebounceFn as w } from "./index169.js";
+const z = h({
+  name: "QDataFilter",
+  components: {
+    QBadge: B,
+    QBottomSheet: g,
+    QIcon: S,
+    QInput: D,
+    QTooltip: F,
+    QPopover: Q
+  },
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    excludedFields: {
+      type: Array,
+      default: () => []
+    },
+    filters: {
+      type: Array,
+      default: () => []
+    },
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    orderBy: {
+      type: String,
+      default: "asc"
+    },
+    // Should the built in popover be repositioned and realigned automatically if it is outside viewport.
+    repositionPopover: {
+      type: Boolean,
+      default: !0
+    },
+    search: {
+      type: String,
+      default: ""
+    },
+    searchDelay: {
+      type: Number,
+      default: 300
+    },
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    showResultsCount: {
+      type: Boolean,
+      default: !1
+    },
+    sortBy: {
+      type: String,
+      default: "name"
+    },
+    noneEqualsAll: {
+      type: Boolean,
+      default: !0
+    },
+    filtersActive: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:data",
+    "update:search",
+    "click:filters",
+    "popover:close",
+    "bottom-sheet:close"
+  ],
+  setup(t, { emit: a }) {
+    const u = w((e) => {
+      a("update:search", e);
+    }, t.searchDelay), d = A(), n = s(0), l = s(!1), r = s(!1), i = v(() => {
+      let e = 0;
+      return t.filters.forEach((o) => {
+        (typeof o.selected == "string" && o.selected || typeof o.selected != "string" && o.selected.length) && e++;
+      }), e;
+    }), p = () => {
+      r.value = !1, a("bottom-sheet:close");
+    }, m = () => {
+      l.value = !1, a("popover:close");
+    }, y = (e) => {
+      e(), a("click:filters");
+    };
+    return c(t, () => {
+      const e = f(
+        t.data,
+        t.search,
+        t.filters,
+        t.sortBy,
+        t.orderBy === "desc" ? -1 : 1,
+        t.excludedFields,
+        t.noneEqualsAll
+      );
+      n.value = e.length, a("update:data", e);
+    }, { deep: !0 }), c(l, (e, o) => {
+      o === !0 && e === !1 && a("popover:close");
+    }), c(r, (e, o) => {
+      o === !0 && e === !1 && a("bottom-sheet:close");
+    }), {
+      // Plugins
+      debouncedSearch: u,
+      // Ref
+      filteredCount: n,
+      showFilterBottomSheet: r,
+      showFilterPopover: l,
+      // Methods
+      closeBottomSheet: p,
+      closePopover: m,
+      onFilterClick: y,
+      // Computed
+      filtersCount: i,
+      // Composables
+      deviceType: d,
+      filterData: f,
+      mq: b
+    };
+  }
+});
+export {
+  z as default
+};

package/dist/index86.js

@@ -0,0 +1,141 @@
+import { defineComponent as U, ref as a, computed as v, onMounted as q, onUnmounted as A, nextTick as M } from "vue";
+import C from "./index6.js";
+import O from "./index15.js";
+import { useDrag as j } from "./index166.js";
+import { useMotionProperties as G, useMotionTransitions as I } from "./index167.js";
+import { useWindowScroll as J, useScroll as K } from "./index158.js";
+import H from "./index53.js";
+import X from "./index54.js";
+const ne = U({
+  name: "QDataList",
+  components: {
+    QBadge: C,
+    QDataFilter: O
+  },
+  props: {
+    /** Pass in an ID unique to the list. */
+    id: {
+      type: String,
+      default: "data-list"
+    },
+    /** Pass data for list */
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    /** Search can be dragged down - mobile screen size only */
+    hideSearch: {
+      type: Boolean,
+      default: !1
+    },
+    /** If the list should include the search and filters */
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    // Pass in if header will need to become fixed while vertical scrolling.
+    isFixed: {
+      type: Boolean,
+      default: !1
+    },
+    // Pass in the items per page to display.
+    itemsPerPage: {
+      type: Number,
+      default: 50
+    },
+    /** If the loading state is enabled */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /** Ability to customize the no result message */
+    noResultMessage: {
+      type: String,
+      default: ""
+    },
+    /** Pass in the number of skeleton rows that should show while loading */
+    skeletonRows: {
+      type: Number,
+      default: 6
+    },
+    /** Pass in the type of list to display */
+    type: {
+      type: String,
+      default: "row"
+      // row, ordered, unordered
+    }
+  },
+  emits: ["filters-action", "page-updated", "click:list-item"],
+  setup(l, { emit: R }) {
+    const { deviceType: T } = X(), { y: t } = J(), { y: f } = K(window, { behavior: "smooth" }), g = a(0), n = a("down"), m = a(null), L = a(0), r = a(!1), P = a(!0), s = a(H.md ? !1 : l.hideSearch), p = a(!s.value), i = a(null), b = {
+      type: "keyframe",
+      ease: "linear",
+      duration: 0,
+      delay: 0
+    }, u = a(null), c = a(1), F = a(null), h = a(window.innerHeight), { motionProperties: Q } = G(u), { push: V } = I(), W = v(() => T.value === "desktop"), Y = v(() => c.value * l.itemsPerPage - 1), w = v(() => t.value <= 0 ? 70 : t.value > 70 ? 0 : 70 - t.value), k = v(() => Math.ceil(l.modelValue?.length / l.itemsPerPage) || 1), x = (e) => {
+      !e.dragging && t.value <= 24 && t.value >= 0 && (f.value = 0), !e.dragging && t.value > 24 && t.value < 70 && (f.value = 70), !(t.value > 0) && (r.value ? N(e) : z(e));
+    };
+    s.value && j(x, {
+      domTarget: u,
+      filterTaps: !0,
+      useTouch: !0,
+      delay: 100
+    });
+    const z = (e) => {
+      e.tap || e.axis === "x" || (r.value = !0);
+    }, N = (e) => {
+      if (e.tap || e.axis === "x")
+        return;
+      const o = e.direction[1], D = o >= 0, E = o <= 0 && t.value <= 0;
+      !p.value && (D || E) && y(!E, "drag"), r.value = !1;
+    }, d = async () => {
+      const e = t.value + h.value, o = m.value.offsetTop + m.value.offsetHeight;
+      e > o - 400 && c.value < k.value && (c.value++, R("page-updated"));
+    }, y = async (e, o) => {
+      if (p.value = e, await M(), P.value && n.value === "up" && t.value <= 0 || o === "drag") {
+        const D = w.value ? w.value : 0;
+        V("y", D, Q, b), P.value = !1;
+      }
+    }, S = () => {
+      const e = Math.max(0, t.value) > g.value ? "down" : "up";
+      e !== n.value && (n.value = e), t.value < 70 && y(!0, "scroll"), g.value = Math.max(0, t.value), d();
+    }, B = async () => {
+      h.value = window.innerHeight, await M();
+    };
+    return q(() => {
+      s.value ? (L.value = u.value.offsetTop - 16, window.addEventListener("scroll", S), i.value = "onScroll") : (window.addEventListener("scroll", d), i.value = "scrollWatcher"), window.addEventListener("resize", B);
+    }), A(() => {
+      i.value === "onScroll" ? window.removeEventListener("scroll", S) : i.value === "scrollWatcher" && window.removeEventListener("scroll", d), window.removeEventListener("resize", B);
+    }), {
+      // Refs
+      dataListRef: m,
+      defaultSearchTop: L,
+      isDragging: r,
+      isSearchVisible: p,
+      hiddenSearch: s,
+      listRef: u,
+      page: c,
+      prevScrollY: g,
+      scrollY: t,
+      scrollToY: f,
+      searchRef: F,
+      windowHeight: h,
+      // Computed
+      direction: n,
+      isDesktop: W,
+      lastOnPage: Y,
+      searchHeight: w,
+      totalPages: k,
+      // Methods
+      onScroll: S,
+      scrollWatcher: d,
+      toggleSearch: y,
+      // Composable
+      deviceType: T,
+      mq: H
+    };
+  }
+});
+export {
+  ne as default
+};

package/dist/{index85.js → index88.js}

@@ -1,11 +1,11 @@
 import { defineComponent as de, ref as o, computed as r, watch as H, nextTick as j, onMounted as fe, onUnmounted as ve } from "vue";
-import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index155.js";
-import ye from "./index17.js";
-import ge from "./index18.js";
-import be from "./index47.js";
-import we from "./index167.js";
-import Se from "./index52.js";
-import xe from "./index53.js";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index158.js";
+import ye from "./index18.js";
+import ge from "./index19.js";
+import be from "./index48.js";
+import we from "./index170.js";
+import Se from "./index53.js";
+import xe from "./index54.js";
 const Pe = de({
   name: "QDataTable",
   components: {

package/dist/index9.js

@@ -1,6 +1,6 @@
-import r from "./index73.js";
+import r from "./index74.js";
 import { resolveComponent as l, createElementBlock as p, openBlock as n, createVNode as d, withCtx as c, createElementVNode as i, createBlock as m, createCommentVNode as u, toDisplayString as b } from "vue";
-import f from "./index60.js";
+import f from "./index61.js";
 const B = { class: "button-group flex justify-content-center" }, _ = { class: "flex align-items-center" }, y = { class: "option-label" };
 function V(e, t, k, D, $, g) {
   const s = l("q-icon"), a = l("SelectButton");