@deque/cauldron-react 5.4.1 → 5.5.0-canary.720bc9bd

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);
@@ -394,7 +399,9 @@ var ExpandCollapsePanel = /** @class */ (function (_super) {
         _this.animateOpen = function () {
             var panel = _this.panel.current;
             var animationTiming = _this.props.animationTiming;
-            if (!animationTiming) {
+            var prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)')
+                .matches;
+            if (!animationTiming || prefersReducedMotion) {
                 _this.setState({ isAnimating: false });
                 return;
             }
@@ -416,7 +423,9 @@ var ExpandCollapsePanel = /** @class */ (function (_super) {
         _this.animateClose = function () {
             var panel = _this.panel.current;
             var animationTiming = _this.props.animationTiming;
-            if (!animationTiming) {
+            var prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)')
+                .matches;
+            if (!animationTiming || prefersReducedMotion) {
                 _this.setState({ isAnimating: false });
                 return;
             }
@@ -668,8 +677,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 +1047,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 +1059,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 +1129,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 +1172,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 +1269,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 +1534,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 +1652,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 +1921,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 +2092,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 +2269,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',
@@ -8213,7 +8252,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() {
@@ -8879,10 +8919,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"]);
@@ -8947,7 +8991,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; });
@@ -8962,7 +9010,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 () {
@@ -9045,18 +9097,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.1",
+  "version": "5.5.0-canary.720bc9bd",
   "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"
     }
   }
-}
+}