@stachelock/ui 0.6.1 → 0.6.3
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/AvatarIcon-kcEI0AWe.js +4 -0
- package/dist/AvatarImage-YFR2etb8.js +4 -0
- package/dist/AvatarInitials-B7wCnBX9.js +4 -0
- package/dist/composables/index.js +33 -30
- package/dist/index.js +3409 -1140
- package/dist/src/components/UiBanner.d.ts +1 -1
- package/dist/src/components/UiLoadingDots.d.ts +1 -1
- package/dist/src/components/UiMenu.d.ts +1 -1
- package/dist/src/components/UiModal.d.ts +1 -1
- package/dist/src/components/avatars/AvatarIcon.d.ts +18 -0
- package/dist/src/components/avatars/AvatarImage.d.ts +25 -0
- package/dist/src/components/avatars/AvatarInitials.d.ts +15 -0
- package/dist/src/components/avatars/AvatarWithText.d.ts +129 -0
- package/dist/src/components/avatars/index.d.ts +4 -0
- package/dist/src/components/collection-editor/CollectionItemList.d.ts +42 -0
- package/dist/src/components/collection-editor/OrganizationsEditor.d.ts +29 -0
- package/dist/src/components/collection-editor/RelatedNamesEditor.d.ts +26 -0
- package/dist/src/components/collection-editor/SocialLinksEditor.d.ts +26 -0
- package/dist/src/components/collection-editor/index.d.ts +5 -0
- package/dist/src/components/formatters/DateFormatter.d.ts +119 -0
- package/dist/src/components/formatters/DateRangeFormatter.d.ts +63 -0
- package/dist/src/components/formatters/index.d.ts +2 -0
- package/dist/src/components/forms/FormFieldWrapper.d.ts +1 -1
- package/dist/src/components/icons/brands/DiscordBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/FacebookBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/GitHubBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/InstagramBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/LinkedInBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/PinterestBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/SnapchatBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/ThreadsBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/TikTokBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/TwitchBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/XBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/YouTubeBrandIcon.d.ts +2 -0
- package/dist/src/components/icons/brands/index.d.ts +12 -0
- package/dist/src/components/icons/index.d.ts +1 -0
- package/dist/src/components/index.d.ts +5 -0
- package/dist/src/components/inputs/AddressInput.d.ts +1 -1
- package/dist/src/components/inputs/ComboboxInput.d.ts +2 -2
- package/dist/src/components/inputs/DatepickerInput.d.ts +17 -17
- package/dist/src/components/inputs/EmailInput.d.ts +2 -2
- package/dist/src/components/inputs/ImageDropzoneInput.d.ts +326 -0
- package/dist/src/components/inputs/PhoneInput.d.ts +2 -2
- package/dist/src/components/inputs/RichTextInput.d.ts +2 -2
- package/dist/src/components/inputs/SelectInput.d.ts +2 -2
- package/dist/src/components/inputs/SelectTextInput.d.ts +4 -4
- package/dist/src/components/inputs/TagifyInput.d.ts +2 -2
- package/dist/src/components/inputs/TextInput.d.ts +3 -3
- package/dist/src/components/inputs/index.d.ts +1 -0
- package/dist/src/components/layouts/CardLayout.d.ts +1 -1
- package/dist/src/components/maps/UiInfoWindow.d.ts +2 -2
- package/dist/src/components/maps/UiMap.d.ts +1 -1
- package/dist/src/components/maps/UiMapAll.d.ts +6 -6
- package/dist/src/components/maps/UiMapMarker.d.ts +2 -2
- package/dist/src/components/modals/BaseModal.d.ts +1 -1
- package/dist/src/components/profiles/BentoProfileLayout.d.ts +9 -0
- package/dist/src/components/profiles/ProfileCard.d.ts +30 -0
- package/dist/src/components/profiles/ProfileContactCard.d.ts +12 -0
- package/dist/src/components/profiles/ProfileHeaderCard.d.ts +20 -0
- package/dist/src/components/profiles/ProfileLocationCard.d.ts +17 -0
- package/dist/src/components/profiles/ProfileOrganizationsCard.d.ts +11 -0
- package/dist/src/components/profiles/ProfilePersonalCard.d.ts +10 -0
- package/dist/src/components/profiles/ProfileProfessionalCard.d.ts +11 -0
- package/dist/src/components/profiles/ProfileRelatedNamesCard.d.ts +11 -0
- package/dist/src/components/profiles/index.d.ts +9 -0
- package/dist/src/components/wrappers/BackgroundGradientWrapper.d.ts +1 -1
- package/dist/src/composables/index.d.ts +1 -0
- package/dist/src/composables/useCollectionEditor.d.ts +64 -0
- package/dist/src/composables/useNotifications.d.ts +4 -4
- package/dist/src/types/collection-editor.d.ts +134 -0
- package/dist/src/types/index.d.ts +2 -0
- package/dist/src/types/profiles.d.ts +149 -0
- package/dist/style.css +1 -1
- package/dist/ui.css +1 -1
- package/dist/useCollectionEditor-BYyoAT0U.js +121 -0
- package/package.json +1 -1
|
@@ -55,12 +55,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
55
55
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
56
56
|
onAction?: ((action: BannerAction) => any) | undefined;
|
|
57
57
|
}>, {
|
|
58
|
+
position: BannerPosition;
|
|
58
59
|
rounded: boolean;
|
|
59
60
|
compact: boolean;
|
|
60
61
|
icon: string | false;
|
|
61
62
|
modelValue: boolean;
|
|
62
63
|
theme: BannerTheme;
|
|
63
|
-
position: BannerPosition;
|
|
64
64
|
zIndex: number;
|
|
65
65
|
actions: BannerAction[];
|
|
66
66
|
dismissible: boolean;
|
|
@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
|
|
|
22
22
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
23
23
|
"onItem-click"?: ((item: MenuItemType) => any) | undefined;
|
|
24
24
|
}>, {
|
|
25
|
+
items: MenuItemType[];
|
|
25
26
|
disabled: boolean;
|
|
26
27
|
width: MenuWidth;
|
|
27
|
-
items: MenuItemType[];
|
|
28
28
|
placement: MenuPlacement;
|
|
29
29
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
30
30
|
trigger?(_: {}): any;
|
|
@@ -78,8 +78,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
78
78
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
79
79
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
80
80
|
}>, {
|
|
81
|
-
size: string;
|
|
82
81
|
position: string;
|
|
82
|
+
size: string;
|
|
83
83
|
showCancel: boolean;
|
|
84
84
|
showConfirm: boolean;
|
|
85
85
|
cancelText: string;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
|
|
2
|
+
export type RoundedType = 'square' | 'rounded' | 'rounded-md' | 'rounded-lg' | 'rounded-full';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
/** Size of the avatar (Tailwind scale) */
|
|
5
|
+
size: number;
|
|
6
|
+
/** Background color class or CSS color */
|
|
7
|
+
color: string;
|
|
8
|
+
/** Fallback initials */
|
|
9
|
+
initials: string;
|
|
10
|
+
/** Vue component to render as icon */
|
|
11
|
+
iconComponent?: FunctionalComponent<HTMLAttributes & VNodeProps>;
|
|
12
|
+
/** Corner rounding style */
|
|
13
|
+
rounded?: RoundedType;
|
|
14
|
+
/** Additional classes for the icon */
|
|
15
|
+
classes?: string;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type RoundedType = 'square' | 'rounded' | 'rounded-md' | 'rounded-lg' | 'rounded-full';
|
|
2
|
+
export interface ImageData {
|
|
3
|
+
url?: string;
|
|
4
|
+
public_id?: string;
|
|
5
|
+
}
|
|
6
|
+
type __VLS_Props = {
|
|
7
|
+
/** Size of the avatar (Tailwind scale) */
|
|
8
|
+
size: number | string;
|
|
9
|
+
/** Image object with url and optional public_id */
|
|
10
|
+
image: ImageData | null;
|
|
11
|
+
/** Alt text for the image */
|
|
12
|
+
altText?: string;
|
|
13
|
+
/** Corner rounding style */
|
|
14
|
+
rounded: RoundedType;
|
|
15
|
+
/** Skeleton type for loading */
|
|
16
|
+
skeleton?: 'user' | 'photo';
|
|
17
|
+
/** Ring/border classes */
|
|
18
|
+
ring?: string;
|
|
19
|
+
};
|
|
20
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
21
|
+
error: (error: unknown) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
|
+
onError?: ((error: unknown) => any) | undefined;
|
|
24
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type RoundedType = 'square' | 'rounded' | 'rounded-md' | 'rounded-lg' | 'rounded-full';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** Size of the avatar (Tailwind scale) */
|
|
4
|
+
size: number;
|
|
5
|
+
/** Background color class */
|
|
6
|
+
color: string;
|
|
7
|
+
/** Initials to display */
|
|
8
|
+
initials: string;
|
|
9
|
+
/** Corner rounding style */
|
|
10
|
+
rounded?: RoundedType;
|
|
11
|
+
/** Text color class */
|
|
12
|
+
textColor?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { PropType, FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
|
|
2
|
+
export interface ImageData {
|
|
3
|
+
url?: string;
|
|
4
|
+
public_id?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
7
|
+
/** Which avatar component to use */
|
|
8
|
+
componentName: {
|
|
9
|
+
type: PropType<"AvatarIcon" | "AvatarImage" | "AvatarInitials">;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
/** Primary text */
|
|
13
|
+
title: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
required: false;
|
|
16
|
+
};
|
|
17
|
+
/** Secondary text */
|
|
18
|
+
subtitle: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
22
|
+
/** Avatar size (Tailwind scale) */
|
|
23
|
+
size: {
|
|
24
|
+
type: NumberConstructor;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
/** Background color for initials/icon */
|
|
28
|
+
color: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
/** Initials for AvatarInitials */
|
|
33
|
+
initials: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
/** Image data for AvatarImage */
|
|
38
|
+
image: {
|
|
39
|
+
type: PropType<ImageData | null>;
|
|
40
|
+
default: null;
|
|
41
|
+
};
|
|
42
|
+
/** Alt text for AvatarImage */
|
|
43
|
+
altText: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
47
|
+
/** Icon for AvatarIcon */
|
|
48
|
+
iconComponent: {
|
|
49
|
+
type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
|
|
50
|
+
default: null;
|
|
51
|
+
};
|
|
52
|
+
/** Corner rounding style */
|
|
53
|
+
rounded: {
|
|
54
|
+
type: StringConstructor;
|
|
55
|
+
default: string;
|
|
56
|
+
};
|
|
57
|
+
/** Skeleton type for loading */
|
|
58
|
+
skeleton: {
|
|
59
|
+
type: PropType<"user" | "photo">;
|
|
60
|
+
default: string;
|
|
61
|
+
};
|
|
62
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
63
|
+
/** Which avatar component to use */
|
|
64
|
+
componentName: {
|
|
65
|
+
type: PropType<"AvatarIcon" | "AvatarImage" | "AvatarInitials">;
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
/** Primary text */
|
|
69
|
+
title: {
|
|
70
|
+
type: StringConstructor;
|
|
71
|
+
required: false;
|
|
72
|
+
};
|
|
73
|
+
/** Secondary text */
|
|
74
|
+
subtitle: {
|
|
75
|
+
type: StringConstructor;
|
|
76
|
+
required: false;
|
|
77
|
+
};
|
|
78
|
+
/** Avatar size (Tailwind scale) */
|
|
79
|
+
size: {
|
|
80
|
+
type: NumberConstructor;
|
|
81
|
+
default: number;
|
|
82
|
+
};
|
|
83
|
+
/** Background color for initials/icon */
|
|
84
|
+
color: {
|
|
85
|
+
type: StringConstructor;
|
|
86
|
+
default: string;
|
|
87
|
+
};
|
|
88
|
+
/** Initials for AvatarInitials */
|
|
89
|
+
initials: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
default: string;
|
|
92
|
+
};
|
|
93
|
+
/** Image data for AvatarImage */
|
|
94
|
+
image: {
|
|
95
|
+
type: PropType<ImageData | null>;
|
|
96
|
+
default: null;
|
|
97
|
+
};
|
|
98
|
+
/** Alt text for AvatarImage */
|
|
99
|
+
altText: {
|
|
100
|
+
type: StringConstructor;
|
|
101
|
+
default: string;
|
|
102
|
+
};
|
|
103
|
+
/** Icon for AvatarIcon */
|
|
104
|
+
iconComponent: {
|
|
105
|
+
type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
|
|
106
|
+
default: null;
|
|
107
|
+
};
|
|
108
|
+
/** Corner rounding style */
|
|
109
|
+
rounded: {
|
|
110
|
+
type: StringConstructor;
|
|
111
|
+
default: string;
|
|
112
|
+
};
|
|
113
|
+
/** Skeleton type for loading */
|
|
114
|
+
skeleton: {
|
|
115
|
+
type: PropType<"user" | "photo">;
|
|
116
|
+
default: string;
|
|
117
|
+
};
|
|
118
|
+
}>> & Readonly<{}>, {
|
|
119
|
+
rounded: string;
|
|
120
|
+
image: ImageData | null;
|
|
121
|
+
color: string;
|
|
122
|
+
size: number;
|
|
123
|
+
skeleton: "user" | "photo";
|
|
124
|
+
initials: string;
|
|
125
|
+
iconComponent: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
|
|
126
|
+
altText: string;
|
|
127
|
+
componentName: "AvatarIcon" | "AvatarImage" | "AvatarInitials";
|
|
128
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
129
|
+
export default _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { CollectionItem } from '../../types/collection-editor';
|
|
2
|
+
interface DisplayField {
|
|
3
|
+
key: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
format?: (value: unknown) => string;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
items?: CollectionItem[];
|
|
9
|
+
selected?: CollectionItem | null;
|
|
10
|
+
canEdit?: boolean;
|
|
11
|
+
groupBy?: string;
|
|
12
|
+
title?: string;
|
|
13
|
+
emptyMessage?: string;
|
|
14
|
+
primaryField?: string;
|
|
15
|
+
secondaryField?: string;
|
|
16
|
+
displayFields?: DisplayField[];
|
|
17
|
+
}
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
select: (item: CollectionItem) => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
21
|
+
onSelect?: ((item: CollectionItem) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
items: CollectionItem[];
|
|
24
|
+
title: string;
|
|
25
|
+
canEdit: boolean;
|
|
26
|
+
emptyMessage: string;
|
|
27
|
+
primaryField: string;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
29
|
+
'item-content'?(_: {
|
|
30
|
+
item: CollectionItem;
|
|
31
|
+
}): any;
|
|
32
|
+
'item-secondary'?(_: {
|
|
33
|
+
item: CollectionItem;
|
|
34
|
+
}): any;
|
|
35
|
+
empty?(_: {}): any;
|
|
36
|
+
}>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { OrganizationCollectionItem, ListItem } from '../../types/collection-editor';
|
|
2
|
+
interface Props {
|
|
3
|
+
/** Field name for form binding */
|
|
4
|
+
name: string;
|
|
5
|
+
/** Current organizations (v-model) */
|
|
6
|
+
modelValue?: OrganizationCollectionItem[];
|
|
7
|
+
/** Available organization options */
|
|
8
|
+
organizations?: ListItem[];
|
|
9
|
+
/** Available position options */
|
|
10
|
+
positions?: ListItem[];
|
|
11
|
+
/** Display label */
|
|
12
|
+
label?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: OrganizationCollectionItem[]) => any;
|
|
16
|
+
"item-updated": (item: OrganizationCollectionItem) => any;
|
|
17
|
+
"item-deleted": (item: OrganizationCollectionItem) => any;
|
|
18
|
+
"item-added": (item: OrganizationCollectionItem) => any;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
20
|
+
"onUpdate:modelValue"?: ((value: OrganizationCollectionItem[]) => any) | undefined;
|
|
21
|
+
"onItem-updated"?: ((item: OrganizationCollectionItem) => any) | undefined;
|
|
22
|
+
"onItem-deleted"?: ((item: OrganizationCollectionItem) => any) | undefined;
|
|
23
|
+
"onItem-added"?: ((item: OrganizationCollectionItem) => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
organizations: ListItem[];
|
|
26
|
+
modelValue: OrganizationCollectionItem[];
|
|
27
|
+
positions: ListItem[];
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { RelatedNameCollectionItem, ListItem } from '../../types/collection-editor';
|
|
2
|
+
interface Props {
|
|
3
|
+
/** Field name for form binding */
|
|
4
|
+
name: string;
|
|
5
|
+
/** Current related names (v-model) */
|
|
6
|
+
modelValue?: RelatedNameCollectionItem[];
|
|
7
|
+
/** Available relationship label options */
|
|
8
|
+
labels?: ListItem[];
|
|
9
|
+
/** Display label */
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:modelValue": (value: RelatedNameCollectionItem[]) => any;
|
|
14
|
+
"item-updated": (item: RelatedNameCollectionItem) => any;
|
|
15
|
+
"item-deleted": (item: RelatedNameCollectionItem) => any;
|
|
16
|
+
"item-added": (item: RelatedNameCollectionItem) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: RelatedNameCollectionItem[]) => any) | undefined;
|
|
19
|
+
"onItem-updated"?: ((item: RelatedNameCollectionItem) => any) | undefined;
|
|
20
|
+
"onItem-deleted"?: ((item: RelatedNameCollectionItem) => any) | undefined;
|
|
21
|
+
"onItem-added"?: ((item: RelatedNameCollectionItem) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
modelValue: RelatedNameCollectionItem[];
|
|
24
|
+
labels: ListItem[];
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { SocialLinkCollectionItem, ListItem } from '../../types/collection-editor';
|
|
2
|
+
interface Props {
|
|
3
|
+
/** Field name for form binding */
|
|
4
|
+
name: string;
|
|
5
|
+
/** Current social links (v-model) */
|
|
6
|
+
modelValue?: SocialLinkCollectionItem[];
|
|
7
|
+
/** Available platform options */
|
|
8
|
+
platforms?: ListItem[];
|
|
9
|
+
/** Display label */
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:modelValue": (value: SocialLinkCollectionItem[]) => any;
|
|
14
|
+
"item-updated": (item: SocialLinkCollectionItem) => any;
|
|
15
|
+
"item-deleted": (item: SocialLinkCollectionItem) => any;
|
|
16
|
+
"item-added": (item: SocialLinkCollectionItem) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: SocialLinkCollectionItem[]) => any) | undefined;
|
|
19
|
+
"onItem-updated"?: ((item: SocialLinkCollectionItem) => any) | undefined;
|
|
20
|
+
"onItem-deleted"?: ((item: SocialLinkCollectionItem) => any) | undefined;
|
|
21
|
+
"onItem-added"?: ((item: SocialLinkCollectionItem) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
modelValue: SocialLinkCollectionItem[];
|
|
24
|
+
platforms: ListItem[];
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as CollectionEditor } from './CollectionEditor';
|
|
2
|
+
export { default as CollectionItemList } from './CollectionItemList';
|
|
3
|
+
export { default as OrganizationsEditor } from './OrganizationsEditor';
|
|
4
|
+
export { default as RelatedNamesEditor } from './RelatedNamesEditor';
|
|
5
|
+
export { default as SocialLinksEditor } from './SocialLinksEditor';
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { PropType, FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Represents various date input types
|
|
4
|
+
*/
|
|
5
|
+
export type DateInputValue = Date | string | number | null | undefined | {
|
|
6
|
+
_seconds: number;
|
|
7
|
+
_nanoseconds: number;
|
|
8
|
+
} | {
|
|
9
|
+
seconds: number;
|
|
10
|
+
nanoseconds: number;
|
|
11
|
+
} | {
|
|
12
|
+
month: string | number;
|
|
13
|
+
year: string | number;
|
|
14
|
+
} | {
|
|
15
|
+
toDate: () => Date;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
18
|
+
/** The date to format */
|
|
19
|
+
date: {
|
|
20
|
+
type: PropType<DateInputValue>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
/** dayjs format string */
|
|
24
|
+
format: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
/** Optional secondary date for relative display */
|
|
29
|
+
secondaryRelativeDate: {
|
|
30
|
+
type: PropType<DateInputValue>;
|
|
31
|
+
default: undefined;
|
|
32
|
+
};
|
|
33
|
+
/** Suffix for relative date */
|
|
34
|
+
secondarySuffix: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
/** Optional icon to display before the date */
|
|
39
|
+
leadingIcon: {
|
|
40
|
+
type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
43
|
+
/** Control visibility of date components */
|
|
44
|
+
display: {
|
|
45
|
+
type: PropType<{
|
|
46
|
+
date: boolean;
|
|
47
|
+
secondaryRelativeDate: boolean;
|
|
48
|
+
}>;
|
|
49
|
+
default: () => {
|
|
50
|
+
date: boolean;
|
|
51
|
+
secondaryRelativeDate: boolean;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
/** Add spacing between elements */
|
|
55
|
+
space: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
60
|
+
/** The date to format */
|
|
61
|
+
date: {
|
|
62
|
+
type: PropType<DateInputValue>;
|
|
63
|
+
required: true;
|
|
64
|
+
};
|
|
65
|
+
/** dayjs format string */
|
|
66
|
+
format: {
|
|
67
|
+
type: StringConstructor;
|
|
68
|
+
default: string;
|
|
69
|
+
};
|
|
70
|
+
/** Optional secondary date for relative display */
|
|
71
|
+
secondaryRelativeDate: {
|
|
72
|
+
type: PropType<DateInputValue>;
|
|
73
|
+
default: undefined;
|
|
74
|
+
};
|
|
75
|
+
/** Suffix for relative date */
|
|
76
|
+
secondarySuffix: {
|
|
77
|
+
type: StringConstructor;
|
|
78
|
+
default: string;
|
|
79
|
+
};
|
|
80
|
+
/** Optional icon to display before the date */
|
|
81
|
+
leadingIcon: {
|
|
82
|
+
type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
|
|
83
|
+
default: undefined;
|
|
84
|
+
};
|
|
85
|
+
/** Control visibility of date components */
|
|
86
|
+
display: {
|
|
87
|
+
type: PropType<{
|
|
88
|
+
date: boolean;
|
|
89
|
+
secondaryRelativeDate: boolean;
|
|
90
|
+
}>;
|
|
91
|
+
default: () => {
|
|
92
|
+
date: boolean;
|
|
93
|
+
secondaryRelativeDate: boolean;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
/** Add spacing between elements */
|
|
97
|
+
space: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
101
|
+
}>> & Readonly<{}>, {
|
|
102
|
+
leadingIcon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
|
|
103
|
+
display: {
|
|
104
|
+
date: boolean;
|
|
105
|
+
secondaryRelativeDate: boolean;
|
|
106
|
+
};
|
|
107
|
+
space: boolean;
|
|
108
|
+
format: string;
|
|
109
|
+
secondaryRelativeDate: DateInputValue;
|
|
110
|
+
secondarySuffix: string;
|
|
111
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
|
|
112
|
+
default?(_: {}): any;
|
|
113
|
+
}>;
|
|
114
|
+
export default _default;
|
|
115
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
116
|
+
new (): {
|
|
117
|
+
$slots: S;
|
|
118
|
+
};
|
|
119
|
+
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Represents various date input types
|
|
4
|
+
*/
|
|
5
|
+
export type DateInputValue = Date | string | number | null | undefined | {
|
|
6
|
+
_seconds: number;
|
|
7
|
+
_nanoseconds: number;
|
|
8
|
+
} | {
|
|
9
|
+
seconds: number;
|
|
10
|
+
nanoseconds: number;
|
|
11
|
+
} | {
|
|
12
|
+
month: string | number;
|
|
13
|
+
year: string | number;
|
|
14
|
+
} | {
|
|
15
|
+
toDate: () => Date;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
18
|
+
/** Start date of the range */
|
|
19
|
+
startDate: {
|
|
20
|
+
type: PropType<DateInputValue>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
/** End date of the range */
|
|
24
|
+
endDate: {
|
|
25
|
+
type: PropType<DateInputValue>;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
/** dayjs format string */
|
|
29
|
+
format: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
/** Show duration between dates */
|
|
34
|
+
useCalculateTimeBetween: {
|
|
35
|
+
type: BooleanConstructor;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
38
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
39
|
+
/** Start date of the range */
|
|
40
|
+
startDate: {
|
|
41
|
+
type: PropType<DateInputValue>;
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
/** End date of the range */
|
|
45
|
+
endDate: {
|
|
46
|
+
type: PropType<DateInputValue>;
|
|
47
|
+
required: true;
|
|
48
|
+
};
|
|
49
|
+
/** dayjs format string */
|
|
50
|
+
format: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
default: string;
|
|
53
|
+
};
|
|
54
|
+
/** Show duration between dates */
|
|
55
|
+
useCalculateTimeBetween: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
}>> & Readonly<{}>, {
|
|
60
|
+
format: string;
|
|
61
|
+
useCalculateTimeBetween: boolean;
|
|
62
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
63
|
+
export default _default;
|
|
@@ -21,9 +21,9 @@ interface FormFieldWrapperProps {
|
|
|
21
21
|
}
|
|
22
22
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormFieldWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormFieldWrapperProps> & Readonly<{}>, {
|
|
23
23
|
label: string;
|
|
24
|
+
tertiaryLabel: string;
|
|
24
25
|
errorMessage: string | null;
|
|
25
26
|
disabled: boolean;
|
|
26
|
-
tertiaryLabel: string;
|
|
27
27
|
successMessage: string;
|
|
28
28
|
isValid: boolean;
|
|
29
29
|
isTouched: boolean;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export { default as DiscordBrandIcon } from './DiscordBrandIcon';
|
|
2
|
+
export { default as FacebookBrandIcon } from './FacebookBrandIcon';
|
|
3
|
+
export { default as GitHubBrandIcon } from './GitHubBrandIcon';
|
|
4
|
+
export { default as InstagramBrandIcon } from './InstagramBrandIcon';
|
|
5
|
+
export { default as LinkedInBrandIcon } from './LinkedInBrandIcon';
|
|
6
|
+
export { default as PinterestBrandIcon } from './PinterestBrandIcon';
|
|
7
|
+
export { default as SnapchatBrandIcon } from './SnapchatBrandIcon';
|
|
8
|
+
export { default as ThreadsBrandIcon } from './ThreadsBrandIcon';
|
|
9
|
+
export { default as TikTokBrandIcon } from './TikTokBrandIcon';
|
|
10
|
+
export { default as TwitchBrandIcon } from './TwitchBrandIcon';
|
|
11
|
+
export { default as XBrandIcon } from './XBrandIcon';
|
|
12
|
+
export { default as YouTubeBrandIcon } from './YouTubeBrandIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './brands';
|