@workday/canvas-kit-react 9.0.11 → 9.0.13

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.
Files changed (27) hide show
  1. package/collection/lib/useListModel.tsx +1 -1
  2. package/dist/commonjs/collection/lib/useListModel.d.ts +1 -1
  3. package/dist/commonjs/collection/lib/useListModel.d.ts.map +1 -1
  4. package/dist/commonjs/modal/lib/Modal.d.ts +17 -102
  5. package/dist/commonjs/modal/lib/Modal.d.ts.map +1 -1
  6. package/dist/commonjs/popup/lib/fallbackPlacements.d.ts.map +1 -1
  7. package/dist/commonjs/popup/lib/fallbackPlacements.js +20 -1
  8. package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.js +2 -2
  9. package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts +5 -17
  10. package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts.map +1 -1
  11. package/dist/commonjs/tabs/lib/TabsItem.d.ts +12 -2
  12. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
  13. package/dist/es6/collection/lib/useListModel.d.ts +1 -1
  14. package/dist/es6/collection/lib/useListModel.d.ts.map +1 -1
  15. package/dist/es6/modal/lib/Modal.d.ts +17 -102
  16. package/dist/es6/modal/lib/Modal.d.ts.map +1 -1
  17. package/dist/es6/popup/lib/fallbackPlacements.d.ts.map +1 -1
  18. package/dist/es6/popup/lib/fallbackPlacements.js +20 -1
  19. package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.js +1 -1
  20. package/dist/es6/popup/lib/hooks/usePopupModel.d.ts +5 -17
  21. package/dist/es6/popup/lib/hooks/usePopupModel.d.ts.map +1 -1
  22. package/dist/es6/tabs/lib/TabsItem.d.ts +12 -2
  23. package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
  24. package/package.json +3 -3
  25. package/popup/lib/fallbackPlacements.ts +20 -1
  26. package/popup/lib/hooks/useCloseOnTargetHidden.ts +1 -1
  27. package/popup/lib/hooks/usePopupModel.ts +1 -1
package/collection/lib/useListModel.tsx CHANGED
@@ -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 = unknown> = {
8
+ export type ListProps<T = any> = {
9
9
  children: React.ReactNode | ((item: T) => React.ReactNode);
10
10
  };
11
11
 
package/dist/commonjs/collection/lib/useListModel.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type ListProps<T = unknown> = {
1
+ export declare type ListProps<T = any> = {
2
2
  children: React.ReactNode | ((item: T) => React.ReactNode);
3
3
  };
4
4
  export declare type ListItemProps = {
package/dist/commonjs/collection/lib/useListModel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI;IACnC,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"}
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"}
package/dist/commonjs/modal/lib/Modal.d.ts CHANGED
@@ -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;
package/dist/commonjs/modal/lib/Modal.d.ts.map CHANGED
@@ -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;;;;;;;;;;;2DAgBd;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;;;;;IAjBH;;;;;;;;;;OAUG;;;;;+DAEH;;;;;eAKG;;;;;;;;;;;;;;IALH;;;;;OAKG;;;;;+DALH;;;;;eAKG;;;;;;;;;;;;;;IAEH;;;;;;OAMG;;;;;+DAbH;;;;;eAKG;;;;;;;;;;;;;;IAUH;;;;;;;;;;OAUG;;;;;+DAzBH;;;;;eAKG;;;;;;;;;;;;;;IAsBH;;;;;;OAMG;;;;;+DAjCH;;;;;eAKG;;;;;;;;;;;;;;IA8BH;;;;;;;;;;;;OAYG;;;;;+DA/CH;;;;;eAKG;;;;;;;;;;;;;;;;;;+DALH;;;;;eAKG;;;;;;;;;;;;;;IA6CH;;;;;;;;OAQG;;;;;+DA1DH;;;;;eAKG;;;;;;;;;;;;;;;;;+DALH;;;;;eAKG;;;;;;;;;;;;;;CA0DL,CAAC"}
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"}
package/dist/commonjs/popup/lib/fallbackPlacements.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,iBAAiB,EAK9B,QAAQ,EAET,MAAM,gBAAgB,CAAC;AAExB,oBAAY,SAAS,GAAG,iBAAiB,CAAC;AAyD1C,oBAAY,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}
1
+ {"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,iBAAiB,EAI9B,QAAQ,EAET,MAAM,gBAAgB,CAAC;AAExB,oBAAY,SAAS,GAAG,iBAAiB,CAAC;AA6E1C,oBAAY,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}
package/dist/commonjs/popup/lib/fallbackPlacements.js CHANGED
@@ -2,6 +2,25 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.fallbackPlacementsModifier = void 0;
4
4
  const core_1 = require("@popperjs/core");
5
+ // We must use our own copy because the commonjs version of Popper doesn't export enums
6
+ // https://github.com/floating-ui/floating-ui/issues/1325
7
+ const placements = [
8
+ 'top',
9
+ 'top-start',
10
+ 'top-end',
11
+ 'bottom',
12
+ 'bottom-start',
13
+ 'bottom-end',
14
+ 'right',
15
+ 'right-start',
16
+ 'right-end',
17
+ 'left',
18
+ 'left-start',
19
+ 'left-end',
20
+ 'auto',
21
+ 'auto-start',
22
+ 'auto-end'
23
+ ];
5
24
  const getOppositePlacement = (popperPlacement) => {
6
25
  var _a;
7
26
  const [first, second] = popperPlacement.split('-');
@@ -24,7 +43,7 @@ const getOppositePlacement = (popperPlacement) => {
24
43
  }
25
44
  if (second) {
26
45
  oppositePlacement =
27
- (_a = core_1.placements.find(placement => placement.includes(`${oppositePlacement}-${second}`))) !== null && _a !== void 0 ? _a : oppositePlacement;
46
+ (_a = placements.find(placement => placement.includes(`${oppositePlacement}-${second}`))) !== null && _a !== void 0 ? _a : oppositePlacement;
28
47
  }
29
48
  return oppositePlacement;
30
49
  };
package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.js CHANGED
@@ -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 popup_1 = require("@workday/canvas-kit-react/popup");
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(popup_1.usePopupModel)(model => {
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) {
package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { Placement } from '@workday/canvas-kit-react/popup';
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
package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts.map CHANGED
@@ -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,iCAAiC,CAAC;AAK1D,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;;;sFA7B3C;;;WAGG;;;IA5BH;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;kFA7B3C;;;OAGG;;;QARH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;sFA7B3C;;;WAGG;;EAmCL,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;sFA7B3C;;;WAGG;;EAsC+C,CAAC"}
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"}
package/dist/commonjs/tabs/lib/TabsItem.d.ts CHANGED
@@ -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;
package/dist/commonjs/tabs/lib/TabsItem.d.ts.map CHANGED
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
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/dist/es6/collection/lib/useListModel.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type ListProps<T = unknown> = {
1
+ export declare type ListProps<T = any> = {
2
2
  children: React.ReactNode | ((item: T) => React.ReactNode);
3
3
  };
4
4
  export declare type ListItemProps = {
package/dist/es6/collection/lib/useListModel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI;IACnC,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"}
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"}
package/dist/es6/modal/lib/Modal.d.ts CHANGED
@@ -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;
package/dist/es6/modal/lib/Modal.d.ts.map CHANGED
@@ -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;;;;;;;;;;;2DAgBd;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;;;;;;;;2DALH;;;;;WAKG;;;;;;;;;;;;;;IAjBH;;;;;;;;;;OAUG;;;;;+DAEH;;;;;eAKG;;;;;;;;;;;;;;IALH;;;;;OAKG;;;;;+DALH;;;;;eAKG;;;;;;;;;;;;;;IAEH;;;;;;OAMG;;;;;+DAbH;;;;;eAKG;;;;;;;;;;;;;;IAUH;;;;;;;;;;OAUG;;;;;+DAzBH;;;;;eAKG;;;;;;;;;;;;;;IAsBH;;;;;;OAMG;;;;;+DAjCH;;;;;eAKG;;;;;;;;;;;;;;IA8BH;;;;;;;;;;;;OAYG;;;;;+DA/CH;;;;;eAKG;;;;;;;;;;;;;;;;;;+DALH;;;;;eAKG;;;;;;;;;;;;;;IA6CH;;;;;;;;OAQG;;;;;+DA1DH;;;;;eAKG;;;;;;;;;;;;;;;;;+DALH;;;;;eAKG;;;;;;;;;;;;;;CA0DL,CAAC"}
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"}
package/dist/es6/popup/lib/fallbackPlacements.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,iBAAiB,EAK9B,QAAQ,EAET,MAAM,gBAAgB,CAAC;AAExB,oBAAY,SAAS,GAAG,iBAAiB,CAAC;AAyD1C,oBAAY,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}
1
+ {"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,iBAAiB,EAI9B,QAAQ,EAET,MAAM,gBAAgB,CAAC;AAExB,oBAAY,SAAS,GAAG,iBAAiB,CAAC;AA6E1C,oBAAY,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}
package/dist/es6/popup/lib/fallbackPlacements.js CHANGED
@@ -1,4 +1,23 @@
1
- import { placements, detectOverflow, } from '@popperjs/core';
1
+ import { detectOverflow, } from '@popperjs/core';
2
+ // We must use our own copy because the commonjs version of Popper doesn't export enums
3
+ // https://github.com/floating-ui/floating-ui/issues/1325
4
+ const placements = [
5
+ 'top',
6
+ 'top-start',
7
+ 'top-end',
8
+ 'bottom',
9
+ 'bottom-start',
10
+ 'bottom-end',
11
+ 'right',
12
+ 'right-start',
13
+ 'right-end',
14
+ 'left',
15
+ 'left-start',
16
+ 'left-end',
17
+ 'auto',
18
+ 'auto-start',
19
+ 'auto-end'
20
+ ];
2
21
  const getOppositePlacement = (popperPlacement) => {
3
22
  var _a;
4
23
  const [first, second] = popperPlacement.split('-');
package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { createElemPropsHook } from '@workday/canvas-kit-react/common';
3
- import { usePopupModel } from '@workday/canvas-kit-react/popup';
3
+ import { usePopupModel } from './usePopupModel';
4
4
  function getScrollParent(element) {
5
5
  if (element === document.body || !element.parentElement) {
6
6
  return element;
package/dist/es6/popup/lib/hooks/usePopupModel.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { Placement } from '@workday/canvas-kit-react/popup';
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
package/dist/es6/popup/lib/hooks/usePopupModel.d.ts.map CHANGED
@@ -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,iCAAiC,CAAC;AAK1D,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;;;sFA7B3C;;;WAGG;;;IA5BH;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;kFA7B3C;;;OAGG;;;QARH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;sFA7B3C;;;WAGG;;EAmCL,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;sFA7B3C;;;WAGG;;EAsC+C,CAAC"}
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"}
package/dist/es6/tabs/lib/TabsItem.d.ts CHANGED
@@ -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;
package/dist/es6/tabs/lib/TabsItem.d.ts.map CHANGED
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
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.11",
3
+ "version": "9.0.13",
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.11",
52
+ "@workday/canvas-kit-popup-stack": "^9.0.13",
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": "f3eeb36037267e9947ea40ea61993d1a718f6e7c"
69
+ "gitHead": "eb7817fde7ef1b670ba24ae16ddee7a5738fc38b"
70
70
  }
package/popup/lib/fallbackPlacements.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import {
2
2
  Placement as PopperJSPlacement,
3
- placements,
4
3
  State,
5
4
  detectOverflow,
6
5
  SideObject,
@@ -10,6 +9,26 @@ import {
10
9
 
11
10
  export type Placement = PopperJSPlacement; // Use template literals to make documentation list them out
12
11
 
12
+ // We must use our own copy because the commonjs version of Popper doesn't export enums
13
+ // https://github.com/floating-ui/floating-ui/issues/1325
14
+ const placements: Placement[] = [
15
+ 'top',
16
+ 'top-start',
17
+ 'top-end',
18
+ 'bottom',
19
+ 'bottom-start',
20
+ 'bottom-end',
21
+ 'right',
22
+ 'right-start',
23
+ 'right-end',
24
+ 'left',
25
+ 'left-start',
26
+ 'left-end',
27
+ 'auto',
28
+ 'auto-start',
29
+ 'auto-end'
30
+ ];
31
+
13
32
  const getOppositePlacement = (popperPlacement: Placement): Placement => {
14
33
  const [first, second] = popperPlacement.split('-');
15
34
  let oppositePlacement: Placement;
package/popup/lib/hooks/useCloseOnTargetHidden.ts CHANGED
@@ -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 '@workday/canvas-kit-react/popup';
4
+ import {usePopupModel} from './usePopupModel';
5
5
 
6
6
  function getScrollParent(element: HTMLElement): HTMLElement {
7
7
  if (element === document.body || !element.parentElement) {
package/popup/lib/hooks/usePopupModel.ts CHANGED
@@ -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 '@workday/canvas-kit-react/popup';
5
+ import {Placement} from '../Popper';
6
6
 
7
7
  // eslint-disable-next-line no-empty-function
8
8
  const noop = () => {};