@deque/cauldron-react 4.1.0-canary.4ee8aabd → 4.1.0-canary.a5dcfeed

package/lib/components/LoaderOverlay/index.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 interface LoaderOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: 'large' | 'small';
     label?: string;
+    focusOnInitialRender?: boolean;
+    children?: React.ReactNode;
 }
 declare const LoaderOverlay: React.ForwardRefExoticComponent<LoaderOverlayProps & React.RefAttributes<HTMLDivElement>>;
 export default LoaderOverlay;

package/lib/index.js

@@ -7979,22 +7979,39 @@ function AxeLoader() {
 }
 
 var LoaderOverlay = React__default.forwardRef(function (_a, ref) {
-    var className = _a.className, variant = _a.variant, label = _a.label, other = tslib.__rest(_a, ["className", "variant", "label"]);
+    var className = _a.className, variant = _a.variant, label = _a.label, children = _a.children, focusOnInitialRender = _a.focusOnInitialRender, other = tslib.__rest(_a, ["className", "variant", "label", "children", "focusOnInitialRender"]);
+    var overlayRef = typeof ref === 'function' || !ref ? React.createRef() : ref;
+    React.useEffect(function () {
+        if (!!focusOnInitialRender && overlayRef.current) {
+            setTimeout(function () {
+                var _a;
+                return (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            });
+        }
+        return;
+    }, [overlayRef.current]);
+    React.useEffect(function () {
+        if (typeof ref === 'function') {
+            ref(overlayRef.current);
+        }
+    }, [ref]);
     return (React__default.createElement("div", tslib.__assign({ className: classNames('Loader__overlay', className, variant === 'large'
             ? 'Loader__overlay--large'
             : variant === 'small'
                 ? 'Loader__overlay--small'
-                : ''), ref: ref }, other),
+                : ''), ref: overlayRef, tabIndex: -1 }, other),
         React__default.createElement("div", { className: "Loader__overlay__loader" },
             React__default.createElement(Loader, { variant: variant }),
             React__default.createElement(AxeLoader, null)),
         label ? React__default.createElement("span", { className: "Loader__overlay__label" }, label) : null,
-        other.children));
+        children));
 });
 LoaderOverlay.propTypes = {
     className: PropTypes.string,
     variant: PropTypes.oneOf(['large', 'small']),
-    label: PropTypes.string
+    label: PropTypes.string,
+    focusOnInitialRender: PropTypes.bool,
+    children: PropTypes.node
 };
 LoaderOverlay.displayName = 'LoaderOverlay';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "4.1.0-canary.4ee8aabd",
+  "version": "4.1.0-canary.a5dcfeed",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"