@workday/canvas-kit-react 5.3.7 → 5.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/commonjs/popup/lib/hooks/useInitialFocus.d.ts.map +1 -1
  2. package/dist/commonjs/popup/lib/hooks/useInitialFocus.js +5 -3
  3. package/dist/es6/popup/lib/hooks/useInitialFocus.d.ts.map +1 -1
  4. package/dist/es6/popup/lib/hooks/useInitialFocus.js +5 -3
  5. package/package.json +5 -5
  6. package/popup/lib/hooks/useInitialFocus.tsx +3 -1
package/dist/commonjs/popup/lib/hooks/useInitialFocus.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,6IAsB3B,CAAC"}
1
+ {"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,6IAwB3B,CAAC"}
package/dist/commonjs/popup/lib/hooks/useInitialFocus.js CHANGED
@@ -22,10 +22,12 @@ exports.useInitialFocus = function (model, elemProps) {
22
22
  react_1.default.useEffect(function () {
23
23
  var _a;
24
24
  if (visible && model.state.stackRef.current) {
25
- var element = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
25
+ var element_1 = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
26
26
  common_1.getFirstFocusableElement(model.state.stackRef.current);
27
- common_1.assert(element, 'No focusable element was found. Please ensure popup has at least one focusable element');
28
- common_1.changeFocus(element);
27
+ common_1.assert(element_1, 'No focusable element was found. Please ensure popup has at least one focusable element');
28
+ requestAnimationFrame(function () {
29
+ common_1.changeFocus(element_1);
30
+ });
29
31
  }
30
32
  }, [model.state.initialFocusRef, model.state.stackRef, visible]);
31
33
  return elemProps;
package/dist/es6/popup/lib/hooks/useInitialFocus.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,6IAsB3B,CAAC"}
1
+ {"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,6IAwB3B,CAAC"}
package/dist/es6/popup/lib/hooks/useInitialFocus.js CHANGED
@@ -17,10 +17,12 @@ export var useInitialFocus = function (model, elemProps) {
17
17
  React.useEffect(function () {
18
18
  var _a;
19
19
  if (visible && model.state.stackRef.current) {
20
- var element = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
20
+ var element_1 = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
21
21
  getFirstFocusableElement(model.state.stackRef.current);
22
- assert(element, 'No focusable element was found. Please ensure popup has at least one focusable element');
23
- changeFocus(element);
22
+ assert(element_1, 'No focusable element was found. Please ensure popup has at least one focusable element');
23
+ requestAnimationFrame(function () {
24
+ changeFocus(element_1);
25
+ });
24
26
  }
25
27
  }, [model.state.initialFocusRef, model.state.stackRef, visible]);
26
28
  return elemProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "5.3.7",
3
+ "version": "5.3.8",
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",
@@ -58,9 +58,9 @@
58
58
  "@popperjs/core": "^2.5.4",
59
59
  "@workday/canvas-colors-web": "^2.0.0",
60
60
  "@workday/canvas-depth-web": "^0.16.4",
61
- "@workday/canvas-kit-labs-react": "^5.3.7",
62
- "@workday/canvas-kit-popup-stack": "^5.3.7",
63
- "@workday/canvas-kit-preview-react": "^5.3.7",
61
+ "@workday/canvas-kit-labs-react": "^5.3.8",
62
+ "@workday/canvas-kit-popup-stack": "^5.3.8",
63
+ "@workday/canvas-kit-preview-react": "^5.3.8",
64
64
  "@workday/canvas-system-icons-web": "1.0.41",
65
65
  "@workday/design-assets-types": "^0.2.4",
66
66
  "chroma-js": "^2.1.0",
@@ -77,5 +77,5 @@
77
77
  "@workday/canvas-accent-icons-web": "^1.0.0",
78
78
  "@workday/canvas-applet-icons-web": "^0.17.50"
79
79
  },
80
- "gitHead": "d7096891da046c15c1c57f03c9486c700c837c8a"
80
+ "gitHead": "e24d1b4cb71657641aeb0ab1dd3cde0be5a86cd1"
81
81
  }
package/popup/lib/hooks/useInitialFocus.tsx CHANGED
@@ -29,7 +29,9 @@ export const useInitialFocus = (model: PopupModel, elemProps = {}) => {
29
29
  'No focusable element was found. Please ensure popup has at least one focusable element'
30
30
  );
31
31
 
32
- changeFocus(element);
32
+ requestAnimationFrame(() => {
33
+ changeFocus(element);
34
+ });
33
35
  }
34
36
  }, [model.state.initialFocusRef, model.state.stackRef, visible]);
35
37