@quoreadmin/ui 1.10.32 → 1.11.0

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.32",
+  "version": "1.11.0",
   "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
-};