@deque/cauldron-react 7.1.0-canary.3dc1ee55 → 7.1.0-canary.733aecb0

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

@@ -3,6 +3,9 @@ export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
     type: 'confirmation' | 'caution' | 'error' | 'action-needed' | 'info';
     onDismiss?: () => void;
     dismissText?: string;
+    /**
+     * @deprecated Use the forwarded `ref` instead. Will be removed in the next major version.
+     */
     toastRef?: React.Ref<HTMLDivElement>;
     focus?: boolean;
     show?: boolean;
@@ -12,8 +15,5 @@ export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * The cauldron toast notification component
  */
-declare const Toast: {
-    ({ type, children, onDismiss, dismissText, toastRef, focus, show, dismissible, className, ...otherProps }: ToastProps): React.JSX.Element;
-    displayName: string;
-};
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
 export default Toast;

package/lib/index.js

@@ -2243,14 +2243,22 @@ var useDidUpdate = function (effect, dependencies) {
 /**
  * The cauldron toast notification component
  */
-var Toast = function (_a) {
+var Toast = React.forwardRef(function (_a, ref) {
     var type = _a.type, children = _a.children, _b = _a.onDismiss, onDismiss = _b === void 0 ? function () {
         // noop
     } : _b, _c = _a.dismissText, dismissText = _c === void 0 ? 'Dismiss' : _c, toastRef = _a.toastRef, _d = _a.focus, focus = _d === void 0 ? true : _d, _e = _a.show, show = _e === void 0 ? false : _e, _f = _a.dismissible, dismissible = _f === void 0 ? true : _f, className = _a.className, otherProps = tslib.__rest(_a, ["type", "children", "onDismiss", "dismissText", "toastRef", "focus", "show", "dismissible", "className"]);
-    var elRef = useSharedRef(toastRef !== null && toastRef !== void 0 ? toastRef : null);
+    var elRef = useSharedRef(ref);
     var isolatorRef = React.useRef(null);
     var timeoutsRef = React.useRef(new Set());
     var _g = tslib.__read(React.useState(show ? 'FadeIn--flex' : 'is--hidden'), 2), animationClass = _g[0], setAnimationClass = _g[1];
+    // Backwards-compat: propagate to the deprecated toastRef prop as well
+    React.useEffect(function () {
+        var _a;
+        if (!toastRef)
+            return;
+        setRef(toastRef, (_a = elRef.current) !== null && _a !== void 0 ? _a : null);
+        return function () { return setRef(toastRef, null); };
+    }, [toastRef]);
     // Timeout because CSS display: none/block and opacity:
     // 0/1 properties cannot be toggled in the same tick
     // see: https://codepen.io/isnerms/pen/eyQaLP
@@ -2324,7 +2332,7 @@ var Toast = function (_a) {
             type !== 'action-needed' && dismissible && (React__default["default"].createElement("button", { type: "button", className: "Toast__dismiss", "aria-label": dismissText, onClick: dismissToast },
                 React__default["default"].createElement(Icon, { type: "close" })))),
         scrim));
-};
+});
 Toast.displayName = 'Toast';
 
 var Link = React.forwardRef(function (_a, ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "7.1.0-canary.3dc1ee55",
+  "version": "7.1.0-canary.733aecb0",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",