@workday/canvas-kit-react 10.3.41 → 10.3.42
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/commonjs/select/lib/hooks/useSelectInput.d.ts +15 -15
- package/dist/commonjs/select/lib/hooks/useSelectInput.d.ts.map +1 -1
- package/dist/commonjs/select/lib/hooks/useSelectInput.js +2 -2
- package/dist/es6/select/lib/hooks/useSelectInput.d.ts +15 -15
- package/dist/es6/select/lib/hooks/useSelectInput.d.ts.map +1 -1
- package/dist/es6/select/lib/hooks/useSelectInput.js +2 -2
- package/package.json +4 -4
- package/select/lib/hooks/useSelectInput.ts +5 -5
|
@@ -80,21 +80,6 @@ export declare const useSelectInput: import("@workday/canvas-kit-react/common").
|
|
|
80
80
|
navigation: import("../../../collection/lib/useCursorListModel").NavigationManager;
|
|
81
81
|
getId: (item: any) => string;
|
|
82
82
|
}, {
|
|
83
|
-
readonly onKeyDown: (event: React.KeyboardEvent) => void;
|
|
84
|
-
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
85
|
-
readonly autoComplete: "off";
|
|
86
|
-
readonly onFocus: () => void;
|
|
87
|
-
readonly textInputProps: {
|
|
88
|
-
readonly ref: React.RefObject<HTMLInputElement>;
|
|
89
|
-
readonly onChange: typeof noop;
|
|
90
|
-
readonly value: string;
|
|
91
|
-
};
|
|
92
|
-
readonly ref: (instance: HTMLInputElement | null) => void;
|
|
93
|
-
readonly 'aria-haspopup': "menu";
|
|
94
|
-
} & {
|
|
95
|
-
onKeyDown(event: React.KeyboardEvent<Element>): void;
|
|
96
|
-
keySofar: string;
|
|
97
|
-
} & {
|
|
98
83
|
readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
|
|
99
84
|
readonly onBlur: (event: React.FocusEvent<Element, Element>) => void;
|
|
100
85
|
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -117,6 +102,21 @@ export declare const useSelectInput: import("@workday/canvas-kit-react/common").
|
|
|
117
102
|
} & {
|
|
118
103
|
ref: (instance: unknown) => void;
|
|
119
104
|
onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
|
|
105
|
+
} & {
|
|
106
|
+
onKeyDown(event: React.KeyboardEvent<Element>): void;
|
|
107
|
+
keySofar: string;
|
|
108
|
+
} & {
|
|
109
|
+
readonly onKeyDown: (event: React.KeyboardEvent) => void;
|
|
110
|
+
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
111
|
+
readonly autoComplete: "off";
|
|
112
|
+
readonly onFocus: () => void;
|
|
113
|
+
readonly textInputProps: {
|
|
114
|
+
readonly ref: React.RefObject<HTMLInputElement>;
|
|
115
|
+
readonly onChange: typeof noop;
|
|
116
|
+
readonly value: string;
|
|
117
|
+
};
|
|
118
|
+
readonly ref: (instance: HTMLInputElement | null) => void;
|
|
119
|
+
readonly 'aria-haspopup': "menu";
|
|
120
120
|
}>;
|
|
121
121
|
export {};
|
|
122
122
|
//# sourceMappingURL=useSelectInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectInput.d.ts","sourceRoot":"","sources":["../../../../../select/lib/hooks/useSelectInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,iBAAS,IAAI,SAEZ;AAED;;GAEG;AACH,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"useSelectInput.d.ts","sourceRoot":"","sources":["../../../../../select/lib/hooks/useSelectInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,iBAAS,IAAI,SAEZ;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAgGF,mBAAmB;+BArFP,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;EAmIvE,CAAC"}
|
|
@@ -14,7 +14,7 @@ function noop() {
|
|
|
14
14
|
/**
|
|
15
15
|
* `useSelectInput` extends {@link useComboboxInput useComboboxInput} and {@link useComboboxKeyboardTypeAhead useComboboxKeyboardTypeAhead} and adds type ahead functionality and Select-specific [keyboard support](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/).
|
|
16
16
|
*/
|
|
17
|
-
exports.useSelectInput = common_1.composeHooks(common_1.createElemPropsHook(useSelectModel_1.useSelectModel)((model, ref, elemProps = {}) => {
|
|
17
|
+
exports.useSelectInput = common_1.composeHooks(combobox_1.useComboboxInput, combobox_1.useComboboxKeyboardTypeAhead, combobox_1.useComboboxResetCursorToSelected, combobox_1.useComboboxMoveCursorToSelected, common_1.createElemPropsHook(useSelectModel_1.useSelectModel)((model, ref, elemProps = {}) => {
|
|
18
18
|
const { elementRef } = common_1.useLocalRef(ref);
|
|
19
19
|
const textInputRef = react_1.default.useRef(null);
|
|
20
20
|
// Update the text value of the input
|
|
@@ -126,4 +126,4 @@ exports.useSelectInput = common_1.composeHooks(common_1.createElemPropsHook(useS
|
|
|
126
126
|
ref: elementRef,
|
|
127
127
|
'aria-haspopup': 'menu',
|
|
128
128
|
};
|
|
129
|
-
})
|
|
129
|
+
}));
|
|
@@ -80,21 +80,6 @@ export declare const useSelectInput: import("@workday/canvas-kit-react/common").
|
|
|
80
80
|
navigation: import("../../../collection/lib/useCursorListModel").NavigationManager;
|
|
81
81
|
getId: (item: any) => string;
|
|
82
82
|
}, {
|
|
83
|
-
readonly onKeyDown: (event: React.KeyboardEvent) => void;
|
|
84
|
-
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
85
|
-
readonly autoComplete: "off";
|
|
86
|
-
readonly onFocus: () => void;
|
|
87
|
-
readonly textInputProps: {
|
|
88
|
-
readonly ref: React.RefObject<HTMLInputElement>;
|
|
89
|
-
readonly onChange: typeof noop;
|
|
90
|
-
readonly value: string;
|
|
91
|
-
};
|
|
92
|
-
readonly ref: (instance: HTMLInputElement | null) => void;
|
|
93
|
-
readonly 'aria-haspopup': "menu";
|
|
94
|
-
} & {
|
|
95
|
-
onKeyDown(event: React.KeyboardEvent<Element>): void;
|
|
96
|
-
keySofar: string;
|
|
97
|
-
} & {
|
|
98
83
|
readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
|
|
99
84
|
readonly onBlur: (event: React.FocusEvent<Element, Element>) => void;
|
|
100
85
|
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -117,6 +102,21 @@ export declare const useSelectInput: import("@workday/canvas-kit-react/common").
|
|
|
117
102
|
} & {
|
|
118
103
|
ref: (instance: unknown) => void;
|
|
119
104
|
onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
|
|
105
|
+
} & {
|
|
106
|
+
onKeyDown(event: React.KeyboardEvent<Element>): void;
|
|
107
|
+
keySofar: string;
|
|
108
|
+
} & {
|
|
109
|
+
readonly onKeyDown: (event: React.KeyboardEvent) => void;
|
|
110
|
+
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
111
|
+
readonly autoComplete: "off";
|
|
112
|
+
readonly onFocus: () => void;
|
|
113
|
+
readonly textInputProps: {
|
|
114
|
+
readonly ref: React.RefObject<HTMLInputElement>;
|
|
115
|
+
readonly onChange: typeof noop;
|
|
116
|
+
readonly value: string;
|
|
117
|
+
};
|
|
118
|
+
readonly ref: (instance: HTMLInputElement | null) => void;
|
|
119
|
+
readonly 'aria-haspopup': "menu";
|
|
120
120
|
}>;
|
|
121
121
|
export {};
|
|
122
122
|
//# sourceMappingURL=useSelectInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectInput.d.ts","sourceRoot":"","sources":["../../../../../select/lib/hooks/useSelectInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,iBAAS,IAAI,SAEZ;AAED;;GAEG;AACH,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"useSelectInput.d.ts","sourceRoot":"","sources":["../../../../../select/lib/hooks/useSelectInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,iBAAS,IAAI,SAEZ;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAgGF,mBAAmB;+BArFP,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;EAmIvE,CAAC"}
|
|
@@ -8,7 +8,7 @@ function noop() {
|
|
|
8
8
|
/**
|
|
9
9
|
* `useSelectInput` extends {@link useComboboxInput useComboboxInput} and {@link useComboboxKeyboardTypeAhead useComboboxKeyboardTypeAhead} and adds type ahead functionality and Select-specific [keyboard support](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/).
|
|
10
10
|
*/
|
|
11
|
-
export const useSelectInput = composeHooks(createElemPropsHook(useSelectModel)((model, ref, elemProps = {}) => {
|
|
11
|
+
export const useSelectInput = composeHooks(useComboboxInput, useComboboxKeyboardTypeAhead, useComboboxResetCursorToSelected, useComboboxMoveCursorToSelected, createElemPropsHook(useSelectModel)((model, ref, elemProps = {}) => {
|
|
12
12
|
const { elementRef } = useLocalRef(ref);
|
|
13
13
|
const textInputRef = React.useRef(null);
|
|
14
14
|
// Update the text value of the input
|
|
@@ -120,4 +120,4 @@ export const useSelectInput = composeHooks(createElemPropsHook(useSelectModel)((
|
|
|
120
120
|
ref: elementRef,
|
|
121
121
|
'aria-haspopup': 'menu',
|
|
122
122
|
};
|
|
123
|
-
})
|
|
123
|
+
}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "10.3.
|
|
3
|
+
"version": "10.3.42",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit React components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"@emotion/styled": "^11.6.0",
|
|
50
50
|
"@popperjs/core": "^2.5.4",
|
|
51
51
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
52
|
-
"@workday/canvas-kit-popup-stack": "^10.3.
|
|
53
|
-
"@workday/canvas-kit-styling": "^10.3.
|
|
52
|
+
"@workday/canvas-kit-popup-stack": "^10.3.42",
|
|
53
|
+
"@workday/canvas-kit-styling": "^10.3.42",
|
|
54
54
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
55
55
|
"@workday/canvas-tokens-web": "^1.0.0",
|
|
56
56
|
"@workday/design-assets-types": "^0.2.8",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
69
69
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "9a10699755a309bfd94348243e037c632492a7fc"
|
|
72
72
|
}
|
|
@@ -22,6 +22,10 @@ function noop() {
|
|
|
22
22
|
* `useSelectInput` extends {@link useComboboxInput useComboboxInput} and {@link useComboboxKeyboardTypeAhead useComboboxKeyboardTypeAhead} and adds type ahead functionality and Select-specific [keyboard support](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/).
|
|
23
23
|
*/
|
|
24
24
|
export const useSelectInput = composeHooks(
|
|
25
|
+
useComboboxInput,
|
|
26
|
+
useComboboxKeyboardTypeAhead,
|
|
27
|
+
useComboboxResetCursorToSelected,
|
|
28
|
+
useComboboxMoveCursorToSelected,
|
|
25
29
|
createElemPropsHook(useSelectModel)(
|
|
26
30
|
(model, ref, elemProps: {keySofar?: string; placeholder?: string; value?: string} = {}) => {
|
|
27
31
|
const {elementRef} = useLocalRef<HTMLInputElement>(ref as any);
|
|
@@ -158,9 +162,5 @@ export const useSelectInput = composeHooks(
|
|
|
158
162
|
'aria-haspopup': 'menu',
|
|
159
163
|
} as const;
|
|
160
164
|
}
|
|
161
|
-
)
|
|
162
|
-
useComboboxKeyboardTypeAhead,
|
|
163
|
-
useComboboxResetCursorToSelected,
|
|
164
|
-
useComboboxMoveCursorToSelected,
|
|
165
|
-
useComboboxInput
|
|
165
|
+
)
|
|
166
166
|
);
|