@quoreadmin/ui 1.10.33 → 1.11.1

package/dist/index89.js

@@ -0,0 +1,156 @@
+import { defineComponent as h, ref as s, computed as v, watch as f } from "vue";
+import B from "./index6.js";
+import g from "./index7.js";
+import S from "./index28.js";
+import D from "./index31.js";
+import F from "./index53.js";
+import P from "./index41.js";
+import Q from "./index58.js";
+import b from "./index59.js";
+import { filterData as n } from "./index57.js";
+import { useDebounceFn as A } from "./index187.js";
+const j = h({
+  name: "QDataFilter",
+  components: {
+    QBadge: B,
+    QBottomSheet: g,
+    QIcon: S,
+    QInput: D,
+    QTooltip: F,
+    QPopover: P
+  },
+  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
+    },
+    filtersPopoverSize: {
+      type: String,
+      default: "lg"
+    },
+    filtersPopoverTeleport: {
+      type: Boolean,
+      default: !1
+    },
+    filtersPopoverTeleportTo: {
+      type: String,
+      default: "body"
+    }
+  },
+  emits: [
+    "update:data",
+    "update:search",
+    "click:filters",
+    "popover:close",
+    "bottom-sheet:close"
+  ],
+  setup(t, { emit: l }) {
+    const d = A((e) => {
+      l("update:search", e);
+    }, t.searchDelay), u = b(), c = s(0), r = s(!1), a = 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 = () => {
+      a.value = !1, l("bottom-sheet:close");
+    }, y = () => {
+      r.value = !1, l("popover:close");
+    }, m = (e) => {
+      e(), l("click:filters");
+    };
+    return f(
+      t,
+      () => {
+        const e = n(
+          t.data,
+          t.search,
+          t.filters,
+          t.sortBy,
+          t.orderBy === "desc" ? -1 : 1,
+          t.excludedFields,
+          t.noneEqualsAll
+        );
+        c.value = e.length, l("update:data", e);
+      },
+      { deep: !0 }
+    ), f(r, (e, o) => {
+      o === !0 && e === !1 && l("popover:close");
+    }), f(a, (e, o) => {
+      o === !0 && e === !1 && l("bottom-sheet:close");
+    }), {
+      // Plugins
+      debouncedSearch: d,
+      // Ref
+      filteredCount: c,
+      showFilterBottomSheet: a,
+      showFilterPopover: r,
+      // Methods
+      closeBottomSheet: p,
+      closePopover: y,
+      onFilterClick: m,
+      // Computed
+      filtersCount: i,
+      // Composables
+      deviceType: u,
+      filterData: n,
+      mq: Q
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/index9.js

@@ -1,6 +1,6 @@
-import r from "./index78.js";
+import r from "./index79.js";
 import { resolveComponent as l, openBlock as n, createElementBlock as p, createVNode as d, withCtx as c, createElementVNode as i, createBlock as m, createCommentVNode as u, toDisplayString as b } from "vue";
-import f from "./index65.js";
+import f from "./index66.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");

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

@@ -1,11 +1,11 @@
 import { defineComponent as G, ref as l, computed as i, onMounted as I, onUnmounted as J, nextTick as F } from "vue";
 import K from "./index6.js";
 import X from "./index15.js";
-import { useDrag as _ } from "./index181.js";
-import { useMotionProperties as ee, useMotionTransitions as te } from "./index182.js";
-import { useWindowScroll as le, useScroll as Q } from "./index173.js";
-import V from "./index57.js";
-import ae from "./index58.js";
+import { useDrag as _ } from "./index184.js";
+import { useMotionProperties as ee, useMotionTransitions as te } from "./index185.js";
+import { useWindowScroll as le, useScroll as Q } from "./index176.js";
+import V from "./index58.js";
+import ae from "./index59.js";
 const de = G({
   name: "QDataList",
   components: {

package/dist/{index92.js → index93.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 "./index173.js";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index176.js";
 import ye from "./index18.js";
 import ge from "./index19.js";
-import be from "./index52.js";
-import we from "./index185.js";
-import Se from "./index57.js";
-import xe from "./index58.js";
+import be from "./index53.js";
+import we from "./index188.js";
+import Se from "./index58.js";
+import xe from "./index59.js";
 const Pe = de({
   name: "QDataTable",
   components: {

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

@@ -1,11 +1,11 @@
 import { defineComponent as w, ref as s, computed as m, watch as D, nextTick as h, onUnmounted as N } from "vue";
-import v from "./index186.js";
+import v from "./index189.js";
 /* empty css         */
-import "./index188.js";
-import "./index189.js";
-import "./index190.js";
 import "./index191.js";
 import "./index192.js";
+import "./index193.js";
+import "./index194.js";
+import "./index195.js";
 const B = (e) => {
   if (!e || typeof e != "string") return;
   const t = e.trim();

package/dist/src/components/popper/popper.vue.d.ts

@@ -0,0 +1,90 @@
+interface PopperProps {
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+    closeOnReferenceHidden?: boolean;
+    offset?: number;
+    open?: boolean;
+    placement?: string;
+    scrollIntoView?: boolean;
+    scrollPadding?: number;
+    showArrow?: boolean;
+    size?: string;
+    strategy?: string;
+    teleport?: boolean;
+    teleportTo?: string;
+}
+declare function toggle(): void;
+declare function handleKeydown(event: KeyboardEvent): void;
+declare function scrollFloatingIntoView(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            onClick: typeof toggle;
+            open: boolean;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        reference: HTMLDivElement;
+        floating: HTMLDivElement;
+        arrow: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PopperProps, {
+    arrow: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    arrowStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+    floating: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    floatingSizingStyle: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    floatingStyles: Readonly<import('vue').Ref<{
+        position: import('@floating-ui/vue').Strategy;
+        top: string;
+        left: string;
+        transform?: string;
+        willChange?: string;
+    }, {
+        position: import('@floating-ui/vue').Strategy;
+        top: string;
+        left: string;
+        transform?: string;
+        willChange?: string;
+    }>>;
+    handleKeydown: typeof handleKeydown;
+    placement: Readonly<import('vue').Ref<import('@floating-ui/vue').Placement, import('@floating-ui/vue').Placement>>;
+    reference: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    scrollFloatingIntoView: typeof scrollFloatingIntoView;
+    toggle: typeof toggle;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<PopperProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    size: string;
+    offset: number;
+    scrollPadding: number;
+    teleport: boolean;
+    teleportTo: string;
+    scrollIntoView: boolean;
+    placement: string;
+    strategy: string;
+    closeOnEscape: boolean;
+    closeOnOutsideClick: boolean;
+    closeOnReferenceHidden: boolean;
+    showArrow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    reference: HTMLDivElement;
+    floating: HTMLDivElement;
+    arrow: 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/popper/use-popper.d.ts

@@ -0,0 +1,37 @@
+import { CSSProperties } from 'vue';
+import { Placement, Strategy } from '@floating-ui/vue';
+interface UsePopperOptions {
+    closeOnReferenceHidden: boolean;
+    offset: number;
+    open: boolean;
+    placement: string;
+    showArrow: boolean;
+    strategy: string;
+}
+interface UsePopperPositioningArgs {
+    props: UsePopperOptions;
+    onReferenceHidden: () => void;
+}
+export declare function usePopperPositioning({ props, onReferenceHidden, }: UsePopperPositioningArgs): {
+    arrow: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    arrowStyle: import('vue').ComputedRef<CSSProperties>;
+    floating: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    floatingSizingStyle: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    floatingStyles: Readonly<import('vue').Ref<{
+        position: Strategy;
+        top: string;
+        left: string;
+        transform?: string;
+        willChange?: string;
+    }, {
+        position: Strategy;
+        top: string;
+        left: string;
+        transform?: string;
+        willChange?: string;
+    }>>;
+    placement: Readonly<import('vue').Ref<Placement, Placement>>;
+    reference: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    update: () => void;
+};
+export {};

package/dist/src/index.d.ts

@@ -38,6 +38,7 @@ 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';
+export { default as QPopper } from './components/popper/popper.vue';
 export { default as QProgressBar } from './components/progress-bar/progress-bar.vue';
 export { default as QProgressBarGroup } from './components/progress-bar-group/progress-bar-group.vue';
 export { default as QRadio } from './components/radio/radio.vue';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quoreadmin/ui",
   "private": false,
-  "version": "1.10.33",
+  "version": "1.11.1",
   "type": "module",
   "sideEffects": [
     "**/*.css",
@@ -55,6 +55,7 @@
     }
   },
   "dependencies": {
+    "@floating-ui/vue": "^1.1.11",
     "pdfjs-dist": "^4.10.38"
   },
   "devDependencies": {

package/dist/index100.js

@@ -1,29 +0,0 @@
-import { defineComponent as e, computed as o } from "vue";
-const a = e({
-  name: "QDivider",
-  props: {
-    /** Border style */
-    borderStyle: {
-      type: String,
-      default: "solid"
-    },
-    /** Border color */
-    borderColor: {
-      type: String,
-      default: "gray-20"
-    },
-    textClass: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(r, { slots: t }) {
-    return {
-      hasSlotContent: o(() => !!t.default)
-    };
-  }
-});
-export {
-  a as default
-};

package/dist/index105.js

@@ -1,149 +0,0 @@
-import { defineComponent as S, ref as r, computed as v } from "vue";
-import { useDropZone as h } from "./index173.js";
-import z from "./index57.js";
-import M from "./index193.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
-};