@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.
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/vue3";
2
+ import ColorIcon from "./ColorIcon.vue";
3
+ declare const meta: Meta<typeof ColorIcon>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Icon: Story;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import ColorIcon from "./ColorIcon.vue";
2
+ export { ColorIcon as HunterColorIcon };
@@ -1,6 +1,163 @@
1
1
  import type { Meta, StoryObj } from "@storybook/vue3";
2
- import DropdownWithButton from "./DropdownWithButton.vue";
3
- declare const meta: Meta<typeof DropdownWithButton>;
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 meta>;
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
- component: import("vue").DefineComponent<{
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 DropdownWithButton from "./DropdownWithButton.vue";
2
- export { DropdownWithButton as HunterDropdownWithButton };
1
+ import Dropdown from "./Dropdown.vue";
2
+ import DropdownCoors from "./DropdownColors.vue";
3
+ export { Dropdown as HunterDropdown, DropdownCoors as HunterDropdownColors };