@swc-react/picker 0.34.1-rc.0 → 0.35.0
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/next.d.ts +47 -37
- package/package.json +3 -3
package/next.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const Picker: import("react").ComponentType<Partial<{
|
|
3
4
|
dir?: string | undefined;
|
|
4
5
|
slot?: string | undefined;
|
|
@@ -6,16 +7,20 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
6
7
|
title?: string | undefined;
|
|
7
8
|
tabIndex?: number | undefined;
|
|
8
9
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
10
|
+
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
9
11
|
hidden?: boolean | undefined;
|
|
10
|
-
|
|
11
|
-
color?: string | undefined;
|
|
12
|
-
lang?: string | undefined;
|
|
13
|
-
'aria-describedby'?: string | undefined;
|
|
12
|
+
rel?: string | undefined;
|
|
14
13
|
id?: string | undefined;
|
|
15
14
|
className?: string | undefined;
|
|
15
|
+
color?: string | undefined;
|
|
16
|
+
lang?: string | undefined;
|
|
17
|
+
'aria-modal'?: (boolean | "true" | "false") | undefined;
|
|
18
|
+
accessKey?: string | undefined;
|
|
16
19
|
role?: import("react").AriaRole | undefined;
|
|
17
|
-
'aria-
|
|
18
|
-
'aria-
|
|
20
|
+
'aria-label'?: string | undefined;
|
|
21
|
+
'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "grid" | "tree" | undefined;
|
|
22
|
+
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
23
|
+
'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
19
24
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
20
25
|
translate?: "yes" | "no" | undefined;
|
|
21
26
|
prefix?: string | undefined;
|
|
@@ -23,7 +28,10 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
23
28
|
contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
|
|
24
29
|
inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
25
30
|
nonce?: string | undefined;
|
|
26
|
-
'aria-
|
|
31
|
+
'aria-describedby'?: string | undefined;
|
|
32
|
+
'aria-controls'?: string | undefined;
|
|
33
|
+
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
34
|
+
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
27
35
|
'aria-activedescendant'?: string | undefined;
|
|
28
36
|
'aria-labelledby'?: string | undefined;
|
|
29
37
|
placeholder?: string | undefined;
|
|
@@ -31,14 +39,17 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
31
39
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
32
40
|
suppressContentEditableWarning?: boolean | undefined;
|
|
33
41
|
suppressHydrationWarning?: boolean | undefined;
|
|
42
|
+
autoFocus?: boolean | undefined;
|
|
34
43
|
contextMenu?: string | undefined;
|
|
35
44
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
36
45
|
radioGroup?: string | undefined;
|
|
37
46
|
about?: string | undefined;
|
|
47
|
+
content?: string | undefined;
|
|
38
48
|
datatype?: string | undefined;
|
|
39
49
|
inlist?: any;
|
|
40
50
|
property?: string | undefined;
|
|
41
51
|
resource?: string | undefined;
|
|
52
|
+
rev?: string | undefined;
|
|
42
53
|
typeof?: string | undefined;
|
|
43
54
|
vocab?: string | undefined;
|
|
44
55
|
autoCapitalize?: string | undefined;
|
|
@@ -55,38 +66,37 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
55
66
|
is?: string | undefined;
|
|
56
67
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
57
68
|
'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
|
|
69
|
+
'aria-braillelabel'?: string | undefined;
|
|
70
|
+
'aria-brailleroledescription'?: string | undefined;
|
|
58
71
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
59
72
|
'aria-colcount'?: number | undefined;
|
|
60
73
|
'aria-colindex'?: number | undefined;
|
|
74
|
+
'aria-colindextext'?: string | undefined;
|
|
61
75
|
'aria-colspan'?: number | undefined;
|
|
62
|
-
'aria-controls'?: string | undefined;
|
|
63
76
|
'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
77
|
+
'aria-description'?: string | undefined;
|
|
64
78
|
'aria-details'?: string | undefined;
|
|
65
79
|
'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
|
|
66
80
|
'aria-errormessage'?: string | undefined;
|
|
67
|
-
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
68
81
|
'aria-flowto'?: string | undefined;
|
|
69
82
|
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
70
|
-
'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "grid" | "tree" | undefined;
|
|
71
|
-
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
72
83
|
'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
73
84
|
'aria-keyshortcuts'?: string | undefined;
|
|
74
85
|
'aria-level'?: number | undefined;
|
|
75
86
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
76
|
-
'aria-modal'?: (boolean | "true" | "false") | undefined;
|
|
77
87
|
'aria-multiline'?: (boolean | "true" | "false") | undefined;
|
|
78
88
|
'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
|
|
79
89
|
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
|
80
90
|
'aria-owns'?: string | undefined;
|
|
81
91
|
'aria-placeholder'?: string | undefined;
|
|
82
92
|
'aria-posinset'?: number | undefined;
|
|
83
|
-
'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
84
93
|
'aria-readonly'?: (boolean | "true" | "false") | undefined;
|
|
85
94
|
'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
86
95
|
'aria-required'?: (boolean | "true" | "false") | undefined;
|
|
87
96
|
'aria-roledescription'?: string | undefined;
|
|
88
97
|
'aria-rowcount'?: number | undefined;
|
|
89
98
|
'aria-rowindex'?: number | undefined;
|
|
99
|
+
'aria-rowindextext'?: string | undefined;
|
|
90
100
|
'aria-rowspan'?: number | undefined;
|
|
91
101
|
'aria-setsize'?: number | undefined;
|
|
92
102
|
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
@@ -95,7 +105,7 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
95
105
|
'aria-valuenow'?: number | undefined;
|
|
96
106
|
'aria-valuetext'?: string | undefined;
|
|
97
107
|
dangerouslySetInnerHTML?: {
|
|
98
|
-
__html: string;
|
|
108
|
+
__html: string | TrustedHTML;
|
|
99
109
|
} | undefined;
|
|
100
110
|
onCopy?: import("react").ClipboardEventHandler<import("picker/src").Picker> | undefined;
|
|
101
111
|
onCopyCapture?: import("react").ClipboardEventHandler<import("picker/src").Picker> | undefined;
|
|
@@ -279,29 +289,19 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
279
289
|
disabled: boolean;
|
|
280
290
|
autofocus: boolean;
|
|
281
291
|
normalize: () => void;
|
|
282
|
-
addEventListener: {
|
|
283
|
-
<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
284
|
-
(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
285
|
-
};
|
|
286
|
-
dispatchEvent: (event: Event) => boolean;
|
|
287
|
-
removeEventListener: {
|
|
288
|
-
<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
|
|
289
|
-
(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
|
|
290
|
-
};
|
|
291
292
|
readonly target: HTMLButtonElement | import("picker/src").Picker;
|
|
292
|
-
|
|
293
|
-
readonly assignedSlot: HTMLSlotElement | null;
|
|
294
|
-
placement: import("@floating-ui/core").Placement;
|
|
293
|
+
ariaHidden: string | null;
|
|
295
294
|
shadowRoot: ShadowRoot;
|
|
296
|
-
|
|
295
|
+
open: boolean;
|
|
297
296
|
readonly renderOptions: import("lit-html").RenderOptions;
|
|
298
|
-
|
|
297
|
+
placement: import("overlay/src").Placement;
|
|
298
|
+
overlayOpenCallback: () => Promise<void>;
|
|
299
|
+
remove: () => void;
|
|
299
300
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
300
|
-
|
|
301
|
+
quiet: boolean;
|
|
301
302
|
value: string;
|
|
302
|
-
readonly focusElement: HTMLElement;
|
|
303
|
-
connectedCallback: () => void;
|
|
304
303
|
disconnectedCallback: () => void;
|
|
304
|
+
connectedCallback: () => void;
|
|
305
305
|
readonly renderRoot: HTMLElement | ShadowRoot;
|
|
306
306
|
isUpdatePending: boolean;
|
|
307
307
|
hasUpdated: boolean;
|
|
@@ -322,6 +322,14 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
322
322
|
outerText: string;
|
|
323
323
|
spellcheck: boolean;
|
|
324
324
|
attachInternals: () => ElementInternals;
|
|
325
|
+
addEventListener: {
|
|
326
|
+
<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
327
|
+
(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
328
|
+
};
|
|
329
|
+
removeEventListener: {
|
|
330
|
+
<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
|
|
331
|
+
(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
|
|
332
|
+
};
|
|
325
333
|
readonly classList: DOMTokenList;
|
|
326
334
|
readonly clientHeight: number;
|
|
327
335
|
readonly clientLeft: number;
|
|
@@ -400,6 +408,7 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
400
408
|
readonly nodeName: string;
|
|
401
409
|
readonly nodeType: number;
|
|
402
410
|
nodeValue: string | null;
|
|
411
|
+
readonly parentElement: HTMLElement | null;
|
|
403
412
|
readonly parentNode: ParentNode | null;
|
|
404
413
|
readonly previousSibling: ChildNode | null;
|
|
405
414
|
textContent: string | null;
|
|
@@ -435,6 +444,7 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
435
444
|
readonly NOTATION_NODE: number;
|
|
436
445
|
readonly PROCESSING_INSTRUCTION_NODE: number;
|
|
437
446
|
readonly TEXT_NODE: number;
|
|
447
|
+
dispatchEvent: (event: Event) => boolean;
|
|
438
448
|
ariaAtomic: string | null;
|
|
439
449
|
ariaAutoComplete: string | null;
|
|
440
450
|
ariaBusy: string | null;
|
|
@@ -473,7 +483,6 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
473
483
|
getAnimations: (options?: GetAnimationsOptions | undefined) => Animation[];
|
|
474
484
|
after: (...nodes: (string | Node)[]) => void;
|
|
475
485
|
before: (...nodes: (string | Node)[]) => void;
|
|
476
|
-
remove: () => void;
|
|
477
486
|
replaceWith: (...nodes: (string | Node)[]) => void;
|
|
478
487
|
innerHTML: string;
|
|
479
488
|
readonly nextElementSibling: Element | null;
|
|
@@ -494,6 +503,7 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
494
503
|
<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
|
|
495
504
|
};
|
|
496
505
|
replaceChildren: (...nodes: (string | Node)[]) => void;
|
|
506
|
+
readonly assignedSlot: HTMLSlotElement | null;
|
|
497
507
|
oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
498
508
|
oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
499
509
|
onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
@@ -591,22 +601,22 @@ export declare const Picker: import("react").ComponentType<Partial<{
|
|
|
591
601
|
readonly dataset: DOMStringMap;
|
|
592
602
|
isLTR: boolean;
|
|
593
603
|
hasVisibleFocusInTree: () => boolean;
|
|
604
|
+
focused: boolean;
|
|
605
|
+
readonly focusElement: HTMLElement;
|
|
594
606
|
selects: "single" | undefined;
|
|
595
607
|
appliedLabel?: string | undefined;
|
|
596
608
|
icons?: "none" | "only" | undefined;
|
|
597
609
|
readonly: boolean;
|
|
610
|
+
selectedItem?: import("menu/src").MenuItem | undefined;
|
|
611
|
+
menuItems: import("menu/src").MenuItem[];
|
|
598
612
|
optionsMenu: import("menu/src").Menu;
|
|
599
|
-
quiet: boolean;
|
|
600
|
-
selectedItem: import("menu/src").MenuItem | undefined;
|
|
601
|
-
readonly menuItems: import("menu/src").MenuItem[];
|
|
602
|
-
_selectedItem?: import("menu/src").MenuItem | undefined;
|
|
603
613
|
forceFocusVisible: () => void;
|
|
604
614
|
onButtonBlur: () => void;
|
|
605
615
|
onHelperFocus: () => void;
|
|
606
616
|
onButtonFocus: () => void;
|
|
607
617
|
handleChange: (event: Event) => void;
|
|
608
618
|
setValueFromItem: (item: import("menu/src").MenuItem, menuChangeEvent?: Event | undefined) => Promise<void>;
|
|
609
|
-
|
|
619
|
+
overlayCloseCallback: () => Promise<void>;
|
|
610
620
|
applyFocusElementLabel: (value?: string | undefined) => void;
|
|
611
621
|
} & {
|
|
612
622
|
change: (e: Event) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swc-react/picker",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.35.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
],
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@lit-labs/react": "^1.1.1",
|
|
33
|
-
"@spectrum-web-components/picker": "^0.
|
|
33
|
+
"@spectrum-web-components/picker": "^0.35.0"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"next": "~13.4"
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"optional": true
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "1ee5a6c92838cdf48321276d97f61c20f8476ac1"
|
|
44
44
|
}
|