@teammodlr/ui-kit 2.0.8 → 2.0.10

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
-}