@quoreadmin/ui 1.9.2 → 1.10.0

package/dist/{index89.js → index90.js}

@@ -1,11 +1,11 @@
 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 "./index177.js";
-import { useMotionProperties as G, useMotionTransitions as I } from "./index178.js";
-import { useWindowScroll as J, useScroll as K } from "./index169.js";
-import H from "./index56.js";
-import X from "./index57.js";
+import { useDrag as j } from "./index180.js";
+import { useMotionProperties as G, useMotionTransitions as I } from "./index181.js";
+import { useWindowScroll as J, useScroll as K } from "./index172.js";
+import H from "./index57.js";
+import X from "./index58.js";
 const ne = U({
   name: "QDataList",
   components: {

package/dist/{index91.js → index92.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 "./index169.js";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index172.js";
 import ye from "./index18.js";
 import ge from "./index19.js";
-import be from "./index51.js";
-import we from "./index181.js";
-import Se from "./index56.js";
-import xe from "./index57.js";
+import be from "./index52.js";
+import we from "./index184.js";
+import Se from "./index57.js";
+import xe from "./index58.js";
 const Pe = de({
   name: "QDataTable",
   components: {

package/dist/{index97.js → index98.js}

@@ -1,11 +1,11 @@
 import { defineComponent as g, ref as l, computed as n, watch as f, nextTick as w, onUnmounted as v } from "vue";
-import D from "./index182.js";
+import D from "./index185.js";
 /* empty css         */
-import "./index184.js";
-import "./index185.js";
-import "./index186.js";
 import "./index187.js";
 import "./index188.js";
+import "./index189.js";
+import "./index190.js";
+import "./index191.js";
 const A = g({
   name: "QDatePicker",
   components: {

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

@@ -1166,9 +1166,6 @@ export declare const InspectionGrid: {
                 info: string;
                 floatingLabel: boolean;
                 noResultMessage: string;
-                groupSelectable: boolean;
-                groupLabel: string;
-                groupValues: string;
                 trackBy: string;
                 searchable: boolean;
                 clearOnSelect: boolean;
@@ -1176,9 +1173,12 @@ export declare const InspectionGrid: {
                 closeOnSelect: boolean;
                 taggable: boolean;
                 tagPlaceholder: string;
+                groupValues: string;
+                groupLabel: string;
                 blockKeys: unknown[];
                 openDirection: string;
                 filterSortFunction: Function;
+                groupSelectable: boolean;
                 hasCheckboxes: boolean;
                 noOptionsMessage: string;
                 selectionControl: boolean;
@@ -3490,9 +3490,6 @@ export declare const PMGrid: {
                 info: string;
                 floatingLabel: boolean;
                 noResultMessage: string;
-                groupSelectable: boolean;
-                groupLabel: string;
-                groupValues: string;
                 trackBy: string;
                 searchable: boolean;
                 clearOnSelect: boolean;
@@ -3500,9 +3497,12 @@ export declare const PMGrid: {
                 closeOnSelect: boolean;
                 taggable: boolean;
                 tagPlaceholder: string;
+                groupValues: string;
+                groupLabel: string;
                 blockKeys: unknown[];
                 openDirection: string;
                 filterSortFunction: Function;
+                groupSelectable: boolean;
                 hasCheckboxes: boolean;
                 noOptionsMessage: string;
                 selectionControl: boolean;

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

@@ -1196,9 +1196,6 @@ export declare const RowList: {
                 info: string;
                 floatingLabel: boolean;
                 noResultMessage: string;
-                groupSelectable: boolean;
-                groupLabel: string;
-                groupValues: string;
                 trackBy: string;
                 searchable: boolean;
                 clearOnSelect: boolean;
@@ -1206,9 +1203,12 @@ export declare const RowList: {
                 closeOnSelect: boolean;
                 taggable: boolean;
                 tagPlaceholder: string;
+                groupValues: string;
+                groupLabel: string;
                 blockKeys: unknown[];
                 openDirection: string;
                 filterSortFunction: Function;
+                groupSelectable: boolean;
                 hasCheckboxes: boolean;
                 noOptionsMessage: string;
                 selectionControl: boolean;

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

@@ -1075,9 +1075,6 @@ export declare const ClearFilters: {
                 info: string;
                 floatingLabel: boolean;
                 noResultMessage: string;
-                groupSelectable: boolean;
-                groupLabel: string;
-                groupValues: string;
                 trackBy: string;
                 searchable: boolean;
                 clearOnSelect: boolean;
@@ -1085,9 +1082,12 @@ export declare const ClearFilters: {
                 closeOnSelect: boolean;
                 taggable: boolean;
                 tagPlaceholder: string;
+                groupValues: string;
+                groupLabel: string;
                 blockKeys: unknown[];
                 openDirection: string;
                 filterSortFunction: Function;
+                groupSelectable: boolean;
                 hasCheckboxes: boolean;
                 noOptionsMessage: string;
                 selectionControl: boolean;

package/dist/src/components/page-layout/page-layout.vue.d.ts

@@ -0,0 +1,89 @@
+export interface Props {
+    headerBackgroundColor?: string;
+    headerColor?: string;
+    headerFixed?: boolean;
+    headerHideOnScroll?: boolean;
+    headerHideScrollThreshold?: number;
+    headerTop?: number;
+    headerShowShadow?: boolean;
+    headerBarClass?: string;
+    sidebarCollapsible?: boolean;
+    sidebarCollapsed?: boolean;
+    sidebarWidth?: string;
+    sidebarCollapsedWidth?: string;
+    sidebarClass?: string;
+    contentClass?: string;
+    mainClass?: string;
+    maxContentWidth?: string;
+    footerBackgroundColor?: string;
+    footerBarClass?: string;
+    footerVisible?: boolean;
+    containerBackgroundColor?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            scrolledToTop: boolean;
+            scrolledToBottom: boolean;
+        }): any;
+        'header-actions'?(_: {}): any;
+        sidebar?(_: {}): any;
+        default?(_: {
+            sidebarCollapsed: boolean;
+            scrolledToTop: boolean;
+            scrolledToBottom: boolean;
+        }): any;
+        overlay?(_: {}): any;
+        footer?(_: {
+            scrolledToBottom: boolean;
+        }): any;
+        footer?(_: {
+            scrolledToBottom: boolean;
+        }): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    scrolledToTop: import('vue').Ref<boolean, boolean>;
+    scrolledToBottom: import('vue').Ref<boolean, boolean>;
+    headerHidden: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:sidebarCollapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:sidebarCollapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    contentClass: string;
+    containerBackgroundColor: string;
+    headerBackgroundColor: string;
+    headerColor: string;
+    headerFixed: boolean;
+    headerHideOnScroll: boolean;
+    headerHideScrollThreshold: number;
+    headerTop: number;
+    headerShowShadow: boolean;
+    headerBarClass: string;
+    sidebarCollapsible: boolean;
+    sidebarCollapsed: boolean;
+    sidebarWidth: string;
+    sidebarCollapsedWidth: string;
+    sidebarClass: string;
+    mainClass: string;
+    maxContentWidth: string;
+    footerBackgroundColor: string;
+    footerBarClass: string;
+    footerVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, 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/room-details-popover/room-details-popover.d.ts

@@ -300,16 +300,22 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         issue: any;
         notes: string;
         startDate: Date;
+        startTime: string;
+        endTime: string;
     }, {
         endDate: Date;
         issue: any;
         notes: string;
         startDate: Date;
+        startTime: string;
+        endTime: string;
     } | {
         endDate: Date;
         issue: any;
         notes: string;
         startDate: Date;
+        startTime: string;
+        endTime: string;
     }>;
     roomNotices: import('vue').Ref<any[], any[]>;
     showCreateRequest: import('vue').Ref<boolean, boolean>;
@@ -1886,6 +1892,69 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         rows: number;
         textareaClass: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    QTimePicker: import('vue').DefineComponent<{
+        modelValue?: string;
+        format?: "12h" | "24h";
+        step?: number;
+        minTime?: string;
+        maxTime?: string;
+        mobile?: boolean;
+        placeholder?: string;
+        disabled?: boolean;
+        required?: boolean;
+        floatingLabel?: boolean;
+        size?: "xs" | "sm" | "md" | "lg";
+        id?: string;
+        clearable?: boolean;
+        customTimes?: import('../time-picker/time-picker.vue').TimeOption[];
+        showNow?: boolean;
+        timezone?: string;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: string;
+        format?: "12h" | "24h";
+        step?: number;
+        minTime?: string;
+        maxTime?: string;
+        mobile?: boolean;
+        placeholder?: string;
+        disabled?: boolean;
+        required?: boolean;
+        floatingLabel?: boolean;
+        size?: "xs" | "sm" | "md" | "lg";
+        id?: string;
+        clearable?: boolean;
+        customTimes?: import('../time-picker/time-picker.vue').TimeOption[];
+        showNow?: boolean;
+        timezone?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {
+        modelValue: string;
+        size: "xs" | "sm" | "md" | "lg";
+        placeholder: string;
+        disabled: boolean;
+        required: boolean;
+        id: string;
+        mobile: boolean;
+        floatingLabel: boolean;
+        clearable: boolean;
+        format: "12h" | "24h";
+        step: number;
+        minTime: string;
+        maxTime: string;
+        customTimes: import('../time-picker/time-picker.vue').TimeOption[];
+        showNow: boolean;
+        timezone: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        hourInputRef: HTMLInputElement;
+        minuteInputRef: HTMLInputElement;
+        periodInputRef: HTMLInputElement;
+        hourColumnRef: HTMLDivElement;
+        minuteColumnRef: HTMLDivElement;
+        periodColumnRef: HTMLDivElement;
+    }, HTMLDivElement>;
     QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         id: {
             type: StringConstructor;

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

@@ -372,9 +372,6 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
     info: string;
     floatingLabel: boolean;
     noResultMessage: string;
-    groupSelectable: boolean;
-    groupLabel: string;
-    groupValues: string;
     trackBy: string;
     searchable: boolean;
     clearOnSelect: boolean;
@@ -382,9 +379,12 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
     closeOnSelect: boolean;
     taggable: boolean;
     tagPlaceholder: string;
+    groupValues: string;
+    groupLabel: string;
     blockKeys: unknown[];
     openDirection: string;
     filterSortFunction: Function;
+    groupSelectable: boolean;
     hasCheckboxes: boolean;
     noOptionsMessage: string;
     selectionControl: boolean;

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

@@ -371,9 +371,6 @@ export declare const Primary: {
                 info: string;
                 floatingLabel: boolean;
                 noResultMessage: string;
-                groupSelectable: boolean;
-                groupLabel: string;
-                groupValues: string;
                 trackBy: string;
                 searchable: boolean;
                 clearOnSelect: boolean;
@@ -381,9 +378,12 @@ export declare const Primary: {
                 closeOnSelect: boolean;
                 taggable: boolean;
                 tagPlaceholder: string;
+                groupValues: string;
+                groupLabel: string;
                 blockKeys: unknown[];
                 openDirection: string;
                 filterSortFunction: Function;
+                groupSelectable: boolean;
                 hasCheckboxes: boolean;
                 noOptionsMessage: string;
                 selectionControl: boolean;
@@ -829,9 +829,6 @@ export declare const TagSelect: {
                 info: string;
                 floatingLabel: boolean;
                 noResultMessage: string;
-                groupSelectable: boolean;
-                groupLabel: string;
-                groupValues: string;
                 trackBy: string;
                 searchable: boolean;
                 clearOnSelect: boolean;
@@ -839,9 +836,12 @@ export declare const TagSelect: {
                 closeOnSelect: boolean;
                 taggable: boolean;
                 tagPlaceholder: string;
+                groupValues: string;
+                groupLabel: string;
                 blockKeys: unknown[];
                 openDirection: string;
                 filterSortFunction: Function;
+                groupSelectable: boolean;
                 hasCheckboxes: boolean;
                 noOptionsMessage: string;
                 selectionControl: boolean;
@@ -1286,9 +1286,6 @@ export declare const useAddTagOnlySelect: {
                 info: string;
                 floatingLabel: boolean;
                 noResultMessage: string;
-                groupSelectable: boolean;
-                groupLabel: string;
-                groupValues: string;
                 trackBy: string;
                 searchable: boolean;
                 clearOnSelect: boolean;
@@ -1296,9 +1293,12 @@ export declare const useAddTagOnlySelect: {
                 closeOnSelect: boolean;
                 taggable: boolean;
                 tagPlaceholder: string;
+                groupValues: string;
+                groupLabel: string;
                 blockKeys: unknown[];
                 openDirection: string;
                 filterSortFunction: Function;
+                groupSelectable: boolean;
                 hasCheckboxes: boolean;
                 noOptionsMessage: string;
                 selectionControl: boolean;

package/dist/src/components/time-picker/time-picker.vue.d.ts

@@ -1,10 +1,10 @@
-interface TimeOption {
+export interface TimeOption {
     label: string;
     value: string;
 }
-type __VLS_Props = {
+declare const _default: import('vue').DefineComponent<{
     modelValue?: string;
-    format?: '12h' | '24h';
+    format?: "12h" | "24h";
     step?: number;
     minTime?: string;
     maxTime?: string;
@@ -13,16 +13,32 @@ type __VLS_Props = {
     disabled?: boolean;
     required?: boolean;
     floatingLabel?: boolean;
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: "xs" | "sm" | "md" | "lg";
     id?: string;
     clearable?: boolean;
     customTimes?: TimeOption[];
     showNow?: boolean;
     timezone?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string;
+    format?: "12h" | "24h";
+    step?: number;
+    minTime?: string;
+    maxTime?: string;
+    mobile?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    floatingLabel?: boolean;
+    size?: "xs" | "sm" | "md" | "lg";
+    id?: string;
+    clearable?: boolean;
+    customTimes?: TimeOption[];
+    showNow?: boolean;
+    timezone?: string;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     modelValue: string;

package/dist/src/index.d.ts

@@ -34,6 +34,7 @@ export { default as QModal } from './components/modal/modal.vue';
 export { default as QModalContent } from './components/modal-content/modal-content.vue';
 export { default as QPageHeading } from './components/page-heading/page-heading.vue';
 export { default as QPageHeader } from './components/page-header/page-header.vue';
+export { default as QPageLayout } from './components/page-layout/page-layout.vue';
 export { default as QPageNavigation } from './components/page-navigation/page-navigation.vue';
 export { default as QPdfViewer } from './components/pdf-viewer/pdf-viewer.vue';
 export { default as QPopover } from './components/popover/popover.vue';

package/package.json

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

package/dist/index104.js

@@ -1,149 +0,0 @@
-import { defineComponent as S, ref as r, computed as v } from "vue";
-import { useDropZone as h } from "./index169.js";
-import z from "./index56.js";
-import M from "./index189.js";
-import T from "./index6.js";
-import I from "./index30.js";
-import L from "./index34.js";
-import O from "./index35.js";
-const W = S({
-  name: "QFileUpload",
-  components: {
-    FileUpload: M,
-    QBadge: T,
-    QImageGallery: I,
-    QModal: L,
-    QModalContent: O
-  },
-  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
-    },
-    fileLimit: {
-      type: Number,
-      default: null
-    },
-    processing: {
-      type: Boolean,
-      default: !1
-    },
-    showGallery: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["file-list", "upload-error", "uploading"],
-  setup(s, { emit: n }) {
-    const t = r(null), p = r(), i = r([]), d = r([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), w = () => {
-      t.value && t.value.clear();
-    }, x = () => {
-      i.value = [], d.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 a of l)
-        a.size > s.maxFileSize && i.value.push(a.name), c(a) || d.value.push(a.name);
-    }, B = (e) => {
-      n("upload-error", e);
-    }, U = () => {
-      t.value && t.value.upload();
-    }, A = (e) => {
-      n("uploading", e);
-    }, b = (e) => {
-      const o = u.value, l = o.findIndex(
-        (a) => a.lastModified === e.lastModified
-      );
-      l !== -1 && (o.splice(l, 1), n("file-list", o)), t.value.messages = null;
-    }, C = (e) => {
-      g(e), n("file-list", e.files);
-    }, E = () => {
-      !s.processing && !s.disabled && t.value && t.value.choose();
-    }, { isOverDropZone: Q } = h(p);
-    return {
-      // ref elements - Needed this for triggering events in component
-      fileUpload: t,
-      dropZoneRef: p,
-      // refs
-      allFiles: u,
-      sizeErrors: i,
-      typeErrors: d,
-      isOverDropZone: Q,
-      // 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: b,
-      onSelectedFiles: C,
-      onAddFileClick: E,
-      // composables
-      mq: z
-    };
-  }
-});
-export {
-  W as default
-};