sprintify-ui 0.0.103 → 0.0.104

package/dist/types/src/components/BaseTextareaForm.vue.d.ts

@@ -1,413 +0,0 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        required: true;
-        type: PropType<string | null>;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    rows: {
-        default: number;
-        type: NumberConstructor;
-    };
-    min: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-}, unknown, unknown, {
-    normalizedModelValue(): string;
-}, {
-    transformInputValue(event: Event | null): string | null;
-}, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<{
-    name: {
-        required: true;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: string;
-        type: StringConstructor;
-    };
-    label: {
-        default: string;
-        type: StringConstructor;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    autofocus: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    preventSubmit: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}, unknown, unknown, {
-    form(): ({
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                axiosInstance: import("axios").AxiosInstance | null;
-                format: import("../types").DataFormat;
-                beforeSubmit: (next: () => void) => void;
-                successHandler: (response: any) => void;
-                errorHandler: (error: import("axios").AxiosError<any, any>) => void;
-                loadingMaskClass: string;
-                showNotificationOnError: boolean;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                url: {
-                    required: true;
-                    type: StringConstructor;
-                };
-                method: {
-                    required: true;
-                    type: PropType<import("../types").Method>;
-                    validator: (value: string) => boolean;
-                };
-                data: {
-                    required: true;
-                    type: PropType<Record<string, any>>;
-                };
-                axiosInstance: {
-                    default: null;
-                    type: PropType<import("axios").AxiosInstance | null>;
-                };
-                format: {
-                    type: PropType<import("../types").DataFormat>;
-                    default: import("../types").DataFormat;
-                    validator: (value: string) => boolean;
-                };
-                beforeSubmit: {
-                    default: (next: () => void) => void;
-                    type: PropType<(next: () => void) => void>;
-                };
-                successHandler: {
-                    default: undefined;
-                    type: PropType<(response: any) => void>;
-                };
-                errorHandler: {
-                    default: (error: import("axios").AxiosError<any, any>) => void;
-                    type: PropType<(error: import("axios").AxiosError<any, any>) => void>;
-                };
-                loadingMaskClass: {
-                    default: string;
-                    type: StringConstructor;
-                };
-                showNotificationOnError: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-            }>> & {
-                onError?: ((...args: any[]) => any) | undefined;
-                onSuccess?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "axiosInstance" | "format" | "beforeSubmit" | "successHandler" | "errorHandler" | "loadingMaskClass" | "showNotificationOnError">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-            $emit: (event: "success" | "error", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                url: {
-                    required: true;
-                    type: StringConstructor;
-                };
-                method: {
-                    required: true;
-                    type: PropType<import("../types").Method>;
-                    validator: (value: string) => boolean;
-                };
-                data: {
-                    required: true;
-                    type: PropType<Record<string, any>>;
-                };
-                axiosInstance: {
-                    default: null;
-                    type: PropType<import("axios").AxiosInstance | null>;
-                };
-                format: {
-                    type: PropType<import("../types").DataFormat>;
-                    default: import("../types").DataFormat;
-                    validator: (value: string) => boolean;
-                };
-                beforeSubmit: {
-                    default: (next: () => void) => void;
-                    type: PropType<(next: () => void) => void>;
-                };
-                successHandler: {
-                    default: undefined;
-                    type: PropType<(response: any) => void>;
-                };
-                errorHandler: {
-                    default: (error: import("axios").AxiosError<any, any>) => void;
-                    type: PropType<(error: import("axios").AxiosError<any, any>) => void>;
-                };
-                loadingMaskClass: {
-                    default: string;
-                    type: StringConstructor;
-                };
-                showNotificationOnError: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-            }>> & {
-                onError?: ((...args: any[]) => any) | undefined;
-                onSuccess?: ((...args: any[]) => any) | undefined;
-            }, {
-                submit: () => void;
-                errors: import("vue").Ref<Record<string, string[]>>;
-                hasErrors: import("vue").ComputedRef<boolean>;
-                clearErrors: (name?: null) => void;
-                disabled: import("vue").Ref<boolean>;
-                loading: import("vue").Ref<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("success" | "error")[], string, {
-                axiosInstance: import("axios").AxiosInstance | null;
-                format: import("../types").DataFormat;
-                beforeSubmit: (next: () => void) => void;
-                successHandler: (response: any) => void;
-                errorHandler: (error: import("axios").AxiosError<any, any>) => void;
-                loadingMaskClass: string;
-                showNotificationOnError: boolean;
-            }, {}, string> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            url: {
-                required: true;
-                type: StringConstructor;
-            };
-            method: {
-                required: true;
-                type: PropType<import("../types").Method>;
-                validator: (value: string) => boolean;
-            };
-            data: {
-                required: true;
-                type: PropType<Record<string, any>>;
-            };
-            axiosInstance: {
-                default: null;
-                type: PropType<import("axios").AxiosInstance | null>;
-            };
-            format: {
-                type: PropType<import("../types").DataFormat>;
-                default: import("../types").DataFormat;
-                validator: (value: string) => boolean;
-            };
-            beforeSubmit: {
-                default: (next: () => void) => void;
-                type: PropType<(next: () => void) => void>;
-            };
-            successHandler: {
-                default: undefined;
-                type: PropType<(response: any) => void>;
-            };
-            errorHandler: {
-                default: (error: import("axios").AxiosError<any, any>) => void;
-                type: PropType<(error: import("axios").AxiosError<any, any>) => void>;
-            };
-            loadingMaskClass: {
-                default: string;
-                type: StringConstructor;
-            };
-            showNotificationOnError: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-        }>> & {
-            onError?: ((...args: any[]) => any) | undefined;
-            onSuccess?: ((...args: any[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
-            submit: () => void;
-            errors: import("vue").Ref<Record<string, string[]>>;
-            hasErrors: import("vue").ComputedRef<boolean>;
-            clearErrors: (name?: null) => void;
-            disabled: import("vue").Ref<boolean>;
-            loading: import("vue").Ref<boolean>;
-        }> & {} & import("vue").ComponentCustomProperties & {};
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        url: {
-            required: true;
-            type: StringConstructor;
-        };
-        method: {
-            required: true;
-            type: PropType<import("../types").Method>;
-            validator: (value: string) => boolean;
-        };
-        data: {
-            required: true;
-            type: PropType<Record<string, any>>;
-        };
-        axiosInstance: {
-            default: null;
-            type: PropType<import("axios").AxiosInstance | null>;
-        };
-        format: {
-            type: PropType<import("../types").DataFormat>;
-            default: import("../types").DataFormat;
-            validator: (value: string) => boolean;
-        };
-        beforeSubmit: {
-            default: (next: () => void) => void;
-            type: PropType<(next: () => void) => void>;
-        };
-        successHandler: {
-            default: undefined;
-            type: PropType<(response: any) => void>;
-        };
-        errorHandler: {
-            default: (error: import("axios").AxiosError<any, any>) => void;
-            type: PropType<(error: import("axios").AxiosError<any, any>) => void>;
-        };
-        loadingMaskClass: {
-            default: string;
-            type: StringConstructor;
-        };
-        showNotificationOnError: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-    }>> & {
-        onError?: ((...args: any[]) => any) | undefined;
-        onSuccess?: ((...args: any[]) => any) | undefined;
-    }, {
-        submit: () => void;
-        errors: import("vue").Ref<Record<string, string[]>>;
-        hasErrors: import("vue").ComputedRef<boolean>;
-        clearErrors: (name?: null) => void;
-        disabled: import("vue").Ref<boolean>;
-        loading: import("vue").Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("success" | "error")[], "success" | "error", {
-        axiosInstance: import("axios").AxiosInstance | null;
-        format: import("../types").DataFormat;
-        beforeSubmit: (next: () => void) => void;
-        successHandler: (response: any) => void;
-        errorHandler: (error: import("axios").AxiosError<any, any>) => void;
-        loadingMaskClass: string;
-        showNotificationOnError: boolean;
-    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default: (_: {
-                errors: Record<string, string[]>;
-                loading: boolean;
-                disabled: boolean;
-                submit: () => void;
-            }) => any;
-            loading: (_: {}) => any;
-        };
-    })) | null;
-    errors(): any;
-    labelValue(): string;
-}, {
-    inputListener(payload: any): void;
-    errorMessage(name?: string | null): any;
-    hasError(name?: string | null): boolean;
-    clearErrors(name?: string | null): void;
-    disableForm(): void;
-    enableForm(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        required: true;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: string;
-        type: StringConstructor;
-    };
-    label: {
-        default: string;
-        type: StringConstructor;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    autofocus: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    preventSubmit: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    required: boolean;
-    label: string;
-    disabled: boolean;
-    placeholder: string;
-    preventSubmit: boolean;
-    autofocus: boolean;
-}>, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        required: true;
-        type: PropType<string | null>;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    rows: {
-        default: number;
-        type: NumberConstructor;
-    };
-    min: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-}>>, {
-    type: string;
-    max: number;
-    min: number;
-    rows: number;
-}>;
-export default _default;

package/src/components/BaseFormField.ts

@@ -1,117 +0,0 @@
-import { defineComponent } from 'vue';
-import BaseForm from './BaseForm.vue';
-
-export default defineComponent({
-  props: {
-    name: {
-      required: true,
-      type: String,
-    },
-    placeholder: {
-      default: '',
-      type: String,
-    },
-    label: {
-      default: '',
-      type: String,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    required: {
-      default: false,
-      type: Boolean,
-    },
-    autofocus: {
-      default: false,
-      type: Boolean,
-    },
-    preventSubmit: {
-      default: false,
-      type: Boolean,
-    },
-  },
-  emits: ['update:modelValue'],
-  computed: {
-    form(): typeof BaseForm | null {
-      let parent = this.$parent;
-      for (let i = 0; i < 20; i++) {
-        if (parent == null) {
-          throw new Error(
-            'A BaseForm field component must be in a BaseForm component'
-          );
-        }
-        if (parent.$options.__name == 'BaseForm') {
-          return parent as unknown as typeof BaseForm;
-        }
-        parent = parent.$parent;
-      }
-      return null;
-    },
-    errors() {
-      if (!this.form) {
-        return {};
-      }
-
-      return this.form.errors;
-    },
-    labelValue(): string {
-      if (this.label != '' && this.label != null && this.label != undefined) {
-        return this.label;
-      }
-
-      if (this.label === '') {
-        return '';
-      }
-
-      if (this.$te(this.name)) {
-        return this.$t(this.name);
-      }
-
-      return this.name;
-    },
-  },
-  methods: {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    inputListener(payload: any) {
-      this.clearErrors();
-      this.$emit('update:modelValue', payload);
-    },
-    errorMessage(name: string | null = null) {
-      if (name == null) {
-        name = this.name;
-      }
-      if (this.hasError(name)) {
-        return this.errors[name][0];
-      }
-      return null;
-    },
-    hasError(name: string | null = null) {
-      if (name == null) {
-        name = this.name;
-      }
-      return (
-        Object.keys(this.errors).length > 0 &&
-        Object.prototype.hasOwnProperty.call(this.errors, name) &&
-        this.errors[name].length > 0
-      );
-    },
-    clearErrors(name: string | null = null) {
-      if (name == null) {
-        name = this.name;
-      }
-      this.form?.clearErrors(name);
-    },
-    disableForm() {
-      if (this.form) {
-        this.form.disabled = true;
-      }
-    },
-    enableForm() {
-      if (this.form) {
-        this.form.disabled = false;
-      }
-    },
-  },
-});

package/src/components/BaseLocaleForm.vue

@@ -1,142 +0,0 @@
-<template>
-  <div class="">
-    <BaseInputLabel
-      v-if="label"
-      :label="label"
-      classes="form-input-label mb-2"
-      :required="required"
-    />
-    <div class="space-y-1">
-      <div v-for="(locale, key, index) in localesInternal" :key="key">
-        <label
-          :for="name"
-          :class="[
-            layout == 'header'
-              ? 'border-b-none flex items-center rounded-t border border-slate-300 bg-slate-50 py-1.5 px-2  text-sm text-slate-700'
-              : 'mb-1.5 flex items-center text-sm text-slate-700',
-          ]"
-        >
-          <div
-            v-if="layout == 'header'"
-            class="mr-2 h-2.5 w-2.5 rounded-full"
-            :style="{ backgroundColor: colors[index] }"
-          />
-          <Icon
-            v-if="layout == 'header'"
-            icon="heroicons:language-solid"
-            class="mr-1"
-          />
-          <span>{{ locale }}</span>
-        </label>
-        <component
-          :is="component"
-          :model-value="formattedValue[key]"
-          :name="`${name}.${key}`"
-          :required="required"
-          v-bind="props"
-          :placeholder="placeholder"
-          :input-class="inputClass + ' border-t-0 rounded-t-none w-full'"
-          @update:model-value="onInput($event, key + '')"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue';
-import { get, isPlainObject } from 'lodash';
-import objectHash from 'object-hash';
-import { Locales } from '@/types';
-import { config } from '@/index';
-import BaseFormField from './BaseFormField';
-import BaseInputLabel from './BaseInputLabel.vue';
-
-type Value = { [locale: string]: string | number | boolean };
-
-export default defineComponent({
-  components: { BaseInputLabel },
-  extends: BaseFormField,
-  props: {
-    modelValue: {
-      required: true,
-      type: [Object, null, undefined] as PropType<Value | null | undefined>,
-    },
-    locales: {
-      default: undefined,
-      type: Object as PropType<Locales>,
-    },
-    component: {
-      default: 'VInput',
-      type: String,
-    },
-    props: {
-      default: undefined,
-      type: Object,
-    },
-    defaultValue: {
-      default: '',
-      type: [String, Boolean, Number] as PropType<string | boolean | number>,
-    },
-    layout: {
-      default: 'header',
-      type: String,
-    },
-    inputClass: {
-      default: undefined,
-      type: String,
-    },
-  },
-  data() {
-    return {
-      colors: ['#10b981', '#06b6d4', '#a855f7'],
-    };
-  },
-  computed: {
-    localesInternal(): Locales {
-      if (this.locales) {
-        return this.locales;
-      }
-      return config.locales;
-    },
-    formattedValue(): Value {
-      // Get current value
-      let value = {} as Value;
-      if (this.modelValue && isPlainObject(this.modelValue)) {
-        value = this.modelValue as Value;
-      }
-      // Fill missing locales
-      Object.keys(this.localesInternal).forEach((locale) => {
-        const currentValue = get(this.modelValue, locale);
-        if (!currentValue) {
-          value[locale] = this.defaultValue;
-        }
-      });
-      return value;
-    },
-  },
-  created() {
-    // If formatted value is different, send event to parent
-    if (
-      !this.modelValue ||
-      objectHash(this.formattedValue) !== objectHash(this.modelValue)
-    ) {
-      const formattedValue = this.formattedValue;
-      this.inputListener(formattedValue);
-    }
-  },
-  methods: {
-    getLabel(locale: string): string {
-      if (Object.keys(this.localesInternal).length > 1) {
-        return `${this.label} (${locale})`;
-      }
-      return this.label;
-    },
-    onInput(value: string, locale: string) {
-      const formattedValue = this.formattedValue;
-      formattedValue[locale] = value;
-      this.inputListener(formattedValue);
-    },
-  },
-});
-</script>