sprintify-ui 0.0.41 → 0.0.42

package/src/composables/field.ts

@@ -0,0 +1,100 @@
+import { Ref } from 'vue';
+
+interface Config {
+  name: Ref<string | null | undefined>;
+  required: Ref<boolean>;
+  hasError: Ref<boolean | undefined>;
+  emit: any;
+  errorType?: string;
+  labelClass?: string;
+}
+
+export function useField(config: Config) {
+  const name = config.name;
+  const required = config.required;
+  const hasError = config.hasError;
+  const emit = config.emit;
+  const errorType = config.errorType ?? null;
+  const labelClass = config.labelClass ?? null;
+
+  // Injections
+
+  const fieldRequired = inject('field:required', ref(false)) as Ref<boolean>;
+  const fieldName = inject('field:name', ref('')) as Ref<string>;
+
+  const fieldOnUpdate = inject('field:onUpdate', () => {
+    return;
+  }) as () => void;
+
+  const getErrorMessageByName = inject(
+    'form:getErrorMessageByName',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (name: string) => {
+      return null;
+    }
+  ) as (name: string) => string | null | undefined;
+
+  const setErrorType = inject(
+    'field:setErrorType',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (errorType: string | null) => {
+      return;
+    }
+  ) as (errorType: string | null) => void;
+
+  if (errorType) {
+    setErrorType(errorType);
+  }
+
+  const setLabelClass = inject(
+    'field:setLabelClass',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (labelClass: string | string[]) => {
+      return;
+    }
+  ) as (errorType: string | string[]) => void;
+
+  if (labelClass) {
+    setLabelClass(labelClass);
+  }
+
+  const requiredInternal = computed((): boolean => {
+    if (required.value) {
+      return required.value;
+    }
+
+    return fieldRequired.value;
+  });
+
+  const nameInternal = computed((): string => {
+    if (name.value) {
+      return name.value;
+    }
+
+    return fieldName.value;
+  });
+
+  const errorMessageInternal = computed((): string | null | undefined => {
+    return getErrorMessageByName(nameInternal.value);
+  });
+
+  const hasErrorInternal = computed((): boolean => {
+    if (hasError.value) {
+      return hasError.value;
+    }
+
+    return !!errorMessageInternal.value;
+  });
+
+  function emitUpdate(value: any) {
+    emit('update:modelValue', value);
+    fieldOnUpdate();
+  }
+  return {
+    requiredInternal,
+    nameInternal,
+    hasErrorInternal,
+    errorMessageInternal,
+    emitUpdate,
+  };
+}

package/src/index.ts

@@ -2,7 +2,7 @@ import axios, { AxiosInstance } from 'axios';
 import { App } from 'vue';
 import * as components from './components';
 import QueryString from 'qs';
-import { createI18n, I18n } from 'vue-i18n';
+import { createI18n, I18n, Locale } from 'vue-i18n';
 import en from '@/lang/en.json';
 import fr from '@/lang/fr.json';
 import { useDialogsStore } from './stores/dialogs';
@@ -12,12 +12,14 @@ import { useSystemAlertStore } from './stores/systemAlerts';
 const messages = { en, fr };
 
 import './assets/main.css';
+import { Locales } from './types';
 
 export interface Options {
   // eslint-disable-next-line @typescript-eslint/ban-types
   i18n?: I18n<typeof messages, {}, {}, string, true>;
   http?: AxiosInstance;
   upload_url?: string;
+  locales?: Locales;
   formatQueryString?: (params: Record<string, any>) => string;
   parseQueryString?: (params: string) => Record<string, any>;
 }
@@ -29,6 +31,10 @@ const config = {
     messages: { en, fr },
   }),
   http: axios.create(),
+  locales: {
+    en: 'English',
+    fr: 'Français',
+  } as Locales,
   upload_url: '/api/upload',
   formatQueryString(params: Record<string, any>) {
     return QueryString.stringify(params, {
@@ -55,6 +61,10 @@ function install(app: App, options?: Options) {
     config.http = options.http;
   }
 
+  if (options?.locales) {
+    config.locales = options.locales;
+  }
+
   if (options?.upload_url) {
     config.upload_url = options.upload_url;
   }

package/src/types/index.ts

@@ -4,6 +4,18 @@ import { RouteLocationRaw } from 'vue-router';
 import { UploadedFile } from './UploadedFile';
 import { Notification as AppNotification } from './Notification';
 
+export type Locales = { [locale: string]: string };
+
+export enum Method {
+  post = 'post',
+  patch = 'patch',
+}
+
+export enum DataFormat {
+  json = 'json',
+  formData = 'formData',
+}
+
 export interface Breadcrumb {
   icon?: string;
   to: RouteLocationRaw;