@maltjoy/core-vue 3.15.5 → 3.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/JoyAvailability/JoyAvailability.types.d.ts +1 -1
- package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +4 -4
- package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +13 -9
- package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +1 -1
- package/dist/components/JoyBadge/JoyBadge.types.d.ts +1 -1
- package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +3 -4
- package/dist/components/JoyBadgeLevel/JoyBadgeLevel.types.d.ts +1 -1
- package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts +1 -1
- package/dist/components/JoyButton/JoyButton.types.d.ts +14 -4
- package/dist/components/JoyButton/VJoyButton.vue.d.ts +12 -12
- package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +4 -6
- package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +3 -3
- package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +4 -4
- package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +4 -4
- package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts +2 -2
- package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +2 -2
- package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +23 -18
- package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +3 -3
- package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +38 -16
- package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +1 -1
- package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +7 -3
- package/dist/components/JoyFooter/VJoyFooter.vue.d.ts +10 -0
- package/dist/components/JoyFormError/VJoyFormError.vue.d.ts +1 -1
- package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +5 -0
- package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +53 -0
- package/dist/components/JoyHeader/VJoyHeader.vue.d.ts +10 -0
- package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +3 -3
- package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +7 -8
- package/dist/components/JoyIcon/JoyIcon.types.d.ts +4 -4
- package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +3 -3
- package/dist/components/JoyInput/JoyInput.types.d.ts +3 -3
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +14 -10
- package/dist/components/JoyLabel/JoyLabel.types.d.ts +1 -1
- package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +3 -4
- package/dist/components/JoyLink/VJoyLink.vue.d.ts +6 -7
- package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +22 -6
- package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +17 -3
- package/dist/components/JoyPagination/PaginationIcon.vue.d.ts +6 -2
- package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +2 -2
- package/dist/components/JoyPanel/JoyPanel.types.d.ts +5 -5
- package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +17 -17
- package/dist/components/JoyPanelSection/VJoyPanelSection.vue.d.ts +2 -2
- package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +2 -2
- package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +4 -4
- package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +2 -2
- package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +3 -3
- package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +5 -5
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +1 -1
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +2 -2
- package/dist/components/JoySelect/JoySelect.types.d.ts +3 -3
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +7 -7
- package/dist/components/JoySelectableItem/VJoySelectableItem.vue.d.ts +3 -3
- package/dist/components/JoySeparator/JoySeparator.types.d.ts +3 -3
- package/dist/components/JoySeparator/VJoySeparator.vue.d.ts +4 -4
- package/dist/components/JoySpinner/JoySpinner.types.d.ts +1 -1
- package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +5 -5
- package/dist/components/JoyTab/TabButton.vue.d.ts +1 -1
- package/dist/components/JoyTab/VJoyTab.vue.d.ts +10 -3
- package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +3 -3
- package/dist/components/JoyTag/JoyTag.types.d.ts +4 -4
- package/dist/components/JoyTag/VJoyTag.vue.d.ts +18 -6
- package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +1 -1
- package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -3
- package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +1 -1
- package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +7 -7
- package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +2 -2
- package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +6 -4
- package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +5 -5
- package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +8 -8
- package/dist/components/components.types.d.ts +1 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/helpers/index.d.ts +2 -2
- package/dist/joy-vue.js +1368 -1634
- package/dist/joy-vue.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/dist/tests/composables/test-components/CheckboxFormProps.vue.d.ts +2 -2
- package/dist/tests/composables/test-components/GenericFormProps.vue.d.ts +1 -1
- package/dist/tests/composables/test-components/GenericFormPropsWithLabel.vue.d.ts +1 -1
- package/dist/types/index.d.ts +4 -0
- package/joy-components.d.ts +3 -0
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const AVAILABILITY_STATUS: readonly ["AVAILABLE", "AVAILABLE_AND_VERIFIED", "NOT_AVAILABLE_WITH_DATE", "AVAILABLE_SOON", "NOT_AVAILABLE"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyAvailabilityStatus = (typeof AVAILABILITY_STATUS)[number];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
2
|
import VJoyAvatar from './VJoyAvatar.vue';
|
|
3
3
|
export declare const AVATAR_COLORS: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral"];
|
|
4
4
|
export type FreelancerAvatarColors = (typeof AVATAR_COLORS)[number];
|
|
@@ -8,6 +8,6 @@ export interface AvatarColors {
|
|
|
8
8
|
company: CompanyAvatarColors;
|
|
9
9
|
}
|
|
10
10
|
/** AVATAR SIZES */
|
|
11
|
-
export type
|
|
12
|
-
export declare const AVATAR_SIZES:
|
|
13
|
-
export type
|
|
11
|
+
export type TJoyAvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
|
|
12
|
+
export declare const AVATAR_SIZES: TJoyAvatarSizes[];
|
|
13
|
+
export type TJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyAvatarSizes } from './JoyAvatar.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
/** 3 different sizes of avatar */
|
|
5
5
|
size: {
|
|
6
|
-
type: PropType<
|
|
6
|
+
type: PropType<TJoyAvatarSizes>;
|
|
7
7
|
default: string;
|
|
8
8
|
};
|
|
9
9
|
/** Only visible if you apply a fullName but not any photoUrl. */
|
|
10
10
|
color: {
|
|
11
|
-
type: PropType<"primary" | "secondary" | "
|
|
11
|
+
type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
14
|
/** Display the initials based on Firstname and Lastname */
|
|
@@ -27,15 +27,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
27
|
}, {
|
|
28
28
|
isAnonymous: import("vue").ComputedRef<boolean>;
|
|
29
29
|
initials: import("vue").ComputedRef<string>;
|
|
30
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
30
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
|
+
click: () => void;
|
|
32
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
33
|
/** 3 different sizes of avatar */
|
|
32
34
|
size: {
|
|
33
|
-
type: PropType<
|
|
35
|
+
type: PropType<TJoyAvatarSizes>;
|
|
34
36
|
default: string;
|
|
35
37
|
};
|
|
36
38
|
/** Only visible if you apply a fullName but not any photoUrl. */
|
|
37
39
|
color: {
|
|
38
|
-
type: PropType<"primary" | "secondary" | "
|
|
40
|
+
type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
|
|
39
41
|
default: string;
|
|
40
42
|
};
|
|
41
43
|
/** Display the initials based on Firstname and Lastname */
|
|
@@ -51,10 +53,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
51
53
|
type: PropType<"default" | "strategy">;
|
|
52
54
|
default: string;
|
|
53
55
|
};
|
|
54
|
-
}
|
|
56
|
+
}>> & {
|
|
57
|
+
onClick?: (() => any) | undefined;
|
|
58
|
+
}, {
|
|
55
59
|
link: boolean;
|
|
56
|
-
size:
|
|
57
|
-
color: "primary" | "secondary" | "
|
|
60
|
+
size: TJoyAvatarSizes;
|
|
61
|
+
color: "primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent";
|
|
58
62
|
profile: "default" | "strategy";
|
|
59
63
|
}, {}>;
|
|
60
64
|
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const VARIANTS: readonly ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyBadgeVariants = (typeof VARIANTS)[number];
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { VariantsTypes } from './JoyBadge.types';
|
|
3
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
3
|
/**
|
|
5
4
|
* Display the colored bulletpoint on the left
|
|
@@ -20,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
20
19
|
*/
|
|
21
20
|
variant: {
|
|
22
21
|
type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
|
|
23
|
-
validator(variant:
|
|
22
|
+
validator(variant: "info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow"): boolean;
|
|
24
23
|
};
|
|
25
24
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
25
|
/**
|
|
@@ -42,13 +41,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
42
41
|
*/
|
|
43
42
|
variant: {
|
|
44
43
|
type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
|
|
45
|
-
validator(variant:
|
|
44
|
+
validator(variant: "info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow"): boolean;
|
|
46
45
|
};
|
|
47
46
|
}>>, {
|
|
48
47
|
label: string;
|
|
49
48
|
bulletpoint: boolean;
|
|
50
49
|
}, {}>, {
|
|
51
|
-
default
|
|
50
|
+
default?(_: {}): any;
|
|
52
51
|
}>;
|
|
53
52
|
export default _default;
|
|
54
53
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -9,4 +9,4 @@ export declare enum JoyBadgeLevelEnum {
|
|
|
9
9
|
export declare enum JoyBadgeProgramEnum {
|
|
10
10
|
HIGH_POTENTIAL = "program_high-potential"
|
|
11
11
|
}
|
|
12
|
-
export type
|
|
12
|
+
export type TJoyBadges = `${JoyBadgeLevelEnum | JoyBadgeProgramEnum}`;
|
|
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
35
|
superMalterLevel: number;
|
|
36
36
|
visibleText: boolean;
|
|
37
37
|
}, {}>, {
|
|
38
|
-
default
|
|
38
|
+
default?(_: {}): any;
|
|
39
39
|
}>;
|
|
40
40
|
export default _default;
|
|
41
41
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import { GENERIC_VARIANTS, SIZES, POSITIONS } from '
|
|
2
|
-
/** BUTTON VARIANTS/COLORS */
|
|
1
|
+
import { GENERIC_VARIANTS, SIZES, POSITIONS } from '../../types';
|
|
3
2
|
declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost", "white"];
|
|
4
3
|
export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated - Use TJoyButtonVariants instead
|
|
6
|
+
*/
|
|
5
7
|
export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
|
|
6
|
-
|
|
8
|
+
export type TJoyButtonVariants = (typeof BUTTON_VARIANTS)[number];
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated - Use TJoyButtonSizes instead
|
|
11
|
+
*/
|
|
7
12
|
export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
|
|
8
|
-
export
|
|
13
|
+
export type TJoyButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
|
|
14
|
+
export declare const BUTTON_SIZES: TJoyButtonSizes[];
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated - Use TJoyButtonIconPositions instead
|
|
17
|
+
*/
|
|
9
18
|
export type ButtonIconPositions = (typeof POSITIONS)[number];
|
|
19
|
+
export type TJoyButtonIconPositions = (typeof POSITIONS)[number];
|
|
10
20
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TJoyButtonSizes } from './JoyButton.types';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
@@ -31,15 +31,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
31
31
|
};
|
|
32
32
|
/** Button or Link color variant */
|
|
33
33
|
variant: {
|
|
34
|
-
type: PropType<"main" | "primary" | "secondary" | "
|
|
34
|
+
type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
|
|
35
35
|
default: string;
|
|
36
|
-
validator(variant:
|
|
36
|
+
validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
|
|
37
37
|
};
|
|
38
38
|
/** Button or Link size */
|
|
39
39
|
size: {
|
|
40
|
-
type: PropType<
|
|
40
|
+
type: PropType<TJoyButtonSizes>;
|
|
41
41
|
default: string;
|
|
42
|
-
validator(variant:
|
|
42
|
+
validator(variant: TJoyButtonSizes): boolean;
|
|
43
43
|
};
|
|
44
44
|
}, {
|
|
45
45
|
randomId: string;
|
|
@@ -74,24 +74,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
74
74
|
};
|
|
75
75
|
/** Button or Link color variant */
|
|
76
76
|
variant: {
|
|
77
|
-
type: PropType<"main" | "primary" | "secondary" | "
|
|
77
|
+
type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
|
|
78
78
|
default: string;
|
|
79
|
-
validator(variant:
|
|
79
|
+
validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
|
|
80
80
|
};
|
|
81
81
|
/** Button or Link size */
|
|
82
82
|
size: {
|
|
83
|
-
type: PropType<
|
|
83
|
+
type: PropType<TJoyButtonSizes>;
|
|
84
84
|
default: string;
|
|
85
|
-
validator(variant:
|
|
85
|
+
validator(variant: TJoyButtonSizes): boolean;
|
|
86
86
|
};
|
|
87
87
|
}>>, {
|
|
88
88
|
circle: boolean;
|
|
89
|
-
size:
|
|
90
|
-
variant: "main" | "primary" | "secondary" | "admin" | "ghost" | "white";
|
|
89
|
+
size: TJoyButtonSizes;
|
|
91
90
|
loading: boolean;
|
|
91
|
+
variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost";
|
|
92
92
|
iconPosition: "left" | "right";
|
|
93
93
|
}, {}>, {
|
|
94
|
-
default
|
|
94
|
+
default?(_: {}): any;
|
|
95
95
|
}>;
|
|
96
96
|
export default _default;
|
|
97
97
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -52,9 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
52
52
|
isIndeterminate: import("vue").Ref<boolean>;
|
|
53
53
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
54
54
|
"update:checked": (value: boolean) => void;
|
|
55
|
-
} & {
|
|
56
55
|
focus: () => void;
|
|
57
|
-
} & {
|
|
58
56
|
blur: () => void;
|
|
59
57
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
60
58
|
/** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
|
|
@@ -111,16 +109,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
111
109
|
onBlur?: (() => any) | undefined;
|
|
112
110
|
"onUpdate:checked"?: ((value: boolean) => any) | undefined;
|
|
113
111
|
}, {
|
|
114
|
-
disabled: boolean;
|
|
115
112
|
required: boolean;
|
|
116
|
-
|
|
113
|
+
disabled: boolean;
|
|
117
114
|
indeterminate: boolean;
|
|
118
115
|
displayFocus: boolean;
|
|
119
116
|
checked: boolean;
|
|
120
117
|
invalid: boolean;
|
|
118
|
+
value: string;
|
|
121
119
|
}, {}>, {
|
|
122
|
-
default
|
|
123
|
-
|
|
120
|
+
default?(_: {}): any;
|
|
121
|
+
"checkbox-content"?(_: {}): any;
|
|
124
122
|
}>;
|
|
125
123
|
export default _default;
|
|
126
124
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const COMPANY_AVATAR_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyCompanyAvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
|
|
3
|
+
export declare const COMPANY_AVATAR_SIZES: TJoyCompanyAvatarSizes[];
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyCompanyAvatarSizes } from './JoyCompanyAvatar.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
imgSrc: StringConstructor;
|
|
5
5
|
imgAlt: StringConstructor;
|
|
6
6
|
companyName: StringConstructor;
|
|
7
7
|
size: {
|
|
8
|
-
type: PropType<
|
|
8
|
+
type: PropType<TJoyCompanyAvatarSizes>;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -13,10 +13,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
13
|
imgAlt: StringConstructor;
|
|
14
14
|
companyName: StringConstructor;
|
|
15
15
|
size: {
|
|
16
|
-
type: PropType<
|
|
16
|
+
type: PropType<TJoyCompanyAvatarSizes>;
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
19
|
}>>, {
|
|
20
|
-
size:
|
|
20
|
+
size: TJoyCompanyAvatarSizes;
|
|
21
21
|
}, {}>;
|
|
22
22
|
export default _default;
|
|
@@ -63,8 +63,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
63
63
|
};
|
|
64
64
|
}, {
|
|
65
65
|
props: {
|
|
66
|
-
readonly disabled: boolean;
|
|
67
66
|
readonly required: boolean;
|
|
67
|
+
readonly disabled: boolean;
|
|
68
68
|
readonly invalid: boolean;
|
|
69
69
|
readonly labelSize: "small" | "large" | "medium";
|
|
70
70
|
readonly requiredMark: boolean;
|
|
@@ -72,8 +72,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
72
72
|
readonly modelValue: number;
|
|
73
73
|
readonly step: number;
|
|
74
74
|
readonly label?: string | undefined;
|
|
75
|
-
readonly id?: string | undefined;
|
|
76
75
|
readonly name?: string | undefined;
|
|
76
|
+
readonly id?: string | undefined;
|
|
77
77
|
readonly optionalLabel?: string | undefined;
|
|
78
78
|
readonly labelDecrement?: string | undefined;
|
|
79
79
|
readonly labelIncrement?: string | undefined;
|
|
@@ -147,8 +147,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
147
147
|
}>> & {
|
|
148
148
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
149
149
|
}, {
|
|
150
|
-
disabled: boolean;
|
|
151
150
|
required: boolean;
|
|
151
|
+
disabled: boolean;
|
|
152
152
|
invalid: boolean;
|
|
153
153
|
labelSize: "small" | "large" | "medium";
|
|
154
154
|
requiredMark: boolean;
|
|
@@ -156,7 +156,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
156
156
|
modelValue: number;
|
|
157
157
|
step: number;
|
|
158
158
|
}, {}>, {
|
|
159
|
-
default
|
|
159
|
+
default?(_: {}): any;
|
|
160
160
|
}>;
|
|
161
161
|
export default _default;
|
|
162
162
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -11,8 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
11
11
|
}>>, {
|
|
12
12
|
disabled: boolean;
|
|
13
13
|
}, {}>, {
|
|
14
|
-
default
|
|
15
|
-
|
|
14
|
+
default?(_: {}): any;
|
|
15
|
+
"divider-content"?(_: {}): any;
|
|
16
16
|
}>;
|
|
17
17
|
export default _default;
|
|
18
18
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const DROPDOWN_DIRECTIONS: readonly ["up", "down"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyDropdownDirections = (typeof DROPDOWN_DIRECTIONS)[number];
|
|
3
3
|
export declare const DROPDOWN_JUSTIFY: readonly ["left", "right"];
|
|
4
|
-
export type
|
|
4
|
+
export type TJoyDropdownJustify = (typeof DROPDOWN_JUSTIFY)[number];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyDropdownListSizes } from '../JoyDropdownList/JoyDropdownList.types';
|
|
3
3
|
export interface Option {
|
|
4
4
|
id?: string;
|
|
5
5
|
value?: string;
|
|
@@ -52,13 +52,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
52
52
|
*/
|
|
53
53
|
options: {
|
|
54
54
|
type: PropType<Option[]>;
|
|
55
|
-
validator(value:
|
|
55
|
+
validator(value: Option[]): boolean;
|
|
56
56
|
default(): never[];
|
|
57
57
|
};
|
|
58
58
|
size: {
|
|
59
|
-
type: PropType<
|
|
59
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
60
60
|
default: string;
|
|
61
|
-
validator(size:
|
|
61
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
62
62
|
};
|
|
63
63
|
/** Use v-model */
|
|
64
64
|
modelValue: {
|
|
@@ -103,11 +103,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
103
103
|
generatedId: string;
|
|
104
104
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
105
105
|
"update:modelValue": (value: string | undefined) => void;
|
|
106
|
-
} & {
|
|
107
106
|
"dropdown:open": () => void;
|
|
108
|
-
} & {
|
|
109
107
|
"dropdown:hide": () => void;
|
|
110
|
-
} & {
|
|
111
108
|
"dropdown:reset": () => void;
|
|
112
109
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
113
110
|
/** DOM valid selector to give to Vue3 Teleport "to" property */
|
|
@@ -146,13 +143,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
146
143
|
*/
|
|
147
144
|
options: {
|
|
148
145
|
type: PropType<Option[]>;
|
|
149
|
-
validator(value:
|
|
146
|
+
validator(value: Option[]): boolean;
|
|
150
147
|
default(): never[];
|
|
151
148
|
};
|
|
152
149
|
size: {
|
|
153
|
-
type: PropType<
|
|
150
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
154
151
|
default: string;
|
|
155
|
-
validator(size:
|
|
152
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
156
153
|
};
|
|
157
154
|
/** Use v-model */
|
|
158
155
|
modelValue: {
|
|
@@ -198,12 +195,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
198
195
|
"onDropdown:hide"?: (() => any) | undefined;
|
|
199
196
|
"onDropdown:reset"?: (() => any) | undefined;
|
|
200
197
|
}, {
|
|
201
|
-
size:
|
|
198
|
+
size: TJoyDropdownListSizes;
|
|
199
|
+
width: string;
|
|
200
|
+
height: string;
|
|
202
201
|
modelValue: string;
|
|
203
202
|
reset: boolean;
|
|
204
203
|
options: Option[];
|
|
205
|
-
width: string;
|
|
206
|
-
height: string;
|
|
207
204
|
appendTo: string | import("vue").RendererElement | null | undefined;
|
|
208
205
|
disableTeleport: boolean;
|
|
209
206
|
closeOnSelect: boolean;
|
|
@@ -211,11 +208,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
211
208
|
justify: "left" | "right";
|
|
212
209
|
dropdownGap: string;
|
|
213
210
|
}, {}>, {
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
211
|
+
"dropdown-button"?(_: {}): any;
|
|
212
|
+
"dropdown-header"?(_: {}): any;
|
|
213
|
+
"dropdown-items"?(_: {}): any;
|
|
214
|
+
"dropdown-item"?(_: {
|
|
215
|
+
[x: string]: any;
|
|
216
|
+
id?: string | undefined;
|
|
217
|
+
value?: string | undefined;
|
|
218
|
+
label: string;
|
|
219
|
+
href?: string | undefined;
|
|
220
|
+
disabled?: boolean | undefined;
|
|
221
|
+
checked?: boolean | undefined;
|
|
222
|
+
}): any;
|
|
223
|
+
"dropdown-footer"?(_: {}): any;
|
|
219
224
|
}>;
|
|
220
225
|
export default _default;
|
|
221
226
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const DROPDOWNLIST_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyDropdownListSizes = Extract<(typeof SIZES)[number], 'xsmall' | 'small' | 'medium'>;
|
|
3
|
+
export declare const DROPDOWNLIST_SIZES: TJoyDropdownListSizes[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyDropdownListSizes } from './JoyDropdownList.types';
|
|
3
3
|
export interface Option {
|
|
4
4
|
id?: string;
|
|
5
5
|
value?: string;
|
|
@@ -21,14 +21,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
21
21
|
*/
|
|
22
22
|
options: {
|
|
23
23
|
type: PropType<Option[]>;
|
|
24
|
-
validator(value:
|
|
24
|
+
validator(value: Option[]): boolean;
|
|
25
25
|
default(): never[];
|
|
26
26
|
};
|
|
27
27
|
/** Customize the actual size of each items. */
|
|
28
28
|
size: {
|
|
29
|
-
type: PropType<
|
|
29
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
30
30
|
default: string;
|
|
31
|
-
validator(size:
|
|
31
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
32
32
|
};
|
|
33
33
|
modelValue: {
|
|
34
34
|
type: StringConstructor;
|
|
@@ -56,20 +56,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
56
56
|
};
|
|
57
57
|
}, {
|
|
58
58
|
isSelected: import("vue").ComputedRef<(option: Option) => boolean>;
|
|
59
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
59
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
60
|
+
"update:modelValue": (value: string | undefined) => void;
|
|
61
|
+
reset: () => void;
|
|
62
|
+
"close:dropdownList": () => void;
|
|
63
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
60
64
|
/**
|
|
61
65
|
* In order to make it work with v-model, you need to pass for each option, a value or an ID.
|
|
62
66
|
*/
|
|
63
67
|
options: {
|
|
64
68
|
type: PropType<Option[]>;
|
|
65
|
-
validator(value:
|
|
69
|
+
validator(value: Option[]): boolean;
|
|
66
70
|
default(): never[];
|
|
67
71
|
};
|
|
68
72
|
/** Customize the actual size of each items. */
|
|
69
73
|
size: {
|
|
70
|
-
type: PropType<
|
|
74
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
71
75
|
default: string;
|
|
72
|
-
validator(size:
|
|
76
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
73
77
|
};
|
|
74
78
|
modelValue: {
|
|
75
79
|
type: StringConstructor;
|
|
@@ -95,17 +99,35 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
95
99
|
ariaLabel: {
|
|
96
100
|
type: StringConstructor;
|
|
97
101
|
};
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
+
}>> & {
|
|
103
|
+
onReset?: (() => any) | undefined;
|
|
104
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
105
|
+
"onClose:dropdownList"?: (() => any) | undefined;
|
|
106
|
+
}, {
|
|
107
|
+
size: TJoyDropdownListSizes;
|
|
102
108
|
width: string;
|
|
103
109
|
height: string;
|
|
110
|
+
reset: boolean;
|
|
111
|
+
options: Option[];
|
|
104
112
|
}, {}>, {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
label
|
|
108
|
-
|
|
113
|
+
"dropdown-list-header"?(_: {}): any;
|
|
114
|
+
"dropdown-list-items"?(_: {}): any;
|
|
115
|
+
label?(_: {
|
|
116
|
+
[x: string]: any;
|
|
117
|
+
id?: string | undefined;
|
|
118
|
+
value?: string | undefined;
|
|
119
|
+
label: string;
|
|
120
|
+
href?: string | undefined;
|
|
121
|
+
/**
|
|
122
|
+
* @default false
|
|
123
|
+
*/
|
|
124
|
+
disabled?: boolean | undefined;
|
|
125
|
+
/**
|
|
126
|
+
* @default false
|
|
127
|
+
*/
|
|
128
|
+
checked?: boolean | undefined;
|
|
129
|
+
}): any;
|
|
130
|
+
"dropdown-list-footer"?(_: {}): any;
|
|
109
131
|
}>;
|
|
110
132
|
export default _default;
|
|
111
133
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
3
3
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
4
4
|
ariaLabel: StringConstructor;
|
|
5
5
|
}>>, {}, {}>, {
|
|
6
|
-
default
|
|
6
|
+
default?(_: {}): any;
|
|
7
7
|
}>;
|
|
8
8
|
export default _default;
|
|
9
9
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -8,7 +8,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
8
8
|
type: BooleanConstructor;
|
|
9
9
|
default: boolean;
|
|
10
10
|
};
|
|
11
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
|
+
filter: (value: string) => void;
|
|
13
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
14
|
label: StringConstructor;
|
|
13
15
|
value: {
|
|
14
16
|
type: StringConstructor;
|
|
@@ -18,10 +20,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
18
20
|
type: BooleanConstructor;
|
|
19
21
|
default: boolean;
|
|
20
22
|
};
|
|
21
|
-
}
|
|
23
|
+
}>> & {
|
|
24
|
+
onFilter?: ((value: string) => any) | undefined;
|
|
25
|
+
}, {
|
|
22
26
|
active: boolean;
|
|
23
27
|
}, {}>, {
|
|
24
|
-
default
|
|
28
|
+
default?(_: {}): any;
|
|
25
29
|
}>;
|
|
26
30
|
export default _default;
|
|
27
31
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, Readonly<{
|
|
2
|
+
'footer-left': () => any;
|
|
3
|
+
'footer-right': () => any;
|
|
4
|
+
}>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
7
|
+
new (): {
|
|
8
|
+
$slots: S;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Profiles, SIZES } from '../../types';
|
|
2
|
+
export type TJoyFunnelLayoutWidths = Extract<(typeof SIZES)[number], 'medium' | 'large'>;
|
|
3
|
+
export declare const JOYFUNNEL_LAYOUT_WIDTHS: TJoyFunnelLayoutWidths[];
|
|
4
|
+
export type TJoyFunnelProfiles = `${Profiles.STRATEGY}` | `${Profiles.DEFAULT}`;
|
|
5
|
+
export declare const JOYFUNNEL_PROFILES: string[];
|