@fiscozen/composables 0.1.16-beta.1 → 0.1.18

package/src/composables/useKeyDown.ts

@@ -1,9 +1,6 @@
 import { onBeforeUnmount, onMounted, Ref } from 'vue'
 
-function useKeyDown(
-  component: Ref<HTMLElement | undefined>,
-  callback: (event: KeyboardEvent) => void
-) {
+function useKeyDown(component: Ref<HTMLElement | undefined>, callback: (event: KeyboardEvent) => void) {
   // fail early if any of the required params is missing
   if (!component) {
     throw new Error('A target component has to be provided.')

package/src/composables/useKeyUp.ts

@@ -1,9 +1,7 @@
 import { onBeforeUnmount, onMounted, Ref } from 'vue'
 
-function useKeyUp(
-  callback: (event: KeyboardEvent) => void,
-  component?: Ref<HTMLElement | undefined>
-) {
+function useKeyUp(callback: (event: KeyboardEvent) => void, component?: Ref<HTMLElement | undefined>) {
+
   if (!callback || typeof callback !== 'function') {
     throw new Error('A callback has to be provided.')
   }
@@ -15,7 +13,7 @@ function useKeyUp(
   onMounted(() => {
     if (!component) {
       document.addEventListener('keyup', listener)
-      return
+      return;
     }
     component.value!.addEventListener('keyup', listener)
   })
@@ -23,7 +21,7 @@ function useKeyUp(
   onBeforeUnmount(() => {
     if (!component) {
       document.removeEventListener('keyup', listener)
-      return
+      return;
     }
     component.value!.removeEventListener('keyup', listener)
   })

package/src/types.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue'
 
-type PositionPrimary = 'bottom' | 'left' | 'top' | 'right' | 'auto' | 'auto-vertical'
+type PositionPrimary = 'bottom' | 'left' | 'top' | 'right' | 'auto'
 type PositionSecondary = 'start' | 'end'
 export type FzFloatingPosition = PositionPrimary | `${PositionPrimary}-${PositionSecondary}`
 
@@ -40,10 +40,4 @@ export interface FzUseFloatingArgs {
   container?: FzFloatElement
   opener?: FzFloatElement
   position?: Ref<FzFloatingPosition>
-  callback?: (
-    rect: Ref<DOMRect | undefined>,
-    openerRect: Ref<DOMRect | undefined>,
-    containerRect: Ref<DOMRect | undefined>,
-    position: Ref<FzFloatingPosition>
-  ) => void
 }

package/src/utils/index.ts

@@ -10,12 +10,11 @@ export const getHighestAvailableSpacePos = (
   container: HTMLElement,
   el: HTMLElement,
   opener: HTMLElement,
-  justify?: 'start' | 'end',
-  verticalOnly?: boolean
+  justify?: 'start' | 'end'
 ): FzFloatingPosition => {
-  let mainPosition: MainPosition = verticalOnly ? 'bottom' : 'right'
+  let mainPosition: MainPosition = 'right'
 
-  let positionRes: FzFloatingPosition = verticalOnly ? 'bottom-start' : 'right-start'
+  let positionRes: FzFloatingPosition = 'right-start'
 
   const containerRect = container.getBoundingClientRect()
   const elRect = el.getBoundingClientRect()
@@ -30,7 +29,7 @@ export const getHighestAvailableSpacePos = (
   const spaceBottomNormalized =
     (containerRect.bottom - openerRect.bottom - elRect.height) / containerRect.height
 
-  let positionList = [
+  const positionList = [
     {
       key: 'right',
       space: spaceRightNormalized
@@ -49,10 +48,6 @@ export const getHighestAvailableSpacePos = (
     } as PositionListItem
   ].sort((a, b) => b.space - a.space)
 
-  if (verticalOnly) {
-    positionList = positionList.filter((pos) => pos.key === 'top' || pos.key === 'bottom')
-  }
-
   mainPosition = positionList[0].key
 
   if (!justify) {