@jsg-developer/vue-pack 0.0.3 → 0.0.5

package/dist/types/components/Form/composables/useFormModal.d.ts

@@ -1,5 +1,13 @@
 import { Ref, ComputedRef } from 'vue';
 import { Schema, Errors, FormData, FromModalProps, GlobalDefaultText } from '../../../configs/types';
+export interface SeoAnalysisResult {
+    score: number;
+    details: {
+        passed: boolean;
+        message: string;
+        label: string;
+    }[];
+}
 interface FormModalComposable {
     formData: Ref<FormData>;
     errors: Ref<Errors>;
@@ -8,6 +16,7 @@ interface FormModalComposable {
     multiSelected: Ref<Record<string, string[]>>;
     DataChildRemove: Ref<number[]>;
     isSubmitting: Ref<boolean>;
+    seoResult: Ref<SeoAnalysisResult | null>;
     initializeFormData: (schema: Schema) => void;
     validate: () => boolean;
     handleSubmit: () => void;

package/dist/types/components/Tabel/TabelData.vue.d.ts

@@ -1,7 +1,8 @@
-import { Alert } from '../UI/Feedback/AlertApp.vue';
 import { FormData, TabelDataProperty, Item, CustomAction } from '../../configs/types';
 type __VLS_Props = TabelDataProperty<Item>;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    refreshData: () => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     create: () => any;
     delete: (value: number) => any;
     deleteMany: (value: number[]) => any;
@@ -55,7 +56,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         hide: () => void;
     }, {}, {}, {}, {}> | null;
     alert: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-        addAlert: (alert: Alert) => void;
+        addAlert: (alert: import('../UI/Feedback/AlertApp.vue').Alert) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         alertRefs: HTMLDivElement[];
     }, any, import('vue').ComponentProvideOptions, {
@@ -66,7 +67,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{}>, {
-        addAlert: (alert: Alert) => void;
+        addAlert: (alert: import('../UI/Feedback/AlertApp.vue').Alert) => void;
     }, {}, {}, {}, {}> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/types/components/Tabel/composables/useDisplayHelpers.d.ts

@@ -1,8 +1,29 @@
 import { Item } from '../../../configs/types';
+/**
+ * Memeriksa apakah nilai adalah URL gambar atau objek File gambar.
+ */
 export declare function isImage(value: any): boolean;
+/**
+ * Memeriksa apakah nilai adalah URL file (non-gambar) atau objek File.
+ */
+export declare function isFile(value: any): boolean;
+/**
+ * Mendapatkan sumber URL yang valid untuk gambar, baik dari string maupun objek File.
+ */
 export declare function getImageSource(value: any): string;
+/**
+ * Mendapatkan nama file dari URL atau objek File.
+ */
+export declare function getFileName(value: string | File): string;
+/**
+ * Memeriksa apakah nilai adalah array yang berisi gambar.
+ */
 export declare function isImageArray(value: any): boolean;
 export declare function isColorArray(value: any): boolean;
+/**
+ * Memeriksa apakah nilai adalah array yang berisi file.
+ */
+export declare function isFileArray(value: any): boolean;
 export declare function isColor(value: any): boolean;
 export declare function isHtml(value: string): boolean;
 export declare function displayItem(item: Item): Record<string, any>;

package/dist/types/components/Tabel/composables/useTableLogic.d.ts

@@ -24,7 +24,6 @@ export declare function useTableLogic<TEmit extends (event: any, ...args: any[])
     sortBy: (field: string) => void;
     prevPage: () => void;
     nextPage: () => void;
-    summarizeValue: (val: any) => string;
     setUpData: () => Promise<void>;
     getValueByPath: (obj: any, path: string) => any;
     toTitleCase: (str: string) => string;

package/dist/types/components/UI/Feedback/WarningForm.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onClose?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {
-    message: string;
     title: string;
+    message: string;
     isGreen: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/types/components/UI/Inputs/CurrencyInput.vue.d.ts

@@ -0,0 +1,13 @@
+import { CurrencyInputProps } from '../../../configs/types';
+declare const _default: import('vue').DefineComponent<CurrencyInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number | null, key: string) => any;
+    "push:error": (message: string[], key: string) => any;
+    "remove:error": (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<CurrencyInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | null, key: string) => any) | undefined;
+    "onPush:error"?: ((message: string[], key: string) => any) | undefined;
+    "onRemove:error"?: ((key: string) => any) | undefined;
+}>, {
+    id: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/UI/Inputs/FileInput.vue.d.ts

@@ -1,10 +1,10 @@
 import { FileInputProps } from '../../../configs/types';
 declare const _default: import('vue').DefineComponent<FileInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: File | null, key: string) => any;
+    "update:modelValue": (value: string | File | null, key: string) => any;
     "push:error": (message: string[], key: string) => any;
     "remove:error": (key: string) => any;
 }, string, import('vue').PublicProps, Readonly<FileInputProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: File | null, key: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | File | null, key: string) => any) | undefined;
     "onPush:error"?: ((message: string[], key: string) => any) | undefined;
     "onRemove:error"?: ((key: string) => any) | undefined;
 }>, {

package/dist/types/components/UI/Inputs/ImageInput.vue.d.ts

@@ -1,10 +1,10 @@
 import { ImageInputProps } from '../../../index';
 declare const _default: import('vue').DefineComponent<ImageInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: File | null, key: string) => any;
+    "update:modelValue": (value: string | File | null, key: string) => any;
     "push:error": (message: string[], key: string) => any;
     "remove:error": (key: string) => any;
 }, string, import('vue').PublicProps, Readonly<ImageInputProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: File | null, key: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | File | null, key: string) => any) | undefined;
     "onPush:error"?: ((message: string[], key: string) => any) | undefined;
     "onRemove:error"?: ((key: string) => any) | undefined;
 }>, {

package/dist/types/components/UI/Inputs/RateInput.vue.d.ts

@@ -0,0 +1,9 @@
+import { RateInputProps } from '../../../configs/types';
+declare const _default: import('vue').DefineComponent<RateInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number | null, key: string) => any;
+}, string, import('vue').PublicProps, Readonly<RateInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | null, key: string) => any) | undefined;
+}>, {
+    id: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/UI/Inputs/TelInput.vue.d.ts

@@ -0,0 +1,13 @@
+import { TelInputProps } from '../../../configs/types';
+declare const _default: import('vue').DefineComponent<TelInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string, key: string) => any;
+    "push:error": (message: string[], key: string) => any;
+    "remove:error": (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<TelInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string, key: string) => any) | undefined;
+    "onPush:error"?: ((message: string[], key: string) => any) | undefined;
+    "onRemove:error"?: ((key: string) => any) | undefined;
+}>, {
+    id: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/UI/Inputs/TextAreaQuill.vue.d.ts

@@ -1,9 +1,9 @@
-import { RichTextProps } from '../../../index';
-declare const _default: import('vue').DefineComponent<RichTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+import { TextEdiorQuillProps } from '../../../index';
+declare const _default: import('vue').DefineComponent<TextEdiorQuillProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string, key: string) => any;
     "push:error": (message: string[], key: string) => any;
     "remove:error": (key: string) => any;
-}, string, import('vue').PublicProps, Readonly<RichTextProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<TextEdiorQuillProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string, key: string) => any) | undefined;
     "onPush:error"?: ((message: string[], key: string) => any) | undefined;
     "onRemove:error"?: ((key: string) => any) | undefined;

package/dist/types/components/UI/Inputs/components/QuillAltModal.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    show: boolean;
+    initialValue?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (value: string) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((value: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/UI/Inputs/components/QuillEmbedModal.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    show: boolean;
+    mode: 'image' | 'video' | 'link';
+    uploadUrl?: string;
+    initialValue?: string;
+    initialText?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (payload: {
+        url: string;
+        alt?: string;
+        text?: string;
+    }) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        url: string;
+        alt?: string;
+        text?: string;
+    }) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,3 +1,4 @@
 export * from './useArrayObject';
 export * from './useSchemaGroupRenderer';
 export * from './useSingleObject';
+export * from './useCurrencyInput';

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

@@ -0,0 +1,11 @@
+import { CurrencyInputProps } from '../../../../configs/types';
+type CurrencyEmit = {
+    (e: 'update:modelValue', value: number | null, key: string): void;
+};
+export declare function useCurrencyInput(props: CurrencyInputProps, emit: CurrencyEmit): {
+    formattedValue: import('vue').ComputedRef<string>;
+    currencySymbol: import('vue').ComputedRef<string>;
+    onInput: (event: Event) => void;
+    onBlur: () => void;
+};
+export {};

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

@@ -1,6 +1,8 @@
 export { default as ArrayObjectInput } from './ArrayObject.vue';
 export { default as ColorInput } from './ColorPicker.vue';
 export { default as SelectedOptions } from './ComboboxComponent.vue';
+export { default as CurrencyInput } from './CurrencyInput.vue';
+export { default as RateInput } from './RateInput.vue';
 export { default as DateInput } from './DateInput.vue';
 export { default as DateTimeInput } from './DateTimeInput.vue';
 export { default as EmailInput } from './EmailInput.vue';
@@ -14,6 +16,7 @@ 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 TelInput } from './TelInput.vue';
 export { default as TextAreaQuillInput } from './TextAreaQuill.vue';
 export { default as TextInput } from './TextInput.vue';
 export { default as TimeInput } from './TimeInput.vue';

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

@@ -1,7 +1,7 @@
 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 fieldTypes: readonly ["text", "email", "password", "number", "image", "color", "select", "arrayObject", "quillEditor", "optionGroupSchema", "tag", "object", "url", "toggle", "date", "time", "dateTime", "imageArray", "file", "fileArray", "textArea", "currency", "rate", "tel"];
 export declare const formDesign: readonly ["form", "news"];
 export type FieldType = (typeof fieldTypes)[number];
 export type FormDesign = (typeof formDesign)[number];
@@ -40,7 +40,7 @@ export interface TextField extends BaseField {
     type: 'text';
     placeholder?: string;
     validate?: {
-        duplicate: (string | number)[] | boolean;
+        duplicate?: (string | number)[] | boolean;
         minLength?: number;
         maxLength?: number;
         pattern?: string;
@@ -65,6 +65,29 @@ export interface PasswordField extends BaseField {
         requireSpecialChar?: boolean;
     };
 }
+export interface CurrencyField extends BaseField {
+    type: 'currency';
+    placeholder?: string;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
+export interface RateField extends BaseField {
+    type: 'rate';
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
+export interface TelField extends BaseField {
+    type: 'tel';
+    placeholder?: string;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
 export interface NumberField extends BaseField {
     type: 'number';
     placeholder?: string;
@@ -75,13 +98,36 @@ export interface NumberField extends BaseField {
         duplicate?: (string | number)[] | boolean;
     };
 }
-export interface RichTextField extends BaseField {
-    type: 'richText';
+export interface SeoFieldMapping {
+    sendSeo?: boolean;
+    title: string;
+    description: string;
+    news?: string;
+    slug?: string;
+    focusKeyword?: string;
+    tags?: string;
+    image?: string;
+    author?: string;
+    publishedAt?: string;
+    canonical?: string;
+}
+export interface SeoAnalysisResult {
+    score: number;
+    details: {
+        passed: boolean;
+        message: string;
+        label: string;
+    }[];
+}
+export interface QuillEditorField extends BaseField {
+    type: 'quillEditor';
     placeholder?: string;
     validate?: {
         minLength?: number;
         maxLength?: number;
     };
+    apiUploadImage?: string;
+    apiUploadVideo?: string;
 }
 export interface DateField extends BaseField {
     type: 'date';

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

@@ -15,7 +15,7 @@ export interface GlobalDefaultText {
         number: string;
         array: string;
         select: string;
-        richText: string;
+        quillEditor: string;
         password: string;
         email: string;
         tag: string;
@@ -73,6 +73,7 @@ export interface GlobalDefaultText {
         deleteMany: string;
         create: string;
         update: string;
+        upload: string;
         display: string;
         next: string;
         prev: string;

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

@@ -1,4 +1,4 @@
-import { SupportedLanguage, Errors, Schema, SubmitAuthOptionMap, Item, DataKeyConfig, DateOnly, DateTimeString, TimeOnly, ImageType, XOR } from '../../index';
+import { SupportedLanguage, Errors, Schema, SubmitAuthOptionMap, Item, DataKeyConfig, DateOnly, DateTimeString, TimeOnly, ImageType, XOR, SeoFieldMapping } from '../../index';
 export interface SchemaGroupRendererProps {
     id: string;
     label?: string;
@@ -69,6 +69,28 @@ export interface TextInputProps {
     };
     lang?: SupportedLanguage;
 }
+export interface RateInputProps {
+    id?: string;
+    label: string;
+    modelValue?: number;
+    error?: string | string[];
+    disabled?: boolean;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+    lang?: SupportedLanguage;
+}
+export interface TelInputProps {
+    id?: string;
+    label: string;
+    placeholder?: string;
+    modelValue?: string;
+    error?: string | string[];
+    disabled?: boolean;
+    validate?: Record<string, any>;
+    lang?: SupportedLanguage;
+}
 export interface DateInputProps {
     id?: string;
     label: string;
@@ -108,6 +130,19 @@ export interface DateTimeInputProps {
     };
     lang?: SupportedLanguage;
 }
+export interface CurrencyInputProps {
+    id?: string;
+    label: string;
+    placeholder?: string;
+    modelValue?: number;
+    error?: string | string[];
+    disabled?: boolean;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+    lang?: SupportedLanguage;
+}
 export interface NumberInputProps {
     id?: string;
     label: string;
@@ -187,7 +222,20 @@ export interface BaseInputProps {
     };
     lang?: SupportedLanguage;
 }
-export interface RichTextProps {
+export interface QuillEditorProps {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    modelValue?: string;
+    error?: string | string[];
+    disabled?: boolean;
+    lang?: SupportedLanguage;
+    validate?: {
+        minLength?: number;
+        maxLength?: number;
+    };
+}
+export interface TextEdiorQuillProps {
     id?: string;
     label?: string;
     placeholder?: string;
@@ -199,6 +247,8 @@ export interface RichTextProps {
         minLength?: number;
         maxLength?: number;
     };
+    apiUploadImage?: string;
+    apiUploadVideo?: string;
 }
 export interface TextAreaProps {
     id?: string;
@@ -339,6 +389,7 @@ export interface FromModalProps {
     schema: Schema;
     isUpdate?: boolean;
     lang?: SupportedLanguage;
+    seo?: SeoFieldMapping;
     demo?: boolean;
 }
 export interface ColorPickerProps {

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

@@ -1,11 +1,12 @@
-import { TextField, ImageField, ColorField, EmailField, PasswordField, NumberField, SelectField, ArrayObjectField, OptionGroupField, RichTextField, TagField, UrlField, ToggleField, ImageArrayField, FileArrayField, ObjectField, TextAreaField, DateField, TimeField, DateTimeField, FileField, XOR } from '../../index';
-export type Field = TextField | ImageArrayField | NumberField | FileArrayField | ImageField | ColorField | SelectField | EmailField | PasswordField | ArrayObjectField | UrlField | ToggleField | DateField | ObjectField | TimeField | RichTextField | DateTimeField | TagField | FileField | TextAreaField | OptionGroupField;
+import { TextField, ImageField, ColorField, EmailField, PasswordField, NumberField, SelectField, ArrayObjectField, OptionGroupField, QuillEditorField, TagField, UrlField, ToggleField, ImageArrayField, FileArrayField, ObjectField, TextAreaField, DateField, TimeField, DateTimeField, FileField, XOR, CurrencyField, RateField, TelField } from '../../index';
+export type Field = TextField | ImageArrayField | NumberField | FileArrayField | ImageField | ColorField | SelectField | EmailField | PasswordField | ArrayObjectField | UrlField | ToggleField | DateField | ObjectField | TimeField | QuillEditorField | DateTimeField | TagField | FileField | TextAreaField | OptionGroupField | CurrencyField | RateField | TelField;
 export type Schema = Record<string, Field>;
 export type FormData = Record<string, any>;
 export type Errors = Record<string, any>;
 export type DataView = Record<string, string | dataProperty>;
 export interface dataProperty {
     valueKey: string;
+    type: 'image' | 'file' | 'url' | 'rate' | 'seo' | 'color' | 'date' | 'time' | 'dateTime' | 'text' | 'number' | 'email' | 'password' | 'currency' | 'textarea' | 'richtext' | 'select' | 'multiSelect' | 'boolean' | 'arrayObject' | 'arrayColor' | 'arrayImage' | 'arrayFile' | 'arrayUrl' | 'arrayNumber' | 'arrayText' | 'tag' | 'tel' | 'rate';
     connect?: XOR<{
         withDB: {
             DB_NAME: string;

package/dist/types/configs/types/table-data.types.d.ts

@@ -1,5 +1,5 @@
 import { ZodType } from 'zod';
-import { DataView, Schema, FormDesign, SubmitAuthOptionMap, SupportedLanguage, XOR } from '../../index';
+import { DataView, Schema, FormDesign, SubmitAuthOptionMap, SupportedLanguage, XOR, SeoFieldMapping } from '../../index';
 export interface BaseConfig<Item> {
     source: XOR<{
         DB_NAME: string;
@@ -30,8 +30,10 @@ export interface BaseConfig<Item> {
     justTabel?: boolean;
     lang?: SupportedLanguage;
     schema: FormSchema;
+    seoDisplay?: string;
 }
 export interface FormSchema {
+    SeoDisplay?: SeoFieldMapping;
     global?: Schema;
     display?: Schema;
     create?: Schema;
@@ -73,16 +75,6 @@ export interface TabelFeatureToggles {
     displayActive?: boolean;
     JustTabel?: boolean;
 }
-export interface TabelFeatureToggles {
-    btnInfoActive?: boolean;
-    searchQueryActive?: boolean;
-    sortable?: boolean;
-    createActive?: boolean;
-    updateActive?: boolean;
-    deleteActive?: boolean;
-    deleteManyActive?: boolean;
-    displayActive?: boolean;
-}
 export interface TabelManualControl {
     create?: boolean;
     update?: boolean;