@deque/cauldron-react 4.4.0-canary.2508e60c → 4.4.0-canary.2f777a43

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

@@ -1,14 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
     label?: string;
     variant?: 'large' | 'small';
 }
-declare function Loader({ className, variant, label, ...props }: LoaderProps): JSX.Element;
-declare namespace Loader {
-    var propTypes: {
-        className: PropTypes.Requireable<string>;
-    };
-    var displayName: string;
-}
+declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
 export default Loader;

package/lib/index.js

@@ -2223,7 +2223,7 @@ Link.propTypes = {
 };
 Link.displayName = 'Link';
 
-function Loader(_a) {
+var Loader = React__default.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'small' : _b, label = _a.label, props = tslib.__rest(_a, ["className", "variant", "label"]);
     if (label === null || label === void 0 ? void 0 : label.length) {
         props['role'] = 'alert';
@@ -2232,12 +2232,8 @@ function Loader(_a) {
     else {
         props['aria-hidden'] = true;
     }
-    return (React__default.createElement("div", tslib.__assign({ className: classNames('Loader', className, variant === 'large'
-            ? 'Loader--large'
-            : variant === 'small'
-                ? 'Loader--small'
-                : '') }, props)));
-}
+    return (React__default.createElement("div", tslib.__assign({ ref: ref, className: classNames('Loader', className, variant === 'large' && 'Loader--large', variant === 'small' && 'Loader--small') }, props)));
+});
 Loader.propTypes = {
     className: PropTypes.string
 };
@@ -8023,6 +8019,17 @@ function useSharedRef(ref) {
 var LoaderOverlay = React.forwardRef(function (_a, ref) {
     var className = _a.className, variant = _a.variant, label = _a.label, children = _a.children, focusOnInitialRender = _a.focusOnInitialRender, _b = _a.focusTrap, focusTrap = _b === void 0 ? false : _b, other = tslib.__rest(_a, ["className", "variant", "label", "children", "focusOnInitialRender", "focusTrap"]);
     var overlayRef = useSharedRef(ref);
+    React.useEffect(function () {
+        var isolator = overlayRef.current
+            ? new AriaIsolate(overlayRef.current)
+            : null;
+        if (isolator) {
+            focusTrap ? isolator.activate() : isolator.deactivate();
+        }
+        return function () {
+            isolator === null || isolator === void 0 ? void 0 : isolator.deactivate();
+        };
+    }, [focusTrap, overlayRef.current]);
     React.useEffect(function () {
         if (!!focusOnInitialRender && overlayRef.current) {
             setTimeout(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "4.4.0-canary.2508e60c",
+  "version": "4.4.0-canary.2f777a43",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"