@deque/cauldron-react 4.6.0-canary.9fd91f42 → 4.7.0-canary.02e686cb

package/lib/components/Pagination/Pagination.d.ts

@@ -9,10 +9,10 @@ interface Props extends React.HTMLAttributes<HTMLDivElement> {
     previousPageLabel?: string;
     nextPageLabel?: string;
     lastPageLabel?: string;
-    onNextPageClick?: () => void;
-    onPreviousPageClick?: () => void;
-    onFirstPageClick?: () => void;
-    onLastPageClick?: () => void;
+    onNextPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onPreviousPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onFirstPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onLastPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     tooltipPlacement?: Placement;
     thin?: boolean;
     className?: string;

package/lib/components/Pagination/usePagination.d.ts

@@ -16,6 +16,7 @@ interface PageStatus {
     currentPage: number;
     pageStart: number;
     pageEnd: number;
+    setCurrentPage: (page: number) => void;
 }
 export declare const usePagination: ({ totalItems, initialPageSize, initialPage }: Options) => {
     pagination: PaginationResults;

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

@@ -8,6 +8,7 @@ export interface ToastProps {
     toastRef: React.Ref<HTMLDivElement>;
     focus?: boolean;
     show?: boolean;
+    dismissible?: boolean;
     children: React.ReactNode;
 }
 interface ToastState {
@@ -24,6 +25,7 @@ export default class Toast extends React.Component<ToastProps, ToastState> {
         toastRef: () => void;
         focus: boolean;
         show: boolean;
+        dismissible: boolean;
     };
     static propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
@@ -35,6 +37,7 @@ export default class Toast extends React.Component<ToastProps, ToastState> {
         }>>;
         focus: PropTypes.Requireable<boolean>;
         show: PropTypes.Requireable<boolean>;
+        dismissible: PropTypes.Requireable<boolean>;
     };
     static displayName: string;
     private el;

package/lib/index.js

@@ -2339,7 +2339,7 @@ var Toast = /** @class */ (function (_super) {
         var _a = this.props, type = _a.type, children = _a.children, 
         // prevent `onDismiss` from being passed-through to DOM
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onDismiss = _a.onDismiss, dismissText = _a.dismissText, toastRef = _a.toastRef, focus = _a.focus, show = _a.show, otherProps = tslib.__rest(_a, ["type", "children", "onDismiss", "dismissText", "toastRef", "focus", "show"]);
+        onDismiss = _a.onDismiss, dismissText = _a.dismissText, toastRef = _a.toastRef, focus = _a.focus, show = _a.show, dismissible = _a.dismissible, otherProps = tslib.__rest(_a, ["type", "children", "onDismiss", "dismissText", "toastRef", "focus", "show", "dismissible"]);
         var scrim = type === 'action-needed' && show ? (React__default.createElement("div", { className: "Scrim--light Scrim--show Scrim--fade-in" })) : null;
         var defaultProps = {
             tabIndex: -1,
@@ -2356,7 +2356,7 @@ var Toast = /** @class */ (function (_super) {
                 React__default.createElement("div", { className: "Toast__message" },
                     React__default.createElement(Icon, { type: typeMap[type].icon }),
                     React__default.createElement("div", { className: "Toast__message-content" }, children)),
-                type !== 'action-needed' && (React__default.createElement("button", { type: "button", className: 'Toast__dismiss', "aria-label": dismissText, onClick: this.dismissToast },
+                type !== 'action-needed' && dismissible && (React__default.createElement("button", { type: "button", className: 'Toast__dismiss', "aria-label": dismissText, onClick: this.dismissToast },
                     React__default.createElement(Icon, { type: "close" })))),
             scrim));
     };
@@ -2407,7 +2407,8 @@ var Toast = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         toastRef: function () { },
         focus: true,
-        show: false
+        show: false,
+        dismissible: true
     };
     Toast.propTypes = {
         // the ui to be added as the message of the toast
@@ -2426,7 +2427,9 @@ var Toast = /** @class */ (function (_super) {
         // whether or not to focus the toast
         focus: PropTypes.bool,
         // whether or not to show the toast
-        show: PropTypes.bool
+        show: PropTypes.bool,
+        // whether or not the toast is dismissible
+        dismissible: PropTypes.bool
     };
     Toast.displayName = 'Toast';
     return Toast;
@@ -8365,7 +8368,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) {
@@ -8438,14 +8440,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, {
@@ -8717,7 +8720,8 @@ var usePagination = function (_a) {
     var pageStatus = {
         currentPage: currentPage,
         pageStart: pageStart,
-        pageEnd: pageEnd
+        pageEnd: pageEnd,
+        setCurrentPage: setCurrentPage
     };
     return { pagination: pagination, pageStatus: pageStatus };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "4.6.0-canary.9fd91f42",
+  "version": "4.7.0-canary.02e686cb",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"
@@ -80,7 +80,7 @@
     "react-router-dom": "^5.1.2",
     "rollup": "^2.23.0",
     "sinon": "^10.0.0",
-    "ts-node": "^10.8.1",
+    "ts-node": "^10.9.1",
     "typescript": "^4.7.3"
   },
   "repository": {