@deque/cauldron-react 6.4.0 → 6.4.1-canary.d15db46f

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

@@ -1836,9 +1836,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 +2556,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 +3602,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 +3684,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/package.json

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