@quoreadmin/ui 1.8.8 → 1.8.10

package/dist/index45.js

@@ -1,5 +1,5 @@
 import V from "./index144.js";
-import { resolveComponent as b, openBlock as s, createElementBlock as a, normalizeClass as i, createVNode as h, createSlots as $, withCtx as d, createElementVNode as t, createBlock as g, createCommentVNode as n, renderSlot as f, normalizeProps as C, mergeProps as v, toDisplayString as o, withModifiers as k, Fragment as T, renderList as q, createTextVNode as c } from "vue";
+import { resolveComponent as b, openBlock as s, createElementBlock as a, normalizeClass as i, createVNode as h, createSlots as $, withCtx as r, createElementVNode as t, createBlock as g, createCommentVNode as n, renderSlot as f, normalizeProps as C, mergeProps as v, toDisplayString as o, withModifiers as k, Fragment as L, renderList as q, createTextVNode as c } from "vue";
 /* empty css         */
 import E from "./index63.js";
 const O = ["id"], R = ["onMousedown"], z = {
@@ -41,7 +41,7 @@ const O = ["id"], R = ["onMousedown"], z = {
   class: "required-indicator"
 };
 function ee(e, u, le, se, oe, ne) {
-  const p = b("q-icon"), y = b("q-button"), L = b("q-badge"), S = b("vue-multiselect");
+  const p = b("q-icon"), y = b("q-button"), T = b("q-badge"), S = b("vue-multiselect");
   return s(), a("div", {
     id: e.id + "-containers",
     class: i([
@@ -108,7 +108,7 @@ function ee(e, u, le, se, oe, ne) {
       onTag: e.addTag,
       onSearchChange: u[3] || (u[3] = (l) => e.searchChange(l))
     }, $({
-      caret: d(({ toggle: l }) => [
+      caret: r(({ toggle: l }) => [
         t("div", {
           class: i([
             "h-full w-full",
@@ -136,13 +136,13 @@ function ee(e, u, le, se, oe, ne) {
           e.required ? (s(), a("span", A, " *" + o(e.$t("HC_REQUIRED")), 1)) : n("", !0)
         ])) : n("", !0)
       ]),
-      noResult: d(() => [
+      noResult: r(() => [
         c(o(e.noResultsText), 1)
       ]),
-      noOptions: d(() => [
+      noOptions: r(() => [
         c(o(e.noOptionsText), 1)
       ]),
-      singleLabel: d(({ option: l }) => [
+      singleLabel: r(({ option: l }) => [
         l.icon ? (s(), g(p, {
           key: 0,
           icon: l.icon
@@ -160,7 +160,7 @@ function ee(e, u, le, se, oe, ne) {
           ])
         }, o(l.label || l.name || l), 3)
       ]),
-      selection: d(({ values: l, isOpen: m }) => [
+      selection: r(({ values: l, isOpen: m }) => [
         e.useTags ? (s(), a("div", P, [
           e.groupValues && e.options[0][e.groupValues].length === l.length ? (s(), a("div", F, [
             t("div", {
@@ -173,7 +173,7 @@ function ee(e, u, le, se, oe, ne) {
               t("span", {
                 class: "tag-remove cursor-pointer shrink",
                 tabindex: "1",
-                onMousedown: u[0] || (u[0] = k((r) => e.removeElement(e.options[0][e.groupValues]), ["prevent", "stop"]))
+                onMousedown: u[0] || (u[0] = k((d) => e.removeElement(e.options[0][e.groupValues]), ["prevent", "stop"]))
               }, [
                 h(p, {
                   icon: "close",
@@ -187,18 +187,18 @@ function ee(e, u, le, se, oe, ne) {
               ], 32)
             ], 2)
           ])) : (s(), a("div", I, [
-            (s(!0), a(T, null, q(!e.expand && e.limitShown ? l.slice(0, e.limitShown) : l, (r, w) => (s(), a("div", {
+            (s(!0), a(L, null, q(!e.expand && e.limitShown ? l.slice(0, e.limitShown) : l, (d, w) => (s(), a("div", {
               key: w,
               class: i([
                 "multiselect__tag !inline-flex items-center justify-center rounded mr-2 z-[1]",
-                { "tag-added": r.added },
+                { "tag-added": d.added },
                 { "tag-gray": !!e.showTags },
-                r.tagClass ? r.tagClass : ""
+                d.tagClass ? d.tagClass : ""
               ])
             }, [
-              r.icon ? (s(), g(p, {
+              d.icon ? (s(), g(p, {
                 key: 0,
-                icon: r.icon,
+                icon: d.icon,
                 class: "tag-icon"
               }, null, 8, ["icon"])) : n("", !0),
               t("span", {
@@ -206,7 +206,7 @@ function ee(e, u, le, se, oe, ne) {
                   "tag-name text-sm leading-normal pr-2",
                   { "tag-truncate": e.truncateTag }
                 ])
-              }, o(r.label || r.name), 3),
+              }, o(d.label || d.name), 3),
               t("span", {
                 class: "tag-remove cursor-pointer shrink",
                 tabindex: "1",
@@ -218,7 +218,7 @@ function ee(e, u, le, se, oe, ne) {
                   size: "sm",
                   class: i([
                     "!p-[0.3rem] tag-close flex rounded-full p-1",
-                    r.closeTagClass ? r.closeTagClass : e.showTags ? "bg-inkwell-30" : e.taggable && r.added ? "bg-green-40" : "bg-blue-40"
+                    d.closeTagClass ? d.closeTagClass : e.showTags ? "bg-inkwell-30" : e.taggable && d.added ? "bg-green-40" : "bg-blue-40"
                   ]),
                   type: "line"
                 }, null, 8, ["class"])
@@ -251,7 +251,7 @@ function ee(e, u, le, se, oe, ne) {
             e.selectionControl ? "justify-between" : "items-center"
           ])
         }, [
-          e.selectionControl ? (s(), a(T, { key: 0 }, [
+          e.selectionControl ? (s(), a(L, { key: 0 }, [
             t("span", Q, o(e.placeholder || ""), 1),
             t("span", G, o(e.selected?.label || e.selected?.name || ""), 1)
           ], 64)) : (s(), a("span", K, o(e.selected?.label || e.selected?.name || e.placeholder || ""), 1))
@@ -259,7 +259,7 @@ function ee(e, u, le, se, oe, ne) {
           t("span", W, o(e.placeholder || ""), 1)
         ])) : n("", !0)
       ]),
-      option: d(({ option: l, search: m }) => [
+      option: r(({ option: l, search: m }) => [
         t("div", {
           class: i([
             "flex items-center w-full",
@@ -268,13 +268,13 @@ function ee(e, u, le, se, oe, ne) {
           ]),
           title: l.label ? l.label : ""
         }, [
-          e.multiple && e.hasCheckboxes ? (s(), g(L, {
+          e.multiple && e.hasCheckboxes ? (s(), g(T, {
             key: 0,
             "has-icon": !0,
             class: "selected-checkbox mr-2",
             shape: "square"
           }, {
-            icon: d(() => [
+            icon: r(() => [
               h(p, {
                 icon: "check",
                 color: "white",
@@ -316,7 +316,7 @@ function ee(e, u, le, se, oe, ne) {
     }, [
       e.showSelectAll ? {
         name: "beforeList",
-        fn: d(() => [
+        fn: r(() => [
           t("div", D, [
             h(y, {
               type: "button",
@@ -326,7 +326,7 @@ function ee(e, u, le, se, oe, ne) {
               status: "link",
               onClick: k(e.selectAll, ["prevent"])
             }, {
-              default: d(() => [
+              default: r(() => [
                 c(o(e.$t("HC_SELECT_ALL")), 1)
               ]),
               _: 1
@@ -339,7 +339,7 @@ function ee(e, u, le, se, oe, ne) {
               status: "link",
               onClick: k(e.clearAll, ["prevent"])
             }, {
-              default: d(() => [
+              default: r(() => [
                 c(o(e.$t("HC_CLEAR_ALL")), 1)
               ]),
               _: 1
@@ -350,13 +350,20 @@ function ee(e, u, le, se, oe, ne) {
       } : void 0,
       e.required && !e.floatingLabel ? {
         name: "placeholder",
-        fn: d(() => [
+        fn: r(() => [
           t("span", null, [
             c(o(e.placeholder), 1),
             t("span", j, " *" + o(e.$t("HC_REQUIRED")), 1)
           ])
         ]),
         key: "1"
+      } : void 0,
+      e.$slots.afterList ? {
+        name: "afterList",
+        fn: r(() => [
+          f(e.$slots, "afterList", {}, void 0, !0)
+        ]),
+        key: "2"
       } : void 0
     ]), 1032, ["id", "modelValue", "filtering-sort-func", "options", "searchable", "multiple", "taggable", "label", "track-by", "group-values", "group-label", "group-select", "block-keys", "class", "disabled", "loading", "allow-empty", "clear-on-select", "close-on-select", "show-tags", "tag-placeholder", "placeholder", "open-direction", "onOpen", "onClose", "onTag"]),
     e.showFloatingLabel ? (s(), a("div", Z, [
@@ -365,7 +372,7 @@ function ee(e, u, le, se, oe, ne) {
     ])) : n("", !0)
   ], 10, O);
 }
-const ue = /* @__PURE__ */ E(V, [["render", ee], ["__scopeId", "data-v-9a966622"]]);
+const ue = /* @__PURE__ */ E(V, [["render", ee], ["__scopeId", "data-v-3c3bdaee"]]);
 export {
   ue as default
 };

package/dist/index64.js

@@ -1,55 +1,93 @@
-import { defineComponent as p, computed as t } from "vue";
-const n = {
-  cleaning: { icon: "spray-bottle", type: "fill" },
-  complaint: { icon: "face-frown", type: "outline" },
-  fail: { icon: "close", type: "fill" },
-  history: { icon: "history", type: "fill" },
-  na: { icon: "na", type: "fill" },
-  pass: { icon: "check", type: "fill" },
-  repair: { icon: "minus", type: "fill" },
-  request: { icon: "concierge-bell", type: "outline" },
-  "satisfaction-call": { icon: "phone-plus", type: "fill" },
-  task: { icon: "tasks", type: "" },
-  "work-order": { icon: "hammer", type: "outline" },
-  "due-in": { icon: "due-in-fill", type: "fill" }
-}, s = n.history, r = p({
-  name: "QActivityItem",
+import { defineComponent as k, computed as c, resolveComponent as _, openBlock as t, createElementBlock as i, normalizeClass as a, createElementVNode as o, renderSlot as s, createVNode as w, toDisplayString as y, createCommentVNode as r } from "vue";
+const b = ["role"], T = { class: "shrink-0" }, C = { class: "activity-item__content-wrapper" }, g = { class: "activity-item__content-text" }, B = { key: 0 }, $ = {
+  key: 0,
+  class: "activity-item__time mb-1"
+}, q = { key: 0 }, x = {
+  key: 0,
+  class: "activity-item__time"
+}, A = { key: 0 }, z = /* @__PURE__ */ k({
+  __name: "activity-item",
   props: {
-    type: {
-      type: String,
-      default: "history"
-    },
-    text: {
-      type: String,
-      default: ""
-    },
-    time: {
-      type: String,
-      default: ""
-    },
-    isClickable: {
-      type: Boolean,
-      default: !1
-    },
-    wrapTime: {
-      type: Boolean,
-      default: !1
-    }
+    type: { default: "history" },
+    text: { default: "" },
+    time: { default: "" },
+    isClickable: { type: Boolean, default: !1 },
+    wrapTime: { type: Boolean, default: !1 },
+    isActionType: { type: Boolean }
   },
-  emits: ["click"],
-  setup(e, { emit: o }) {
-    const i = t(() => n[e.type] ?? s), l = t(() => i.value.icon), c = t(() => i.value.type), a = t(() => e.type === "history");
-    return {
-      props: e,
-      isHistory: a,
-      iconType: c,
-      typeIcon: l,
-      handleClick: () => {
-        o("click");
-      }
+  setup(e) {
+    const d = {
+      cleaning: { icon: "spray-bottle", type: "fill" },
+      complaint: { icon: "face-frown", type: "outline" },
+      fail: { icon: "close", type: "fill" },
+      history: { icon: "history", type: "fill" },
+      na: { icon: "na", type: "fill" },
+      pass: { icon: "check", type: "fill" },
+      repair: { icon: "minus", type: "fill" },
+      request: { icon: "concierge-bell", type: "outline" },
+      "satisfaction-call": { icon: "phone-plus", type: "fill" },
+      task: { icon: "tasks", type: "" },
+      "work-order": { icon: "hammer", type: "outline" },
+      "due-in": { icon: "due-in", type: "fill" },
+      posted: { icon: "check", type: "" },
+      added: { icon: "plus", type: "" },
+      edited: { icon: "pencil", type: "fill" },
+      paused: { icon: "paused", type: "" },
+      resumed: { icon: "start", type: "" },
+      reported: { icon: "front-desk", type: "" },
+      assigned: { icon: "user", type: "outline" }
+    }, p = d.history, l = e, m = c(() => d[l.type] ?? p), u = c(() => m.value.icon), v = c(() => m.value.type), f = c(() => l.isActionType ?? l.type === "history");
+    return (n, N) => {
+      const h = _("q-icon");
+      return t(), i("div", {
+        role: e.isClickable ? "button" : void 0,
+        class: a(["activity-item", {
+          "bg-gray-0": !f.value,
+          "activity-item--clickable": e.isClickable,
+          "activity-item--wrap-time": e.wrapTime
+        }])
+      }, [
+        o("div", {
+          class: a([
+            "activity-item__content",
+            {
+              "items-center": !e.wrapTime
+            }
+          ])
+        }, [
+          o("div", T, [
+            s(n.$slots, "icon", {}, () => [
+              o("div", {
+                class: a([
+                  "activity-item__icon",
+                  "activity-item__content-icon-" + e.type
+                ])
+              }, [
+                w(h, {
+                  icon: u.value,
+                  type: v.value,
+                  size: "sm",
+                  color: "white"
+                }, null, 8, ["icon", "type"])
+              ], 2)
+            ], !0)
+          ]),
+          o("div", C, [
+            o("div", g, [
+              e.text ? (t(), i("span", B, y(e.text), 1)) : s(n.$slots, "text", { key: 1 }, void 0, !0)
+            ]),
+            e.wrapTime ? (t(), i("div", $, [
+              e.time ? (t(), i("span", q, y(e.time), 1)) : s(n.$slots, "time", { key: 1 }, void 0, !0)
+            ])) : r("", !0)
+          ])
+        ], 2),
+        e.wrapTime ? r("", !0) : (t(), i("div", x, [
+          e.time ? (t(), i("span", A, y(e.time), 1)) : s(n.$slots, "time", { key: 1 }, void 0, !0)
+        ]))
+      ], 10, b);
     };
   }
 });
 export {
-  r as default
+  z as default
 };

package/dist/src/components/activity-item/activity-item.stories.d.ts

@@ -5,3 +5,6 @@ type Story = StoryObj<typeof meta>;
 export declare const WithProps: Story;
 export declare const WithSlots: Story;
 export declare const MixedUsage: Story;
+export declare const WrappedTime: Story;
+export declare const Clickable: Story;
+export declare const CustomIcon: Story;

package/dist/src/components/activity-item/activity-item.vue.d.ts

@@ -1,2 +1,35 @@
-export * from './activity-item.js';
-export { default } from './activity-item.js';
+type ActivityItemType = 'cleaning' | 'complaint' | 'fail' | 'history' | 'na' | 'pass' | 'repair' | 'request' | 'satisfaction-call' | 'task' | 'work-order' | 'due-in' | 'posted' | 'added' | 'edited' | 'paused' | 'resumed' | 'reported' | 'assigned';
+type __VLS_Props = {
+    type?: ActivityItemType;
+    text?: string;
+    time?: string;
+    isClickable?: boolean;
+    wrapTime?: boolean;
+    isActionType?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        text?(_: {}): any;
+        time?(_: {}): any;
+        time?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: ActivityItemType;
+    text: string;
+    time: string;
+    isClickable: boolean;
+    wrapTime: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/comment/comment.d.ts

@@ -286,6 +286,8 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {
+    readonly edited: Record<string, any>;
+    readonly user: Record<string, any>;
     readonly id: string | number;
     readonly created: Record<string, any>;
     readonly processing: boolean;
@@ -296,11 +298,9 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly canDelete: number | boolean;
     readonly canEdit: number | boolean;
     readonly canPin: boolean;
-    readonly user: Record<string, any>;
     readonly comment: string;
     readonly dateUtc: string;
     readonly dateLocal: string;
-    readonly edited: Record<string, any>;
     readonly onUpdateComment: Function;
     readonly pinned: boolean;
     readonly showAvatar: boolean;

package/dist/src/components/comment/comment.stories.d.ts

@@ -254,6 +254,8 @@ export declare const Primary: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
+                readonly edited: Record<string, any>;
+                readonly user: Record<string, any>;
                 readonly id: string | number;
                 readonly created: Record<string, any>;
                 readonly processing: boolean;
@@ -264,11 +266,9 @@ export declare const Primary: {
                 readonly canDelete: number | boolean;
                 readonly canEdit: number | boolean;
                 readonly canPin: boolean;
-                readonly user: Record<string, any>;
                 readonly comment: string;
                 readonly dateUtc: string;
                 readonly dateLocal: string;
-                readonly edited: Record<string, any>;
                 readonly onUpdateComment: Function;
                 readonly pinned: boolean;
                 readonly showAvatar: boolean;

package/dist/src/components/comment-section/comment-section.d.ts

@@ -438,6 +438,8 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
     }>> & Readonly<{
         "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     }>, {
+        readonly edited: Record<string, any>;
+        readonly user: Record<string, any>;
         readonly id: string | number;
         readonly created: Record<string, any>;
         readonly processing: boolean;
@@ -448,11 +450,9 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
         readonly canDelete: number | boolean;
         readonly canEdit: number | boolean;
         readonly canPin: boolean;
-        readonly user: Record<string, any>;
         readonly comment: string;
         readonly dateUtc: string;
         readonly dateLocal: string;
-        readonly edited: Record<string, any>;
         readonly onUpdateComment: Function;
         readonly pinned: boolean;
         readonly showAvatar: boolean;

package/dist/src/components/comment-section/comment-section.stories.d.ts

@@ -408,6 +408,8 @@ export declare const Primary: {
                 }>> & Readonly<{
                     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 }>, {
+                    readonly edited: Record<string, any>;
+                    readonly user: Record<string, any>;
                     readonly id: string | number;
                     readonly created: Record<string, any>;
                     readonly processing: boolean;
@@ -418,11 +420,9 @@ export declare const Primary: {
                     readonly canDelete: number | boolean;
                     readonly canEdit: number | boolean;
                     readonly canPin: boolean;
-                    readonly user: Record<string, any>;
                     readonly comment: string;
                     readonly dateUtc: string;
                     readonly dateLocal: string;
-                    readonly edited: Record<string, any>;
                     readonly onUpdateComment: Function;
                     readonly pinned: boolean;
                     readonly showAvatar: boolean;