@hunter-industries/hunter-components 0.0.24 → 0.0.26
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/ColorIcon/ColorIcon.stories.d.ts +6 -0
- package/dist/components/ColorIcon/ColorIcon.vue.d.ts +16 -0
- package/dist/components/ColorIcon/index.d.ts +2 -0
- package/dist/components/Dropdown/Dropdown.stories.d.ts +160 -3
- package/dist/components/Dropdown/DropdownColors.vue.d.ts +16 -0
- package/dist/components/Dropdown/DropdownList/DropdownListWithColorIcons.vue.d.ts +16 -0
- package/dist/components/Dropdown/DropdownList/DropdownLists.stories.d.ts +62 -10
- package/dist/components/Dropdown/DropdownList/index.d.ts +2 -0
- package/dist/components/Dropdown/index.d.ts +3 -2
- package/dist/hunter-components.js +858 -698
- package/dist/hunter-components.umd.cjs +2 -2
- package/dist/index.d.ts +3 -3
- package/package.json +2 -5
- /package/dist/components/Dropdown/{DropdownWithButton.vue.d.ts → Dropdown.vue.d.ts} +0 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
color: string;
|
|
3
|
+
hasBorder?: boolean;
|
|
4
|
+
size?: "small" | "medium" | "large";
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>;
|
|
7
|
+
export default _default;
|
|
8
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
9
|
+
type __VLS_TypePropsToOption<T> = {
|
|
10
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
11
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
12
|
+
} : {
|
|
13
|
+
type: import('vue').PropType<T[K]>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -1,6 +1,163 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from "@storybook/vue3";
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import Dropdown from "./Dropdown.vue";
|
|
3
|
+
import DropdownColors from "./DropdownColors.vue";
|
|
4
|
+
declare const meta: Meta<import("vue").DefineComponent<{
|
|
5
|
+
placeholderText: {
|
|
6
|
+
type: import("vue").PropType<string>;
|
|
7
|
+
};
|
|
8
|
+
id: {
|
|
9
|
+
type: import("vue").PropType<string>;
|
|
10
|
+
};
|
|
11
|
+
hasBorder: {
|
|
12
|
+
type: import("vue").PropType<boolean>;
|
|
13
|
+
};
|
|
14
|
+
className: {
|
|
15
|
+
type: import("vue").PropType<string>;
|
|
16
|
+
};
|
|
17
|
+
options: {
|
|
18
|
+
type: import("vue").PropType<import("./types.js").DropdownOption[]>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
optionKey: {
|
|
22
|
+
type: import("vue").PropType<string>;
|
|
23
|
+
required: true;
|
|
24
|
+
};
|
|
25
|
+
collapsed: {
|
|
26
|
+
type: import("vue").PropType<boolean>;
|
|
27
|
+
required: true;
|
|
28
|
+
};
|
|
29
|
+
scrollable: {
|
|
30
|
+
type: import("vue").PropType<boolean>;
|
|
31
|
+
};
|
|
32
|
+
maxResults: {
|
|
33
|
+
type: import("vue").PropType<number>;
|
|
34
|
+
};
|
|
35
|
+
selected: {
|
|
36
|
+
type: import("vue").PropType<import("./types.js").DropdownOption>;
|
|
37
|
+
};
|
|
38
|
+
variant: {
|
|
39
|
+
type: import("vue").PropType<"default" | "small">;
|
|
40
|
+
};
|
|
41
|
+
showClearButton: {
|
|
42
|
+
type: import("vue").PropType<boolean>;
|
|
43
|
+
};
|
|
44
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
45
|
+
selectOption: (value: any) => void;
|
|
46
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
47
|
+
placeholderText: {
|
|
48
|
+
type: import("vue").PropType<string>;
|
|
49
|
+
};
|
|
50
|
+
id: {
|
|
51
|
+
type: import("vue").PropType<string>;
|
|
52
|
+
};
|
|
53
|
+
hasBorder: {
|
|
54
|
+
type: import("vue").PropType<boolean>;
|
|
55
|
+
};
|
|
56
|
+
className: {
|
|
57
|
+
type: import("vue").PropType<string>;
|
|
58
|
+
};
|
|
59
|
+
options: {
|
|
60
|
+
type: import("vue").PropType<import("./types.js").DropdownOption[]>;
|
|
61
|
+
required: true;
|
|
62
|
+
};
|
|
63
|
+
optionKey: {
|
|
64
|
+
type: import("vue").PropType<string>;
|
|
65
|
+
required: true;
|
|
66
|
+
};
|
|
67
|
+
collapsed: {
|
|
68
|
+
type: import("vue").PropType<boolean>;
|
|
69
|
+
required: true;
|
|
70
|
+
};
|
|
71
|
+
scrollable: {
|
|
72
|
+
type: import("vue").PropType<boolean>;
|
|
73
|
+
};
|
|
74
|
+
maxResults: {
|
|
75
|
+
type: import("vue").PropType<number>;
|
|
76
|
+
};
|
|
77
|
+
selected: {
|
|
78
|
+
type: import("vue").PropType<import("./types.js").DropdownOption>;
|
|
79
|
+
};
|
|
80
|
+
variant: {
|
|
81
|
+
type: import("vue").PropType<"default" | "small">;
|
|
82
|
+
};
|
|
83
|
+
showClearButton: {
|
|
84
|
+
type: import("vue").PropType<boolean>;
|
|
85
|
+
};
|
|
86
|
+
}>> & {
|
|
87
|
+
onSelectOption?: ((value: any) => any) | undefined;
|
|
88
|
+
}, {}, {}> | import("vue").DefineComponent<{
|
|
89
|
+
placeholderColor: {
|
|
90
|
+
type: import("vue").PropType<string>;
|
|
91
|
+
};
|
|
92
|
+
id: {
|
|
93
|
+
type: import("vue").PropType<string>;
|
|
94
|
+
};
|
|
95
|
+
hasBorder: {
|
|
96
|
+
type: import("vue").PropType<boolean>;
|
|
97
|
+
};
|
|
98
|
+
className: {
|
|
99
|
+
type: import("vue").PropType<string>;
|
|
100
|
+
};
|
|
101
|
+
dropdownClassName: {
|
|
102
|
+
type: import("vue").PropType<string>;
|
|
103
|
+
};
|
|
104
|
+
colors: {
|
|
105
|
+
type: import("vue").PropType<string[]>;
|
|
106
|
+
required: true;
|
|
107
|
+
};
|
|
108
|
+
collapsed: {
|
|
109
|
+
type: import("vue").PropType<boolean>;
|
|
110
|
+
required: true;
|
|
111
|
+
};
|
|
112
|
+
scrollable: {
|
|
113
|
+
type: import("vue").PropType<boolean>;
|
|
114
|
+
};
|
|
115
|
+
selected: {
|
|
116
|
+
type: import("vue").PropType<string>;
|
|
117
|
+
};
|
|
118
|
+
variant: {
|
|
119
|
+
type: import("vue").PropType<"default" | "small">;
|
|
120
|
+
};
|
|
121
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
122
|
+
selectOption: (value: any) => void;
|
|
123
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
124
|
+
placeholderColor: {
|
|
125
|
+
type: import("vue").PropType<string>;
|
|
126
|
+
};
|
|
127
|
+
id: {
|
|
128
|
+
type: import("vue").PropType<string>;
|
|
129
|
+
};
|
|
130
|
+
hasBorder: {
|
|
131
|
+
type: import("vue").PropType<boolean>;
|
|
132
|
+
};
|
|
133
|
+
className: {
|
|
134
|
+
type: import("vue").PropType<string>;
|
|
135
|
+
};
|
|
136
|
+
dropdownClassName: {
|
|
137
|
+
type: import("vue").PropType<string>;
|
|
138
|
+
};
|
|
139
|
+
colors: {
|
|
140
|
+
type: import("vue").PropType<string[]>;
|
|
141
|
+
required: true;
|
|
142
|
+
};
|
|
143
|
+
collapsed: {
|
|
144
|
+
type: import("vue").PropType<boolean>;
|
|
145
|
+
required: true;
|
|
146
|
+
};
|
|
147
|
+
scrollable: {
|
|
148
|
+
type: import("vue").PropType<boolean>;
|
|
149
|
+
};
|
|
150
|
+
selected: {
|
|
151
|
+
type: import("vue").PropType<string>;
|
|
152
|
+
};
|
|
153
|
+
variant: {
|
|
154
|
+
type: import("vue").PropType<"default" | "small">;
|
|
155
|
+
};
|
|
156
|
+
}>> & {
|
|
157
|
+
onSelectOption?: ((value: any) => any) | undefined;
|
|
158
|
+
}, {}, {}>>;
|
|
4
159
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
160
|
+
type Story = StoryObj<typeof Dropdown>;
|
|
6
161
|
export declare const Default: Story;
|
|
162
|
+
type ColorsStory = StoryObj<typeof DropdownColors>;
|
|
163
|
+
export declare const Colors: ColorsStory;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { DropdownColorsProps } from "./types";
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<DropdownColorsProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3
|
+
selectOption: (value: any) => void;
|
|
4
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<DropdownColorsProps>>> & {
|
|
5
|
+
onSelectOption?: ((value: any) => any) | undefined;
|
|
6
|
+
}, {}, {}>;
|
|
7
|
+
export default _default;
|
|
8
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
9
|
+
type __VLS_TypePropsToOption<T> = {
|
|
10
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
11
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
12
|
+
} : {
|
|
13
|
+
type: import('vue').PropType<T[K]>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { DropdownListWithColorProps } from "../types";
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<DropdownListWithColorProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3
|
+
selectOption: (value: string) => void;
|
|
4
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<DropdownListWithColorProps>>> & {
|
|
5
|
+
onSelectOption?: ((value: string) => any) | undefined;
|
|
6
|
+
}, {}, {}>;
|
|
7
|
+
export default _default;
|
|
8
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
9
|
+
type __VLS_TypePropsToOption<T> = {
|
|
10
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
11
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
12
|
+
} : {
|
|
13
|
+
type: import('vue').PropType<T[K]>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import type { Meta } from "@storybook/vue3";
|
|
2
2
|
import DropdownList from "./DropdownList.vue";
|
|
3
3
|
import DropdownListWithFilter from "./DropdownListWithFilter.vue";
|
|
4
|
+
import DropdownListWithColorIcons from "./DropdownListWithColorIcons.vue";
|
|
4
5
|
declare const meta: {
|
|
5
6
|
title: string;
|
|
6
|
-
|
|
7
|
+
components: (import("vue").DefineComponent<{
|
|
7
8
|
options: {
|
|
8
9
|
type: import("vue").PropType<import("../types.js").DropdownOption[]>;
|
|
9
10
|
required: true;
|
|
@@ -31,6 +32,9 @@ declare const meta: {
|
|
|
31
32
|
variant: {
|
|
32
33
|
type: import("vue").PropType<"default" | "small">;
|
|
33
34
|
};
|
|
35
|
+
showClearButton: {
|
|
36
|
+
type: import("vue").PropType<boolean>;
|
|
37
|
+
};
|
|
34
38
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
35
39
|
selectOption: (value: any) => void;
|
|
36
40
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -61,9 +65,64 @@ declare const meta: {
|
|
|
61
65
|
variant: {
|
|
62
66
|
type: import("vue").PropType<"default" | "small">;
|
|
63
67
|
};
|
|
68
|
+
showClearButton: {
|
|
69
|
+
type: import("vue").PropType<boolean>;
|
|
70
|
+
};
|
|
64
71
|
}>> & {
|
|
65
72
|
onSelectOption?: ((value: any) => any) | undefined;
|
|
66
|
-
}, {}, {}
|
|
73
|
+
}, {}, {}> | import("vue").DefineComponent<{
|
|
74
|
+
colors: {
|
|
75
|
+
type: import("vue").PropType<string[]>;
|
|
76
|
+
required: true;
|
|
77
|
+
};
|
|
78
|
+
collapsed: {
|
|
79
|
+
type: import("vue").PropType<boolean>;
|
|
80
|
+
required: true;
|
|
81
|
+
};
|
|
82
|
+
scrollable: {
|
|
83
|
+
type: import("vue").PropType<boolean>;
|
|
84
|
+
};
|
|
85
|
+
id: {
|
|
86
|
+
type: import("vue").PropType<string>;
|
|
87
|
+
};
|
|
88
|
+
selected: {
|
|
89
|
+
type: import("vue").PropType<string>;
|
|
90
|
+
};
|
|
91
|
+
className: {
|
|
92
|
+
type: import("vue").PropType<string>;
|
|
93
|
+
};
|
|
94
|
+
variant: {
|
|
95
|
+
type: import("vue").PropType<"default" | "small">;
|
|
96
|
+
};
|
|
97
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
98
|
+
selectOption: (value: string) => void;
|
|
99
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
100
|
+
colors: {
|
|
101
|
+
type: import("vue").PropType<string[]>;
|
|
102
|
+
required: true;
|
|
103
|
+
};
|
|
104
|
+
collapsed: {
|
|
105
|
+
type: import("vue").PropType<boolean>;
|
|
106
|
+
required: true;
|
|
107
|
+
};
|
|
108
|
+
scrollable: {
|
|
109
|
+
type: import("vue").PropType<boolean>;
|
|
110
|
+
};
|
|
111
|
+
id: {
|
|
112
|
+
type: import("vue").PropType<string>;
|
|
113
|
+
};
|
|
114
|
+
selected: {
|
|
115
|
+
type: import("vue").PropType<string>;
|
|
116
|
+
};
|
|
117
|
+
className: {
|
|
118
|
+
type: import("vue").PropType<string>;
|
|
119
|
+
};
|
|
120
|
+
variant: {
|
|
121
|
+
type: import("vue").PropType<"default" | "small">;
|
|
122
|
+
};
|
|
123
|
+
}>> & {
|
|
124
|
+
onSelectOption?: ((value: string) => any) | undefined;
|
|
125
|
+
}, {}, {}>)[];
|
|
67
126
|
parameters: {};
|
|
68
127
|
tags: string[];
|
|
69
128
|
args: {
|
|
@@ -71,10 +130,8 @@ declare const meta: {
|
|
|
71
130
|
id: number;
|
|
72
131
|
name: string;
|
|
73
132
|
}[];
|
|
74
|
-
optionKey: string;
|
|
75
133
|
collapsed: boolean;
|
|
76
134
|
scrollable: boolean;
|
|
77
|
-
variant: string;
|
|
78
135
|
};
|
|
79
136
|
argTypes: {
|
|
80
137
|
collapsed: {
|
|
@@ -87,14 +144,9 @@ declare const meta: {
|
|
|
87
144
|
description: string;
|
|
88
145
|
defaultValue: boolean;
|
|
89
146
|
};
|
|
90
|
-
variant: {
|
|
91
|
-
control: string;
|
|
92
|
-
options: string[];
|
|
93
|
-
defaultValue: string;
|
|
94
|
-
description: string;
|
|
95
|
-
};
|
|
96
147
|
};
|
|
97
148
|
};
|
|
98
149
|
export default meta;
|
|
99
150
|
export declare const Default: Meta<typeof DropdownList>;
|
|
100
151
|
export declare const WithFilter: Meta<typeof DropdownListWithFilter>;
|
|
152
|
+
export declare const WithColors: Meta<typeof DropdownListWithColorIcons>;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import DropdownList from "./DropdownList.vue";
|
|
2
2
|
import DropdownListWithFilter from "./DropdownListWithFilter.vue";
|
|
3
|
+
import DropdownListWithColorIcons from "./DropdownListWithColorIcons.vue";
|
|
3
4
|
export { DropdownList as HunterDropdownList };
|
|
4
5
|
export { DropdownListWithFilter as HunterDropdownListWithFilter };
|
|
6
|
+
export { DropdownListWithColorIcons as HunterDropdownListWithColorIcons };
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import Dropdown from "./Dropdown.vue";
|
|
2
|
+
import DropdownCoors from "./DropdownColors.vue";
|
|
3
|
+
export { Dropdown as HunterDropdown, DropdownCoors as HunterDropdownColors };
|