@maltjoy/core-vue 3.27.1 → 3.27.2
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/README.md +1 -0
- package/dist/components/JoyAvailability/JoyAvailability.types.d.ts +2 -1
- package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +3 -4
- package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +6 -4
- package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +3 -3
- package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +4 -14
- package/dist/components/JoyBadge/JoyBadge.types.d.ts +2 -1
- package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +8 -14
- package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts +4 -8
- package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts +0 -2
- package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +7 -20
- package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +6 -12
- package/dist/components/JoyButton/JoyButton.types.d.ts +20 -4
- package/dist/components/JoyButton/VJoyButton.vue.d.ts +13 -13
- package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +3 -10
- package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts +4 -10
- package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts +4 -12
- package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +3 -2
- package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +0 -6
- package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +6 -11
- package/dist/components/JoyDialog/JoyDialog.types.d.ts +3 -2
- package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +8 -30
- package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +20 -56
- package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts +3 -10
- package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +2 -1
- package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +12 -32
- package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +30 -64
- package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +4 -3
- package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +22 -29
- package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +3 -2
- package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +21 -22
- package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +2 -8
- package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +2 -10
- package/dist/components/JoyFormError/VJoyFormError.vue.d.ts +2 -6
- package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +4 -2
- package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +1 -8
- package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +4 -2
- package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +9 -21
- package/dist/components/JoyIcon/JoyIcon.types.d.ts +4 -3
- package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +6 -9
- package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts +3 -4
- package/dist/components/JoyIndicators/JoyIndicators.types.d.ts +2 -1
- package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts +6 -9
- package/dist/components/JoyInput/JoyInput.types.d.ts +3 -2
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +7 -10
- package/dist/components/JoyLabel/JoyLabel.types.d.ts +3 -2
- package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +7 -10
- package/dist/components/JoyLink/JoyLink.types.d.ts +2 -1
- package/dist/components/JoyLink/VJoyLink.vue.d.ts +7 -8
- package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +10 -6
- package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +19 -16
- package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +6 -14
- package/dist/components/JoyPanel/JoyPanel.types.d.ts +5 -3
- package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +14 -30
- package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +3 -2
- package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +3 -5
- package/dist/components/JoyRadio/JoyRadio.types.d.ts +2 -1
- package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +7 -20
- package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +2 -1
- package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +6 -14
- package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +3 -2
- package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +2 -10
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +2 -1
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +6 -14
- package/dist/components/JoySelect/JoySelect.types.d.ts +3 -2
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +4 -9
- package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +65 -10
- package/dist/components/JoySeparator/JoySeparator.types.d.ts +3 -2
- package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +3 -2
- package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +2 -6
- package/dist/components/JoySnackbar/index.d.ts +1 -1
- package/dist/components/JoySpinner/JoySpinner.types.d.ts +2 -1
- package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +4 -2
- package/dist/components/JoyStep/VJoyStep.vue.d.ts +2 -14
- package/dist/components/JoyStepper/VJoyStepper.vue.d.ts +2 -10
- package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +0 -2
- package/dist/components/JoyTag/JoyTag.types.d.ts +5 -3
- package/dist/components/JoyTag/VJoyTag.vue.d.ts +3 -13
- package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts +19 -34
- package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +2 -1
- package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -9
- package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +2 -1
- package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +15 -67
- package/dist/components/JoyText/VJoyText.vue.d.ts +2 -6
- package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +5 -6
- package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +2 -6
- package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +1 -0
- package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts +6 -20
- package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +10 -5
- package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +18 -19
- package/dist/components/main.d.ts +1 -1
- package/dist/helpers/index.d.ts +2 -2
- package/dist/joy-vue.js +2190 -2117
- package/dist/joy-vue.umd.cjs +4 -4
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +10 -7
- package/package.json +24 -20
package/README.md
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const AVAILABILITY_STATUS: readonly ["AVAILABLE", "AVAILABLE_AND_VERIFIED", "NOT_AVAILABLE_WITH_DATE", "AVAILABLE_SOON", "NOT_AVAILABLE"];
|
|
2
|
+
export type TJoyAvailabilityStatus = (typeof AVAILABILITY_STATUS)[number];
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { TJoyAvailabilityStatus } from './JoyAvailability.types';
|
|
3
2
|
declare const _default: import("vue").DefineComponent<{
|
|
4
3
|
/** Don't fill it and you'll only have the colored dot */
|
|
5
4
|
label: StringConstructor;
|
|
6
5
|
status: {
|
|
7
|
-
type: PropType<
|
|
6
|
+
type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
|
|
8
7
|
default: string;
|
|
9
8
|
};
|
|
10
9
|
/**
|
|
@@ -15,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
14
|
/** Don't fill it and you'll only have the colored dot */
|
|
16
15
|
label: StringConstructor;
|
|
17
16
|
status: {
|
|
18
|
-
type: PropType<
|
|
17
|
+
type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
|
|
19
18
|
default: string;
|
|
20
19
|
};
|
|
21
20
|
/**
|
|
@@ -23,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
22
|
*/
|
|
24
23
|
isPartial: BooleanConstructor;
|
|
25
24
|
}>>, {
|
|
26
|
-
status:
|
|
25
|
+
status: "AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE";
|
|
27
26
|
isPartial: boolean;
|
|
28
27
|
}, {}>;
|
|
29
28
|
export default _default;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
2
|
import VJoyAvatar from './VJoyAvatar.vue';
|
|
3
|
-
export
|
|
4
|
-
export type
|
|
3
|
+
export declare const AVATAR_COLORS: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral"];
|
|
4
|
+
export type FreelancerAvatarColors = (typeof AVATAR_COLORS)[number];
|
|
5
|
+
export type CompanyAvatarColors = Exclude<(typeof AVATAR_COLORS)[number], 'neutral'>;
|
|
5
6
|
export interface AvatarColors {
|
|
6
7
|
freelancer: FreelancerAvatarColors | 'transparent';
|
|
7
8
|
company: CompanyAvatarColors;
|
|
8
9
|
}
|
|
9
10
|
/** AVATAR SIZES */
|
|
10
|
-
export type TJoyAvatarSizes = Extract<
|
|
11
|
+
export type TJoyAvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
|
|
12
|
+
export declare const AVATAR_SIZES: TJoyAvatarSizes[];
|
|
11
13
|
export type TJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];
|
|
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
};
|
|
9
9
|
/** Only visible if you apply a fullName but not any photoUrl. */
|
|
10
10
|
color: {
|
|
11
|
-
type: PropType<
|
|
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 */
|
|
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
37
37
|
};
|
|
38
38
|
/** Only visible if you apply a fullName but not any photoUrl. */
|
|
39
39
|
color: {
|
|
40
|
-
type: PropType<
|
|
40
|
+
type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
|
|
41
41
|
default: string;
|
|
42
42
|
};
|
|
43
43
|
/** Display the initials based on Firstname and Lastname */
|
|
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
58
58
|
}, {
|
|
59
59
|
link: boolean;
|
|
60
60
|
size: TJoyAvatarSizes;
|
|
61
|
-
color:
|
|
61
|
+
color: "primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent";
|
|
62
62
|
profile: "default" | "strategy";
|
|
63
63
|
}, {}>;
|
|
64
64
|
export default _default;
|
|
@@ -1,23 +1,13 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
2
|
/** Renders a compact list of avatars */
|
|
3
|
-
compress:
|
|
4
|
-
type: BooleanConstructor;
|
|
5
|
-
default: boolean;
|
|
6
|
-
};
|
|
3
|
+
compress: BooleanConstructor;
|
|
7
4
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
8
5
|
/** Renders a compact list of avatars */
|
|
9
|
-
compress:
|
|
10
|
-
type: BooleanConstructor;
|
|
11
|
-
default: boolean;
|
|
12
|
-
};
|
|
6
|
+
compress: BooleanConstructor;
|
|
13
7
|
}>>, {
|
|
14
8
|
compress: boolean;
|
|
15
|
-
}, {}>,
|
|
16
|
-
|
|
17
|
-
default(): any;
|
|
18
|
-
}> & {
|
|
19
|
-
/** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
|
|
20
|
-
default(): any;
|
|
9
|
+
}, {}>, {
|
|
10
|
+
default?(_: {}): any;
|
|
21
11
|
}>;
|
|
22
12
|
export default _default;
|
|
23
13
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const VARIANTS: readonly ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"];
|
|
2
|
+
export type TJoyBadgeVariants = (typeof VARIANTS)[number];
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { TJoyBadgeVariants } from './JoyBadge.types';
|
|
3
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
3
|
/**
|
|
5
4
|
* Display the colored bulletpoint on the left
|
|
@@ -16,11 +15,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
15
|
default: string;
|
|
17
16
|
};
|
|
18
17
|
/**
|
|
19
|
-
* Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
|
|
18
|
+
* Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
|
|
20
19
|
*/
|
|
21
20
|
variant: {
|
|
22
|
-
type: PropType<
|
|
23
|
-
|
|
21
|
+
type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
|
|
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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
25
|
/**
|
|
@@ -38,22 +37,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
38
37
|
default: string;
|
|
39
38
|
};
|
|
40
39
|
/**
|
|
41
|
-
* Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
|
|
40
|
+
* Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
|
|
42
41
|
*/
|
|
43
42
|
variant: {
|
|
44
|
-
type: PropType<
|
|
45
|
-
|
|
43
|
+
type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
|
|
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
|
-
|
|
51
|
-
|
|
52
|
-
/** Use the slot as an alternative to "label" property. */
|
|
53
|
-
default(): any;
|
|
54
|
-
}> & {
|
|
55
|
-
/** Use the slot as an alternative to "label" property. */
|
|
56
|
-
default(): any;
|
|
49
|
+
}, {}>, {
|
|
50
|
+
default?(_: {}): any;
|
|
57
51
|
}>;
|
|
58
52
|
export default _default;
|
|
59
53
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
3
|
-
/** type
|
|
3
|
+
/** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
|
|
4
4
|
type: {
|
|
5
5
|
type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
|
|
6
6
|
required: true;
|
|
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
16
|
default: boolean;
|
|
17
17
|
};
|
|
18
18
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
-
/** type
|
|
19
|
+
/** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
|
|
20
20
|
type: {
|
|
21
21
|
type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
|
|
22
22
|
required: true;
|
|
@@ -34,12 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
34
34
|
}>>, {
|
|
35
35
|
superMalterLevel: number;
|
|
36
36
|
visibleText: boolean;
|
|
37
|
-
}, {}>,
|
|
38
|
-
|
|
39
|
-
default(): any;
|
|
40
|
-
}> & {
|
|
41
|
-
/** Override the default given label */
|
|
42
|
-
default(): any;
|
|
37
|
+
}, {}>, {
|
|
38
|
+
default?(_: {}): any;
|
|
43
39
|
}>;
|
|
44
40
|
export default _default;
|
|
45
41
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -2,7 +2,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2
2
|
/** If you want to use it properly you need to set fixed width and height */
|
|
3
3
|
circle: {
|
|
4
4
|
type: BooleanConstructor;
|
|
5
|
-
default: boolean;
|
|
6
5
|
};
|
|
7
6
|
/** Size in any unit. Example: 50px, 100%... */
|
|
8
7
|
width: {
|
|
@@ -16,7 +15,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
16
15
|
/** If you want to use it properly you need to set fixed width and height */
|
|
17
16
|
circle: {
|
|
18
17
|
type: BooleanConstructor;
|
|
19
|
-
default: boolean;
|
|
20
18
|
};
|
|
21
19
|
/** Size in any unit. Example: 50px, 100%... */
|
|
22
20
|
width: {
|
|
@@ -16,20 +16,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
16
|
default: boolean;
|
|
17
17
|
};
|
|
18
18
|
/**
|
|
19
|
-
* Mostly for documentation purpose
|
|
19
|
+
* @internal - Mostly for documentation purpose
|
|
20
20
|
*/
|
|
21
21
|
preventBodyScroll: {
|
|
22
22
|
type: BooleanConstructor;
|
|
23
23
|
default: boolean;
|
|
24
24
|
};
|
|
25
|
-
/** By default the
|
|
25
|
+
/** By default the dialog is teleported to the end of body tag */
|
|
26
26
|
teleport: {
|
|
27
27
|
type: PropType<string | import("vue").RendererElement | null | undefined>;
|
|
28
28
|
default: string;
|
|
29
29
|
};
|
|
30
|
-
/**
|
|
31
|
-
* Only used for documentation purpose
|
|
32
|
-
*/
|
|
33
30
|
frozen: {
|
|
34
31
|
type: BooleanConstructor;
|
|
35
32
|
default: boolean;
|
|
@@ -52,20 +49,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
52
49
|
default: boolean;
|
|
53
50
|
};
|
|
54
51
|
/**
|
|
55
|
-
* Mostly for documentation purpose
|
|
52
|
+
* @internal - Mostly for documentation purpose
|
|
56
53
|
*/
|
|
57
54
|
preventBodyScroll: {
|
|
58
55
|
type: BooleanConstructor;
|
|
59
56
|
default: boolean;
|
|
60
57
|
};
|
|
61
|
-
/** By default the
|
|
58
|
+
/** By default the dialog is teleported to the end of body tag */
|
|
62
59
|
teleport: {
|
|
63
60
|
type: PropType<string | import("vue").RendererElement | null | undefined>;
|
|
64
61
|
default: string;
|
|
65
62
|
};
|
|
66
|
-
/**
|
|
67
|
-
* Only used for documentation purpose
|
|
68
|
-
*/
|
|
69
63
|
frozen: {
|
|
70
64
|
type: BooleanConstructor;
|
|
71
65
|
default: boolean;
|
|
@@ -78,16 +72,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
78
72
|
preventBodyScroll: boolean;
|
|
79
73
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
80
74
|
frozen: boolean;
|
|
81
|
-
}, {}>,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
/** Put whatever type of CTA you need here */
|
|
85
|
-
'bottom-sheet-cta': () => any;
|
|
86
|
-
}> & {
|
|
87
|
-
/** Main content of the component */
|
|
88
|
-
'bottom-sheet-content': () => any;
|
|
89
|
-
/** Put whatever type of CTA you need here */
|
|
90
|
-
'bottom-sheet-cta': () => any;
|
|
75
|
+
}, {}>, {
|
|
76
|
+
"bottom-sheet-content"?(_: {}): any;
|
|
77
|
+
"bottom-sheet-cta"?(_: {}): any;
|
|
91
78
|
}>;
|
|
92
79
|
export default _default;
|
|
93
80
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -138,12 +138,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
138
138
|
isOpen: import("vue").Ref<boolean>;
|
|
139
139
|
moveContainer: (translationY: number) => void;
|
|
140
140
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
141
|
-
$slots:
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
}> & {
|
|
145
|
-
'bottom-sheet-content': () => any;
|
|
146
|
-
'bottom-sheet-cta': () => any;
|
|
141
|
+
$slots: {
|
|
142
|
+
"bottom-sheet-content"?(_: {}): any;
|
|
143
|
+
"bottom-sheet-cta"?(_: {}): any;
|
|
147
144
|
};
|
|
148
145
|
}) | null | undefined;
|
|
149
146
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -288,12 +285,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
288
285
|
isOpen: import("vue").Ref<boolean>;
|
|
289
286
|
moveContainer: (translationY: number) => void;
|
|
290
287
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
291
|
-
$slots:
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
}> & {
|
|
295
|
-
'bottom-sheet-content': () => any;
|
|
296
|
-
'bottom-sheet-cta': () => any;
|
|
288
|
+
$slots: {
|
|
289
|
+
"bottom-sheet-content"?(_: {}): any;
|
|
290
|
+
"bottom-sheet-cta"?(_: {}): any;
|
|
297
291
|
};
|
|
298
292
|
}) | null | undefined;
|
|
299
293
|
}>>> & {
|
|
@@ -1,4 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
|
|
1
|
+
import { GENERIC_VARIANTS, SIZES, POSITIONS } from '../../types';
|
|
2
|
+
declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost", "white"];
|
|
3
|
+
export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated - Use TJoyButtonVariants instead
|
|
6
|
+
*/
|
|
7
|
+
export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
|
|
8
|
+
export type TJoyButtonVariants = (typeof BUTTON_VARIANTS)[number];
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated - Use TJoyButtonSizes instead
|
|
11
|
+
*/
|
|
12
|
+
export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
|
|
13
|
+
export type TJoyButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
|
|
14
|
+
export declare const BUTTON_SIZES: TJoyButtonSizes[];
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated - Use TJoyButtonIconPositions instead
|
|
17
|
+
*/
|
|
18
|
+
export type ButtonIconPositions = (typeof POSITIONS)[number];
|
|
19
|
+
export type TJoyButtonIconPositions = (typeof POSITIONS)[number];
|
|
20
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TJoyButtonSizes
|
|
1
|
+
import { TJoyButtonSizes } from './JoyButton.types';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
15
15
|
};
|
|
16
16
|
/** Left to the text or right */
|
|
17
17
|
iconPosition: {
|
|
18
|
-
type: PropType<
|
|
18
|
+
type: PropType<"left" | "right">;
|
|
19
19
|
default: string;
|
|
20
20
|
};
|
|
21
21
|
/**
|
|
@@ -31,13 +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<
|
|
34
|
+
type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
|
|
35
35
|
default: string;
|
|
36
|
+
validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
|
|
36
37
|
};
|
|
37
38
|
/** Button or Link size */
|
|
38
39
|
size: {
|
|
39
40
|
type: PropType<TJoyButtonSizes>;
|
|
40
41
|
default: string;
|
|
42
|
+
validator(variant: TJoyButtonSizes): boolean;
|
|
41
43
|
};
|
|
42
44
|
}, {
|
|
43
45
|
randomId: import("vue").Ref<string | undefined>;
|
|
@@ -56,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
56
58
|
};
|
|
57
59
|
/** Left to the text or right */
|
|
58
60
|
iconPosition: {
|
|
59
|
-
type: PropType<
|
|
61
|
+
type: PropType<"left" | "right">;
|
|
60
62
|
default: string;
|
|
61
63
|
};
|
|
62
64
|
/**
|
|
@@ -72,26 +74,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
72
74
|
};
|
|
73
75
|
/** Button or Link color variant */
|
|
74
76
|
variant: {
|
|
75
|
-
type: PropType<
|
|
77
|
+
type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
|
|
76
78
|
default: string;
|
|
79
|
+
validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
|
|
77
80
|
};
|
|
78
81
|
/** Button or Link size */
|
|
79
82
|
size: {
|
|
80
83
|
type: PropType<TJoyButtonSizes>;
|
|
81
84
|
default: string;
|
|
85
|
+
validator(variant: TJoyButtonSizes): boolean;
|
|
82
86
|
};
|
|
83
87
|
}>>, {
|
|
84
88
|
circle: boolean;
|
|
85
89
|
size: TJoyButtonSizes;
|
|
86
90
|
loading: boolean;
|
|
87
|
-
variant:
|
|
88
|
-
iconPosition:
|
|
89
|
-
}, {}>,
|
|
90
|
-
|
|
91
|
-
default(): any;
|
|
92
|
-
}> & {
|
|
93
|
-
/** Default slot for button text */
|
|
94
|
-
default(): any;
|
|
91
|
+
variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost";
|
|
92
|
+
iconPosition: "left" | "right";
|
|
93
|
+
}, {}>, {
|
|
94
|
+
default?(_: {}): any;
|
|
95
95
|
}>;
|
|
96
96
|
export default _default;
|
|
97
97
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -116,16 +116,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
116
116
|
checked: boolean;
|
|
117
117
|
invalid: boolean;
|
|
118
118
|
value: string;
|
|
119
|
-
}, {}>,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
/** For additional content */
|
|
123
|
-
'checkbox-content': () => any;
|
|
124
|
-
}> & {
|
|
125
|
-
/** Default slot for checkbox label. You can as well use the label property. */
|
|
126
|
-
default(): any;
|
|
127
|
-
/** For additional content */
|
|
128
|
-
'checkbox-content': () => any;
|
|
119
|
+
}, {}>, {
|
|
120
|
+
default?(_: {}): any;
|
|
121
|
+
"checkbox-content"?(_: {}): any;
|
|
129
122
|
}>;
|
|
130
123
|
export default _default;
|
|
131
124
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -4,18 +4,16 @@ declare function isItem(child: any): boolean;
|
|
|
4
4
|
declare function isOpen(item: typeof VJoyCollapseItem): any;
|
|
5
5
|
declare function getValForModel(item: typeof VJoyCollapseItem): any;
|
|
6
6
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
7
|
-
/** Open one item at a time. Works with modelValue */
|
|
8
7
|
accordion: {
|
|
9
8
|
type: BooleanConstructor;
|
|
10
9
|
default: boolean;
|
|
11
10
|
};
|
|
12
|
-
/** Use v-model to handle */
|
|
13
11
|
modelValue: {
|
|
14
12
|
type: PropType<string[]>;
|
|
15
13
|
default(): never[];
|
|
16
14
|
};
|
|
17
15
|
/**
|
|
18
|
-
* Experimental: outline mode may
|
|
16
|
+
* Experimental: outline mode may be the default one in near future
|
|
19
17
|
*/
|
|
20
18
|
mode: {
|
|
21
19
|
type: PropType<"default" | "outline">;
|
|
@@ -172,10 +170,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
172
170
|
mode: "default" | "outline";
|
|
173
171
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
174
172
|
$slots: Readonly<{
|
|
175
|
-
default()
|
|
173
|
+
default: () => any;
|
|
176
174
|
'collapse-header-right'?: (() => any) | undefined;
|
|
177
175
|
}> & {
|
|
178
|
-
default()
|
|
176
|
+
default: () => any;
|
|
179
177
|
'collapse-header-right'?: (() => any) | undefined;
|
|
180
178
|
};
|
|
181
179
|
}))[]>;
|
|
@@ -183,18 +181,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
183
181
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
184
182
|
"update:modelValue": (model: string[]) => void;
|
|
185
183
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
186
|
-
/** Open one item at a time. Works with modelValue */
|
|
187
184
|
accordion: {
|
|
188
185
|
type: BooleanConstructor;
|
|
189
186
|
default: boolean;
|
|
190
187
|
};
|
|
191
|
-
/** Use v-model to handle */
|
|
192
188
|
modelValue: {
|
|
193
189
|
type: PropType<string[]>;
|
|
194
190
|
default(): never[];
|
|
195
191
|
};
|
|
196
192
|
/**
|
|
197
|
-
* Experimental: outline mode may
|
|
193
|
+
* Experimental: outline mode may be the default one in near future
|
|
198
194
|
*/
|
|
199
195
|
mode: {
|
|
200
196
|
type: PropType<"default" | "outline">;
|
|
@@ -207,10 +203,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
207
203
|
accordion: boolean;
|
|
208
204
|
modelValue: string[];
|
|
209
205
|
}, {}>, Readonly<{
|
|
210
|
-
/** Inject your VJoyCollapseItem here */
|
|
211
206
|
default: () => any;
|
|
212
207
|
}> & {
|
|
213
|
-
/** Inject your VJoyCollapseItem here */
|
|
214
208
|
default: () => any;
|
|
215
209
|
}>;
|
|
216
210
|
export default _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
declare function onToggle(): void;
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
|
-
/** Title of the collapse item */
|
|
5
4
|
header: {
|
|
6
5
|
type: StringConstructor;
|
|
7
6
|
required: true;
|
|
@@ -10,7 +9,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
10
9
|
type: BooleanConstructor;
|
|
11
10
|
default: boolean;
|
|
12
11
|
};
|
|
13
|
-
/** Pick the icon you want to display in front of the header/title */
|
|
14
12
|
summaryIcon: {
|
|
15
13
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
16
14
|
};
|
|
@@ -18,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
18
16
|
type: StringConstructor;
|
|
19
17
|
};
|
|
20
18
|
/**
|
|
21
|
-
* Experimental: outline mode may
|
|
19
|
+
* Experimental: outline mode may be the default one in near future
|
|
22
20
|
*/
|
|
23
21
|
mode: {
|
|
24
22
|
type: PropType<"default" | "outline">;
|
|
@@ -38,7 +36,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
38
36
|
"collapse-item:open": () => void;
|
|
39
37
|
"collapse-item:close": () => void;
|
|
40
38
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
41
|
-
/** Title of the collapse item */
|
|
42
39
|
header: {
|
|
43
40
|
type: StringConstructor;
|
|
44
41
|
required: true;
|
|
@@ -47,7 +44,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
47
44
|
type: BooleanConstructor;
|
|
48
45
|
default: boolean;
|
|
49
46
|
};
|
|
50
|
-
/** Pick the icon you want to display in front of the header/title */
|
|
51
47
|
summaryIcon: {
|
|
52
48
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
53
49
|
};
|
|
@@ -55,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
55
51
|
type: StringConstructor;
|
|
56
52
|
};
|
|
57
53
|
/**
|
|
58
|
-
* Experimental: outline mode may
|
|
54
|
+
* Experimental: outline mode may be the default one in near future
|
|
59
55
|
*/
|
|
60
56
|
mode: {
|
|
61
57
|
type: PropType<"default" | "outline">;
|
|
@@ -68,14 +64,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
68
64
|
open: boolean;
|
|
69
65
|
mode: "default" | "outline";
|
|
70
66
|
}, {}>, Readonly<{
|
|
71
|
-
|
|
72
|
-
default(): any;
|
|
73
|
-
/** Inject the content you need on the right side, between the header/title and the arrow */
|
|
67
|
+
default: () => any;
|
|
74
68
|
'collapse-header-right'?: (() => any) | undefined;
|
|
75
69
|
}> & {
|
|
76
|
-
|
|
77
|
-
default(): any;
|
|
78
|
-
/** Inject the content you need on the right side, between the header/title and the arrow */
|
|
70
|
+
default: () => any;
|
|
79
71
|
'collapse-header-right'?: (() => any) | undefined;
|
|
80
72
|
}>;
|
|
81
73
|
export default _default;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type TJoyCompanyAvatarSizes = Extract<
|
|
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,22 +1,16 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { TJoyCompanyAvatarSizes } from './JoyCompanyAvatar.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/** Inject the URL of your image. Fallback will be the icon */
|
|
5
4
|
imgSrc: StringConstructor;
|
|
6
|
-
/** Mostly for accessibility, use this to add an alternative text. */
|
|
7
5
|
imgAlt: StringConstructor;
|
|
8
|
-
/** Used as "title" attribute for the img. */
|
|
9
6
|
companyName: StringConstructor;
|
|
10
7
|
size: {
|
|
11
8
|
type: PropType<TJoyCompanyAvatarSizes>;
|
|
12
9
|
default: string;
|
|
13
10
|
};
|
|
14
11
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
-
/** Inject the URL of your image. Fallback will be the icon */
|
|
16
12
|
imgSrc: StringConstructor;
|
|
17
|
-
/** Mostly for accessibility, use this to add an alternative text. */
|
|
18
13
|
imgAlt: StringConstructor;
|
|
19
|
-
/** Used as "title" attribute for the img. */
|
|
20
14
|
companyName: StringConstructor;
|
|
21
15
|
size: {
|
|
22
16
|
type: PropType<TJoyCompanyAvatarSizes>;
|