@maltjoy/core-vue 3.20.0 → 3.21.0

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

@@ -7,7 +7,10 @@ export declare const TAG_SIZES: TJoyTagSizes[];
 export type VJoyTagProps = InstanceType<typeof VJoyTag>['$props'];
 export interface IJoyTagSelected {
     selected: boolean;
-    value: string;
+    value: VJoyTagProps['value'];
+}
+export interface IJoyTagRemoved {
+    value: VJoyTagProps['value'];
 }
 export interface IJoyTag extends VJoyTagProps {
 }

package/dist/components/JoyTag/VJoyTag.vue.d.ts

@@ -1,96 +1,65 @@
-import { PropType } from 'vue';
-import { TJoyTagSizes, IJoyTagSelected } from './JoyTag.types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    /** Text injected within the tag */
-    label: {
-        type: StringConstructor;
-    };
-    size: {
-        type: PropType<TJoyTagSizes>;
-        default: string;
-    };
-    variant: {
-        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special">;
-        default: string;
-    };
-    /** Use v-model:selected */
-    selected: BooleanConstructor;
-    selectable: BooleanConstructor;
-    /** Mandatory, especially if you deal with tags list and v-model */
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    removable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    link: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { TJoyTagVariants, TJoyTagSizes, IJoyTagSelected, IJoyTagRemoved } from './JoyTag.types';
+interface Props {
+    label?: string;
+    size?: TJoyTagSizes;
+    variant?: TJoyTagVariants;
+    draggable?: boolean;
+    removable?: boolean;
+    selected?: boolean;
+    selectable?: boolean;
+    link?: boolean;
+    value?: string | number;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    size: string;
+    variant: string;
+    value: string;
+    draggable: boolean;
+    link: boolean;
+    removable: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (tag: IJoyTagSelected) => void;
-    remove: (value: {
-        value: string;
-    }) => void;
+    remove: (value: IJoyTagRemoved) => void;
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Text injected within the tag */
-    label: {
-        type: StringConstructor;
-    };
-    size: {
-        type: PropType<TJoyTagSizes>;
-        default: string;
-    };
-    variant: {
-        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special">;
-        default: string;
-    };
-    /** Use v-model:selected */
-    selected: BooleanConstructor;
-    selectable: BooleanConstructor;
-    /** Mandatory, especially if you deal with tags list and v-model */
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    removable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    link: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    size: string;
+    variant: string;
+    value: string;
+    draggable: boolean;
+    link: boolean;
+    removable: boolean;
+}>>> & {
     onClick?: (() => any) | undefined;
     onSelected?: ((tag: IJoyTagSelected) => any) | undefined;
-    onRemove?: ((value: {
-        value: string;
-    }) => any) | undefined;
+    onRemove?: ((value: IJoyTagRemoved) => any) | undefined;
 }, {
     link: boolean;
     size: TJoyTagSizes;
     variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special";
-    value: string;
-    selected: boolean;
-    selectable: boolean;
+    value: string | number;
     draggable: boolean;
     removable: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/JoyTagsInput/JoyTagsInput.service.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @return {Boolean}
+ * @param {String[] | string} value
+ */
+export declare function checkEmailsValidity(value: string[] | string): boolean;

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

@@ -0,0 +1,4 @@
+export declare enum TAGS_INPUT_ERRORS {
+    DUPLICATED_ENTRY = "DUPLICATED_ENTRY",
+    INVALID_EMAIL = "INVALID_EMAIL"
+}

package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts

@@ -0,0 +1,97 @@
+import type { Ref } from 'vue';
+import { TAGS_INPUT_ERRORS } from './JoyTagsInput.types';
+import type { TJoyTagSizes } from '../JoyTag/JoyTag.types';
+declare const _default: <T extends string>(__VLS_props: {
+    size?: TJoyTagSizes | undefined;
+    name?: string | undefined;
+    variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
+    invalid?: boolean | undefined;
+    modelValue?: T[] | undefined;
+    "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
+    placeholder?: string | undefined;
+    "onValidation:error"?: ((type: TAGS_INPUT_ERRORS) => any) | undefined;
+    validation?: "none" | "email" | undefined;
+    duplicationError?: string | undefined;
+    invalidEmailError?: string | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+        tag?(_: {
+            name: T;
+        }): any;
+    };
+    emit: {
+        (e: 'update:modelValue', values: T[]): void;
+        (e: 'validation:error', type: TAGS_INPUT_ERRORS): void;
+    };
+} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
+    isInvalid: Ref<boolean>;
+    hasDuplicates: () => boolean;
+}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        size?: TJoyTagSizes | undefined;
+        name?: string | undefined;
+        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
+        invalid?: boolean | undefined;
+        modelValue?: T[] | undefined;
+        "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
+        placeholder?: string | undefined;
+        "onValidation:error"?: ((type: TAGS_INPUT_ERRORS) => any) | undefined;
+        validation?: "none" | "email" | undefined;
+        duplicationError?: string | undefined;
+        invalidEmailError?: string | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        isInvalid: Ref<boolean>;
+        hasDuplicates: () => boolean;
+    }>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+        tag?(_: {
+            name: T;
+        }): any;
+    };
+    emit: {
+        (e: 'update:modelValue', values: T[]): void;
+        (e: 'validation:error', type: TAGS_INPUT_ERRORS): void;
+    };
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            size?: TJoyTagSizes | undefined;
+            name?: string | undefined;
+            variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
+            invalid?: boolean | undefined;
+            modelValue?: T[] | undefined;
+            "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
+            placeholder?: string | undefined;
+            "onValidation:error"?: ((type: TAGS_INPUT_ERRORS) => any) | undefined;
+            validation?: "none" | "email" | undefined;
+            duplicationError?: string | undefined;
+            invalidEmailError?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{
+            isInvalid: Ref<boolean>;
+            hasDuplicates: () => boolean;
+        }>): void;
+        attrs: any;
+        slots: {
+            default?(_: {}): any;
+            tag?(_: {
+                name: T;
+            }): any;
+        };
+        emit: {
+            (e: 'update:modelValue', values: T[]): void;
+            (e: 'validation:error', type: TAGS_INPUT_ERRORS): void;
+        };
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { TJoyTagsListModel, TJoyTagsList } from './JoyTagsList.types';
-import { IJoyTagSelected } from '../JoyTag/JoyTag.types';
+import { IJoyTagRemoved, IJoyTagSelected } from '../JoyTag/JoyTag.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     align: {
         type: PropType<"left" | "right" | "center">;
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (tags: TJoyTagsListModel) => void;
-    removeTag: (tagValue: string) => void;
+    removeTag: (tagValue: string | number | undefined) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"left" | "right" | "center">;
@@ -62,12 +62,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((tags: TJoyTagsListModel) => any) | undefined;
-    onRemoveTag?: ((tagValue: string) => any) | undefined;
+    onRemoveTag?: ((tagValue: string | number | undefined) => any) | undefined;
 }, {
     variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special";
     align: "left" | "right" | "center";
-    selectable: boolean;
     removable: boolean;
+    selectable: boolean;
     tags: TJoyTagsList;
 }, {}>, {
     tag?(_: {
@@ -77,7 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         link?: boolean | undefined;
         size?: import("../JoyTag/JoyTag.types").TJoyTagSizes | undefined;
         variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
-        value?: string | undefined;
+        value?: string | number | undefined;
         draggable?: boolean | undefined;
         label?: string | undefined;
         style?: unknown;
@@ -126,9 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             [key: string]: any;
         }>) => void)[] | undefined;
         onSelected?: ((tag: IJoyTagSelected) => any) | undefined;
-        onRemove?: ((value: {
-            value: string;
-        }) => any) | undefined;
+        onRemove?: ((value: IJoyTagRemoved) => any) | undefined;
     }): any;
 }>;
 export default _default;

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

@@ -29,6 +29,7 @@ export * from './JoySeparator/JoySeparator.types';
 export * from './JoySnackbar/JoySnackbar.types';
 export * from './JoySpinner/JoySpinner.types';
 export * from './JoyTag/JoyTag.types';
+export * from './JoyTagsInput/JoyTagsInput.types';
 export * from './JoyTagsList/JoyTagsList.types';
 export * from './JoyTemplate/JoyTemplate.types';
 export * from './JoyText/JoyText.types';

package/dist/components/index.d.ts

@@ -54,6 +54,7 @@ import { default as VJoyStepper } from './JoyStepper/VJoyStepper.vue';
 import { default as VJoyTab } from './JoyTab/VJoyTab.vue';
 import { default as VJoyTabs } from './JoyTabs/VJoyTabs.vue';
 import { default as VJoyTag } from './JoyTag/VJoyTag.vue';
+import { default as VJoyTagsInput } from './JoyTagsInput/VJoyTagsInput.vue';
 import { default as VJoyTagsList } from './JoyTagsList/VJoyTagsList.vue';
 import { default as VJoyTemplate } from './JoyTemplate/VJoyTemplate.vue';
 import { default as VJoyTemplateShape } from './JoyTemplateShape/VJoyTemplateShape.vue';
@@ -63,4 +64,4 @@ import { default as VJoyToggle } from './JoyToggle/VJoyToggle.vue';
 import { default as VJoyTooltip } from './JoyTooltip/VJoyTooltip.vue';
 import { default as VJoyUserCard } from './JoyUserCard/VJoyUserCard.vue';
 import { default as VJoyWrapper } from './JoyWrapper/VJoyWrapper.vue';
-export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyCounter, VJoyDialog, VJoyDialogTrigger, VJoyDividerCta, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };
+export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyCounter, VJoyDialog, VJoyDialogTrigger, VJoyDividerCta, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsInput, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };