@deque/cauldron-react 5.4.0 → 5.4.1-canary.2469f2aa

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

@@ -7,10 +7,18 @@ declare const Alert: ({ children, className, variant, heading, ...other }: Alert
 declare const AlertContent: {
     ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    };
 };
 declare const AlertActions: {
     ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    };
 };
 export default Alert;
 export { Alert, AlertContent, AlertActions };

package/lib/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
+declare type BreadcrumbItemProps = React.HTMLAttributes<HTMLSpanElement>;
 declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLElement>>;
 export default BreadcrumbItem;

package/lib/components/Card/CardContent.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export declare type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
 declare const CardContent: {
     ({ className, ...other }: CardContentProps): JSX.Element;
     displayName: string;

package/lib/components/Card/CardFooter.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export declare type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
 declare const CardFooter: {
     ({ className, ...other }: CardFooterProps): JSX.Element;
     displayName: string;

package/lib/components/Card/CardHeader.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export declare type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 declare const CardHeader: {
     ({ className, ...other }: CardHeaderProps): JSX.Element;
     displayName: string;

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

@@ -51,9 +51,17 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
 declare const DialogContent: {
     ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
 };
 declare const DialogFooter: {
     ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
 };
 export { Dialog, DialogContent, DialogFooter };

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

@@ -7,10 +7,18 @@ declare const Modal: ({ children, className, variant, ...other }: ModalProps) =>
 declare const ModalContent: {
     ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    };
 };
 declare const ModalFooter: {
     ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    };
 };
 export default Modal;
 export { Modal, ModalContent, ModalFooter };

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

@@ -1,5 +1,4 @@
 import React from 'react';
-export interface OffscreenProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
+export declare type OffscreenProps = React.HTMLAttributes<HTMLSpanElement>;
 declare const Offscreen: (props: OffscreenProps) => JSX.Element;
 export default Offscreen;

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

@@ -25,5 +25,15 @@ declare namespace Tooltip {
     };
 }
 export default Tooltip;
-export declare const TooltipHead: ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export declare const TooltipContent: ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export declare const TooltipHead: {
+    ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+    };
+};
+export declare const TooltipContent: {
+    ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+    };
+};

package/lib/components/TwoColumnPanel/ColumnGroupHeader.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface ColumnGroupHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+declare type ColumnGroupHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 declare const ColumnGroupHeader: React.ForwardRefExoticComponent<ColumnGroupHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export default ColumnGroupHeader;

package/lib/components/TwoColumnPanel/ColumnHeader.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface ColumnHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+declare type ColumnHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 declare const ColumnHeader: React.ForwardRefExoticComponent<ColumnHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export default ColumnHeader;

package/lib/components/TwoColumnPanel/ColumnList.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface ColumnListProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+declare type ColumnListProps = React.HTMLAttributes<HTMLDivElement>;
 declare const ColumnList: React.ForwardRefExoticComponent<ColumnListProps & React.RefAttributes<HTMLDivElement>>;
 export default ColumnList;

package/lib/index.js

@@ -28,6 +28,7 @@ var Main = /** @class */ (function (_super) {
         return (React__default.createElement("main", tslib.__assign({ className: "Main", ref: mainRef }, other), children));
     };
     Main.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         mainRef: function () { }
     };
     Main.propTypes = {
@@ -50,6 +51,7 @@ var Layout = /** @class */ (function (_super) {
         return (React__default.createElement("div", tslib.__assign({ className: "Layout", ref: layoutRef }, other), children));
     };
     Layout.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         layoutRef: function () { }
     };
     Layout.propTypes = {
@@ -88,7 +90,9 @@ var Workspace = /** @class */ (function (_super) {
             React__default.createElement(Main, tslib.__assign({ mainRef: workspaceRef }, other), children)));
     };
     Workspace.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         workspaceRef: function () { },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         layoutRef: function () { },
         noSideBar: false
     };
@@ -384,6 +388,7 @@ var ExpandCollapsePanel = /** @class */ (function (_super) {
         };
         _this.panel = React__default.createRef();
         _this.handleToggle = function (e) {
+            // eslint-disable-next-line @typescript-eslint/no-empty-function
             var _a = _this.props.onToggle, onToggle = _a === void 0 ? function () { } : _a;
             var _b = _this.state, isOpen = _b.isOpen, controlled = _b.controlled;
             onToggle(e);
@@ -668,8 +673,11 @@ var MenuItem = /** @class */ (function (_super) {
             }, onClick: this.onClick, onKeyDown: this.onKeyDown }), children));
     };
     MenuItem.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         menuItemRef: function () { },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onClick: function () { },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onKeyDown: function () { },
         autoClickLink: true
     };
@@ -1035,6 +1043,7 @@ var OptionsMenuList = /** @class */ (function (_super) {
         var clickOutsideEventActive = !show ? false : undefined;
         // Key event is being handled in componentDidMount
         /* eslint-disable jsx-a11y/click-events-have-key-events */
+        /* eslint-disable jsx-a11y/role-supports-aria-props */
         return (React__default.createElement(ClickOutsideListener, { onClickOutside: this.handleClickOutside, mouseEvent: clickOutsideEventActive, touchEvent: clickOutsideEventActive },
             React__default.createElement("ul", tslib.__assign({}, other, { className: classNames('OptionsMenu__list', className), "aria-expanded": show, role: "menu", onClick: handleClick, ref: function (el) {
                     _this.menuRef = el;
@@ -1046,7 +1055,9 @@ var OptionsMenuList = /** @class */ (function (_super) {
     };
     OptionsMenuList.defaultProps = {
         closeOnSelect: true,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onSelect: function () { },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onClose: function () { }
     };
     OptionsMenuList.propTypes = {
@@ -1114,7 +1125,9 @@ var OptionsMenu = /** @class */ (function (_super) {
                 }, onClose: this.handleClose }, other), children)));
     };
     OptionsMenu.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onClose: function () { },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onSelect: function () { },
         align: 'right'
     };
@@ -1155,6 +1168,7 @@ var OptionsMenuItemComponent = /** @class */ (function (_super) {
         React__default.createElement("li", tslib.__assign({ role: "menuitem", ref: menuItemRef, "aria-disabled": disabled, onClick: handleClick }, other)));
     };
     OptionsMenuItemComponent.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onSelect: function () { }
     };
     OptionsMenuItemComponent.propTypes = {
@@ -1251,7 +1265,9 @@ var TopBarMenu = /** @class */ (function (_super) {
             })));
     };
     TopBarMenu.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onKeyDown: function () { },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         menuItemRef: function () { }
     };
     TopBarMenu.propTypes = {
@@ -1514,7 +1530,9 @@ var AriaIsolate = /** @class */ (function () {
     return AriaIsolate;
 }());
 
-var noop = function () { };
+var noop = function () {
+    //not empty
+};
 var Dialog = /** @class */ (function (_super) {
     tslib.__extends(Dialog, _super);
     function Dialog(props) {
@@ -1630,11 +1648,19 @@ var DialogContent = function (_a) {
     return (React__default.createElement("div", tslib.__assign({ className: classNames('Dialog__content', className) }, other), children));
 };
 DialogContent.displayName = 'DialogContent';
+DialogContent.propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+};
 var DialogFooter = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default.createElement("div", tslib.__assign({ className: classNames('Dialog__footer', className) }, other), children));
 };
 DialogFooter.displayName = 'DialogFooter';
+DialogFooter.propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+};
 
 var Alert = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, heading = _a.heading, other = tslib.__rest(_a, ["children", "className", "variant", "heading"]);
@@ -1891,10 +1917,16 @@ var TooltipHead = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default.createElement("div", tslib.__assign({ className: classNames('TooltipHead', className) }, other)));
 };
+TooltipHead.propTypes = {
+    className: PropTypes.string
+};
 var TooltipContent = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default.createElement("div", tslib.__assign({ className: classNames('TooltipContent', className) }, other)));
 };
+TooltipContent.propTypes = {
+    className: PropTypes.string
+};
 
 /**
  * Unfortunately, eslint does not recognize that this Polymorphic component has a displayName set
@@ -2056,6 +2088,7 @@ var Pointout = /** @class */ (function (_super) {
                 target;
             var portalNode = (portal === null || portal === void 0 ? void 0 : portal.current) ||
                 portal;
+            // eslint-disable-next-line prefer-const
             var _b = targetNode.getBoundingClientRect(), top = _b.top, left = _b.left, width = _b.width, height = _b.height;
             if (portalNode && portalNode !== document.body) {
                 // If the portal is not placed on document.body
@@ -2232,8 +2265,10 @@ var Pointout = /** @class */ (function (_super) {
         (_a = this.props) === null || _a === void 0 ? void 0 : _a.onClose();
     };
     Pointout.defaultProps = {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         ftpoRef: function () { },
         noArrow: false,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onClose: function () { },
         dismissText: 'dismiss',
         previousText: 'previous',
@@ -2776,7 +2811,7 @@ RadioCardGroup.propTypes = {
 RadioCardGroup.displayName = 'RadioCardGroup';
 
 var Checkbox = React.forwardRef(function (_a, ref) {
-    var id = _a.id, label = _a.label, labelDescription = _a.labelDescription, error = _a.error, checkboxRef = _a.checkboxRef, className = _a.className, onChange = _a.onChange, ariaDescribedby = _a["aria-describedby"], _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, other = tslib.__rest(_a, ["id", "label", "labelDescription", "error", "checkboxRef", "className", "onChange", 'aria-describedby', "disabled", "checked"]);
+    var id = _a.id, label = _a.label, labelDescription = _a.labelDescription, error = _a.error, checkboxRef = _a.checkboxRef, className = _a.className, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, ariaDescribedby = _a["aria-describedby"], _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, other = tslib.__rest(_a, ["id", "label", "labelDescription", "error", "checkboxRef", "className", "onChange", "onFocus", "onBlur", 'aria-describedby', "disabled", "checked"]);
     var _d = tslib.__read(React.useState(checked), 2), isChecked = _d[0], setIsChecked = _d[1];
     var _e = tslib.__read(React.useState(false), 2), focused = _e[0], setFocused = _e[1];
     var checkRef = React.useRef(null);
@@ -2802,7 +2837,17 @@ var Checkbox = React.forwardRef(function (_a, ref) {
     }
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: classNames('Checkbox is--flex-row', className) },
-            React__default.createElement("input", tslib.__assign({ id: id, ref: typeof refProp === 'function' || !refProp ? checkRef : refProp, type: "checkbox", checked: isChecked, disabled: disabled, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, "aria-describedby": ariaDescribedbyId, onChange: function (e) {
+            React__default.createElement("input", tslib.__assign({ id: id, ref: typeof refProp === 'function' || !refProp ? checkRef : refProp, type: "checkbox", checked: isChecked, disabled: disabled, onFocus: function (e) {
+                    setFocused(true);
+                    if (typeof onFocus === 'function') {
+                        onFocus(e);
+                    }
+                }, onBlur: function (e) {
+                    setFocused(false);
+                    if (typeof onBlur === 'function') {
+                        onBlur(e);
+                    }
+                }, "aria-describedby": ariaDescribedbyId, onChange: function (e) {
                     setIsChecked(e.target.checked);
                     if (onChange) {
                         onChange(e);
@@ -8203,7 +8248,8 @@ Code.propTypes = {
     children: PropTypes.string.isRequired,
     language: PropTypes.oneOf(['javascript', 'css', 'html', 'yaml']),
     className: PropTypes.string,
-    tabIndex: PropTypes.number
+    tabIndex: PropTypes.number,
+    scrollable: PropTypes.bool
 };
 
 function AxeLoader() {
@@ -8869,10 +8915,14 @@ var Breadcrumb = React.forwardRef(function (_a, ref) {
 });
 Breadcrumb.displayName = 'Breadcrumb';
 
-var BreadcrumbItem = React.forwardRef(function (_a, ref) {
+var BreadcrumbItem = React.forwardRef(// eslint-disable-line react/display-name
+function (_a, ref) {
     var className = _a.className, children = _a.children, props = tslib.__rest(_a, ["className", "children"]);
     return (React__default.createElement("span", tslib.__assign({ className: classNames('Breadcrumb__Item', className), ref: ref, "aria-current": "location" }, props), children));
 });
+BreadcrumbItem.propTypes = {
+    className: PropTypes.string
+};
 
 var BreadcrumbLink = React.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.as, ElementType = _b === void 0 ? 'a' : _b, children = _a.children, props = tslib.__rest(_a, ["className", "as", "children"]);
@@ -8937,7 +8987,11 @@ var TwoColumnPanel = React.forwardRef(function (_a, ref) {
             CloseButton
         ], tslib.__read(React__default.Children.toArray(columnLeft.props.children)), false);
         ColumnLeftComponent = React.cloneElement(columnLeft, { id: id, ref: ref_1, tabIndex: -1 }, children_1.map(function (child, index) {
-            return React.cloneElement(child, { key: "left-".concat(index) });
+            return React.cloneElement(child, {
+                key: child.key
+                    ? child.key
+                    : "left-".concat(index)
+            });
         }));
     }
     var columnRight = React__default.Children.toArray(children).find(function (child) { return child.type === ColumnRight; });
@@ -8952,7 +9006,11 @@ var TwoColumnPanel = React.forwardRef(function (_a, ref) {
             ToggleButton
         ], tslib.__read(React__default.Children.toArray(columnRight.props.children)), false);
         ColumnRightComponent = React.cloneElement(columnRight, { ref: ref_2, tabIndex: -1 }, children_2.map(function (child, index) {
-            return React.cloneElement(child, { key: "right-".concat(index) });
+            return React.cloneElement(child, {
+                key: child.key
+                    ? child.key
+                    : "right-".concat(index)
+            });
         }));
     }
     React.useLayoutEffect(function () {
@@ -9035,18 +9093,27 @@ var ColumnHeader = React.forwardRef(function (_a, ref) {
     return (React__default.createElement("div", tslib.__assign({ className: classNames('TwoColumnPanel__Header', className) }, props, { ref: ref }), children));
 });
 ColumnHeader.displayName = 'ColumnHeader';
+ColumnHeader.propTypes = {
+    className: PropTypes.string
+};
 
 var ColumnGroupHeader = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = tslib.__rest(_a, ["className", "children"]);
     return (React__default.createElement("div", tslib.__assign({ className: classNames('TwoColumnPanel__GroupHeader', className) }, props, { ref: ref }), children));
 });
 ColumnGroupHeader.displayName = 'ColumnGroupHeader';
+ColumnGroupHeader.propTypes = {
+    className: PropTypes.string
+};
 
 var ColumnList = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = tslib.__rest(_a, ["className", "children"]);
     return (React__default.createElement("div", tslib.__assign({ className: classNames('TwoColumnPanel__List', className) }, props, { ref: ref }), children));
 });
 ColumnList.displayName = 'ColumnList';
+ColumnList.propTypes = {
+    className: PropTypes.string
+};
 
 var LIGHT_THEME_CLASS = 'cauldron--theme-light';
 var DARK_THEME_CLASS = 'cauldron--theme-dark';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.4.0",
+  "version": "5.4.1-canary.2469f2aa",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {
@@ -60,10 +60,6 @@
     "concurrently": "^5.3.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-react": "^7.19.0",
     "jest": "^24.7.1",
     "jest-axe": "^3.4.0",
     "jsdom": "^16.2.2",
@@ -126,4 +122,4 @@
       "\\.svg$": "<rootDir>/__tests__/svgMock.js"
     }
   }
-}
+}