@kong/kongponents 9.29.7 → 9.29.8

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.
@@ -1,453 +1,28 @@
1
- import type { PropType, Ref } from 'vue';
2
- import type { ButtonAppearance, DropdownItem, PopoverAttributes } from '../../../types';
3
- import KButton from '../../components/KButton/KButton.vue';
4
- import KPop from '../../components/KPop/KPop.vue';
5
- import KToggle from '../../components/KToggle';
6
- import KDropdownItem from './KDropdownItem.vue';
7
- import { ChevronDownIcon } from '@kong/icons';
8
- declare const tooltipComponent: import("vue").ComputedRef<"div" | ({
9
- new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../types").TooltipProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
10
- P: {};
11
- B: {};
12
- D: {};
13
- C: {};
14
- M: {};
15
- Defaults: {};
16
- }, Readonly<import("../../../types").TooltipProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
17
- __isFragment?: never;
18
- __isTeleport?: never;
19
- __isSuspense?: never;
20
- } & import("vue").ComponentOptionsBase<Readonly<import("../../../types").TooltipProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
21
- $slots: import("../../../types").TooltipSlots;
22
- }))>;
23
- declare const kPop: Ref<({
24
- $: import("vue").ComponentInternalInstance;
25
- $data: {};
26
- $props: {
27
- readonly buttonText?: string | undefined;
28
- readonly title?: string | undefined;
29
- readonly placement?: import("../../../types").PopPlacement | undefined;
30
- readonly trigger?: import("../../../types").PopTrigger | undefined;
31
- readonly popoverTimeout?: number | undefined;
32
- readonly hideCloseIcon?: boolean | undefined;
33
- readonly hideCaret?: boolean | undefined;
34
- readonly closeOnPopoverClick?: boolean | undefined;
35
- readonly disabled?: boolean | undefined;
36
- readonly width?: string | undefined;
37
- readonly maxWidth?: string | undefined;
38
- readonly maxHeight?: string | undefined;
39
- readonly popoverClasses?: string | undefined;
40
- readonly tag?: string | undefined;
41
- readonly zIndex?: number | undefined;
42
- readonly offset?: string | undefined;
43
- readonly target?: (string | null) | undefined;
44
- readonly onOpen?: (() => any) | undefined;
45
- readonly onClose?: (() => any) | undefined;
46
- readonly "onPopover-click"?: (() => any) | undefined;
47
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
48
- $attrs: {
49
- [x: string]: unknown;
50
- };
51
- $refs: {
52
- [x: string]: unknown;
53
- };
54
- $slots: Readonly<{
55
- [name: string]: import("vue").Slot<any> | undefined;
56
- }>;
57
- $root: import("vue").ComponentPublicInstance | null;
58
- $parent: import("vue").ComponentPublicInstance | null;
59
- $host: Element | null;
60
- $emit: ((event: "open") => void) & ((event: "close") => void) & ((event: "popover-click") => void);
61
- $el: any;
62
- $options: import("vue").ComponentOptionsBase<Readonly<import("../../../types").PopProps> & Readonly<{
63
- onOpen?: (() => any) | undefined;
64
- onClose?: (() => any) | undefined;
65
- "onPopover-click"?: (() => any) | undefined;
66
- }>, {
67
- hidePopover: () => void;
68
- showPopover: () => Promise<void>;
69
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
70
- open: () => any;
71
- close: () => any;
72
- "popover-click": () => any;
73
- }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
74
- beforeCreate?: (() => void) | (() => void)[];
75
- created?: (() => void) | (() => void)[];
76
- beforeMount?: (() => void) | (() => void)[];
77
- mounted?: (() => void) | (() => void)[];
78
- beforeUpdate?: (() => void) | (() => void)[];
79
- updated?: (() => void) | (() => void)[];
80
- activated?: (() => void) | (() => void)[];
81
- deactivated?: (() => void) | (() => void)[];
82
- beforeDestroy?: (() => void) | (() => void)[];
83
- beforeUnmount?: (() => void) | (() => void)[];
84
- destroyed?: (() => void) | (() => void)[];
85
- unmounted?: (() => void) | (() => void)[];
86
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
87
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
88
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
89
- };
90
- $forceUpdate: () => void;
91
- $nextTick: typeof import("vue").nextTick;
92
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
93
- } & Readonly<{}> & Omit<Readonly<import("../../../types").PopProps> & Readonly<{
94
- onOpen?: (() => any) | undefined;
95
- onClose?: (() => any) | undefined;
96
- "onPopover-click"?: (() => any) | undefined;
97
- }>, "hidePopover" | "showPopover"> & import("vue").ShallowUnwrapRef<{
98
- hidePopover: () => void;
99
- showPopover: () => Promise<void>;
100
- }> & {} & import("vue").ComponentCustomProperties & {} & {
101
- $slots: import("../../../types").PopSlots;
102
- }) | null, ({
103
- $: import("vue").ComponentInternalInstance;
104
- $data: {};
105
- $props: {
106
- readonly buttonText?: string | undefined;
107
- readonly title?: string | undefined;
108
- readonly placement?: import("../../../types").PopPlacement | undefined;
109
- readonly trigger?: import("../../../types").PopTrigger | undefined;
110
- readonly popoverTimeout?: number | undefined;
111
- readonly hideCloseIcon?: boolean | undefined;
112
- readonly hideCaret?: boolean | undefined;
113
- readonly closeOnPopoverClick?: boolean | undefined;
114
- readonly disabled?: boolean | undefined;
115
- readonly width?: string | undefined;
116
- readonly maxWidth?: string | undefined;
117
- readonly maxHeight?: string | undefined;
118
- readonly popoverClasses?: string | undefined;
119
- readonly tag?: string | undefined;
120
- readonly zIndex?: number | undefined;
121
- readonly offset?: string | undefined;
122
- readonly target?: (string | null) | undefined;
123
- readonly onOpen?: (() => any) | undefined;
124
- readonly onClose?: (() => any) | undefined;
125
- readonly "onPopover-click"?: (() => any) | undefined;
126
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
127
- $attrs: {
128
- [x: string]: unknown;
129
- };
130
- $refs: {
131
- [x: string]: unknown;
132
- };
133
- $slots: Readonly<{
134
- [name: string]: import("vue").Slot<any> | undefined;
135
- }>;
136
- $root: import("vue").ComponentPublicInstance | null;
137
- $parent: import("vue").ComponentPublicInstance | null;
138
- $host: Element | null;
139
- $emit: ((event: "open") => void) & ((event: "close") => void) & ((event: "popover-click") => void);
140
- $el: any;
141
- $options: import("vue").ComponentOptionsBase<Readonly<import("../../../types").PopProps> & Readonly<{
142
- onOpen?: (() => any) | undefined;
143
- onClose?: (() => any) | undefined;
144
- "onPopover-click"?: (() => any) | undefined;
145
- }>, {
146
- hidePopover: () => void;
147
- showPopover: () => Promise<void>;
148
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
149
- open: () => any;
150
- close: () => any;
151
- "popover-click": () => any;
152
- }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
153
- beforeCreate?: (() => void) | (() => void)[];
154
- created?: (() => void) | (() => void)[];
155
- beforeMount?: (() => void) | (() => void)[];
156
- mounted?: (() => void) | (() => void)[];
157
- beforeUpdate?: (() => void) | (() => void)[];
158
- updated?: (() => void) | (() => void)[];
159
- activated?: (() => void) | (() => void)[];
160
- deactivated?: (() => void) | (() => void)[];
161
- beforeDestroy?: (() => void) | (() => void)[];
162
- beforeUnmount?: (() => void) | (() => void)[];
163
- destroyed?: (() => void) | (() => void)[];
164
- unmounted?: (() => void) | (() => void)[];
165
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
166
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
167
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
168
- };
169
- $forceUpdate: () => void;
170
- $nextTick: typeof import("vue").nextTick;
171
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
172
- } & Readonly<{}> & Omit<Readonly<import("../../../types").PopProps> & Readonly<{
173
- onOpen?: (() => any) | undefined;
174
- onClose?: (() => any) | undefined;
175
- "onPopover-click"?: (() => any) | undefined;
176
- }>, "hidePopover" | "showPopover"> & import("vue").ShallowUnwrapRef<{
177
- hidePopover: () => void;
178
- showPopover: () => Promise<void>;
179
- }> & {} & import("vue").ComponentCustomProperties & {} & {
180
- $slots: import("../../../types").PopSlots;
181
- }) | null>;
182
- declare const boundKPopAttributes: {
183
- width: string | undefined;
184
- popoverClasses: string;
185
- placement: import("../../../types").PopPlacement;
186
- offset?: string | undefined;
187
- 'data-testid'?: string | undefined;
188
- hideCaret: boolean;
189
- popoverTimeout: number;
190
- };
191
- declare const triggerButtonText: import("vue").ComputedRef<string>;
192
- declare const selectedItem: Ref<DropdownItem | undefined, DropdownItem | undefined>;
193
- declare const handleSelection: (item: DropdownItem) => void;
194
- declare const handleCloseDropdown: () => Promise<void>;
195
- declare const handleTriggerToggle: (isToggled: Ref<boolean>, toggle: () => void, isOpen: boolean) => void;
196
- declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
197
- declare var __VLS_20: {
198
- isOpen: any;
199
- }, __VLS_29: {
200
- closeDropdown: () => Promise<void>;
201
- handleSelection: (item: DropdownItem) => void;
202
- items: DropdownItem[];
1
+ import type { DropdownItem, DropdownProps } from '../../../types';
2
+ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
4
+ readonly onChange?: ((item: DropdownItem<T>) => any) | undefined;
5
+ readonly onToggleDropdown?: ((open: boolean) => any) | undefined;
6
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onToggleDropdown"> & DropdownProps<T> & Partial<{}>> & import("vue").PublicProps;
7
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
8
+ attrs: any;
9
+ slots: {
10
+ default?: ((props: {
11
+ isOpen: any;
12
+ }) => any) | undefined;
13
+ items?: ((props: {
14
+ closeDropdown: () => void;
15
+ handleSelection: (item: DropdownItem<T>) => void;
16
+ items: DropdownItem<T>[];
17
+ }) => any) | undefined;
18
+ };
19
+ emit: ((evt: "change", item: DropdownItem<T>) => void) & ((evt: "toggleDropdown", open: boolean) => void);
20
+ }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
21
+ [key: string]: any;
22
+ }> & {
23
+ __ctx?: Awaited<typeof __VLS_setup>;
203
24
  };
204
- type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
205
- default?: (props: typeof __VLS_20) => any;
206
- } & {
207
- items?: (props: typeof __VLS_29) => any;
208
- }>;
209
- declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
210
- selectionMenu: {
211
- type: BooleanConstructor;
212
- default: boolean;
213
- };
214
- appearance: {
215
- type: PropType<ButtonAppearance>;
216
- default: string;
217
- validator: (value: ButtonAppearance) => boolean;
218
- };
219
- triggerText: {
220
- type: StringConstructor;
221
- default: string;
222
- };
223
- showCaret: {
224
- type: BooleanConstructor;
225
- default: boolean;
226
- };
227
- width: {
228
- type: StringConstructor;
229
- default: string;
230
- };
231
- kpopAttributes: {
232
- type: PropType<Omit<PopoverAttributes, "target" | "trigger">>;
233
- default: () => void;
234
- };
235
- items: {
236
- type: PropType<Array<DropdownItem>>;
237
- default: () => never[];
238
- validator: (items: DropdownItem[]) => boolean;
239
- };
240
- disabled: {
241
- type: BooleanConstructor;
242
- default: boolean;
243
- };
244
- disabledTooltip: {
245
- type: StringConstructor;
246
- default: string;
247
- };
248
- /**
249
- * @deprecated in favor of the "triggerText" prop
250
- */
251
- label: {
252
- type: StringConstructor;
253
- default: string;
254
- validator: (value: string) => boolean;
255
- };
256
- }>, {
257
- KButton: typeof KButton;
258
- KPop: typeof KPop;
259
- KToggle: typeof KToggle;
260
- KDropdownItem: typeof KDropdownItem;
261
- ChevronDownIcon: typeof ChevronDownIcon;
262
- tooltipComponent: typeof tooltipComponent;
263
- kPop: typeof kPop;
264
- boundKPopAttributes: typeof boundKPopAttributes;
265
- triggerButtonText: typeof triggerButtonText;
266
- selectedItem: typeof selectedItem;
267
- handleSelection: typeof handleSelection;
268
- handleCloseDropdown: typeof handleCloseDropdown;
269
- handleTriggerToggle: typeof handleTriggerToggle;
270
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
271
- change: (value: DropdownItem) => any;
272
- toggleDropdown: (value: boolean) => any;
273
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
274
- selectionMenu: {
275
- type: BooleanConstructor;
276
- default: boolean;
277
- };
278
- appearance: {
279
- type: PropType<ButtonAppearance>;
280
- default: string;
281
- validator: (value: ButtonAppearance) => boolean;
282
- };
283
- triggerText: {
284
- type: StringConstructor;
285
- default: string;
286
- };
287
- showCaret: {
288
- type: BooleanConstructor;
289
- default: boolean;
290
- };
291
- width: {
292
- type: StringConstructor;
293
- default: string;
294
- };
295
- kpopAttributes: {
296
- type: PropType<Omit<PopoverAttributes, "target" | "trigger">>;
297
- default: () => void;
298
- };
299
- items: {
300
- type: PropType<Array<DropdownItem>>;
301
- default: () => never[];
302
- validator: (items: DropdownItem[]) => boolean;
303
- };
304
- disabled: {
305
- type: BooleanConstructor;
306
- default: boolean;
307
- };
308
- disabledTooltip: {
309
- type: StringConstructor;
310
- default: string;
311
- };
312
- /**
313
- * @deprecated in favor of the "triggerText" prop
314
- */
315
- label: {
316
- type: StringConstructor;
317
- default: string;
318
- validator: (value: string) => boolean;
319
- };
320
- }>> & Readonly<{
321
- onChange?: ((value: DropdownItem) => any) | undefined;
322
- onToggleDropdown?: ((value: boolean) => any) | undefined;
323
- }>, {
324
- label: string;
325
- width: string;
326
- disabled: boolean;
327
- kpopAttributes: Omit<PopoverAttributes, "target" | "trigger">;
328
- appearance: ButtonAppearance;
329
- items: DropdownItem[];
330
- selectionMenu: boolean;
331
- triggerText: string;
332
- showCaret: boolean;
333
- disabledTooltip: string;
334
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
335
- declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
336
- selectionMenu: {
337
- type: BooleanConstructor;
338
- default: boolean;
339
- };
340
- appearance: {
341
- type: PropType<ButtonAppearance>;
342
- default: string;
343
- validator: (value: ButtonAppearance) => boolean;
344
- };
345
- triggerText: {
346
- type: StringConstructor;
347
- default: string;
348
- };
349
- showCaret: {
350
- type: BooleanConstructor;
351
- default: boolean;
352
- };
353
- width: {
354
- type: StringConstructor;
355
- default: string;
356
- };
357
- kpopAttributes: {
358
- type: PropType<Omit<PopoverAttributes, "target" | "trigger">>;
359
- default: () => void;
360
- };
361
- items: {
362
- type: PropType<Array<DropdownItem>>;
363
- default: () => never[];
364
- validator: (items: DropdownItem[]) => boolean;
365
- };
366
- disabled: {
367
- type: BooleanConstructor;
368
- default: boolean;
369
- };
370
- disabledTooltip: {
371
- type: StringConstructor;
372
- default: string;
373
- };
374
- /**
375
- * @deprecated in favor of the "triggerText" prop
376
- */
377
- label: {
378
- type: StringConstructor;
379
- default: string;
380
- validator: (value: string) => boolean;
381
- };
382
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
383
- change: (value: DropdownItem) => any;
384
- toggleDropdown: (value: boolean) => any;
385
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
386
- selectionMenu: {
387
- type: BooleanConstructor;
388
- default: boolean;
389
- };
390
- appearance: {
391
- type: PropType<ButtonAppearance>;
392
- default: string;
393
- validator: (value: ButtonAppearance) => boolean;
394
- };
395
- triggerText: {
396
- type: StringConstructor;
397
- default: string;
398
- };
399
- showCaret: {
400
- type: BooleanConstructor;
401
- default: boolean;
402
- };
403
- width: {
404
- type: StringConstructor;
405
- default: string;
406
- };
407
- kpopAttributes: {
408
- type: PropType<Omit<PopoverAttributes, "target" | "trigger">>;
409
- default: () => void;
410
- };
411
- items: {
412
- type: PropType<Array<DropdownItem>>;
413
- default: () => never[];
414
- validator: (items: DropdownItem[]) => boolean;
415
- };
416
- disabled: {
417
- type: BooleanConstructor;
418
- default: boolean;
419
- };
420
- disabledTooltip: {
421
- type: StringConstructor;
422
- default: string;
423
- };
424
- /**
425
- * @deprecated in favor of the "triggerText" prop
426
- */
427
- label: {
428
- type: StringConstructor;
429
- default: string;
430
- validator: (value: string) => boolean;
431
- };
432
- }>> & Readonly<{
433
- onChange?: ((value: DropdownItem) => any) | undefined;
434
- onToggleDropdown?: ((value: boolean) => any) | undefined;
435
- }>, {
436
- label: string;
437
- width: string;
438
- disabled: boolean;
439
- kpopAttributes: Omit<PopoverAttributes, "target" | "trigger">;
440
- appearance: ButtonAppearance;
441
- items: DropdownItem[];
442
- selectionMenu: boolean;
443
- triggerText: string;
444
- showCaret: boolean;
445
- disabledTooltip: string;
446
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
447
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
448
25
  export default _default;
449
- type __VLS_WithSlots<T, S> = T & {
450
- new (): {
451
- $slots: S;
452
- };
453
- };
26
+ type __VLS_PrettifyLocal<T> = {
27
+ [K in keyof T]: T[K];
28
+ } & {};