@deque/cauldron-react 4.7.0-canary.e34d0aa1 → 4.7.0-canary.e9f388bb

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

@@ -8,6 +8,7 @@ export interface ClickOutsideListenerProps<T extends HTMLElement = HTMLElement>
     target?: T;
 }
 export default class ClickOutsideListener extends React.Component<ClickOutsideListenerProps> {
+    static displayName: string;
     static defaultProps: {
         mouseEvent: string;
         touchEvent: string;

package/lib/components/SideBar/SideBar.d.ts

@@ -5,7 +5,7 @@ export interface SideBarProps extends React.HTMLAttributes<HTMLUListElement> {
     onDismiss: () => void;
     className?: string;
     show: boolean;
-    navProps: React.HTMLAttributes<HTMLElement>;
+    navProps?: React.HTMLAttributes<HTMLElement>;
 }
 interface SideBarState {
     wide: boolean;

package/lib/index.js

@@ -899,6 +899,7 @@ var ClickOutsideListener = /** @class */ (function (_super) {
                 ref: resolveRef
             });
     };
+    ClickOutsideListener.displayName = 'ClickOutsideListener';
     ClickOutsideListener.defaultProps = {
         mouseEvent: 'click',
         touchEvent: 'touchend'
@@ -1560,8 +1561,10 @@ var Dialog = /** @class */ (function (_super) {
     };
     Dialog.prototype.close = function () {
         var _a, _b, _c;
-        (_a = this.state.isolator) === null || _a === void 0 ? void 0 : _a.deactivate();
-        (_c = (_b = this.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
+        if (this.props.show) {
+            (_a = this.state.isolator) === null || _a === void 0 ? void 0 : _a.deactivate();
+            (_c = (_b = this.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
+        }
     };
     Dialog.prototype.handleClickOutside = function () {
         var _a = this.props, show = _a.show, forceAction = _a.forceAction;
@@ -8368,7 +8371,6 @@ var Tabs = function (_a) {
     var children = _a.children, thin = _a.thin, _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, _c = _a.initialActiveIndex, initialActiveIndex = _c === void 0 ? 0 : _c, className = _a.className, onChange = _a.onChange, labelProp = tslib.__rest(_a, ["children", "thin", "orientation", "initialActiveIndex", "className", "onChange"]);
     var _d = tslib.__read(React.useState(initialActiveIndex), 2), activeIndex = _d[0], setActiveIndex = _d[1];
     var tabsRef = React.useRef(null);
-    var focusedTabRef = React.useRef(null);
     var tabs = React__default.Children.toArray(children).filter(function (child) { return child.type === Tab; });
     var tabCount = tabs.length;
     var handleClick = function (index) {
@@ -8441,14 +8443,15 @@ var Tabs = function (_a) {
         }, [activeIndex]);
         var config = tslib.__assign((_a = { id: id, className: classNames('Tab', {
                     'Tab--active': selected
-                }), tabIndex: index === activeIndex ? 0 : -1 }, _a['aria-controls'] = (_b = target.current) === null || _b === void 0 ? void 0 : _b.id, _a['aria-selected'] = selected, _a.ref = index === activeIndex ? focusedTabRef : null, _a.onClick = function () { return handleClick(index); }, _a), other);
+                }), tabIndex: index === activeIndex ? 0 : -1 }, _a['aria-controls'] = (_b = target.current) === null || _b === void 0 ? void 0 : _b.id, _a['aria-selected'] = selected, _a.onClick = function () { return handleClick(index); }, _a), other);
         return React__default.cloneElement(child, config);
     });
     useDidUpdate(function () {
         var _a;
-        (_a = focusedTabRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        var activeTab = (_a = tabsRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(':scope > [role="tablist"] > [aria-selected="true"]');
+        activeTab === null || activeTab === void 0 ? void 0 : activeTab.focus();
         if (typeof onChange === 'function') {
-            onChange({ activeTabIndex: activeIndex, target: focusedTabRef.current });
+            onChange({ activeTabIndex: activeIndex, target: activeTab });
         }
     }, [activeIndex]);
     return (React__default.createElement("div", { className: classNames('Tabs', className, {

package/package.json

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