@deque/cauldron-react 6.4.0 → 6.4.1-canary.0418308f

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

@@ -7,8 +7,8 @@ export interface DialogProps extends React.HTMLAttributes<HTMLDivElement> {
     dialogRef?: React.Ref<HTMLDivElement>;
     onClose?: () => void;
     forceAction?: boolean;
-    heading: React.ReactElement<any> | {
-        text: React.ReactElement<any>;
+    heading: string | React.ReactElement<any> | {
+        text: React.ReactElement<any> | string;
         level: number | undefined;
     };
     closeButtonText?: string;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { IconType } from '../Icon';
 import { TooltipProps } from '../Tooltip';
 import { PolymorphicProps, PolymorphicComponent } from '../../utils/polymorphicComponent';
-export interface IconButtonProps extends PolymorphicProps<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, 'button' | 'a'> {
+export interface IconButtonProps extends PolymorphicProps<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>> {
     icon: IconType;
     label: React.ReactNode;
     tooltipProps?: Omit<TooltipProps, 'children' | 'target'>;
@@ -22,5 +22,5 @@ export interface IconButtonProps extends PolymorphicProps<React.HTMLAttributes<H
     variant?: 'primary' | 'secondary' | 'error';
     large?: boolean;
 }
-declare const IconButton: PolymorphicComponent<IconButtonProps, "button" | "a">;
+declare const IconButton: PolymorphicComponent<IconButtonProps>;
 export default IconButton;

package/lib/index.js

@@ -1437,6 +1437,7 @@ var Dialog = /** @class */ (function (_super) {
             ? heading.level
             : 2);
         var Dialog = (React__default["default"].createElement(FocusTrap__default["default"], { focusTrapOptions: {
+                allowOutsideClick: true,
                 onDeactivate: this.close,
                 escapeDeactivates: !forceAction,
                 fallbackFocus: '.Dialog__heading'
@@ -1836,9 +1837,7 @@ var IconButton = React.forwardRef(function (_a, ref) {
                 'IconButton--secondary': variant === 'secondary',
                 'IconButton--error': variant === 'error',
                 'IconButton--large': large
-            }), 
-            // @ts-expect-error the concrete type is unknown, so HTMLElement is expected
-            ref: internalRef, disabled: disabled, tabIndex: disabled ? -1 : tabIndex }, accessibilityProps, other),
+            }), ref: internalRef, disabled: disabled, tabIndex: disabled ? -1 : tabIndex }, accessibilityProps, other),
             React__default["default"].createElement(Icon, { type: icon }),
             disabled && React__default["default"].createElement(Offscreen, null, label)),
         !disabled && (React__default["default"].createElement(Tooltip, tslib.__assign({ target: internalRef }, tooltipProps), label))));
@@ -2558,13 +2557,9 @@ var LoaderOverlay = React.forwardRef(function (_a, ref) {
     }, [focusTrap, overlayRef.current]);
     React.useEffect(function () {
         if (!!focusOnInitialRender && overlayRef.current) {
-            setTimeout(function () {
-                var _a;
-                return (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            });
+            overlayRef.current.focus();
         }
-        return;
-    }, [overlayRef.current]);
+    }, []);
     var Wrapper = focusTrap ? FocusTrap__default["default"] : React__default["default"].Fragment;
     var wrapperProps = focusTrap
         ? {
@@ -3608,7 +3603,7 @@ var Combobox = React.forwardRef(function (_a, ref) {
     var isAutoComplete = autocomplete !== 'none';
     var hasError = !!error;
     var comboboxOptions = children ||
-        options.map(function (option, index) { return (React__default["default"].createElement(ComboboxOption, { key: option.key || index, id: "".concat(id, "-option-").concat(index + 1), description: option.description }, option.label)); });
+        options.map(function (option, index) { return (React__default["default"].createElement(ComboboxOption, { key: option.key || index, id: "".concat(id, "-option-").concat(index + 1), description: option.description, value: option.value }, option.label)); });
     var triggerListboxKeyDown = React__default["default"].useCallback(function (key) {
         var _a;
         (_a = listboxRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new KeyboardEvent('keydown', {
@@ -3690,6 +3685,11 @@ var Combobox = React.forwardRef(function (_a, ref) {
                 /* istanbul ignore next: default value */ '';
             setValue(stringValue);
             setSelectedValue(stringValue);
+            onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange({
+                target: activeDescendant.element,
+                value: stringValue,
+                previousValue: value
+            });
         }
     }, [autocomplete, activeDescendant, onBlur]);
     var handleKeyDown = React.useCallback(function (event) {

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactFragment, ReactPortal } from 'react';
+import type { ReactElement, ReactPortal } from 'react';
 export declare namespace Cauldron {
     type LabelProps = {
         'aria-label': string;
@@ -10,4 +10,4 @@ export declare namespace Cauldron {
  * This type is meant to ensure that a prop can actually be rendered as content.
  * Explicit equivalent of Exclude<ReactNode, boolean | null | undefined>
  */
-export type ContentNode = string | number | ReactFragment | ReactPortal | ReactElement;
+export type ContentNode = string | number | ReactPortal | ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.4.0",
+  "version": "6.4.1-canary.0418308f",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",