sprintify-ui 0.1.17 → 0.2.0

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,65 +1,65 @@
-import { Ref } from 'vue';
-import {
-  Collection,
-  PaginatedCollection,
-  ResourceCollection,
-  PaginationMetadata,
-} from '@/types';
-import { isArray } from 'lodash';
-
-export function useHasPaginatedData(
-  data: Ref<Collection | PaginatedCollection | ResourceCollection | null>
-) {
-  const items = computed(() => {
-    if (!data.value) {
-      return [];
-    }
-    if (isArray(data.value)) {
-      return data.value;
-    }
-    return data.value.data;
-  });
-
-  const paginationMetadata = computed<PaginationMetadata | null>(() => {
-    const defaultMeta = {
-      current_page: 1,
-      last_page: 1,
-      per_page: 1,
-      total: 0,
-    };
-
-    if (!data.value) {
-      return defaultMeta;
-    }
-    if (isArray(data.value)) {
-      return defaultMeta;
-    }
-    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 { Ref } from 'vue';
+import {
+  Collection,
+  PaginatedCollection,
+  ResourceCollection,
+  PaginationMetadata,
+} from '@/types';
+import { isArray } from 'lodash';
+
+export function useHasPaginatedData(
+  data: Ref<Collection | PaginatedCollection | ResourceCollection | null>
+) {
+  const items = computed(() => {
+    if (!data.value) {
+      return [];
+    }
+    if (isArray(data.value)) {
+      return data.value;
+    }
+    return data.value.data;
+  });
+
+  const paginationMetadata = computed<PaginationMetadata | null>(() => {
+    const defaultMeta = {
+      current_page: 1,
+      last_page: 1,
+      per_page: 1,
+      total: 0,
+    };
+
+    if (!data.value) {
+      return defaultMeta;
+    }
+    if (isArray(data.value)) {
+      return defaultMeta;
+    }
+    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/constants/MyConstants.ts

@@ -1 +1 @@
-export const MAGIC_NUM = 100
+export const MAGIC_NUM = 100

package/src/constants/index.ts

@@ -1,5 +1,5 @@
-import * as MyConstants from './MyConstants'
-
-export {
-  MyConstants
-}
+import * as MyConstants from './MyConstants'
+
+export {
+  MyConstants
+}

package/src/env.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
-
-declare global {
-  interface Window {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    route: (name: string, options?: any) => string;
-  }
-}
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+
+declare global {
+  interface Window {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    route: (name: string, options?: any) => string;
+  }
+}

package/src/i18n/index.ts

@@ -1,60 +1,60 @@
-import { useI18nStore } from '@/stores/i18n';
-import en from '@/lang/en.json';
-import fr from '@/lang/fr.json';
-import { get } from 'lodash';
-
-export function t(key: string, args?: Record<string, any> | undefined): string {
-  const value = getTranslationValue(key);
-
-  return replaceArgs(value, args);
-}
-
-function getCurrentLocale() {
-  try {
-    const i18nStore = useI18nStore();
-    return i18nStore.locale;
-  } catch (error) {
-    console.error(error);
-    return 'en';
-  }
-}
-
-function getTranslationValue(key: string) {
-  const locale = getCurrentLocale();
-
-  if (locale === 'fr') {
-    const frValue = get(fr, key);
-    if (frValue) return frValue;
-  }
-
-  return get(en, key, key);
-}
-
-function replaceArgs(
-  value: string,
-  args: Record<string, any> | undefined
-): string {
-  let result = value;
-
-  if (!args) return result;
-
-  if (args.count !== undefined && value.includes('|')) {
-    const parts = value.split('|');
-
-    if (parts.length == 2) {
-      const [singular, plural] = value.split('|');
-      result = args.count > 1 ? plural : singular;
-    } else if (parts.length == 3) {
-      const [zero, singular, plural] = value.split('|');
-      result = args.count == 0 ? zero : args.count > 1 ? plural : singular;
-    }
-
-    result.trim();
-  }
-
-  Object.keys(args).forEach((key: any) => {
-    result = result.replace(`{${key}}`, args[key]);
-  });
-
-  return result;
-}
+import { useI18nStore } from '@/stores/i18n';
+import en from '@/lang/en.json';
+import fr from '@/lang/fr.json';
+import { get } from 'lodash';
+
+export function t(key: string, args?: Record<string, any> | undefined): string {
+  const value = getTranslationValue(key);
+
+  return replaceArgs(value, args);
+}
+
+function getCurrentLocale() {
+  try {
+    const i18nStore = useI18nStore();
+    return i18nStore.locale;
+  } catch (error) {
+    console.error(error);
+    return 'en';
+  }
+}
+
+function getTranslationValue(key: string) {
+  const locale = getCurrentLocale();
+
+  if (locale === 'fr') {
+    const frValue = get(fr, key);
+    if (frValue) return frValue;
+  }
+
+  return get(en, key, key);
+}
+
+function replaceArgs(
+  value: string,
+  args: Record<string, any> | undefined
+): string {
+  let result = value;
+
+  if (!args) return result;
+
+  if (args.count !== undefined && value.includes('|')) {
+    const parts = value.split('|');
+
+    if (parts.length == 2) {
+      const [singular, plural] = value.split('|');
+      result = args.count > 1 ? plural : singular;
+    } else if (parts.length == 3) {
+      const [zero, singular, plural] = value.split('|');
+      result = args.count == 0 ? zero : args.count > 1 ? plural : singular;
+    }
+
+    result.trim();
+  }
+
+  Object.keys(args).forEach((key: any) => {
+    result = result.replace(`{${key}}`, args[key]);
+  });
+
+  return result;
+}

package/src/index.ts

@@ -1,111 +1,111 @@
-import axios, { AxiosInstance } from 'axios';
-import { App } from 'vue';
-import * as components from './components';
-import QueryString from 'qs';
-import en from '@/lang/en.json';
-import fr from '@/lang/fr.json';
-import { useDialogsStore } from './stores/dialogs';
-import { useNotificationsStore } from './stores/notifications';
-import { useSystemAlertStore } from './stores/systemAlerts';
-import { useClickOutside } from './composables/clickOutside';
-import { useField } from './composables/field';
-
-const messages = { en, fr };
-
-import './assets/main.css';
-import { Locales } from './types';
-import { Country } from './types/Country';
-import { Region } from './types/Region';
-import { useI18nStore } from './stores/i18n';
-
-export interface Options {
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  http?: AxiosInstance;
-  upload_url?: string;
-  locales?: Locales;
-  formatQueryString?: (params: Record<string, any>) => string;
-  parseQueryString?: (params: string) => Record<string, any>;
-  countries?: Country[];
-  regions?: Region[];
-}
-
-const config = {
-  http: axios.create(),
-  locales: {
-    en: 'English',
-    fr: 'Français',
-  } as Locales,
-  upload_url: '/api/upload',
-  formatQueryString(params: Record<string, any>) {
-    return QueryString.stringify(params, {
-      arrayFormat: 'comma',
-      encode: import.meta.env.PROD ? true : false,
-    });
-  },
-  parseQueryString(params: string): Record<string, any> {
-    return QueryString.parse(params);
-  },
-  countries: [] as Country[],
-  regions: [] as Region[],
-};
-
-function install(app: App, options?: Options) {
-  for (const key in components) {
-    // @ts-expect-error Will throw
-    app.component(key, components[key]);
-  }
-
-  if (options?.http) {
-    config.http = options.http;
-  }
-
-  if (options?.locales) {
-    config.locales = options.locales;
-  }
-
-  if (options?.upload_url) {
-    config.upload_url = options.upload_url;
-  }
-
-  if (options?.formatQueryString) {
-    config.formatQueryString = options.formatQueryString;
-  }
-
-  if (options?.parseQueryString) {
-    config.parseQueryString = options.parseQueryString;
-  }
-
-  if (options?.countries) {
-    config.countries = options.countries;
-  }
-
-  if (options?.regions) {
-    config.regions = options.regions;
-  }
-
-  if (app.config.globalProperties.$i18n) {
-    watch(
-      () => app.config.globalProperties.$i18n.locale,
-      (locale) => {
-        useI18nStore().set(locale);
-      },
-      { immediate: true }
-    );
-  }
-}
-
-export default { install };
-
-export * from './components';
-export * from './constants';
-export * from './utils';
-
-export { messages };
-
-export { config };
-
-export { useDialogsStore };
-export { useNotificationsStore };
-export { useSystemAlertStore };
-export { useClickOutside };
-export { useField };
+import axios, { AxiosInstance } from 'axios';
+import { App } from 'vue';
+import * as components from './components';
+import QueryString from 'qs';
+import en from '@/lang/en.json';
+import fr from '@/lang/fr.json';
+import { useDialogsStore } from './stores/dialogs';
+import { useNotificationsStore } from './stores/notifications';
+import { useSystemAlertStore } from './stores/systemAlerts';
+import { useClickOutside } from './composables/clickOutside';
+import { useField } from './composables/field';
+
+const messages = { en, fr };
+
+import './assets/main.css';
+import { Locales } from './types';
+import { Country } from './types/Country';
+import { Region } from './types/Region';
+import { useI18nStore } from './stores/i18n';
+
+export interface Options {
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  http?: AxiosInstance;
+  upload_url?: string;
+  locales?: Locales;
+  formatQueryString?: (params: Record<string, any>) => string;
+  parseQueryString?: (params: string) => Record<string, any>;
+  countries?: Country[];
+  regions?: Region[];
+}
+
+const config = {
+  http: axios.create(),
+  locales: {
+    en: 'English',
+    fr: 'Français',
+  } as Locales,
+  upload_url: '/api/upload',
+  formatQueryString(params: Record<string, any>) {
+    return QueryString.stringify(params, {
+      arrayFormat: 'comma',
+      encode: import.meta.env.PROD ? true : false,
+    });
+  },
+  parseQueryString(params: string): Record<string, any> {
+    return QueryString.parse(params);
+  },
+  countries: [] as Country[],
+  regions: [] as Region[],
+};
+
+function install(app: App, options?: Options) {
+  for (const key in components) {
+    // @ts-expect-error Will throw
+    app.component(key, components[key]);
+  }
+
+  if (options?.http) {
+    config.http = options.http;
+  }
+
+  if (options?.locales) {
+    config.locales = options.locales;
+  }
+
+  if (options?.upload_url) {
+    config.upload_url = options.upload_url;
+  }
+
+  if (options?.formatQueryString) {
+    config.formatQueryString = options.formatQueryString;
+  }
+
+  if (options?.parseQueryString) {
+    config.parseQueryString = options.parseQueryString;
+  }
+
+  if (options?.countries) {
+    config.countries = options.countries;
+  }
+
+  if (options?.regions) {
+    config.regions = options.regions;
+  }
+
+  if (app.config.globalProperties.$i18n) {
+    watch(
+      () => app.config.globalProperties.$i18n.locale,
+      (locale) => {
+        useI18nStore().set(locale);
+      },
+      { immediate: true }
+    );
+  }
+}
+
+export default { install };
+
+export * from './components';
+export * from './constants';
+export * from './utils';
+
+export { messages };
+
+export { config };
+
+export { useDialogsStore };
+export { useNotificationsStore };
+export { useSystemAlertStore };
+export { useClickOutside };
+export { useField };