@teammodlr/ui-kit 2.0.7 → 2.0.9

package/lib/composables/usePopperV2.d.ts

@@ -1,231 +0,0 @@
-import type { Ref } from 'vue';
-import type { Instance, VirtualElement } from '@popperjs/core';
-import type { PopperOptions } from 'src/types/popper';
-import type { MaybeElement } from '@vueuse/core';
-export declare const createPopper: <TModifier extends Partial<import("@popperjs/core").Modifier<any, any>>>(reference: Element | VirtualElement, popper: HTMLElement, options?: Partial<import("@popperjs/core").OptionsGeneric<TModifier>> | undefined) => Instance;
-export declare function usePopper({ locked, overflowPadding, offsetDistance, offsetSkid, gpuAcceleration, adaptive, scroll, resize, placement, strategy }: PopperOptions, virtualReference?: Ref<Element | VirtualElement>): readonly [Ref<MaybeElement>, Ref<MaybeElement>, Ref<{
-    state: {
-        elements: {
-            reference: Element | {
-                getBoundingClientRect: () => ClientRect | DOMRect;
-                contextElement?: Element | undefined;
-            };
-            popper: HTMLElement;
-            arrow?: HTMLElement | undefined;
-        };
-        options: {
-            placement: import("@popperjs/core").Placement;
-            modifiers: any[];
-            strategy: import("@popperjs/core").PositioningStrategy;
-            onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
-        };
-        placement: import("@popperjs/core").Placement;
-        strategy: import("@popperjs/core").PositioningStrategy;
-        orderedModifiers: {
-            name: any;
-            enabled: boolean;
-            phase: import("@popperjs/core").ModifierPhases;
-            requires?: string[] | undefined;
-            requiresIfExists?: string[] | undefined;
-            fn: (arg0: import("@popperjs/core").ModifierArguments<any>) => void | import("@popperjs/core").State;
-            effect?: ((arg0: import("@popperjs/core").ModifierArguments<any>) => void | (() => void)) | undefined;
-            options?: Partial<any> | undefined;
-            data?: import("@popperjs/core").Obj | undefined;
-        }[];
-        rects: {
-            reference: {
-                width: number;
-                height: number;
-                x: number;
-                y: number;
-            };
-            popper: {
-                width: number;
-                height: number;
-                x: number;
-                y: number;
-            };
-        };
-        scrollParents: {
-            reference: (Element | {
-                innerHeight: number;
-                offsetHeight: number;
-                innerWidth: number;
-                offsetWidth: number;
-                pageXOffset: number;
-                pageYOffset: number;
-                getComputedStyle: typeof getComputedStyle;
-                addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
-                removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
-                Element: Element;
-                HTMLElement: HTMLElement;
-                Node: Node;
-                toString: () => "[object Window]";
-                devicePixelRatio: number;
-                visualViewport?: {
-                    addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
-                    dispatchEvent: (event: Event) => boolean;
-                    removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
-                    width: number;
-                    height: number;
-                    offsetLeft: number;
-                    offsetTop: number;
-                    scale: number;
-                } | undefined;
-                ShadowRoot: ShadowRoot;
-            } | {
-                addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
-                dispatchEvent: (event: Event) => boolean;
-                removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
-                width: number;
-                height: number;
-                offsetLeft: number;
-                offsetTop: number;
-                scale: number;
-            })[];
-            popper: (Element | {
-                innerHeight: number;
-                offsetHeight: number;
-                innerWidth: number;
-                offsetWidth: number;
-                pageXOffset: number;
-                pageYOffset: number;
-                getComputedStyle: typeof getComputedStyle;
-                addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
-                removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
-                Element: Element;
-                HTMLElement: HTMLElement;
-                Node: Node;
-                toString: () => "[object Window]";
-                devicePixelRatio: number;
-                visualViewport?: {
-                    addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
-                    dispatchEvent: (event: Event) => boolean;
-                    removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
-                    width: number;
-                    height: number;
-                    offsetLeft: number;
-                    offsetTop: number;
-                    scale: number;
-                } | undefined;
-                ShadowRoot: ShadowRoot;
-            } | {
-                addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
-                dispatchEvent: (event: Event) => boolean;
-                removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
-                width: number;
-                height: number;
-                offsetLeft: number;
-                offsetTop: number;
-                scale: number;
-            })[];
-        };
-        styles: {
-            [key: string]: Partial<CSSStyleDeclaration>;
-        };
-        attributes: {
-            [key: string]: {
-                [key: string]: string | boolean;
-            };
-        };
-        modifiersData: {
-            [x: string]: any;
-            arrow?: {
-                x?: number | undefined;
-                y?: number | undefined;
-                centerOffset: number;
-            } | undefined;
-            hide?: {
-                isReferenceHidden: boolean;
-                hasPopperEscaped: boolean;
-                referenceClippingOffsets: {
-                    top: number;
-                    left: number;
-                    right: number;
-                    bottom: number;
-                };
-                popperEscapeOffsets: {
-                    top: number;
-                    left: number;
-                    right: number;
-                    bottom: number;
-                };
-            } | undefined;
-            offset?: {
-                bottom?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                left?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                right?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                top?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                auto?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "auto-start"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "auto-end"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "top-start"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "top-end"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "bottom-start"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "bottom-end"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "right-start"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "right-end"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "left-start"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-                "left-end"?: {
-                    y: number;
-                    x: number;
-                } | undefined;
-            } | undefined;
-            preventOverflow?: {
-                y: number;
-                x: number;
-            } | undefined;
-            popperOffsets?: {
-                y: number;
-                x: number;
-            } | undefined;
-        };
-        reset: boolean;
-    };
-    destroy: () => void;
-    forceUpdate: () => void;
-    update: () => Promise<Partial<import("@popperjs/core").State>>;
-    setOptions: (setOptionsAction: Partial<import("@popperjs/core").OptionsGeneric<any>> | ((prev: Partial<import("@popperjs/core").OptionsGeneric<any>>) => Partial<import("@popperjs/core").OptionsGeneric<any>>)) => Promise<Partial<import("@popperjs/core").State>>;
-} | null>];

package/src/composables/usePopperV2.ts

@@ -1,89 +0,0 @@
-import { ref, onMounted, watchEffect, unref } from 'vue'
-import type { Ref } from 'vue'
-import { popperGenerator, defaultModifiers } from '@popperjs/core/lib/popper-lite'
-import type { Instance, VirtualElement } from '@popperjs/core'
-import flip from '@popperjs/core/lib/modifiers/flip'
-import offset from '@popperjs/core/lib/modifiers/offset'
-import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow'
-import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'
-import eventListeners from '@popperjs/core/lib/modifiers/eventListeners'
-import type { PopperOptions } from 'src/types/popper'
-import { unrefElement } from '@vueuse/core'
-import type { MaybeElement } from '@vueuse/core'
-
-export const createPopper = popperGenerator({
-    defaultModifiers: [
-        ...defaultModifiers,
-        offset,
-        flip,
-        preventOverflow,
-        computeStyles,
-        eventListeners
-    ]
-})
-
-export function usePopper ({
-    locked = false,
-    overflowPadding = 8,
-    offsetDistance = 8,
-    offsetSkid = 0,
-    gpuAcceleration = true,
-    adaptive = true,
-    scroll = true,
-    resize = true,
-    placement,
-    strategy
-  }: PopperOptions, virtualReference?: Ref<Element | VirtualElement>) {
-    const reference = ref<MaybeElement>(null)
-    const popper = ref<MaybeElement>(null)
-    const instance = ref<Instance | null>(null)
-  
-    onMounted(() => {
-      watchEffect((onInvalidate) => {
-        if (!popper.value) { return }
-        if (!reference.value && !virtualReference?.value) { return }
-  
-        const popperEl = unrefElement(popper)
-        const referenceEl = virtualReference?.value || unrefElement(reference)
-  
-        // if (!(referenceEl instanceof HTMLElement)) { return }
-        if (!(popperEl instanceof HTMLElement)) { return }
-        if (!referenceEl) { return }
-  
-        instance.value = createPopper(referenceEl, popperEl, {
-          placement,
-          strategy,
-          modifiers: [{
-            name: 'flip',
-            enabled: !locked
-          }, {
-            name: 'preventOverflow',
-            options: {
-              padding: overflowPadding
-            }
-          }, {
-            name: 'offset',
-            options: {
-              offset: [offsetSkid, offsetDistance]
-            }
-          }, {
-            name: 'computeStyles',
-            options: {
-              adaptive,
-              gpuAcceleration
-            }
-          }, {
-            name: 'eventListeners',
-            options: {
-              scroll,
-              resize
-            }
-          }]
-        })
-  
-        onInvalidate(instance.value.destroy)
-      })
-    })
-  
-    return [reference, popper, instance] as const
-  }

package/src/types/popper.d.ts

@@ -1,14 +0,0 @@
-import type { Placement, PositioningStrategy } from '@popperjs/core'
-
-export interface PopperOptions {
-  locked?: boolean
-  overflowPadding?: number
-  offsetDistance?: number
-  offsetSkid?: number
-  placement?: Placement
-  strategy?: PositioningStrategy
-  gpuAcceleration?: boolean
-  adaptive?: boolean
-  scroll?: boolean
-  resize?: boolean
-}