@workday/canvas-kit-react 9.0.11 → 9.0.12
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/collection/lib/useListModel.tsx +1 -1
- package/dist/commonjs/collection/lib/useListModel.d.ts +1 -1
- package/dist/commonjs/collection/lib/useListModel.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/Modal.d.ts +17 -102
- package/dist/commonjs/modal/lib/Modal.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.js +2 -2
- package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts +5 -17
- package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsItem.d.ts +12 -2
- package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
- package/dist/es6/collection/lib/useListModel.d.ts +1 -1
- package/dist/es6/collection/lib/useListModel.d.ts.map +1 -1
- package/dist/es6/modal/lib/Modal.d.ts +17 -102
- package/dist/es6/modal/lib/Modal.d.ts.map +1 -1
- package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.js +1 -1
- package/dist/es6/popup/lib/hooks/usePopupModel.d.ts +5 -17
- package/dist/es6/popup/lib/hooks/usePopupModel.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsItem.d.ts +12 -2
- package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
- package/package.json +3 -3
- package/popup/lib/hooks/useCloseOnTargetHidden.ts +1 -1
- package/popup/lib/hooks/usePopupModel.ts +1 -1
|
@@ -5,7 +5,7 @@ import {useSelectionListModel} from './useSelectionListModel';
|
|
|
5
5
|
// `SelectionListModel` and renames to `List*`. Without interfaces like this, the result would be
|
|
6
6
|
// `SelectionList*` which is confusing to users, but the separation is easier to maintain
|
|
7
7
|
|
|
8
|
-
export type ListProps<T =
|
|
8
|
+
export type ListProps<T = any> = {
|
|
9
9
|
children: React.ReactNode | ((item: T) => React.ReactNode);
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,GAAG,IAAI;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5D,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGA,CAAC"}
|
|
@@ -17,12 +17,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
17
17
|
}, prevState: {
|
|
18
18
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
19
19
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
20
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
21
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
22
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
23
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
24
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
25
|
-
*/
|
|
20
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
26
21
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
27
22
|
placement: import("@popperjs/core").Placement;
|
|
28
23
|
id: string;
|
|
@@ -31,12 +26,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
31
26
|
onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
|
|
32
27
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
33
28
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
34
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
35
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
36
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
37
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
38
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
39
|
-
*/
|
|
29
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
40
30
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
41
31
|
placement: import("@popperjs/core").Placement;
|
|
42
32
|
id: string;
|
|
@@ -45,12 +35,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
45
35
|
onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
|
|
46
36
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
47
37
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
48
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
49
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
50
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
51
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
52
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
53
|
-
*/
|
|
38
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
54
39
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
55
40
|
placement: import("@popperjs/core").Placement;
|
|
56
41
|
id: string;
|
|
@@ -62,12 +47,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
62
47
|
}, state: {
|
|
63
48
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
64
49
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
65
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
66
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
67
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
68
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
69
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
70
|
-
*/
|
|
50
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
71
51
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
72
52
|
placement: import("@popperjs/core").Placement;
|
|
73
53
|
id: string;
|
|
@@ -76,12 +56,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
76
56
|
shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
|
|
77
57
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
78
58
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
79
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
80
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
81
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
82
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
83
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
84
|
-
*/
|
|
59
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
85
60
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
86
61
|
placement: import("@popperjs/core").Placement;
|
|
87
62
|
id: string;
|
|
@@ -90,12 +65,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
90
65
|
shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
|
|
91
66
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
92
67
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
93
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
94
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
95
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
96
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
97
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
98
|
-
*/
|
|
68
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
99
69
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
100
70
|
placement: import("@popperjs/core").Placement;
|
|
101
71
|
id: string;
|
|
@@ -105,12 +75,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
105
75
|
state: {
|
|
106
76
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
107
77
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
108
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
109
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
110
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
111
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
112
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
113
|
-
*/
|
|
78
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
114
79
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
115
80
|
placement: import("@popperjs/core").Placement;
|
|
116
81
|
id: string;
|
|
@@ -127,12 +92,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
127
92
|
state: {
|
|
128
93
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
129
94
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
130
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
131
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
132
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
133
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
134
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
135
|
-
*/
|
|
95
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
136
96
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
137
97
|
placement: import("@popperjs/core").Placement;
|
|
138
98
|
id: string;
|
|
@@ -161,12 +121,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
161
121
|
state: {
|
|
162
122
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
163
123
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
164
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
165
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
166
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
167
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
168
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
169
|
-
*/
|
|
124
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
170
125
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
171
126
|
placement: import("@popperjs/core").Placement;
|
|
172
127
|
id: string;
|
|
@@ -190,12 +145,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
190
145
|
state: {
|
|
191
146
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
192
147
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
193
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
194
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
195
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
196
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
197
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
198
|
-
*/
|
|
148
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
199
149
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
200
150
|
placement: import("@popperjs/core").Placement;
|
|
201
151
|
id: string;
|
|
@@ -220,12 +170,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
220
170
|
state: {
|
|
221
171
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
222
172
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
223
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
224
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
225
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
226
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
227
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
228
|
-
*/
|
|
173
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
229
174
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
230
175
|
placement: import("@popperjs/core").Placement;
|
|
231
176
|
id: string;
|
|
@@ -254,12 +199,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
254
199
|
state: {
|
|
255
200
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
256
201
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
257
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
258
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
259
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
260
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
261
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
262
|
-
*/
|
|
202
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
263
203
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
264
204
|
placement: import("@popperjs/core").Placement;
|
|
265
205
|
id: string;
|
|
@@ -284,12 +224,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
284
224
|
state: {
|
|
285
225
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
286
226
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
287
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
288
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
289
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
290
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
291
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
292
|
-
*/
|
|
227
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
293
228
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
294
229
|
placement: import("@popperjs/core").Placement;
|
|
295
230
|
id: string;
|
|
@@ -320,12 +255,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
320
255
|
state: {
|
|
321
256
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
322
257
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
323
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
324
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
325
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
326
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
327
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
328
|
-
*/
|
|
258
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
329
259
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
330
260
|
placement: import("@popperjs/core").Placement;
|
|
331
261
|
id: string;
|
|
@@ -343,12 +273,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
343
273
|
state: {
|
|
344
274
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
345
275
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
346
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
347
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
348
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
349
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
350
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
351
|
-
*/
|
|
276
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
352
277
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
353
278
|
placement: import("@popperjs/core").Placement;
|
|
354
279
|
id: string;
|
|
@@ -375,12 +300,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
375
300
|
state: {
|
|
376
301
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
377
302
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
378
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
379
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
380
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
381
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
382
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
383
|
-
*/
|
|
303
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
384
304
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
385
305
|
placement: import("@popperjs/core").Placement;
|
|
386
306
|
id: string;
|
|
@@ -397,12 +317,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
397
317
|
state: {
|
|
398
318
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
399
319
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
400
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
401
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
402
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
403
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
404
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
405
|
-
*/
|
|
320
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
406
321
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
407
322
|
placement: import("@popperjs/core").Placement;
|
|
408
323
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;;;;GAMG;AACH,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAId;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;IAEH;;;;;OAKG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;;;;;;OAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.useCloseOnTargetHidden = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
|
-
const
|
|
9
|
+
const usePopupModel_1 = require("./usePopupModel");
|
|
10
10
|
function getScrollParent(element) {
|
|
11
11
|
if (element === document.body || !element.parentElement) {
|
|
12
12
|
return element;
|
|
@@ -29,7 +29,7 @@ function getScrollParent(element) {
|
|
|
29
29
|
*
|
|
30
30
|
* This should be used with popup elements that are transitory like Tooltips and dropdown menus.
|
|
31
31
|
*/
|
|
32
|
-
exports.useCloseOnTargetHidden = common_1.createElemPropsHook(
|
|
32
|
+
exports.useCloseOnTargetHidden = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
|
|
33
33
|
const visible = model.state.visibility !== 'hidden';
|
|
34
34
|
const callback = react_1.default.useCallback(entries => {
|
|
35
35
|
if (entries[0].intersectionRatio < 0.5) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Placement } from '
|
|
2
|
+
import { Placement } from '../Popper';
|
|
3
3
|
export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
4
4
|
/**
|
|
5
5
|
* Optional reference to an element that should receive focus when a popup is hidden. If left
|
|
@@ -239,10 +239,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
|
239
239
|
placement: Placement;
|
|
240
240
|
}): void;
|
|
241
241
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
242
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
243
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
244
|
-
* Popup and is used in Popup-related behaviors.
|
|
245
|
-
*/
|
|
242
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
246
243
|
};
|
|
247
244
|
}) & import("@workday/canvas-kit-react/common").ModelExtras<{
|
|
248
245
|
/**
|
|
@@ -295,10 +292,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
|
295
292
|
placement: Placement;
|
|
296
293
|
}): void;
|
|
297
294
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
298
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
299
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
300
|
-
* Popup and is used in Popup-related behaviors.
|
|
301
|
-
*/
|
|
295
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
302
296
|
}, {
|
|
303
297
|
state: {
|
|
304
298
|
/**
|
|
@@ -339,10 +333,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
|
339
333
|
placement: Placement;
|
|
340
334
|
}): void;
|
|
341
335
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
342
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
343
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
344
|
-
* Popup and is used in Popup-related behaviors.
|
|
345
|
-
*/
|
|
336
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
346
337
|
};
|
|
347
338
|
}>;
|
|
348
339
|
export declare const PopupModelContext: React.Context<{
|
|
@@ -385,10 +376,7 @@ export declare const PopupModelContext: React.Context<{
|
|
|
385
376
|
placement: Placement;
|
|
386
377
|
}): void;
|
|
387
378
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
388
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
389
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
390
|
-
* Popup and is used in Popup-related behaviors.
|
|
391
|
-
*/
|
|
379
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
392
380
|
};
|
|
393
381
|
}>;
|
|
394
382
|
//# sourceMappingURL=usePopupModel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAKpC,eAAO,MAAM,aAAa;IAKtB;;;OAGG;;IAEH;;;OAGG;;;;;;mBA8C+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;mBAU+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;;IAtD3C;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;;;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAS7C,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAYO,CAAC"}
|
|
@@ -150,7 +150,12 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
|
|
|
150
150
|
menu: {
|
|
151
151
|
state: {
|
|
152
152
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
153
|
-
targetRef: React.RefObject<HTMLButtonElement>;
|
|
153
|
+
targetRef: React.RefObject<HTMLButtonElement>; /**
|
|
154
|
+
* The identifier of the tab. This identifier will be used in change events and for `initialTab`.
|
|
155
|
+
* Must match the `data-id` of the associated tab panel. If this property is not provided, it will
|
|
156
|
+
* default to a string representation of the the zero-based index of the Tab when it was
|
|
157
|
+
* initialized.
|
|
158
|
+
*/
|
|
154
159
|
initialFocusRef: React.RefObject<any> | undefined;
|
|
155
160
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
156
161
|
placement: import("@popperjs/core").Placement;
|
|
@@ -341,7 +346,12 @@ export declare const TabsItem: import("@workday/canvas-kit-react/common").Elemen
|
|
|
341
346
|
menu: {
|
|
342
347
|
state: {
|
|
343
348
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
344
|
-
targetRef: React.RefObject<HTMLButtonElement>;
|
|
349
|
+
targetRef: React.RefObject<HTMLButtonElement>; /**
|
|
350
|
+
* The identifier of the tab. This identifier will be used in change events and for `initialTab`.
|
|
351
|
+
* Must match the `data-id` of the associated tab panel. If this property is not provided, it will
|
|
352
|
+
* default to a string representation of the the zero-based index of the Tab when it was
|
|
353
|
+
* initialized.
|
|
354
|
+
*/
|
|
345
355
|
initialFocusRef: React.RefObject<any> | undefined;
|
|
346
356
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
347
357
|
placement: import("@popperjs/core").Placement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAvHtB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmIJ,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DA1InB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsJH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,GAAG,IAAI;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5D,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGA,CAAC"}
|
|
@@ -17,12 +17,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
17
17
|
}, prevState: {
|
|
18
18
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
19
19
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
20
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
21
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
22
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
23
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
24
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
25
|
-
*/
|
|
20
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
26
21
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
27
22
|
placement: import("@popperjs/core").Placement;
|
|
28
23
|
id: string;
|
|
@@ -31,12 +26,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
31
26
|
onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
|
|
32
27
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
33
28
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
34
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
35
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
36
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
37
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
38
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
39
|
-
*/
|
|
29
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
40
30
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
41
31
|
placement: import("@popperjs/core").Placement;
|
|
42
32
|
id: string;
|
|
@@ -45,12 +35,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
45
35
|
onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
|
|
46
36
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
47
37
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
48
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
49
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
50
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
51
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
52
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
53
|
-
*/
|
|
38
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
54
39
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
55
40
|
placement: import("@popperjs/core").Placement;
|
|
56
41
|
id: string;
|
|
@@ -62,12 +47,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
62
47
|
}, state: {
|
|
63
48
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
64
49
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
65
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
66
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
67
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
68
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
69
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
70
|
-
*/
|
|
50
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
71
51
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
72
52
|
placement: import("@popperjs/core").Placement;
|
|
73
53
|
id: string;
|
|
@@ -76,12 +56,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
76
56
|
shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
|
|
77
57
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
78
58
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
79
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
80
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
81
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
82
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
83
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
84
|
-
*/
|
|
59
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
85
60
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
86
61
|
placement: import("@popperjs/core").Placement;
|
|
87
62
|
id: string;
|
|
@@ -90,12 +65,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
90
65
|
shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
|
|
91
66
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
92
67
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
93
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
94
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
95
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
96
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
97
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
98
|
-
*/
|
|
68
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
99
69
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
100
70
|
placement: import("@popperjs/core").Placement;
|
|
101
71
|
id: string;
|
|
@@ -105,12 +75,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
105
75
|
state: {
|
|
106
76
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
107
77
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
108
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
109
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
110
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
111
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
112
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
113
|
-
*/
|
|
78
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
114
79
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
115
80
|
placement: import("@popperjs/core").Placement;
|
|
116
81
|
id: string;
|
|
@@ -127,12 +92,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
127
92
|
state: {
|
|
128
93
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
129
94
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
130
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
131
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
132
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
133
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
134
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
135
|
-
*/
|
|
95
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
136
96
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
137
97
|
placement: import("@popperjs/core").Placement;
|
|
138
98
|
id: string;
|
|
@@ -161,12 +121,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
161
121
|
state: {
|
|
162
122
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
163
123
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
164
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
165
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
166
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
167
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
168
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
169
|
-
*/
|
|
124
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
170
125
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
171
126
|
placement: import("@popperjs/core").Placement;
|
|
172
127
|
id: string;
|
|
@@ -190,12 +145,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
190
145
|
state: {
|
|
191
146
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
192
147
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
193
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
194
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
195
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
196
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
197
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
198
|
-
*/
|
|
148
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
199
149
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
200
150
|
placement: import("@popperjs/core").Placement;
|
|
201
151
|
id: string;
|
|
@@ -220,12 +170,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
220
170
|
state: {
|
|
221
171
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
222
172
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
223
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
224
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
225
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
226
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
227
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
228
|
-
*/
|
|
173
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
229
174
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
230
175
|
placement: import("@popperjs/core").Placement;
|
|
231
176
|
id: string;
|
|
@@ -254,12 +199,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
254
199
|
state: {
|
|
255
200
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
256
201
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
257
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
258
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
259
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
260
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
261
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
262
|
-
*/
|
|
202
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
263
203
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
264
204
|
placement: import("@popperjs/core").Placement;
|
|
265
205
|
id: string;
|
|
@@ -284,12 +224,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
284
224
|
state: {
|
|
285
225
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
286
226
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
287
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
288
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
289
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
290
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
291
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
292
|
-
*/
|
|
227
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
293
228
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
294
229
|
placement: import("@popperjs/core").Placement;
|
|
295
230
|
id: string;
|
|
@@ -320,12 +255,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
320
255
|
state: {
|
|
321
256
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
322
257
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
323
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
324
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
325
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
326
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
327
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
328
|
-
*/
|
|
258
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
329
259
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
330
260
|
placement: import("@popperjs/core").Placement;
|
|
331
261
|
id: string;
|
|
@@ -343,12 +273,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
343
273
|
state: {
|
|
344
274
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
345
275
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
346
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
347
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
348
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
349
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
350
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
351
|
-
*/
|
|
276
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
352
277
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
353
278
|
placement: import("@popperjs/core").Placement;
|
|
354
279
|
id: string;
|
|
@@ -375,12 +300,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
375
300
|
state: {
|
|
376
301
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
377
302
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
378
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
379
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
380
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
381
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
382
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
383
|
-
*/
|
|
303
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
384
304
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
385
305
|
placement: import("@popperjs/core").Placement;
|
|
386
306
|
id: string;
|
|
@@ -397,12 +317,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
|
|
|
397
317
|
state: {
|
|
398
318
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
399
319
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
400
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
401
|
-
* The `Modal.Overlay` is the component that hooks a Modal up to the {@link PopupStack} as well
|
|
402
|
-
* as the semi-transparent overlay commonly used with modals. Internally, the `Modal.Overlay`
|
|
403
|
-
* component uses two `div` elements to ensure proper rendering of the `Modal` content. The
|
|
404
|
-
* default element is a `div` element and can be changed via the `as` prop.
|
|
405
|
-
*/
|
|
320
|
+
initialFocusRef: React.RefObject<any> | undefined;
|
|
406
321
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
407
322
|
placement: import("@popperjs/core").Placement;
|
|
408
323
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;;;;GAMG;AACH,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAId;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;IAEH;;;;;OAKG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;;;;;;OAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { createElemPropsHook } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { usePopupModel } from '
|
|
3
|
+
import { usePopupModel } from './usePopupModel';
|
|
4
4
|
function getScrollParent(element) {
|
|
5
5
|
if (element === document.body || !element.parentElement) {
|
|
6
6
|
return element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Placement } from '
|
|
2
|
+
import { Placement } from '../Popper';
|
|
3
3
|
export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
4
4
|
/**
|
|
5
5
|
* Optional reference to an element that should receive focus when a popup is hidden. If left
|
|
@@ -239,10 +239,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
|
239
239
|
placement: Placement;
|
|
240
240
|
}): void;
|
|
241
241
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
242
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
243
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
244
|
-
* Popup and is used in Popup-related behaviors.
|
|
245
|
-
*/
|
|
242
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
246
243
|
};
|
|
247
244
|
}) & import("@workday/canvas-kit-react/common").ModelExtras<{
|
|
248
245
|
/**
|
|
@@ -295,10 +292,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
|
295
292
|
placement: Placement;
|
|
296
293
|
}): void;
|
|
297
294
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
298
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
299
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
300
|
-
* Popup and is used in Popup-related behaviors.
|
|
301
|
-
*/
|
|
295
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
302
296
|
}, {
|
|
303
297
|
state: {
|
|
304
298
|
/**
|
|
@@ -339,10 +333,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
|
339
333
|
placement: Placement;
|
|
340
334
|
}): void;
|
|
341
335
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
342
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
343
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
344
|
-
* Popup and is used in Popup-related behaviors.
|
|
345
|
-
*/
|
|
336
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
346
337
|
};
|
|
347
338
|
}>;
|
|
348
339
|
export declare const PopupModelContext: React.Context<{
|
|
@@ -385,10 +376,7 @@ export declare const PopupModelContext: React.Context<{
|
|
|
385
376
|
placement: Placement;
|
|
386
377
|
}): void;
|
|
387
378
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
388
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
389
|
-
* Reference of the target element. This will point to the element that triggered the showing of a
|
|
390
|
-
* Popup and is used in Popup-related behaviors.
|
|
391
|
-
*/
|
|
379
|
+
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
392
380
|
};
|
|
393
381
|
}>;
|
|
394
382
|
//# sourceMappingURL=usePopupModel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAKpC,eAAO,MAAM,aAAa;IAKtB;;;OAGG;;IAEH;;;OAGG;;;;;;mBA8C+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;mBAU+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;;IAtD3C;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;;;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAS7C,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAYO,CAAC"}
|
|
@@ -150,7 +150,12 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
|
|
|
150
150
|
menu: {
|
|
151
151
|
state: {
|
|
152
152
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
153
|
-
targetRef: React.RefObject<HTMLButtonElement>;
|
|
153
|
+
targetRef: React.RefObject<HTMLButtonElement>; /**
|
|
154
|
+
* The identifier of the tab. This identifier will be used in change events and for `initialTab`.
|
|
155
|
+
* Must match the `data-id` of the associated tab panel. If this property is not provided, it will
|
|
156
|
+
* default to a string representation of the the zero-based index of the Tab when it was
|
|
157
|
+
* initialized.
|
|
158
|
+
*/
|
|
154
159
|
initialFocusRef: React.RefObject<any> | undefined;
|
|
155
160
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
156
161
|
placement: import("@popperjs/core").Placement;
|
|
@@ -341,7 +346,12 @@ export declare const TabsItem: import("@workday/canvas-kit-react/common").Elemen
|
|
|
341
346
|
menu: {
|
|
342
347
|
state: {
|
|
343
348
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
344
|
-
targetRef: React.RefObject<HTMLButtonElement>;
|
|
349
|
+
targetRef: React.RefObject<HTMLButtonElement>; /**
|
|
350
|
+
* The identifier of the tab. This identifier will be used in change events and for `initialTab`.
|
|
351
|
+
* Must match the `data-id` of the associated tab panel. If this property is not provided, it will
|
|
352
|
+
* default to a string representation of the the zero-based index of the Tab when it was
|
|
353
|
+
* initialized.
|
|
354
|
+
*/
|
|
345
355
|
initialFocusRef: React.RefObject<any> | undefined;
|
|
346
356
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
347
357
|
placement: import("@popperjs/core").Placement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAvHtB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmIJ,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DA1InB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsJH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.12",
|
|
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,7 +49,7 @@
|
|
|
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": "^9.0.
|
|
52
|
+
"@workday/canvas-kit-popup-stack": "^9.0.12",
|
|
53
53
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
54
54
|
"@workday/design-assets-types": "^0.2.8",
|
|
55
55
|
"chroma-js": "^2.1.0",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
67
67
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "b00c1a1e84fe54d249e37c217b30af1402195c25"
|
|
70
70
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
import {createElemPropsHook} from '@workday/canvas-kit-react/common';
|
|
4
|
-
import {usePopupModel} from '
|
|
4
|
+
import {usePopupModel} from './usePopupModel';
|
|
5
5
|
|
|
6
6
|
function getScrollParent(element: HTMLElement): HTMLElement {
|
|
7
7
|
if (element === document.body || !element.parentElement) {
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import {createModelHook} from '@workday/canvas-kit-react/common';
|
|
3
3
|
|
|
4
4
|
import {useDisclosureModel} from '@workday/canvas-kit-react/disclosure';
|
|
5
|
-
import {Placement} from '
|
|
5
|
+
import {Placement} from '../Popper';
|
|
6
6
|
|
|
7
7
|
// eslint-disable-next-line no-empty-function
|
|
8
8
|
const noop = () => {};
|