@quoreadmin/ui 1.8.9 → 1.8.11

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;

package/dist/src/components/room-details-popover/room-details-popover.d.ts

@@ -696,86 +696,65 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         chevronClass: string | Record<string, any> | unknown[];
         chevronSize: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    QActivityItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        type: {
-            type: import('vue').PropType<"cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in">;
-            default: string;
-        };
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        time: {
-            type: StringConstructor;
-            default: string;
-        };
-        isClickable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrapTime: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        props: import('@vue/shared').LooseRequired<Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<"cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in">;
-                default: string;
-            };
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            time: {
-                type: StringConstructor;
-                default: string;
-            };
-            isClickable: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wrapTime: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
-        }> & {}>;
-        isHistory: import('vue').ComputedRef<boolean>;
-        iconType: import('vue').ComputedRef<"" | "fill" | "outline">;
-        typeIcon: import('vue').ComputedRef<string>;
-        handleClick: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        type: {
-            type: import('vue').PropType<"cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in">;
-            default: string;
-        };
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        time: {
-            type: StringConstructor;
-            default: string;
-        };
-        isClickable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrapTime: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {
-        type: "cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in";
+    QActivityItem: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            type?: "cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in" | "posted" | "added" | "edited" | "paused" | "resumed" | "reported" | "assigned";
+            text?: string;
+            time?: string;
+            isClickable?: boolean;
+            wrapTime?: boolean;
+            isActionType?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            type: "cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in" | "posted" | "added" | "edited" | "paused" | "resumed" | "reported" | "assigned";
+            text: string;
+            time: string;
+            isClickable: boolean;
+            wrapTime: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            type?: "cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in" | "posted" | "added" | "edited" | "paused" | "resumed" | "reported" | "assigned";
+            text?: string;
+            time?: string;
+            isClickable?: boolean;
+            wrapTime?: boolean;
+            isActionType?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            type: "cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in" | "posted" | "added" | "edited" | "paused" | "resumed" | "reported" | "assigned";
+            text: string;
+            time: string;
+            isClickable: boolean;
+            wrapTime: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        type?: "cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in" | "posted" | "added" | "edited" | "paused" | "resumed" | "reported" | "assigned";
+        text?: string;
+        time?: string;
+        isClickable?: boolean;
+        wrapTime?: boolean;
+        isActionType?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        type: "cleaning" | "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order" | "due-in" | "posted" | "added" | "edited" | "paused" | "resumed" | "reported" | "assigned";
         text: string;
         time: string;
         isClickable: boolean;
         wrapTime: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+            text?(_: {}): any;
+            time?(_: {}): any;
+            time?(_: {}): any;
+        };
+    });
     QAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
             type: StringConstructor;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@quoreadmin/ui",
     "private": false,
-    "version": "1.8.9",
+    "version": "1.8.11",
     "type": "module",
     "sideEffects": [
         "**/*.css",

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

@@ -1,85 +0,0 @@
-import { PropType } from 'vue';
-type ActivityItemType = 'cleaning' | 'complaint' | 'fail' | 'history' | 'na' | 'pass' | 'repair' | 'request' | 'satisfaction-call' | 'task' | 'work-order' | 'due-in';
-type IconType = 'fill' | 'outline' | '';
-declare const QActivityItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    type: {
-        type: PropType<ActivityItemType>;
-        default: string;
-    };
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    time: {
-        type: StringConstructor;
-        default: string;
-    };
-    isClickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    props: import('@vue/shared').LooseRequired<Readonly<import('vue').ExtractPropTypes<{
-        type: {
-            type: PropType<ActivityItemType>;
-            default: string;
-        };
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        time: {
-            type: StringConstructor;
-            default: string;
-        };
-        isClickable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrapTime: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
-    isHistory: import('vue').ComputedRef<boolean>;
-    iconType: import('vue').ComputedRef<IconType>;
-    typeIcon: import('vue').ComputedRef<string>;
-    handleClick: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    type: {
-        type: PropType<ActivityItemType>;
-        default: string;
-    };
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    time: {
-        type: StringConstructor;
-        default: string;
-    };
-    isClickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    type: ActivityItemType;
-    text: string;
-    time: string;
-    isClickable: boolean;
-    wrapTime: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export type QActivityItemType = typeof QActivityItem;
-export default QActivityItem;