@splunk/react-ui 4.16.0 → 4.16.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.16.0",
+  "version": "4.16.1",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@splunk/react-icons": "^3.3.1",
-    "@splunk/themes": "^0.14.0",
+    "@splunk/themes": "^0.15.0",
     "@splunk/ui-utils": "^1.5.2",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
@@ -48,7 +48,6 @@
     "@types/react-resize-detector": "^3.1.1",
     "@types/styled-components": "^5.1.0",
     "@types/tinycolor2": "^1.4.2",
-    "axe-html-reporter": "^2.2.3",
     "commonmark": "^0.27.0",
     "commonmark-react-renderer": "^4.3.2",
     "decimal.js-light": "^2.2.3",
@@ -97,6 +96,7 @@
     "@types/webpack-env": "^1.15.2",
     "@typescript-eslint/eslint-plugin": "^4.8.2",
     "@typescript-eslint/parser": "^4.8.2",
+    "axe-html-reporter": "^2.2.3",
     "axe-playwright": "^1.1.11",
     "babel-loader": "^8.0.4",
     "babel-plugin-istanbul": "^5.1.0",

package/types/src/Date/Icon.d.ts

@@ -1,2 +1,2 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 export default function CalendarIcon(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/Dropdown/Dropdown.d.ts

@@ -21,8 +21,8 @@ declare type DropdownRequestCloseHandler = (data: {
     reason: DropdownPossibleCloseReason;
 }) => void;
 /** @public */
-declare type DropdownRequestOpenHandler = (event: React.MouseEvent<HTMLElement>, data: {
-    reason: 'toggleClick';
+declare type DropdownRequestOpenHandler = (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, data: {
+    reason: 'toggleClick' | 'toggleKeydown';
 }) => void;
 /** @public */
 declare type DropdownToggleElement = React.ReactElement<React.HTMLAttributes<HTMLElement> & {
@@ -80,8 +80,7 @@ interface DropdownPropsBase {
      */
     onRequestClose?: DropdownRequestCloseHandler;
     /**
-     * A callback function invoked with a data object containing the event. The reason is
-     * always toggleClick.
+     * A callback function invoked with a data object containing the event.
      */
     onRequestOpen?: DropdownRequestOpenHandler;
     /**
@@ -91,6 +90,11 @@ interface DropdownPropsBase {
      * open prop is provided, the component handles the open/close state internally.
      */
     open?: boolean;
+    /**
+     * A private prop to support up and down arrow key navigation for `Select` and `Multiselect`.
+     * @private
+     */
+    openWithArrowKeys?: boolean;
     /**
      * See `repositionMode` on `Popover` for details.
      */
@@ -114,7 +118,7 @@ interface DropdownPropsBase {
      */
     toggle: DropdownToggleElement;
 }
-declare const defaultProps: Required<Pick<DropdownPropsBase, 'align' | 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'retainFocus' | 'takeFocus'>>;
+declare const defaultProps: Required<Pick<DropdownPropsBase, 'align' | 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'retainFocus' | 'openWithArrowKeys' | 'takeFocus'>>;
 interface DropdownPropsBaseControlled extends DropdownPropsBase {
     onRequestClose: DropdownRequestCloseHandler;
     onRequestOpen: DropdownRequestOpenHandler;
@@ -140,12 +144,13 @@ declare class Dropdown extends Component<DropdownProps, DropdownState> {
      * docs extraction.
      */
     static possibleCloseReasons: DropdownPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<DropdownPropsBaseControlled & Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>> | React.WeakValidationMap<DropdownPropsBaseUncontrolled & Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>>;
-    static defaultProps: Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>;
+    static propTypes: React.WeakValidationMap<DropdownPropsBaseControlled & Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "openWithArrowKeys">>> | React.WeakValidationMap<DropdownPropsBaseUncontrolled & Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "openWithArrowKeys">>>;
+    static defaultProps: Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "openWithArrowKeys">>;
     constructor(props: Readonly<DropdownProps>);
     componentDidUpdate(): void;
     private handleToggleMount;
     private handleToggleClick;
+    private handleToggleKeyDownOpen;
     private handleRequestClose;
     private handleContentClick;
     private isOpen;

package/types/src/File/Icon.d.ts

@@ -1,2 +1,2 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 export default function FileIcon(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/IconCloud.d.ts

@@ -1,2 +1,2 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 export default function FileIconCloud(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/PaperClip.d.ts

@@ -1,2 +1,2 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 export default function PaperClip(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/Retry.d.ts

@@ -1,2 +1,2 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 export default function Retry(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/Trash.d.ts

@@ -1,2 +1,2 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 export default function Trash(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/Multiselect/Multiselect.d.ts

@@ -4,7 +4,7 @@ import { CompactPropsBase } from './Compact';
 import Option from './Option';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
-declare type MultiselectFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>, data: {
+declare type MultiselectFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
     keyword: string;
 }) => void;
 /** @public */

package/types/src/Number/IncrementIcon.d.ts

@@ -1,2 +1,2 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 export default function SortedUp(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/Select/Select.d.ts

@@ -8,7 +8,7 @@ declare type SelectChangeHandler = (event: React.MouseEvent<HTMLButtonElement> |
     value: string | number | boolean;
 }) => void;
 /** @public */
-declare type SelectFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent<HTMLSpanElement>, data: {
+declare type SelectFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
     keyword: string;
 }) => void;
 /** @public */

package/types/src/Select/SelectBase.d.ts

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { Divider, Heading } from '@splunk/react-ui/Menu';
 import Option from './OptionBase';
 import { ClassComponentProps } from '../utils/types';
-declare type SelectBaseFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>, data: {
+declare type SelectBaseFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
     keyword: string;
 }) => void;
 declare type SelectBaseChangeHandler = (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>, data: {

package/types/src/Text/IconOutlinedHide.d.ts

@@ -1,3 +1,3 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 declare function IconOutlinedHide(props: SVGPropsOptionalViewBox): JSX.Element;
 export default IconOutlinedHide;

package/types/src/Text/IconOutlinedView.d.ts

@@ -1,3 +1,3 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 declare function IconOutlinedView(props: SVGPropsOptionalViewBox): JSX.Element;
 export default IconOutlinedView;

package/types/src/Tooltip/InfoIcon.d.ts

@@ -1,3 +1,3 @@
-import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
+import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
 declare function InfoCircle(props: SVGPropsOptionalViewBox): JSX.Element;
 export default InfoCircle;