@splunk/react-ui 4.14.0 → 4.16.0

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

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import { AnyTheme } from '@splunk/themes';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
-declare type openReasons = 'focusToggle' | 'mouseEnterPopover' | 'mouseEnterToggle';
+declare type openReasons = 'focusToggle' | 'mouseEnterPopover' | 'mouseEnterToggle' | 'mouseEnterHitArea';
 /** @public */
-declare type closeReasons = 'blurToggle' | 'clickAway' | 'escapeKey' | 'mouseLeavePopover' | 'mouseLeaveToggle' | 'offScreen' | 'tabKey' | 'toggleClick';
+declare type closeReasons = 'blurToggle' | 'clickAway' | 'escapeKey' | 'mouseLeaveHitArea' | 'mouseLeavePopover' | 'mouseLeaveToggle' | 'mouseStopHitArea' | 'offScreen' | 'tabKey' | 'toggleClick';
 /** @public */
 declare type TooltipRequestCloseHandler = (event: React.FocusEvent<HTMLSpanElement> | React.MouseEvent | MouseEvent | null, data: {
     reason: closeReasons;
@@ -92,9 +92,13 @@ declare const defaultProps: Required<Pick<TooltipPropsBase, 'appearance' | 'clos
 declare type TooltipProps = ClassComponentProps<TooltipPropsBase, typeof defaultProps, 'span'>;
 interface TooltipState {
     open: boolean;
-    anchor: HTMLSpanElement | null;
+    anchorEl: HTMLSpanElement | null;
+    hitAreaEl: SVGElement | null;
+    hitAreaPath: string | null;
+    hitAreaStyle: React.CSSProperties;
     popoverEl: HTMLDivElement | null;
-    lastCloseReason: closeReasons | null;
+    popoverOuterEl: HTMLDivElement | null;
+    popoverPlacement: string | null;
 }
 /**
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
@@ -112,17 +116,25 @@ declare class Tooltip extends Component<TooltipProps, TooltipState> {
     componentWillUnmount(): void;
     private handleMount;
     private handlePopoverMount;
+    private handlePopoverOuterMount;
+    private handleHitAreaMount;
     private handleMouseEnter;
     private handleMouseEnterPopover;
+    private handleMouseEnterHitArea;
     private handleMouseLeave;
     private handleMouseLeavePopover;
+    private handleMouseLeaveHitArea;
+    private handleMouseMoveHitAreaImpl;
+    private handleMouseMoveHitArea;
     private handleClick;
     private handleFocus;
     private handleBlur;
     private handlePopoverOnRequestClose;
     private handleRequestClose;
     private handleRequestOpen;
+    private updateHitArea;
     private isControlled;
+    private isOpen;
     render(): JSX.Element;
 }
 declare const TooltipWithTheme: React.ForwardRefExoticComponent<Pick<Pick<Pick<ClassComponentProps<TooltipPropsBase, Required<Pick<TooltipPropsBase, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">>, "span", never>, "slot" | "style" | "title" | "children" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "content" | "appearance" | "inline" | "elementRef" | "onRequestClose" | "defaultPlacement" | "splunkTheme" | "onRequestOpen" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay"> & Pick<PropTypes.InferProps<React.WeakValidationMap<ClassComponentProps<TooltipPropsBase, Required<Pick<TooltipPropsBase, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">>, "span", never>>>, "inlist"> & Pick<ClassComponentProps<TooltipPropsBase, Required<Pick<TooltipPropsBase, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">>, "span", never>, never>, "slot" | "style" | "title" | "children" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "content" | "elementRef" | "onRequestClose" | "splunkTheme" | "onRequestOpen"> & Partial<Pick<Pick<ClassComponentProps<TooltipPropsBase, Required<Pick<TooltipPropsBase, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">>, "span", never>, "slot" | "style" | "title" | "children" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "content" | "appearance" | "inline" | "elementRef" | "onRequestClose" | "defaultPlacement" | "splunkTheme" | "onRequestOpen" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay"> & Pick<PropTypes.InferProps<React.WeakValidationMap<ClassComponentProps<TooltipPropsBase, Required<Pick<TooltipPropsBase, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">>, "span", never>>>, "inlist"> & Pick<ClassComponentProps<TooltipPropsBase, Required<Pick<TooltipPropsBase, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">>, "span", never>, never>, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">> & Partial<Pick<Required<Pick<TooltipPropsBase, "appearance" | "inline" | "defaultPlacement" | "closeDelay" | "closeWhen" | "contentRelationship" | "openDelay">>, never>> & {

package/types/src/Typography/Typography.d.ts

@@ -39,7 +39,7 @@ interface TypographyPropsBase extends TypographyParams {
     /**
      * Set the color to a system-standard color: e.g. `active` for `@splunk/themes/variables.contentColorActive`.
      */
-    color?: 'active' | 'default' | 'disabled' | 'inverted' | 'muted';
+    color?: 'active' | 'default' | 'disabled' | 'inverted' | 'muted' | 'inherit';
     /**
      * Set the font-weight to a system-standard value.
      *

package/types/src/useForceUpdate/useForceUpdate.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * This is a private component not intended for use outside @splunk/react-ui
  *

package/useForceUpdate.js

@@ -82,12 +82,19 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 187);
+/******/ 	return __webpack_require__(__webpack_require__.s = 236);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 187:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 236:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -139,13 +146,6 @@ function useForceUpdate() {
 
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ })
 
 /******/ });

package/useKeyPress.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 114);
+/******/ 	return __webpack_require__(__webpack_require__.s = 163);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 114:
+/***/ 163:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/usePrevious.js

@@ -82,12 +82,19 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 188);
+/******/ 	return __webpack_require__(__webpack_require__.s = 237);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 188:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 237:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -125,13 +132,6 @@ function usePrevious(value) {
 
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ })
 
 /******/ });

package/.storybook-visual/config/snapshotResolver.js

@@ -1,29 +0,0 @@
-/* eslint-disable */
-const path = require('path');
-
-const family = process.env.STORYBOOK_THEME_FAMILY.toString();
-const browser = process.env.STORYBOOK_TEST_BROWSER.toString();
-
-module.exports = {
-    testPathForConsistencyCheck: `src/__test__/example.test.tsx`,
-
-    /** resolves from test to snapshot path */
-    resolveSnapshotPath: (testPath, snapshotExtension) => {
-        const testSourcePath = testPath.replace('.tsx', `.${browser}.${family}`);
-        // Get directory of test source file
-        const testDirectory = path.dirname(testSourcePath);
-        // Get file name of test source file
-        const testFilename = path.basename(testSourcePath);
-        return `${testDirectory}/__snapshots__/${testFilename}${snapshotExtension}`;
-    },
-
-    /** resolves from snapshot to test path */
-    resolveTestPath: (snapshotFilePath, snapshotExtension) => {
-        const testSourceFile = snapshotFilePath
-            .replace('__test__/__snapshots__', '__test__')
-            .replace(`.${browser}.${family}`, '.tsx')
-            .slice(0, -snapshotExtension.length);
-
-        return `${testSourceFile}`;
-    },
-};

package/.storybook-visual/main.js

@@ -1,22 +0,0 @@
-/* eslint-env node */
-/* eslint-disable @typescript-eslint/no-var-requires */
-
-const webpackMerge = require('webpack-merge');
-const webpackTestConfig = require('../webpack.test.config.js');
-
-module.exports = {
-    // visualRegression tests will only test *.stories and *.example files
-    stories: [
-        '../src/**/stories/*.stories.@(js|jsx|ts|tsx)',
-        '../src/**/stories/*.examples.@(js|jsx|ts|tsx)',
-    ],
-    addons: ['@splunk/themes/storybook-addon-splunk-themes'],
-    typescript: {
-        check: false,
-        checkOptions: {},
-        reactDocgen: false,
-    },
-    webpackFinal: (config) => {
-        return webpackMerge(webpackTestConfig, config);
-    },
-};

package/.storybook-visual/preview.jsx

@@ -1,31 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-
-import {
-    parameters as infraParameters,
-    decorators as infraDecorators,
-} from '../../../infra/storybook/preview';
-
-const splunkThemes = process.env.STORYBOOK_THEME_FAMILY
-    ? {
-          family: process.env.STORYBOOK_THEME_FAMILY,
-          colorScheme: process.env.STORYBOOK_THEME_COLOR_SCHEME,
-          density: process.env.STORYBOOK_THEME_DENSITY,
-      }
-    : undefined;
-
-const parameters = {
-    ...infraParameters,
-    splunkThemes,
-};
-
-const decorators = [
-    ...infraDecorators,
-    (Story) => (
-        <div id="storybook-test-wrapper">
-            <Story />
-        </div>
-    ),
-];
-
-export { parameters, decorators };

package/.storybook-visual/scripts/test.sh

@@ -1,108 +0,0 @@
-#!/bin/bash
-
-family="prisma"
-colorScheme="dark"
-density="comfortable"
-browser="chromium"
-component=""
-maxWorkers="100%"
-a11y="false"
-skipBuild="false"
-
-if ! options=$(getopt -o tfcd -l theme,family,color,component,density,browser,all,updateSnapshot,maxWorkers,a11y,skipBuild $*)
-then
-    exit 1
-fi
-
-set -- $options
-
-while [ $# -gt 0 ]
-do
-    case $1 in
-    -t|--theme) themeArg=$2 ;;
-    -f|--family) familyArg=$2 ;;
-    -c|--color) colorSchemeArg=$2 ;;
-    -ct|--component) componentArg=$2 ;;
-    -d|--density) densityArg=$2 ;;
-    -a|--all) all='true' ;;
-    -u|--updateSnapshot) updateSnapshot='--updateSnapshot' ;;
-    -a|--a11y) a11y='true' ;;
-    -u|--maxWorkers) maxWorkers=$2 ;;
-    -ssb|--skipBuild) skipBuild='true' ;;
-    esac
-    shift
-done
-
-
-
-if [[ "$themeArg" == "enterprise" ]]; then
-    family="enterprise"
-    colorScheme="light"
-    density="comfortable"
-fi
-
-if [[ "$themeArg" == "prisma" ]]; then
-    family="prisma"
-    colorScheme="dark"
-    density="comfortable"
-fi
-
-if [[ -n "$familyArg" ]]; then
-    family="$familyArg"
-fi
-
-if [[ -n "$colorSchemeArg" ]]; then
-    colorScheme="$colorSchemeArg"
-fi
-
-if [[ -n "$densityArg" ]]; then
-    density="$densityArg"
-fi
-
-if [[ -n "$browserArg" ]]; then
-    browser="$browserArg"
-fi
-
-export STORYBOOK_THEME_FAMILY=$family
-export STORYBOOK_THEME_COLOR_SCHEME=$colorScheme
-export STORYBOOK_THEME_DENSITY=$density
-export STORYBOOK_TEST_BROWSER=$browser
-export STORYBOOK_TEST_A11Y=$a11y
-
-if [[ -n "$componentArg" ]]; then
-    export STORYBOOK_TEST_COMPONENT=$componentArg
-fi 
-
-if [[ $all == "true" ]]; then
-    if [[ $skipBuild == 'false' ]]; then 
-        yarn build-storybook -c .storybook-visual --output-dir storybook-static-visual
-    else 
-        echo "--skipBuild should not be used with --all. This will create invalid snapshots!"
-        exit 1;
-    fi
-    yarn build-storybook -c .storybook-visual --output-dir storybook-static-visual
-    http-server storybook-static-visual --port 6007 & wait-on tcp:6007
-    yarn cache clean && yarn test-storybook  -c .storybook-visual ${updateSnapshot} --maxWorkers=${maxWorkers} --browsers chromium --url http://localhost:6007
-    
-    export STORYBOOK_TEST_BROWSER=firefox
-    yarn cache clean && yarn test-storybook  -c .storybook-visual ${updateSnapshot} --maxWorkers=${maxWorkers} --browsers firefox --url http://localhost:6007
-    lsof -ti tcp:6007 | xargs kill
-    
-    export STORYBOOK_THEME_FAMILY=enterprise STORYBOOK_THEME_COLOR_SCHEME=light STORYBOOK_TEST_BROWSER=chromium
-    yarn build-storybook -c .storybook-visual --output-dir storybook-static-visual
-    http-server storybook-static-visual --port 6007 & wait-on tcp:6007
-    yarn cache clean && yarn test-storybook -c .storybook-visual ${updateSnapshot} --maxWorkers=${maxWorkers} --browsers chromium --url http://localhost:6007
-    
-    export STORYBOOK_TEST_BROWSER=firefox
-    yarn cache clean && yarn test-storybook -c .storybook-visual ${updateSnapshot} --maxWorkers=${maxWorkers} --browsers firefox --url http://localhost:6007
-    lsof -ti tcp:6007 | xargs kill
-else
-    if [[ $skipBuild == 'false' ]]; then
-        echo "BUILDING"
-        yarn build-storybook -c .storybook-visual --output-dir storybook-static-visual
-    else 
-        echo "Skipping storybook-static-visual build (${STORYBOOK_THEME_FAMILY}, ${STORYBOOK_THEME_COLOR_SCHEME})..."
-    fi
-    
-    http-server storybook-static-visual --port 6007 & wait-on tcp:6007 && yarn cache clean && yarn test-storybook  "${updateSnapshot}" --maxWorkers=${maxWorkers} --browsers $browser --url http://localhost:6007 ; lsof -ti tcp:6007 | xargs kill
-fi

package/.storybook-visual/test-runner.js

@@ -1,108 +0,0 @@
-/* eslint-disable */
-const { toMatchImageSnapshot } = require('jest-image-snapshot');
-const { injectAxe, checkA11y, getViolations } = require('axe-playwright');
-const { getStoryContext } = require('@storybook/test-runner');
-const { createHtmlReport } = require('axe-html-reporter');
-
-const customA11yViolationsDir = `${process.cwd()}/test-reports/a11y/${
-    process.env.STORYBOOK_TEST_BROWSER
-}-${process.env.STORYBOOK_THEME_FAMILY}/a11y-violations/`;
-
-const customDiffDir = `${process.cwd()}/test-reports/visual/${process.env.STORYBOOK_TEST_BROWSER}-${
-    process.env.STORYBOOK_THEME_FAMILY
-}/image_snapshot_diff/`;
-
-const customReceivedDir = `${process.cwd()}/test-reports/visual/${
-    process.env.STORYBOOK_TEST_BROWSER
-}-${process.env.STORYBOOK_THEME_FAMILY}/image_snapshot_received/`;
-
-module.exports = {
-    setup() {
-        expect.extend({ toMatchImageSnapshot });
-    },
-    async preRender(page) {
-        jest.retryTimes(2);
-        if (process.env.STORYBOOK_TEST_A11Y == 'true') {
-            await injectAxe(page);
-        }
-    },
-    async postRender(page, context) {
-        // check for theme compatibility first, if it isn't compatible, exit test
-        const storyContext = await getStoryContext(page, context);
-        if (
-            storyContext.parameters?.themeSupport?.family !== undefined &&
-            storyContext.parameters?.themeSupport?.family !== process.env.STORYBOOK_THEME_FAMILY
-        ) {
-            return;
-        }
-
-        // check if should skip taking a snapshot for this story
-        if (storyContext.parameters?.skipSnapshot) {
-            return;
-        }
-
-        let componentName = context.title.split('/')[1];
-        componentName = componentName === 'ThemedIcon' ? 'icons' : componentName;
-
-        if (process.env.STORYBOOK_TEST_A11Y == 'false') {
-            const customSnapshotsDir = `${process.cwd()}/src/${componentName}/stories/__images__/${
-                process.env.STORYBOOK_TEST_BROWSER
-            }/${process.env.STORYBOOK_THEME_FAMILY}`;
-
-            if (
-                componentName === 'Modal' ||
-                componentName === 'Popover' ||
-                componentName === 'Tooltip' ||
-                componentName === 'Color' ||
-                componentName === 'Progress'
-            ) {
-                await new Promise((r) => setTimeout(r, 3000));
-            } else {
-                await new Promise((r) => setTimeout(r, 0));
-            }
-
-            const image = await page.screenshot({ animations: 'disabled' });
-
-            expect(image).toMatchImageSnapshot({
-                customSnapshotsDir,
-                customDiffDir,
-                customSnapshotIdentifier: context.id,
-                storeReceivedOnFailure: true,
-                customReceivedDir,
-            });
-
-            // const accessibilityTree = await page.accessibility.snapshot();
-            // expect(accessibilityTree).toMatchSnapshot();
-        } else {
-            // Run only if specified
-            const violations = await getViolations(page, '#storybook-test-wrapper', {
-                runOnly: {
-                    type: 'tag',
-                    values: ['wcag2a'],
-                },
-            });
-
-            await new Promise((resolve, reject) => {
-                if (violations.length > 0) {
-                    createHtmlReport(
-                        {
-                            results: {
-                                violations: violations,
-                            },
-                            options: {
-                                outputDirPath: customA11yViolationsDir + '/' + componentName,
-                                reportFileName: `${context.id}-violations.html`,
-                            },
-                        },
-                        (err) => {
-                            if (err) reject(err);
-                        }
-                    );
-                }
-                resolve();
-            });
-
-            await checkA11y(page, '#storybook-test-wrapper');
-        }
-    },
-};