@splunk/react-ui 4.12.1 → 4.13.0

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 174);
+/******/ 	return __webpack_require__(__webpack_require__.s = 177);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 174:
+/***/ 177:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -198,6 +198,9 @@ var StyledEnterpriseCircle = external_styled_components_default.a.circle.withCon
   enterprise: Object(external_styled_components_["css"])(["stroke-dasharray:34 19;"])
 }));
 
+// EXTERNAL MODULE: ./src/useIsSsr/index.ts + 1 modules
+var useIsSsr = __webpack_require__(80);
+
 // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinner.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -211,6 +214,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var propTypes = {
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   screenReaderText: external_prop_types_default.a.string,
@@ -232,6 +236,12 @@ function WaitSpinner(_ref) {
       isPrisma = _useSplunkTheme.isPrisma;
 
   var viewBox = isPrisma ? '0 0 40 40' : '0 0 19 19';
+  var isSsr = Object(useIsSsr["default"])();
+
+  if (isSsr) {
+    return null;
+  }
+
   return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
     "data-test": "wait-spinner"
   }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledSvg, {
@@ -293,6 +303,62 @@ module.exports = require("@splunk/react-ui/AnimationToggle");
 
 module.exports = require("@splunk/ui-utils/i18n");
 
+/***/ }),
+
+/***/ 80:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_useIsSsr_useIsSsr; });
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./src/useIsSsr/useIsSsr.tsx
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+/**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * Checks if the application is server side rendered and returns boolean
+ * to be used in components that utilize "window" or "document" objects.
+ */
+
+var useIsSsr_useIsSsr = function useIsSsr() {
+  // we always start off in "SSR mode", to ensure our initial browser render
+  var _useState = Object(external_react_["useState"])(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSsr = _useState2[0],
+      setIsSsr = _useState2[1];
+
+  Object(external_react_["useEffect"])(function () {
+    // `useEffect` never runs on the server, so we must be on the client if
+    // we hit this block
+    setIsSsr(false);
+  }, []);
+  return isSsr;
+};
+
+/* harmony default export */ var src_useIsSsr_useIsSsr = (useIsSsr_useIsSsr);
+// CONCATENATED MODULE: ./src/useIsSsr/index.ts
+
+
+
 /***/ })
 
 /******/ });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.12.1",
+  "version": "4.13.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -8,7 +8,7 @@
     "build": "cross-env NODE_ENV=production webpack && yarn types:build && yarn build-storybook",
     "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
     "docs:publish": "cicd-publish-docs docs --force",
-    "docs:publish:external": "cicd-publish-docs docs --force --suffix=public",
+    "docs:publish:external": "cicd-publish-docs docs-external --force --suffix=public",
     "docs:start": "webpack serve --config docs.gen.webpack.config.js",
     "eslint": "eslint src .storybook --ext \".ts,.tsx,.js,.jsx\"",
     "eslint:fix": "yarn run eslint --fix",
@@ -42,7 +42,7 @@
   "dependencies": {
     "@splunk/react-icons": "^3.2.0",
     "@splunk/themes": "^0.13.0",
-    "@splunk/ui-utils": "^1.5.0",
+    "@splunk/ui-utils": "^1.5.1",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
     "@types/react": "^16.9.38",

package/types/src/Button/Button.d.ts

@@ -12,7 +12,7 @@ interface ButtonPropsBase {
     /** Returns a value on click. Use when composing or testing. */
     action?: string;
     /** Changes the style of the button.
-     * @themeNotes 'pill': supported by `enterprise`, `enterpriseDark` and `lite`. 'destructive', 'toggle' and 'flat': supported by `prisma`.
+     * @themeNotes Enterprise themes support the following appearances:`default`, `primary`, `secondary`, and `pill`. Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
      */
     appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'pill' | 'toggle' | 'flat';
     /** Removes the right border and border-radius of the button so you can

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

@@ -31,6 +31,14 @@ declare type DropdownToggleElement = React.ReactElement<React.HTMLAttributes<HTM
     ref?: React.Ref<ComponentWithFocus | HTMLElement | null>;
 }>;
 interface DropdownPropsBase {
+    /**
+     * Resurface private `Popover` prop for aligning the edge.
+     *
+     * `end` is ONLY supported in with the `below` PopoverPlacement
+     * TODO: SUI-5101 Allow users to supply align prop in Popover and Dropdowns
+     * @private
+     */
+    align?: 'center' | 'edge' | 'theme' | 'end';
     /**
      * Enables the `Dropdown` to be rendered over the toggle
      * if there isn't enough room to render it in a direction.
@@ -106,7 +114,7 @@ interface DropdownPropsBase {
      */
     toggle: DropdownToggleElement;
 }
-declare const defaultProps: Required<Pick<DropdownPropsBase, 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'retainFocus' | 'takeFocus'>>;
+declare const defaultProps: Required<Pick<DropdownPropsBase, 'align' | 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'retainFocus' | 'takeFocus'>>;
 interface DropdownPropsBaseControlled extends DropdownPropsBase {
     onRequestClose: DropdownRequestCloseHandler;
     onRequestOpen: DropdownRequestOpenHandler;
@@ -132,8 +140,8 @@ declare class Dropdown extends Component<DropdownProps, DropdownState> {
      * docs extraction.
      */
     static possibleCloseReasons: DropdownPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<DropdownPropsBaseControlled & Required<Pick<DropdownPropsBase, "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>> | React.WeakValidationMap<DropdownPropsBaseUncontrolled & Required<Pick<DropdownPropsBase, "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>>;
-    static defaultProps: Required<Pick<DropdownPropsBase, "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>;
+    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">>;
     constructor(props: Readonly<DropdownProps>);
     componentDidUpdate(): void;
     private handleToggleMount;

package/types/src/Popover/Popover.d.ts

@@ -24,9 +24,13 @@ declare type PopoverRequestCloseHandler = (data: {
 interface PopoverPropsBase {
     /**
      * The `Popover `can align itself to the center of the anchor or to its edges.
+     *
+     * Note: `end` is ONLY supported with `below` PopoverPlacement
+     *
+     * TODO: Allow users to supply align prop SUI-5101
      * @private
      */
-    align?: 'center' | 'edge' | 'theme';
+    align?: 'center' | 'edge' | 'theme' | 'end';
     /**
      * The element used to set the position of the `Popover`. It is required when the `Popover` is
      * open and must be mounted. Passing a React component instance is deprecated and may result

package/types/src/Popover/getPlacement.d.ts

@@ -5,7 +5,7 @@ interface ExtendedDOMRect extends DOMRect {
     center: number;
 }
 export declare function getPlacement(args: {
-    align: 'center' | 'edge';
+    align: 'center' | 'edge' | 'end';
     anchorPos: ExtendedDOMRect;
     canCoverAnchor: boolean;
     defaultPlacement: PopoverPlacement;

package/types/src/SplitButton/Item.d.ts

@@ -0,0 +1,45 @@
+import React, { PureComponent } from 'react';
+import { ClassComponentProps } from '../utils/types';
+interface ItemPropsBase {
+    /**
+     * Changes the style if isMain=true, passed from SplitButton.
+     * @private
+     */
+    appearance: 'default' | 'primary' | 'destructive';
+    /**
+     * Becomes the label.
+     */
+    children?: React.ReactNode;
+    /**
+     * Prevents user from clicking the button.
+     */
+    disabled?: boolean;
+    /**
+     * Becomes the main button. If no `Item`s have this prop, the first `Item` is the main button.
+     */
+    isMain?: boolean;
+    /**
+     * A callback for when an item is clicked.
+     */
+    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+}
+declare const defaultProps: Required<Pick<ItemPropsBase, 'appearance'>>;
+declare type ItemProps = ClassComponentProps<ItemPropsBase, typeof defaultProps, 'button'>;
+/**
+ * An item within a `SplitButton`. This inherits from
+ * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
+ * so any elements passed to it must also be pure.
+ */
+declare class Item extends PureComponent<ItemProps, {}> {
+    private item;
+    static propTypes: React.WeakValidationMap<ClassComponentProps<ItemPropsBase, Required<Pick<ItemPropsBase, "appearance">>, "button", never>>;
+    static defaultProps: Required<Pick<ItemPropsBase, "appearance">>;
+    private handleClick;
+    scrollIntoViewIfNeeded(): void;
+    /**
+     * Place focus on the item.
+     */
+    focus(): void;
+    render(): JSX.Element;
+}
+export default Item;

package/types/src/SplitButton/SplitButton.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Item from './Item';
+import { ComponentProps } from '../utils/types';
+interface SplitButtonPropsBase {
+    /**
+     * Changes the style of the main button and toggle.
+     * @themeNotes 'destructive' is not supported by `enterprise` themes.
+     */
+    appearance?: 'default' | 'primary' | 'destructive';
+    /**
+     * Must be `SplitButton.Item`. Becomes main button and dropdown items.
+     */
+    children?: React.ReactNode;
+    /**
+     * Prevents main button and dropdown toggle from being clicked.
+     */
+    disabled?: boolean;
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
+    /**
+     * A callback for when the main button or toggle is clicked.
+     */
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+declare type SplitButtonProps = ComponentProps<SplitButtonPropsBase, 'div'>;
+declare function SplitButton({ appearance, children, disabled, elementRef, onClick, ...otherProps }: SplitButtonProps): JSX.Element;
+declare namespace SplitButton {
+    var propTypes: {
+        appearance: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    var Item: typeof import("./Item").default;
+}
+export default SplitButton;
+export { Item };

package/types/src/SplitButton/docs/examples/Basic.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/types/src/SplitButton/docs/examples/ChangeLabel.d.ts

@@ -0,0 +1 @@
+export default function ChangeLabel(): JSX.Element;

package/types/src/SplitButton/docs/examples/Disabled.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/types/src/SplitButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SplitButton';
+export * from './SplitButton';

package/types/src/Table/HeadCell.d.ts

@@ -86,7 +86,10 @@ interface HeadCellPropsBase {
     width?: number | 'auto';
     /** @private. */
     variant?: 'toggleAll' | 'info' | 'actions';
-    /** @private. */
+    /**
+     * @private
+     * Used internally to manage overlapping head cell elements, i.e. drag handle
+     */
     zIndex?: number;
 }
 declare const defaultProps: Required<Pick<HeadCellPropsBase, 'align' | 'resizable' | 'showGuideline' | 'sortDir' | 'truncate' | 'visible' | 'zIndex'>>;

package/types/src/Table/HeadDropdownCell.d.ts

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { HeadAutosizeColumnHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler } from './Head';
 import { HeadCellDragStartHandler, HeadCellKeyDownHandler } from './HeadCell';
 import { ClassComponentProps } from '../utils/types';
+import TableContext from './TableContext';
 /** @public */
 declare type HeadDropdownCellPossibleCloseReason = 'clickAway' | 'contentClick' | 'escapeKey' | 'offScreen' | 'tabKey' | 'toggleClick';
 declare type HeadDropdownCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
@@ -127,8 +128,13 @@ interface HeadDropdownCellPropsBase {
      * The width of the column in pixels.
      */
     width?: number;
+    /**
+     * @private
+     * Used internally to manage overlapping head cell elements, i.e. drag handle
+     */
+    zIndex?: number;
 }
-declare const defaultProps: Required<Pick<HeadDropdownCellPropsBase, 'align' | 'canCoverHead' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'resizable' | 'retainFocus' | 'takeFocus' | 'truncate' | 'visible'>>;
+declare const defaultProps: Required<Pick<HeadDropdownCellPropsBase, 'align' | 'canCoverHead' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'resizable' | 'retainFocus' | 'takeFocus' | 'truncate' | 'visible' | 'zIndex'>>;
 declare type HeadDropdownCellProps = ClassComponentProps<HeadDropdownCellPropsBase, typeof defaultProps, 'th'>;
 interface HeadDropdownCellState {
     clientX?: number;
@@ -147,8 +153,9 @@ declare class HeadDropdownCell extends Component<HeadDropdownCellProps, HeadDrop
      * docs extraction.
      */
     static possibleCloseReasons: import("../Dropdown/Dropdown").DropdownPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<ClassComponentProps<HeadDropdownCellPropsBase, Required<Pick<HeadDropdownCellPropsBase, "align" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>, "th", never>>;
-    static defaultProps: Required<Pick<HeadDropdownCellPropsBase, "align" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>;
+    static propTypes: React.WeakValidationMap<ClassComponentProps<HeadDropdownCellPropsBase, Required<Pick<HeadDropdownCellPropsBase, "align" | "zIndex" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>, "th", never>>;
+    static defaultProps: Required<Pick<HeadDropdownCellPropsBase, "align" | "zIndex" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>;
+    static contextType: React.Context<TableContext>;
     constructor(props: Readonly<HeadDropdownCellProps>);
     componentDidUpdate(prevProps: Readonly<HeadDropdownCellProps>): void;
     private handleMount;

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

@@ -106,7 +106,11 @@ interface TextPropsBase {
      * If you want to handle all click events, pass the "onClick" prop, which will be attached to `Text`'s root element.
      */
     onInputClick?: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    /** The gray text shown when the input is empty. */
+    /**
+     * @deprecated This prop is deprecated and will be removed in the next major version.
+     *
+     * The gray text shown when the input is empty.
+     */
     placeholder?: string;
     /** Prepend removes rounded borders from the left side. */
     prepend?: boolean;

package/types/src/TextArea/TextArea.d.ts

@@ -100,7 +100,11 @@ interface TextAreaPropsBase {
     /** A callback for when the text selection or cursor position changes. */
     onSelect?: React.ReactEventHandler<HTMLTextAreaElement>;
     onInputClick?: React.MouseEventHandler<HTMLTextAreaElement>;
-    /** The gray text shown when the input is empty. */
+    /**
+     * @deprecated This prop is deprecated and will be removed in the next major version.
+     *
+     * The gray text shown when the input is empty.
+     */
     placeholder?: string;
     /** Prepend removes rounded borders from the left side. */
     prepend?: boolean;

package/types/src/WaitSpinner/WaitSpinner.d.ts

@@ -17,7 +17,7 @@ interface WaitSpinnerPropsBase {
     size?: 'small' | 'medium' | 'large';
 }
 declare type WaitSpinnerProps = ComponentProps<WaitSpinnerPropsBase, 'div'>;
-declare function WaitSpinner({ elementRef, screenReaderText, size, ...otherProps }: WaitSpinnerProps): JSX.Element;
+declare function WaitSpinner({ elementRef, screenReaderText, size, ...otherProps }: WaitSpinnerProps): JSX.Element | null;
 declare namespace WaitSpinner {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

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

@@ -0,0 +1,2 @@
+export { default } from './useForceUpdate';
+export * from './useForceUpdate';

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

@@ -0,0 +1,9 @@
+/**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * Triggers a rerender of a functional component. Useful as an escape hatch when a render is needed regardless of state.
+ * See https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
+ *
+ */
+declare function useForceUpdate(): import("react").DispatchWithoutAction;
+export default useForceUpdate;

package/types/src/useIsSsr/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useIsSsr';
+export * from './useIsSsr';

package/types/src/useIsSsr/useIsSsr.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * Checks if the application is server side rendered and returns boolean
+ * to be used in components that utilize "window" or "document" objects.
+ */
+declare const useIsSsr: () => boolean;
+export default useIsSsr;

package/useForceUpdate.js

@@ -0,0 +1,151 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 183);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 183:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ useForceUpdate_useForceUpdate; });
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./src/useForceUpdate/useForceUpdate.tsx
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+/**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * Triggers a rerender of a functional component. Useful as an escape hatch when a render is needed regardless of state.
+ * See https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
+ *
+ */
+
+function useForceUpdate() {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  var _useReducer = Object(external_react_["useReducer"])(function (x) {
+    return x + 1;
+  }, 0),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      ignored = _useReducer2[0],
+      forceUpdate = _useReducer2[1];
+
+  return forceUpdate;
+}
+
+/* harmony default export */ var useForceUpdate_useForceUpdate = (useForceUpdate);
+// CONCATENATED MODULE: ./src/useForceUpdate/index.ts
+
+
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ })
+
+/******/ });