@splunk/react-ui 4.9.0 → 4.12.0

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

@@ -0,0 +1,2 @@
+declare const Basic: () => JSX.Element;
+export default Basic;

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

@@ -0,0 +1,2 @@
+declare const Disabled: () => JSX.Element;
+export default Disabled;

package/types/src/TextArea/docs/examples/Error.d.ts

@@ -0,0 +1,2 @@
+declare const Error: () => JSX.Element;
+export default Error;

package/types/src/TextArea/docs/examples/Inline.d.ts

@@ -0,0 +1,2 @@
+declare const Inline: () => JSX.Element;
+export default Inline;

package/types/src/TextArea/docs/examples/Uncontrolled.d.ts

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

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

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

package/types/src/{Text → TextArea}/syncHeightWithShadow.d.ts

@@ -1,6 +1,5 @@
-export default function syncHeightWithShadow({ height, multiline, rowsMax, rowsMin, shadow, }: {
+export default function syncHeightWithShadow({ height, rowsMax, rowsMin, shadow, }: {
     height?: number;
-    multiline: boolean;
     rowsMax: number;
     rowsMin: number;
     shadow: HTMLInputElement | HTMLTextAreaElement | null;

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

@@ -2,10 +2,12 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { AnyTheme } from '@splunk/themes';
 import { ClassComponentProps } from '../utils/types';
+/** @public */
 declare type openReasons = 'focusToggle' | 'mouseEnterPopover' | 'mouseEnterToggle';
-declare type closeReasons = 'blurToggle' | 'clickAway' | 'escapeKey' | 'mouseLeavePopover' | 'mouseLeaveToggle' | 'offScreen' | 'tabKey';
 /** @public */
-declare type TooltipRequestCloseHandler = (event: React.FocusEvent<HTMLSpanElement> | MouseEvent | null, data: {
+declare type closeReasons = 'blurToggle' | 'clickAway' | 'escapeKey' | 'mouseLeavePopover' | 'mouseLeaveToggle' | 'offScreen' | 'tabKey' | 'toggleClick';
+/** @public */
+declare type TooltipRequestCloseHandler = (event: React.FocusEvent<HTMLSpanElement> | React.MouseEvent | MouseEvent | null, data: {
     reason: closeReasons;
 }) => void;
 /** @public */
@@ -62,7 +64,7 @@ interface TooltipPropsBase {
      *
      * @param {event} event Can be `null` depending on the reason the tooltip is closing.
      * @param {object} data
-     * @param {string} data.reason The reason for the close request. One of the following `Tooltip.possibleCloseReasons`: `mouseLeaveToggle`, `mouseLeavePopover`, or `blurToggle`.
+     * @param {string} data.reason The reason for the close request.
      */
     onRequestClose?: TooltipRequestCloseHandler;
     /**
@@ -70,7 +72,7 @@ interface TooltipPropsBase {
      *
      * @param {event} event
      * @param {object} data
-     * @param {string} data.reason The reason for the open request. One of the following `Tooltip.possibleOpenReasons`: `mouseEnterToggle`, `mouseEnterPopover`, or `focusToggle`.
+     * @param {string} data.reason The reason for the open request.
      */
     onRequestOpen?: TooltipRequestOpenHandler;
     /**
@@ -87,7 +89,7 @@ interface TooltipState {
     open: boolean;
     anchor: HTMLSpanElement | null;
     popoverEl: HTMLDivElement | null;
-    lastCloseReason: null;
+    lastCloseReason: closeReasons | null;
 }
 /**
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
@@ -109,6 +111,7 @@ declare class Tooltip extends Component<TooltipProps, TooltipState> {
     private handleMouseEnterPopover;
     private handleMouseLeave;
     private handleMouseLeavePopover;
+    private handleClick;
     private handleFocus;
     private handleBlur;
     private handlePopoverOnRequestClose;

package/types/src/TransitionOpen/TransitionOpen.d.ts

@@ -40,8 +40,10 @@ declare class TransitionOpen extends Component<TransitionOpenProps, TransitionOp
     static propTypes: React.WeakValidationMap<ClassComponentProps<TransitionOpenPropsBase, Required<Pick<TransitionOpenPropsBase, "open" | "animation" | "animateOnMount" | "innerStyle" | "outerStyle" | "retainFocus" | "takeFocus">>, "div", never>>;
     static defaultProps: Required<Pick<TransitionOpenPropsBase, "open" | "animation" | "animateOnMount" | "innerStyle" | "outerStyle" | "retainFocus" | "takeFocus">>;
     static getDerivedStateFromProps: React.GetDerivedStateFromProps<TransitionOpenProps, TransitionOpenState>;
+    private allowAnimationUpdates;
     constructor(props: Readonly<TransitionOpenProps>);
     componentDidUpdate(): void;
+    componentWillUnmount(): void;
     private getValue;
     private handleMount;
     private handleRest;
@@ -51,3 +53,4 @@ declare class TransitionOpen extends Component<TransitionOpenProps, TransitionOp
     render(): JSX.Element;
 }
 export default TransitionOpen;
+export { TransitionOpenPropsBase };

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

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

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

@@ -0,0 +1,78 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { TypographyVariant, TypographyParams } from '@splunk/themes/mixins';
+import { ComponentProps } from '../utils/types';
+declare type TypographyElementTypes = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'blockquote' | 'dd' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'li' | 'ol' | 'ul' | 'pre' | 'abbr' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'u' | 'time' | 'sup' | 'sub' | 'strong' | 'small' | 'samp' | 's' | 'var' | 'ruby' | 'rt' | 'rp';
+interface TypographyPropsBase extends TypographyParams {
+    /**
+     * Text and inline icons
+     * */
+    children: React.ReactNode;
+    /**
+     * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLElement>;
+    /**
+     * Tag for the element to render children content into.
+     * Use the most semantically appropriate tag.
+     * Layout elements like `div` are not allowed; use the `typography` mixin from `@splunk/themes` instead.
+     */
+    as: TypographyElementTypes;
+    /**
+     * A variant from the Splunk Design System's Type: 'body', 'title1', 'title2', 'title3',
+     * 'title4', 'title5', 'title6', 'title7', 'largeBody', 'smallBody',
+     * 'footnote', 'monoBody', or 'monoSmallBody'.
+     */
+    variant?: TypographyVariant;
+    /**
+     * Set the font-family to sans-serif or monospace based on current theme.
+     */
+    family?: 'sansSerif' | 'monospace';
+    /**
+     * Set the size to a system-standard size.
+     */
+    size?: 56 | 36 | 32 | 24 | 20 | 18 | 16 | 14 | 12 | 10;
+    /**
+     * Set the line-height to a system-standard size.
+     */
+    lineHeight?: 64 | 40 | 32 | 28 | 24 | 22 | 20 | 16 | 13;
+    /**
+     * Set the color to a system-standard color: e.g. `active` for `@splunk/themes/variables.contentColorActive`.
+     */
+    color?: 'active' | 'default' | 'disabled' | 'inverted' | 'muted';
+    /**
+     * Set the font-weight to a system-standard value.
+     *
+     * Number or equivalent string can be used.
+     * See: [font-weight | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
+     */
+    weight?: 300 | 400 | 500 | 600 | 700 | 800 | 900 | 'light' | 'normal' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
+    /**
+     * Apply a reset to the element's margin and padding. This defaults to true if using a `variant`.
+     */
+    withReset?: boolean;
+}
+declare type TypographyProps = ComponentProps<TypographyPropsBase, TypographyElementTypes>;
+declare type AllTypographyParams = {
+    [P in keyof TypographyParams]-?: boolean;
+};
+/**
+ * Typography renders text content with styling based on the Splunk Design System.
+ */
+export declare function Typography({ children, as, elementRef, ...otherProps }: TypographyProps): JSX.Element;
+export declare namespace Typography {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        as: PropTypes.Validator<string>;
+        elementRef: PropTypes.Requireable<object>;
+        family: PropTypes.Requireable<string>;
+        variant: PropTypes.Requireable<"body" | "title1" | "title2" | "title3" | "title4" | "title5" | "title6" | "title7" | "largeBody" | "smallBody" | "footnote" | "monoBody" | "monoSmallBody">;
+        size: PropTypes.Requireable<number>;
+        lineHeight: PropTypes.Requireable<number>;
+        color: PropTypes.Requireable<string>;
+        weight: PropTypes.Requireable<React.ReactText>;
+        withReset: PropTypes.Requireable<boolean>;
+    };
+}
+export default Typography;
+export { AllTypographyParams };

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

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

package/types/src/Typography/docs/examples/Variants.d.ts

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

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

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

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

@@ -0,0 +1 @@
+export {};

package/types/src/fixtures/FetchOptions.d.ts

@@ -1,2 +1,82 @@
-export { default } from '@splunk/react-ui/FetchOptions';
-export * from '@splunk/react-ui/FetchOptions';
+import 'core-js/es/promise';
+declare type Movie = {
+    id: number;
+    title: string;
+};
+declare type MovieOption = Movie & {
+    matchRanges?: {
+        start: number;
+        end: number;
+    }[];
+};
+declare function isMovieOption(movie: Movie | MovieOption): movie is MovieOption;
+/**
+ * @param fetchTimeout: number - The number of milliseconds to defer fetching of options.
+ * @param fetchMoreTimeout: number - The number of milliseconds to defer fetching additional options.
+ * @param numberOfResults: number - Then mumber of options to retrieve per fetch.
+ */
+export default class FetchOptions {
+    private currentFetch;
+    private currentOptions;
+    private fetching;
+    private fetchMoreTimeout;
+    private fetchPromise?;
+    private fetchTimeout;
+    private filter?;
+    private firstIndex;
+    private lastIndex;
+    private list;
+    private numberOfResults;
+    private timer?;
+    constructor({ fetchTimeout, fetchMoreTimeout, numberOfResults }?: {
+        fetchTimeout?: number | undefined;
+        fetchMoreTimeout?: number | undefined;
+        numberOfResults?: number | undefined;
+    });
+    /**
+     * Fake fetches options from a server.
+     * @param filter: string - filter options.
+     * @param timeout: number - Number of milliseconds to defer fetch.
+     * @return A promise that will resolve based on the fetchTimeout value.
+     *         Returns array of new options.
+     */
+    fetch(filter?: string, timeout?: number): Promise<MovieOption[]>;
+    /**
+     * Increases searching index for new options and runs fetch.
+     * @param currentOptions: array - Append options to given array.
+     * @return A promise that will resolve based on the fetchTimeout value.
+     *         Returns array of new options appended to currentOptions.
+     */
+    fetchMore(currentOptions?: MovieOption[]): Promise<MovieOption[]>;
+    private concatAndFilter;
+    private filterResults;
+    /**
+     * Resets firstIndex, LastIndex, currentOptions and list to default values.
+     */
+    reset(): void;
+    /** Cancels pending fetch promises. */
+    stop(): void;
+    /**
+     * @return Option of given value;
+     */
+    getOption: (value: number) => {
+        id: number;
+        title: string;
+    } | undefined;
+    /**
+     * @return Options of given values;
+     */
+    getSelectedOptions: (values: number[]) => {
+        id: number;
+        title: string;
+    }[];
+    /**
+     * Get current length of indexes fetched.
+     */
+    getCurrentCount: () => number;
+    /**
+     * Get full count of all possible items fetched.
+     */
+    getFullCount: () => number;
+}
+export { isMovieOption, Movie, MovieOption };

package/usePrevious.js

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