sprintify-ui 0.10.63 → 0.10.65

package/src/composables/inputSize.ts

@@ -1,36 +1,36 @@
-import { useBreakpoints } from "./breakpoints";
-import { Size, sizes } from "@/utils/sizes";
-import { MaybeRef } from "vue";
-import { config } from "..";
-
-function useInputSize(size: MaybeRef<Size | '' | undefined | null>) {
-
-    const bp = useBreakpoints();
-
-    const defaultSize = (config.props?.size ?? 'md') as Size;
-
-    const sizeInternal = computed(() => {
-
-        if (bp.smaller('sm').value) {
-            return 'md';
-        }
-
-        let s = unref(size);
-
-        if (!s) {
-            s = defaultSize;
-        }
-
-        if (!Object.keys(sizes).includes(s)) {
-            s = defaultSize;
-        }
-
-        return s;
-    });
-
-    return {
-        size: sizeInternal,
-    };
-}
-
+import { useBreakpoints } from "./breakpoints";
+import { Size, sizes } from "@/utils/sizes";
+import { MaybeRef } from "vue";
+import { config } from "..";
+
+function useInputSize(size: MaybeRef<Size | '' | undefined | null>) {
+
+    const bp = useBreakpoints();
+
+    const defaultSize = (config.props?.size ?? 'md') as Size;
+
+    const sizeInternal = computed(() => {
+
+        if (bp.smaller('sm').value) {
+            return 'md';
+        }
+
+        let s = unref(size);
+
+        if (!s) {
+            s = defaultSize;
+        }
+
+        if (!Object.keys(sizes).includes(s)) {
+            s = defaultSize;
+        }
+
+        return s;
+    });
+
+    return {
+        size: sizeInternal,
+    };
+}
+
 export { useInputSize };

package/src/composables/isLastColumn.ts

@@ -1,31 +1,31 @@
-import { MaybeRef } from "vue";
-
-export function useIsLastColumn(tdOrTh: MaybeRef<HTMLTableCellElement | null>) {
-
-    const rightCol = ref<HTMLTableCellElement | null>();
-
-    onMounted(() => {
-        rightCol.value = unref(tdOrTh)?.nextElementSibling as HTMLTableCellElement | null;
-    });
-
-    const isLastColumn = computed(() => {
-
-        if (!rightCol.value) {
-            return true;
-        }
-
-        if (rightCol.value.tagName.toLowerCase() === 'th') {
-            return false;
-        }
-
-        if (rightCol.value.tagName.toLowerCase() === 'td') {
-            return false;
-        }
-
-        return true;
-    });
-
-    return {
-        isLastColumn,
-    };
+import { MaybeRef } from "vue";
+
+export function useIsLastColumn(tdOrTh: MaybeRef<HTMLTableCellElement | null>) {
+
+    const rightCol = ref<HTMLTableCellElement | null>();
+
+    onMounted(() => {
+        rightCol.value = unref(tdOrTh)?.nextElementSibling as HTMLTableCellElement | null;
+    });
+
+    const isLastColumn = computed(() => {
+
+        if (!rightCol.value) {
+            return true;
+        }
+
+        if (rightCol.value.tagName.toLowerCase() === 'th') {
+            return false;
+        }
+
+        if (rightCol.value.tagName.toLowerCase() === 'td') {
+            return false;
+        }
+
+        return true;
+    });
+
+    return {
+        isLastColumn,
+    };
 }

package/src/composables/mediaQuery.ts

@@ -1,42 +1,42 @@
-import { ref, watchEffect } from 'vue';
-import type { MaybeRefOrGetter } from '@vueuse/shared';
-import { resolveRef, tryOnScopeDispose } from '@vueuse/shared';
-
-export function useMediaQuery(query: MaybeRefOrGetter<string>) {
-  const isSupported = () =>
-    window && 'matchMedia' in window && typeof window.matchMedia === 'function';
-
-  let mediaQuery: MediaQueryList | undefined;
-  const matches = ref(false);
-
-  const cleanup = () => {
-    if (!mediaQuery) return;
-    if ('removeEventListener' in mediaQuery)
-      // eslint-disable-next-line @typescript-eslint/no-use-before-define
-      mediaQuery.removeEventListener('change', update);
-    // @ts-expect-error deprecated API
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    else mediaQuery.removeListener(update);
-  };
-
-  const update = () => {
-    if (!isSupported()) return;
-
-    cleanup();
-
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    mediaQuery = window.matchMedia(resolveRef(query).value) as MediaQueryList;
-    matches.value = mediaQuery.matches;
-
-    if ('addEventListener' in mediaQuery)
-      mediaQuery.addEventListener('change', update);
-    // @ts-expect-error deprecated API
-    else mediaQuery.addListener(update);
-  };
-
-  watchEffect(update);
-
-  tryOnScopeDispose(() => cleanup());
-
-  return matches;
-}
+import { ref, watchEffect } from 'vue';
+import type { MaybeRefOrGetter } from '@vueuse/shared';
+import { resolveRef, tryOnScopeDispose } from '@vueuse/shared';
+
+export function useMediaQuery(query: MaybeRefOrGetter<string>) {
+  const isSupported = () =>
+    window && 'matchMedia' in window && typeof window.matchMedia === 'function';
+
+  let mediaQuery: MediaQueryList | undefined;
+  const matches = ref(false);
+
+  const cleanup = () => {
+    if (!mediaQuery) return;
+    if ('removeEventListener' in mediaQuery)
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      mediaQuery.removeEventListener('change', update);
+    // @ts-expect-error deprecated API
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    else mediaQuery.removeListener(update);
+  };
+
+  const update = () => {
+    if (!isSupported()) return;
+
+    cleanup();
+
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    mediaQuery = window.matchMedia(resolveRef(query).value) as MediaQueryList;
+    matches.value = mediaQuery.matches;
+
+    if ('addEventListener' in mediaQuery)
+      mediaQuery.addEventListener('change', update);
+    // @ts-expect-error deprecated API
+    else mediaQuery.addListener(update);
+  };
+
+  watchEffect(update);
+
+  tryOnScopeDispose(() => cleanup());
+
+  return matches;
+}

package/src/composables/modal.ts

@@ -1,73 +1,73 @@
-import { disableScroll, enableScroll } from '../utils';
-import { Ref } from 'vue';
-
-export function useModal(modelValue: Ref<boolean>, emit: any) {
-  const mounted = ref(false);
-
-  watch(
-    () => modelValue.value,
-    () => {
-      init();
-    },
-    { immediate: true }
-  );
-
-  onMounted(() => {
-    mounted.value = true;
-    init();
-  });
-
-  onBeforeUnmount(() => {
-    deactivate();
-  });
-
-  function init() {
-    if (!mounted.value) {
-      return;
-    }
-
-    if (modelValue.value) {
-      activate();
-    } else {
-      deactivate();
-    }
-  }
-
-  function activate() {
-    disableScroll();
-    window.addEventListener('keydown', onKeydown);
-  }
-
-  function deactivate() {
-    enableScroll();
-    window.removeEventListener('keydown', onKeydown);
-  }
-
-  function onKeydown(event: KeyboardEvent) {
-    if (event.code == 'Escape') {
-      if (modelValue) {
-        close();
-      }
-    }
-  }
-
-  const animationClasses = ref('');
-
-  function refuseAnimation() {
-    animationClasses.value = '';
-    setTimeout(() => {
-      animationClasses.value = 'animate-shake';
-    });
-  }
-
-  function close() {
-    animationClasses.value = '';
-    emit('update:modelValue', false);
-  }
-
-  return {
-    close,
-    refuseAnimation,
-    animationClasses,
-  };
-}
+import { disableScroll, enableScroll } from '../utils';
+import { Ref } from 'vue';
+
+export function useModal(modelValue: Ref<boolean>, emit: any) {
+  const mounted = ref(false);
+
+  watch(
+    () => modelValue.value,
+    () => {
+      init();
+    },
+    { immediate: true }
+  );
+
+  onMounted(() => {
+    mounted.value = true;
+    init();
+  });
+
+  onBeforeUnmount(() => {
+    deactivate();
+  });
+
+  function init() {
+    if (!mounted.value) {
+      return;
+    }
+
+    if (modelValue.value) {
+      activate();
+    } else {
+      deactivate();
+    }
+  }
+
+  function activate() {
+    disableScroll();
+    window.addEventListener('keydown', onKeydown);
+  }
+
+  function deactivate() {
+    enableScroll();
+    window.removeEventListener('keydown', onKeydown);
+  }
+
+  function onKeydown(event: KeyboardEvent) {
+    if (event.code == 'Escape') {
+      if (modelValue) {
+        close();
+      }
+    }
+  }
+
+  const animationClasses = ref('');
+
+  function refuseAnimation() {
+    animationClasses.value = '';
+    setTimeout(() => {
+      animationClasses.value = 'animate-shake';
+    });
+  }
+
+  function close() {
+    animationClasses.value = '';
+    emit('update:modelValue', false);
+  }
+
+  return {
+    close,
+    refuseAnimation,
+    animationClasses,
+  };
+}

package/src/composables/paginatedData.ts

@@ -1,76 +1,76 @@
-import { ComputedRef, Ref } from 'vue';
-import {
-  Collection,
-  PaginatedCollection,
-  ResourceCollection,
-  PaginationMetadata,
-} from '@/types';
-import { isArray } from 'lodash';
-import { getItems } from '@/utils/getApiData';
-
-export function useHasPaginatedData(
-  data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>,
-  page?: ComputedRef<number>,
-  perPage?: ComputedRef<number | undefined>,
-) {
-  const items = computed(() => {
-    return getItems(data.value);
-  });
-
-  const paginationMetadata = computed<PaginationMetadata | null>(() => {
-
-    if (!data.value) {
-      return null;
-    }
-
-    if (isArray(data.value)) {
-
-      const perPageUnref = unref(perPage);
-      const pageUnref = unref(page);
-
-      if (perPageUnref === undefined || perPageUnref === null) {
-        return null;
-      }
-
-      const total = data.value.length;
-      const perPageArr = perPageUnref ? perPageUnref : total;
-      const pageArr = pageUnref ? pageUnref : 1;
-      const lastPage = Math.ceil(total / perPageArr);
-
-      return {
-        current_page: pageArr,
-        last_page: lastPage,
-        per_page: perPageArr,
-        total: total,
-      };
-    }
-
-    if ('meta' in data.value) {
-      return data.value.meta;
-    }
-
-    if (data.value.current_page) {
-      return {
-        current_page: data.value.current_page,
-        last_page: data.value.last_page,
-        per_page: data.value.per_page,
-        total: data.value.total,
-      };
-    }
-
-    return null;
-  });
-
-  const lastPage = computed(() => {
-    if (!paginationMetadata.value) {
-      return 1;
-    }
-    return paginationMetadata.value.last_page;
-  });
-
-  return {
-    items,
-    paginationMetadata,
-    lastPage,
-  };
-}
+import { ComputedRef, Ref } from 'vue';
+import {
+  Collection,
+  PaginatedCollection,
+  ResourceCollection,
+  PaginationMetadata,
+} from '@/types';
+import { isArray } from 'lodash';
+import { getItems } from '@/utils/getApiData';
+
+export function useHasPaginatedData(
+  data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>,
+  page?: ComputedRef<number>,
+  perPage?: ComputedRef<number | undefined>,
+) {
+  const items = computed(() => {
+    return getItems(data.value);
+  });
+
+  const paginationMetadata = computed<PaginationMetadata | null>(() => {
+
+    if (!data.value) {
+      return null;
+    }
+
+    if (isArray(data.value)) {
+
+      const perPageUnref = unref(perPage);
+      const pageUnref = unref(page);
+
+      if (perPageUnref === undefined || perPageUnref === null) {
+        return null;
+      }
+
+      const total = data.value.length;
+      const perPageArr = perPageUnref ? perPageUnref : total;
+      const pageArr = pageUnref ? pageUnref : 1;
+      const lastPage = Math.ceil(total / perPageArr);
+
+      return {
+        current_page: pageArr,
+        last_page: lastPage,
+        per_page: perPageArr,
+        total: total,
+      };
+    }
+
+    if ('meta' in data.value) {
+      return data.value.meta;
+    }
+
+    if (data.value.current_page) {
+      return {
+        current_page: data.value.current_page,
+        last_page: data.value.last_page,
+        per_page: data.value.per_page,
+        total: data.value.total,
+      };
+    }
+
+    return null;
+  });
+
+  const lastPage = computed(() => {
+    if (!paginationMetadata.value) {
+      return 1;
+    }
+    return paginationMetadata.value.last_page;
+  });
+
+  return {
+    items,
+    paginationMetadata,
+    lastPage,
+  };
+}

package/src/composables/tooltip.ts

@@ -1,85 +1,85 @@
-import { UseFloatingOptions, MaybeElement, UseFloatingReturn, autoUpdate, flip, offset as offset2, shift, useFloating } from "@floating-ui/vue";
-import { unrefElement, useEventListener, } from "@vueuse/core";
-import { debounce } from "lodash";
-
-type ReturnType = UseFloatingReturn & {
-    showTooltip: Ref<boolean>;
-};
-
-import { Ref } from "vue";
-
-function useTooltip(
-    reference: Readonly<Ref<MaybeElement<any>>>,
-    floating: Readonly<Ref<MaybeElement<HTMLElement>>>,
-    interactive: boolean = false,
-    delay: number = 0,
-    options: UseFloatingOptions | undefined = undefined,
-    offset: number = 6,
-): ReturnType {
-
-    const show = ref(false);
-
-    const elementRef = computed(() => {
-        return unrefElement(reference);
-    });
-
-    const floatingRef = computed(() => {
-        return unrefElement(floating);
-    });
-
-    let nextShow = false;
-
-    useEventListener(elementRef, 'mouseenter', () => {
-        nextShow = true;
-        showDebounce();
-    });
-
-    useEventListener(elementRef, 'mouseleave', () => {
-        nextShow = false;
-        hideDebounce();
-    });
-
-    useEventListener(floatingRef, 'mouseenter', () => {
-        if (!interactive) {
-            return;
-        }
-        nextShow = true;
-        showDebounce();
-    });
-
-    useEventListener(floatingRef, 'mouseleave', () => {
-        if (!interactive) {
-            return;
-        }
-        nextShow = false;
-        hideDebounce();
-    });
-
-    const showDebounce = debounce(() => {
-        if (!nextShow) {
-            return;
-        }
-        show.value = true;
-    }, delay);
-
-    const hideDebounce = debounce(() => {
-        if (nextShow) {
-            return;
-        }
-        show.value = false;
-    }, interactive ? 0 : 150);
-
-    const config = {
-        placement: 'top',
-        middleware: [offset2(offset), flip(), shift()],
-        whileElementsMounted: autoUpdate,
-    };
-
-    const useFloatingReturn = useFloating(reference, floating, Object.assign(config, options));
-
-    return {
-        ...useFloatingReturn,
-        showTooltip: show,
-    };
-}
+import { UseFloatingOptions, MaybeElement, UseFloatingReturn, autoUpdate, flip, offset as offset2, shift, useFloating } from "@floating-ui/vue";
+import { unrefElement, useEventListener, } from "@vueuse/core";
+import { debounce } from "lodash";
+
+type ReturnType = UseFloatingReturn & {
+    showTooltip: Ref<boolean>;
+};
+
+import { Ref } from "vue";
+
+function useTooltip(
+    reference: Readonly<Ref<MaybeElement<any>>>,
+    floating: Readonly<Ref<MaybeElement<HTMLElement>>>,
+    interactive: boolean = false,
+    delay: number = 0,
+    options: UseFloatingOptions | undefined = undefined,
+    offset: number = 6,
+): ReturnType {
+
+    const show = ref(false);
+
+    const elementRef = computed(() => {
+        return unrefElement(reference);
+    });
+
+    const floatingRef = computed(() => {
+        return unrefElement(floating);
+    });
+
+    let nextShow = false;
+
+    useEventListener(elementRef, 'mouseenter', () => {
+        nextShow = true;
+        showDebounce();
+    });
+
+    useEventListener(elementRef, 'mouseleave', () => {
+        nextShow = false;
+        hideDebounce();
+    });
+
+    useEventListener(floatingRef, 'mouseenter', () => {
+        if (!interactive) {
+            return;
+        }
+        nextShow = true;
+        showDebounce();
+    });
+
+    useEventListener(floatingRef, 'mouseleave', () => {
+        if (!interactive) {
+            return;
+        }
+        nextShow = false;
+        hideDebounce();
+    });
+
+    const showDebounce = debounce(() => {
+        if (!nextShow) {
+            return;
+        }
+        show.value = true;
+    }, delay);
+
+    const hideDebounce = debounce(() => {
+        if (nextShow) {
+            return;
+        }
+        show.value = false;
+    }, interactive ? 0 : 150);
+
+    const config = {
+        placement: 'top',
+        middleware: [offset2(offset), flip(), shift()],
+        whileElementsMounted: autoUpdate,
+    };
+
+    const useFloatingReturn = useFloating(reference, floating, Object.assign(config, options));
+
+    return {
+        ...useFloatingReturn,
+        showTooltip: show,
+    };
+}
 export { useTooltip };