@jsg-developer/vue-pack 0.0.1

package/dist/types/components/UI/Inputs/composables/useSchemaGroupRenderer.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+import { SchemaGroupRendererProps } from '../../../../configs/types';
+interface SchemaGroupRendererComposable {
+    selectedOption: Ref<string | null>;
+    multiSelected: Ref<string[]>;
+    fieldIsColor: Ref<string[]>;
+    initializeFormData: () => void;
+    handleSelectChange: () => void;
+    handleCheckboxChange: () => void;
+    errorPush: (message: string | string[], key: string) => void;
+    errorRemove: (key: string) => void;
+}
+export declare function useSchemaGroupRenderer<TEmit extends (event: any, ...args: any[]) => void>(props: SchemaGroupRendererProps, emit: TEmit): SchemaGroupRendererComposable;
+export {};

package/dist/types/components/UI/Inputs/composables/useSingleObject.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { SingleObjectProps } from '../../../../configs/types';
+interface SingleObjectComposable {
+    fieldIsColor: Ref<string[]>;
+    addColor: (key: string, color: string) => void;
+    removeColor: (key: string, index: number) => void;
+    errorPush: (key: string, message: string) => void;
+    errorRemove: (key: string) => void;
+}
+export declare function useSingleObject<TEmit extends (event: any, ...args: any[]) => void>(props: SingleObjectProps, emit: TEmit): SingleObjectComposable;
+export {};

package/dist/types/components/UI/Inputs/index.d.ts

@@ -0,0 +1,21 @@
+export { default as ArrayObjectInput } from './ArrayObject.vue';
+export { default as ColorInput } from './ColorPicker.vue';
+export { default as SelectedOptions } from './ComboboxComponent.vue';
+export { default as DateInput } from './DateInput.vue';
+export { default as DateTimeInput } from './DateTimeInput.vue';
+export { default as EmailInput } from './EmailInput.vue';
+export { default as FileArrayInput } from './FileArrayInput.vue';
+export { default as FileInput } from './FileInput.vue';
+export { default as GroupRendererInput } from './GroupRenderer.vue';
+export { default as ImageArrayInput } from './ImageArrayInput.vue';
+export { default as ImageInput } from './ImageInput.vue';
+export { default as NumberInput } from './NumberInput.vue';
+export { default as ObjectInput } from './ObjectInput.vue';
+export { default as PasswordInput } from './PasswordInput.vue';
+export { default as TagInput } from './TagInput.vue';
+export { default as TextAreaInput } from './TextAreaInput.vue';
+export { default as TextAreaQuillInput } from './TextAreaQuill.vue';
+export { default as TextInput } from './TextInput.vue';
+export { default as TimeInput } from './TimeInput.vue';
+export { default as ToggleInput } from './ToggleInput.vue';
+export { default as UrlInput } from './UrlInput.vue';

package/dist/types/components/UI/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Display';
+export * from './Feedback';
+export * from './Inputs';

package/dist/types/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Form';
+export * from './Tabel';
+export * from './UI';

package/dist/types/config.d.ts

@@ -0,0 +1,2 @@
+import { JsgdVuePackConfig } from './configs/types/plugin-config.types';
+export declare function defineConfig(config: JsgdVuePackConfig): JsgdVuePackConfig;

package/dist/types/configs/defaults/index.d.ts

@@ -0,0 +1 @@
+export * from './table';

package/dist/types/configs/defaults/table.d.ts

@@ -0,0 +1,8 @@
+import { TabelFeatureToggles, TabelManualControl, TabelPagination, TabelValidationSchema, TabelEndpoints, DataKeyConfig, Item, SubmitAuthOptionMap } from '../types';
+export declare const defaultKeys: DataKeyConfig;
+export declare const defaultFeatureToggles: TabelFeatureToggles;
+export declare const defaultManualControl: TabelManualControl;
+export declare const defaultPagination: TabelPagination;
+export declare const defaultValidation: TabelValidationSchema<Item>;
+export declare const defaultEndpoints: TabelEndpoints;
+export declare const defaultSubmitAuth: SubmitAuthOptionMap;

package/dist/types/configs/i18n/errors.d.ts

@@ -0,0 +1,2 @@
+import { SupportedLanguage } from '../..';
+export declare const defaultMessagesErrorRequired: Record<SupportedLanguage, string>;

package/dist/types/configs/i18n/index.d.ts

@@ -0,0 +1,4 @@
+export * from './errors';
+export * from './inputs';
+export * from './labels';
+export * from './register';

package/dist/types/configs/i18n/inputs.d.ts

@@ -0,0 +1,2 @@
+import { SupportedLanguage } from '../..';
+export declare const inputMessages: Record<string, Record<SupportedLanguage, string>>;

package/dist/types/configs/i18n/labels.d.ts

@@ -0,0 +1,2 @@
+import { GlobalDefaultText, SupportedLanguage } from '../index';
+export declare const defaultTextLabelsMap: Record<SupportedLanguage, GlobalDefaultText>;

package/dist/types/configs/i18n/register.d.ts

@@ -0,0 +1,4 @@
+import { GlobalDefaultText, SupportedLanguage } from '../..';
+export declare function registerLanguage(lang: SupportedLanguage, config: GlobalDefaultText): void;
+export declare function registerErrorMessageRequired(lang: SupportedLanguage, template: string): void;
+export declare function registerInputMessages(field: string, lang: SupportedLanguage, template: string): void;

package/dist/types/configs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './defaults';
+export * from './i18n';
+export * from './types';

package/dist/types/configs/types/base.types.d.ts

@@ -0,0 +1,8 @@
+export interface Item {
+    [key: string]: any;
+}
+export type XOR<T, U> = (T & {
+    [K in keyof U]?: never;
+}) | (U & {
+    [K in keyof T]?: never;
+});

package/dist/types/configs/types/date.types.d.ts

@@ -0,0 +1,10 @@
+export type Branded<T, B extends string> = T & {
+    __brand: B;
+};
+export type DateOnly = Branded<`${number}${number}${number}${number}-${number}${number}-${number}${number}`, 'DateOnly'>;
+export type TimeOnly = Branded<`${number}${number}:${number}${number}`, 'TimeOnly'>;
+type DateTimeBase = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}:${number}${number}`;
+type TimezoneOffset = `${'+' | '-'}${number}${number}:${number}${number}`;
+export type DateTimeString = Branded<DateTimeBase | `${DateTimeBase}Z` | `${DateTimeBase}.${string}Z` | `${DateTimeBase}${TimezoneOffset}` | `${DateTimeBase}.${string}${TimezoneOffset}`, // <-- TAMBAHAN BARU (Lokal dengan offset + milidetik)
+'DateTimeString'>;
+export {};

package/dist/types/configs/types/field.types.d.ts

@@ -0,0 +1,255 @@
+import { DataKeyConfig, Item, SubmitAuthOptionMap, Schema, XOR, DateOnly, TimeOnly, DateTimeString } from '../..';
+export declare const ImageTypes: readonly ["png", "jpg", "jpeg", "gif", "bmp", "webp", "heif", "heic", "tiff", "tif", "svg", "avif", "ico", "jfif"];
+export type ImageType = (typeof ImageTypes)[number];
+export declare const fieldTypes: readonly ["text", "email", "password", "number", "image", "color", "select", "arrayObject", "richText", "optionGroupSchema", "tag", "object", "url", "toggle", "date", "time", "dateTime", "imageArray", "file", "fileArray", "textArea"];
+export declare const formDesign: readonly ["form", "news"];
+export type FieldType = (typeof fieldTypes)[number];
+export type FormDesign = (typeof formDesign)[number];
+export interface BaseField {
+    type: FieldType;
+    label?: string;
+    baseKey?: BaseKey;
+    value?: any;
+    required?: boolean;
+    disabled?: boolean;
+}
+export interface BaseKey {
+    base?: string | number;
+    name?: any;
+}
+export interface ObjectField extends BaseField {
+    type: 'object';
+    schema: Schema;
+}
+export interface UrlField extends BaseField {
+    type: 'url';
+    placeholder?: string;
+    validate?: boolean;
+}
+export interface FileField extends BaseField {
+    type: 'file';
+    validate?: {
+        maxSize?: number;
+        allowedTypes?: string[];
+    };
+}
+export interface ToggleField extends BaseField {
+    type: 'toggle';
+}
+export interface TextField extends BaseField {
+    type: 'text';
+    placeholder?: string;
+    validate?: {
+        duplicate: (string | number)[] | boolean;
+        minLength?: number;
+        maxLength?: number;
+        pattern?: string;
+    };
+}
+export interface EmailField extends BaseField {
+    type: 'email';
+    placeholder?: string;
+    validate?: {
+        duplicate?: (string | number)[] | boolean;
+    };
+}
+export interface PasswordField extends BaseField {
+    type: 'password';
+    placeholder?: string;
+    validate?: {
+        minLength?: number;
+        maxLength?: number;
+        requireUppercase?: boolean;
+        requireLowercase?: boolean;
+        requireNumber?: boolean;
+        requireSpecialChar?: boolean;
+    };
+}
+export interface NumberField extends BaseField {
+    type: 'number';
+    placeholder?: string;
+    validate?: {
+        min?: number;
+        max?: number;
+        integer?: boolean;
+        duplicate?: (string | number)[] | boolean;
+    };
+}
+export interface RichTextField extends BaseField {
+    type: 'richText';
+    placeholder?: string;
+    validate?: {
+        minLength?: number;
+        maxLength?: number;
+    };
+}
+export interface DateField extends BaseField {
+    type: 'date';
+    placeholder?: string;
+    validate?: {
+        minDate?: DateOnly;
+        maxDate?: DateOnly;
+    };
+}
+export interface TimeField extends BaseField {
+    type: 'time';
+    placeholder?: string;
+    validate?: {
+        minTime?: TimeOnly;
+        maxTime?: TimeOnly;
+    };
+}
+export interface DateTimeField extends BaseField {
+    type: 'dateTime';
+    placeholder?: string;
+    validate?: {
+        minDateTime?: DateTimeString;
+        maxDateTime?: DateTimeString;
+    };
+    outputFormat?: 'local-offset' | 'utc';
+}
+export interface TextAreaField extends BaseField {
+    type: 'textArea';
+    placeholder?: string;
+    validate?: {
+        minLength?: number;
+        maxLength?: number;
+    };
+}
+export interface ImageField extends BaseField {
+    type: 'image';
+    validate?: {
+        maxSize?: number;
+        ratio?: {
+            Width: number;
+            Height: number;
+        };
+        pixel?: XOR<{
+            maxWidth?: number;
+            maxHeight?: number;
+            minWidth?: number;
+            minHeight?: number;
+        }, {
+            width?: number;
+            height?: number;
+        }>;
+        allowedTypes?: ImageType[];
+    };
+    watermark?: {
+        url: string;
+        position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'full';
+        transparant: number;
+    };
+}
+export interface ImageArrayField extends BaseField {
+    type: 'imageArray';
+    validate?: {
+        maxFiles?: number;
+        maxSize?: number;
+        ratio?: {
+            Width: number;
+            Height: number;
+        };
+        pixel?: XOR<{
+            maxWidth?: number;
+            maxHeight?: number;
+            minWidth?: number;
+            minHeight?: number;
+        }, {
+            width?: number;
+            height?: number;
+        }>;
+        allowedTypes?: ImageType[];
+    };
+    watermark?: {
+        url: string;
+        position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'full';
+        transparant: number;
+    };
+}
+export interface FileArrayField extends BaseField {
+    type: 'fileArray';
+    validate?: {
+        maxFiles?: number;
+        maxSize?: number;
+        allowedTypes?: string[];
+    };
+}
+export interface ColorField extends BaseField {
+    type: 'color';
+    single?: boolean;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
+export type OptionsSource = {
+    url: string;
+    valueKey: string;
+    viewKey?: string;
+} | {
+    DB_NAME: string;
+    valueKey: string;
+    viewKey?: string;
+};
+export interface SelectField extends BaseField {
+    type: 'select';
+    placeholder?: string;
+    optionsIsNumber?: boolean;
+    options: (string | number)[] | OptionsSource;
+    optionsView?: (string | number)[];
+    DB_NAME?: string;
+    withCreate?: {
+        DB_NAME?: string;
+        schema: Schema;
+        endPoint: string;
+        validation?: object;
+        submitOption?: SubmitAuthOptionMap<Item>;
+        keys?: DataKeyConfig;
+    };
+}
+export interface TagField extends BaseField {
+    type: 'tag';
+    placeholder?: string;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
+export interface ArrayObjectField extends BaseField {
+    type: 'arrayObject';
+    initialItem?: Record<string, any>;
+    DB_NAME?: string;
+    endPoint?: {
+        delete?: string;
+        deleteMany?: string;
+        update?: string;
+        create?: string;
+    };
+    schema: Schema;
+}
+export type connectedMap = {
+    valueKey: string;
+    viewKey?: string;
+    connect?: {
+        withDB?: {
+            DB_NAME: string;
+            valueKey: string;
+            viewKey?: string;
+        };
+    } | {
+        withFetch?: {
+            url: string;
+            valueKey: string;
+            viewKey?: string;
+        };
+    };
+    connectKey?: string;
+};
+export interface OptionGroupField extends BaseField {
+    type: 'optionGroupSchema';
+    typeDesign: 'cekbox' | 'select';
+    optionsLabels?: Record<string, string>;
+    options: Record<string, Schema>;
+    withValue?: boolean;
+}

package/dist/types/configs/types/globalText.types.d.ts

@@ -0,0 +1,94 @@
+export type SupportedLanguage = string;
+export interface GlobalDefaultText {
+    required: string;
+    optional: string;
+    noSelection: string;
+    search: string;
+    selection: {
+        selected: string;
+        selectedOne: string;
+        selectAll: string;
+        clear: string;
+    };
+    placeholder: {
+        string: string;
+        number: string;
+        array: string;
+        select: string;
+        richText: string;
+        password: string;
+        email: string;
+        tag: string;
+        url: string;
+        date: string;
+        time: string;
+        datetime: string;
+        files: string;
+        images: string;
+    };
+    action: string;
+    message: {
+        notFoundDesc: string;
+        notFound: string;
+        noChange: string;
+        noItemSelected: string;
+        error: {
+            create: string;
+            update: string;
+            delete: string;
+            get: string;
+            getAll: string;
+            deleteMany: string;
+        };
+        success: {
+            create: string;
+            update: string;
+            delete: string;
+            get: string;
+            getAll: string;
+            deleteMany: string;
+        };
+        process: {
+            loading: string;
+            create: string;
+            update: string;
+            delete: string;
+            get: string;
+            getAll: string;
+            deleteMany: string;
+        };
+    };
+    warning: {
+        delete: string;
+        deleteMany: string;
+    };
+    btn: {
+        edit: string;
+        remove: string;
+        add: string;
+        cancel: string;
+        close: string;
+        change: string;
+        select: string;
+        deleteMany: string;
+        create: string;
+        update: string;
+        display: string;
+        next: string;
+        prev: string;
+        toogle: {
+            active: string;
+            inactive: string;
+        };
+        submit: {
+            create: string;
+            update: string;
+        };
+    };
+    title: {
+        create: string;
+        update: string;
+        display: string;
+    };
+    lang: SupportedLanguage;
+}

package/dist/types/configs/types/index.d.ts

@@ -0,0 +1,10 @@
+export * from './base.types';
+export * from './date.types';
+export * from './field.types';
+export * from './globalText.types';
+export * from './modal-text.types';
+export * from './props.types';
+export * from './schema.types';
+export * from './submit-options.types';
+export * from './table-data.types';
+export * from './plugin-config.types';

package/dist/types/configs/types/modal-text.types.d.ts

@@ -0,0 +1,42 @@
+export interface GlobalModal {
+    displayNullValue?: boolean;
+    labels?: {
+        title?: {
+            display?: string;
+            create?: string;
+            update?: string;
+        };
+        optional?: string;
+        required?: string;
+        btn?: {
+            close?: string;
+            cancel?: string;
+            create?: string;
+            update?: string;
+            submit?: {
+                create?: string;
+                update?: string;
+            };
+        };
+    };
+}
+export interface ModalView {
+    labels: {
+        title?: string;
+        btn: {
+            close?: string;
+        };
+    };
+    displayNullValue?: boolean;
+}
+export interface ModalCreateUpdate {
+    labels: {
+        btn: {
+            submit?: string;
+            cancel?: string;
+            optional?: string;
+        };
+        title?: string;
+        required?: string;
+    };
+}

package/dist/types/configs/types/plugin-config.types.d.ts

@@ -0,0 +1,28 @@
+import { GlobalDefaultText, SupportedLanguage } from '../../configs';
+export interface JsgIndexedDBConfig {
+    dbName?: string;
+    dbVersion?: number;
+    storeSingle?: string[];
+    storeArray?: string[];
+}
+export interface JsgI18nConfig {
+    languages?: {
+        lang: SupportedLanguage;
+        config: GlobalDefaultText;
+    }[];
+    override?: {
+        errorRequired?: {
+            lang: SupportedLanguage;
+            template: string;
+        }[];
+        inputMessages?: {
+            field: string;
+            lang: SupportedLanguage;
+            template: string;
+        }[];
+    };
+}
+export interface JsgdVuePackConfig {
+    indexedDB?: JsgIndexedDBConfig;
+    i18n?: JsgI18nConfig;
+}