@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "5.0.0-beta.5",
+  "version": "5.0.0-rc.2",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -45,8 +45,8 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@react-spring/web": "^9.7.5",
-    "@splunk/react-icons": "5.0.0-beta.5",
-    "@splunk/themes": "1.0.0-beta.5",
+    "@splunk/react-icons": "5.0.0-rc.2",
+    "@splunk/themes": "1.0.0-rc.2",
     "@splunk/ui-utils": "^1.8.0",
     "decimal.js-light": "^2.2.3",
     "lodash": "^4.17.14",
@@ -61,9 +61,9 @@
     "@babel/core": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/docs-gen": "1.0.0-beta.14.v5.3",
+    "@splunk/docs-gen": "1.0.0-rc.2",
     "@splunk/eslint-config": "^5.0.0",
-    "@splunk/react-docs": "1.0.0-beta.22.v5",
+    "@splunk/react-docs": "1.0.0-rc.2",
     "@splunk/stylelint-config": "^5.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^7.0.2",
@@ -75,10 +75,11 @@
     "@storybook/react-webpack5": "^7.6.17",
     "@storybook/test-runner": "0.16.0",
     "@testing-library/cypress": "^9.0.0",
-    "@testing-library/jest-dom": "^5.16.1",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^26.0.0",
     "@types/lodash": "^4.14.156",
     "@types/node": "^10.17.26",

package/types/src/Code/Code.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
-type CodeSupportedLanguages = 'bash' | 'clike' | 'css' | 'html' | 'json' | 'javascript' | 'js' | 'jsx' | 'typescript' | 'ts' | 'tsx' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'splunk-spl' | 'svg' | 'text' | 'txt' | 'xml' | 'yaml' | 'yml';
+type CodeSupportedLanguages = 'bash' | 'clike' | 'css' | 'html' | 'json' | 'javascript' | 'js' | 'jsx' | 'typescript' | 'ts' | 'tsx' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'splunk-spl' | 'sql' | 'svg' | 'text' | 'txt' | 'xml' | 'yaml' | 'yml';
 interface CodePropsBase {
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.

package/types/src/Color/Color.d.ts

@@ -22,7 +22,7 @@ interface ColorPropsBase {
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
-    elementRef?: React.Ref<HTMLButtonElement>;
+    elementRef?: React.Ref<HTMLDivElement>;
     /** Add an error attribute. */
     error?: boolean;
     /**
@@ -64,7 +64,7 @@ interface ColorPropsBaseUncontrolled extends ColorPropsBase {
     defaultValue?: string | null;
     value?: never;
 }
-type ColorProps = ComponentProps<ColorPropsBaseControlled | ColorPropsBaseUncontrolled, 'button'>;
+type ColorProps = ComponentProps<ColorPropsBaseControlled | ColorPropsBaseUncontrolled, 'div'>;
 declare function Color({ append, defaultValue, disabled, describedBy, elementRef, error, hideInput, labelledBy, name, onChange, palette, prepend, required, value: valueProp, ...otherProps }: ColorProps): React.JSX.Element;
 declare namespace Color {
     var propTypes: {

package/types/src/ControlGroup/ControlGroup.d.ts

@@ -15,8 +15,7 @@ interface ControlGroupPropsBase {
     /**
      * Highlight the control group as having an error and optionally provide error text.
      * If error text is provided, displays it below the control.
-     * The label will turn red, and the help text will turn red if error text was not provided.
-     * Child components will not turn red.
+     * In addition to passing this prop, set the error prop on child components.
      */
     error?: boolean | string;
     help?: React.ReactNode;

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

@@ -14,6 +14,8 @@ type DropdownPlacement = 'above' | 'below' | 'left' | 'right' | 'vertical' | 'ho
 /** @public */
 type DropdownPlacementStatus = 'above' | 'below' | 'left' | 'right' | 'misaligned';
 /** @public */
+type DropdownPossibleOpenReason = 'toggleClick' | 'toggleKeydown';
+/** @public */
 type DropdownPossibleCloseReason = 'clickAway' | 'contentClick' | 'escapeKey' | 'offScreen' | 'tabKey' | 'toggleClick';
 /** @public */
 type DropdownRequestCloseHandler = (data: {
@@ -22,7 +24,7 @@ type DropdownRequestCloseHandler = (data: {
 }) => void;
 /** @public */
 type DropdownRequestOpenHandler = (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, data: {
-    reason: 'toggleClick' | 'toggleKeydown';
+    reason: DropdownPossibleOpenReason;
 }) => void;
 /** @public */
 type DropdownToggleElement = React.ReactElement<React.HTMLAttributes<HTMLElement> & {
@@ -147,7 +149,8 @@ declare namespace Dropdown {
         takeFocus: PropTypes.Requireable<boolean>;
         toggle: PropTypes.Validator<PropTypes.ReactElementLike>;
     };
+    var possibleOpenReasons: DropdownPossibleOpenReason[];
     var possibleCloseReasons: DropdownPossibleCloseReason[];
 }
 export default Dropdown;
-export type { DropdownChildrenRenderer, DropdownPlacement, DropdownPlacementStatus, DropdownPossibleCloseReason, DropdownRequestCloseHandler, DropdownRequestOpenHandler, DropdownToggleElement, };
+export type { DropdownChildrenRenderer, DropdownPlacement, DropdownPlacementStatus, DropdownPossibleOpenReason, DropdownPossibleCloseReason, DropdownRequestCloseHandler, DropdownRequestOpenHandler, DropdownToggleElement, };

package/types/src/Layer/Layer.d.ts

@@ -28,4 +28,5 @@ declare const Layer: JSXElementConstructor<LayerProps> & {
     propTypes: React.WeakValidationMap<LayerProps>;
 };
 export default Layer;
-export { LayerProps, LayerPossibleCloseReason, LayerRequestCloseHandler };
+export { LayerProps, LayerRequestCloseHandler };
+export type { LayerPossibleCloseReason };

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

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

package/types/src/ModalLayer/ModalLayer.d.ts

@@ -1,4 +1,5 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 interface AdditionalInterpolationProperties {
     top?: number;
 }
@@ -16,12 +17,12 @@ interface ModalLayerPropsBase {
      */
     childrenInAnimation?: boolean;
     /**
-     * A function that returns a default style object for react-spring. The values will be
+     * A function that returns a default style object for the animation. The values will be
      * used as initial values.
      */
     getDefaultMotionStyle?: () => AdditionalInterpolationProperties;
     /**
-     * A function that returns a react-spring style object. The resulting interpolated style
+     * A function that returns a style object. The resulting interpolated style
      * will be passed to `renderModal`.
      */
     getMotionStyle?: () => AdditionalInterpolationProperties;
@@ -35,7 +36,7 @@ interface ModalLayerPropsBase {
      */
     open?: boolean;
     /**
-     * Function that renders the modal. It is passed the current style object as interpolated by react-spring,
+     * Function that renders the modal. It is passed the current style object as interpolated by the animation,
      * and is expected to return renderable content.
      */
     renderModal: ModalLayerRenderModalHandler;
@@ -45,23 +46,17 @@ interface ModalLayerPropsBase {
      */
     scrim?: 'visible' | 'hidden' | 'interactive';
 }
-declare const defaultProps: Required<Pick<ModalLayerPropsBase, 'childrenInAnimation' | 'open' | 'scrim'>>;
-type ModalLayerProps = ModalLayerPropsBase & typeof defaultProps;
-interface ModalLayerState {
-    animating: boolean;
-    prevOpen: boolean;
-}
-declare class ModalLayer extends Component<ModalLayerProps, ModalLayerState> {
-    static propTypes: React.WeakValidationMap<ModalLayerProps>;
-    static defaultProps: Required<Pick<ModalLayerPropsBase, "open" | "childrenInAnimation" | "scrim">>;
-    static getDerivedStateFromProps(nextProps: Readonly<ModalLayerProps>, prevState: ModalLayerState): Partial<ModalLayerState> | null;
-    private allowAnimationUpdates;
-    constructor(props: Readonly<ModalLayerProps>);
-    componentWillUnmount(): void;
-    private handleClickAway;
-    private handleAnimationEnd;
-    private renderLayer;
-    render(): React.JSX.Element;
+declare function ModalLayer({ childrenInAnimation, getDefaultMotionStyle, getMotionStyle, onRequestClose, open, renderModal, scrim, }: ModalLayerPropsBase): React.JSX.Element;
+declare namespace ModalLayer {
+    var propTypes: {
+        childrenInAnimation: PropTypes.Requireable<boolean>;
+        getDefaultMotionStyle: PropTypes.Requireable<(...args: any[]) => any>;
+        getMotionStyle: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestClose: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        renderModal: PropTypes.Validator<(...args: any[]) => any>;
+        scrim: PropTypes.Requireable<string>;
+    };
 }
 export default ModalLayer;
 export { ModalLayerRequestCloseHandler, ModalLayerRenderModalHandler };

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

@@ -37,7 +37,7 @@ interface NumberPropsBase {
      */
     elementRef?: React.Ref<HTMLDivElement>;
     /**
-     * Highlight the field as having an error. The border and text will turn red.
+     * Highlight the field as having an error.
      */
     error?: boolean;
     /**

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

@@ -66,8 +66,10 @@ interface PopoverPropsBase {
      */
     animationConfig?: SpringConfig;
     /**
-     * `'normal'` is the default appearance. `'inverted'` is used in Enterprise themes for Tooltips.
-     * `'none'` is a transparent box.
+     * `'normal'` is the default appearance.`'none'` is a transparent box.
+     *
+     * @deprecatedValue 'inverted'
+     * The 'inverted' value is deprecated and will be removed in a future major version.
      */
     appearance?: 'normal' | 'inverted' | 'none';
     /**
@@ -177,6 +179,7 @@ declare namespace Popover {
         takeFocus: PropTypes.Requireable<boolean>;
         splunkTheme: PropTypes.Requireable<object>;
     };
+    var possibleCloseReasons: PopoverPossibleCloseReason[];
 }
 export default Popover;
 export type { PopoverChildrenRenderer, PopoverPlacement, PopoverPlacementStatus, PopoverPossibleCloseReason, PopoverRequestCloseHandler, };

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

@@ -75,6 +75,10 @@ interface HeadCellPropsBase {
      * The `sortKey` is passed in the data object to the `onSort` callback, if provided.
      */
     sortKey?: string;
+    /**
+     * Content to show in a tooltip.
+     */
+    tooltip?: React.ReactNode;
     /**
      * Truncate the text in the label. `truncate=false` is not compatible with `Table`'s
      * `onRequestResize`.
@@ -94,7 +98,7 @@ interface HeadCellPropsBase {
     variant?: 'toggleAll' | 'info' | 'actions';
 }
 type HeadCellProps = ComponentProps<HeadCellPropsBase, 'th'>;
-declare function HeadCell({ align, appearClickable, children, columnId, elementRef, dragId, headCellScreenReaderText, id, index, onAutosizeColumn, onClick, onKeyDown, onRequestMoveColumn, onRequestResize, onSort, resizable, sortDir, sortKey, style, truncate: truncateProp, variant, visible, width, ...otherProps }: HeadCellProps): React.JSX.Element;
+declare function HeadCell({ align, appearClickable, children, columnId, elementRef, dragId, headCellScreenReaderText, id, index, onAutosizeColumn, onClick, onKeyDown, onRequestMoveColumn, onRequestResize, onSort, resizable, sortDir, sortKey, style, tooltip, truncate: truncateProp, variant, visible, width, ...otherProps }: HeadCellProps): React.JSX.Element;
 declare namespace HeadCell {
     var propTypes: {
         align: PropTypes.Requireable<string>;
@@ -124,6 +128,7 @@ declare namespace HeadCell {
         resizable: PropTypes.Requireable<boolean>;
         sortDir: PropTypes.Requireable<string>;
         sortKey: PropTypes.Requireable<string>;
+        tooltip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         truncate: PropTypes.Requireable<boolean>;
         /** @private. */
         variant: PropTypes.Requireable<string>;

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

@@ -10,6 +10,7 @@ interface HeadInnerPropsBase {
     columnId?: string;
     elementRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;
     focusWithin?: boolean;
+    hasTooltip?: boolean;
     id?: string;
     index?: number;
     isMenu?: boolean;
@@ -23,7 +24,7 @@ interface HeadInnerPropsBase {
     variant?: 'toggleAll' | 'info' | 'actions';
 }
 type HeadInnerProps = ComponentProps<HeadInnerPropsBase, 'div'>;
-declare function HeadInner({ align, clickable, columnId, elementRef, focusWithin, id, index, isMenu, label, onAutosizeColumn, onRequestResize, resizable, sortDir, truncate, variant, width: widthProp, ...otherProps }: HeadInnerProps): React.JSX.Element;
+declare function HeadInner({ align, clickable, columnId, elementRef, focusWithin, hasTooltip, id, index, isMenu, label, onAutosizeColumn, onRequestResize, resizable, sortDir, truncate, variant, width: widthProp, ...otherProps }: HeadInnerProps): React.JSX.Element;
 declare namespace HeadInner {
     var propTypes: {
         align: PropTypes.Requireable<string>;
@@ -31,6 +32,7 @@ declare namespace HeadInner {
         columnId: PropTypes.Requireable<string>;
         elementRef: PropTypes.Requireable<object>;
         focusWithin: PropTypes.Requireable<boolean>;
+        hasTooltip: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
         index: PropTypes.Requireable<number>;
         isMenu: PropTypes.Requireable<boolean>;

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

@@ -1,18 +1,17 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { PopoverPossibleCloseReason } from '@splunk/react-ui/Popover';
 import { ComponentProps } from '../utils/types';
 /** @public */
-type openReasons = 'focusToggle' | 'mouseEnterPopover' | 'mouseEnterToggle' | 'mouseEnterHitArea';
+type TooltipPossibleOpenReason = 'focusToggle' | 'mouseEnterPopover' | 'mouseEnterToggle' | 'mouseEnterHitArea';
 /** @public */
-type closeReasons = 'blurToggle' | 'clickAway' | 'escapeKey' | 'mouseLeaveHitArea' | 'mouseLeavePopover' | 'mouseLeaveToggle' | 'mouseStopHitArea' | 'offScreen' | 'tabKey' | 'toggleClick';
+type TooltipPossibleCloseReason = 'blurToggle' | 'clickAway' | 'escapeKey' | 'mouseLeaveHitArea' | 'mouseLeavePopover' | 'mouseLeaveToggle' | 'mouseStopHitArea' | 'offScreen' | 'tabKey' | 'toggleClick';
 /** @public */
 type TooltipRequestCloseHandler = (event: React.FocusEvent<HTMLSpanElement> | React.MouseEvent | MouseEvent | null, data: {
-    reason: closeReasons;
+    reason: TooltipPossibleCloseReason;
 }) => void;
 /** @public */
 type TooltipRequestOpenHandler = (event: React.FocusEvent<HTMLSpanElement> | MouseEvent, data: {
-    reason: openReasons;
+    reason: TooltipPossibleOpenReason;
 }) => void;
 interface AnchorProps {
     onFocus: React.FocusEventHandler<HTMLElement>;
@@ -117,7 +116,6 @@ interface TooltipPropsBase {
      */
     renderAnchor?: (props: AnchorProps) => React.ReactNode;
 }
-declare const closeReasons: PopoverPossibleCloseReason[];
 type TooltipProps = ComponentProps<TooltipPropsBase, 'span'>;
 /**
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
@@ -143,7 +141,9 @@ declare namespace Tooltip {
         openDelay: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         renderAnchor: PropTypes.Requireable<(...args: any[]) => any>;
     };
+    var possibleOpenReasons: TooltipPossibleOpenReason[];
+    var possibleCloseReasons: TooltipPossibleCloseReason[];
 }
 export default Tooltip;
 export { TooltipRequestCloseHandler, TooltipRequestOpenHandler };
-export type { TooltipPropsBase };
+export type { AnchorProps, TooltipPropsBase, TooltipPossibleOpenReason, TooltipPossibleCloseReason, };

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

@@ -0,0 +1,33 @@
+import 'core-js/es/promise';
+type Movie = {
+    id: number;
+    title: string;
+};
+type MovieOption = Movie & {
+    matchRanges?: {
+        start: number;
+        end: number;
+    }[];
+};
+declare function isMovieOption(movie: Movie | MovieOption): movie is MovieOption;
+interface FetchOptionsParams {
+    fetchTimeout?: number;
+    fetchMoreTimeout?: number;
+    numberOfResults?: number;
+}
+/**
+ * @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 number of options to retrieve per fetch.
+ */
+export default function useFetchOptions({ fetchTimeout, fetchMoreTimeout, numberOfResults, }?: FetchOptionsParams): {
+    fetch: (filter?: string, timeout?: number) => Promise<MovieOption[]>;
+    fetchMore: (opts?: MovieOption[]) => Promise<MovieOption[]>;
+    reset: () => void;
+    stop: () => void;
+    getOption: (value: number) => Movie | undefined;
+    getSelectedOptions: (values: number[]) => Movie[];
+    getCurrentCount: () => number;
+    getFullCount: () => number;
+};
+export { isMovieOption, Movie, MovieOption };

package/useRovingFocus.js

@@ -46,16 +46,14 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ i
+        default: () => /* reexport */ u
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
     const n = require("@splunk/ui-utils/focus");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const a = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: ./src/useRovingFocus/useRovingFocus.tsx
-    var o = {
+    var a = {
         enableLoop: false,
         orientation: "horizontal",
         enableTab: false,
@@ -80,49 +78,48 @@
  *     <button type="button">second</button>
  * </div>
  * ```
- */    function u() {
+ */    function o() {
         var e = (0, r.useRef)(0);
         var t = (0, r.useRef)([]);
-        var u = function r(n) {
+        var o = function r(n) {
             e.current = n;
             t.current.forEach((function(t, r) {
                 return r === e.current ? t.removeAttribute("tabindex") : t.setAttribute("tabindex", "-1");
             }));
         };
-        var i = function r(a) {
+        var u = function r(a) {
             t.current = a != null ? (0, n.getSortedTabbableElements)(a, {
                 ignoreTabIndex: true
             }) : [];
-            u(e.current);
+            o(e.current);
         };
-        var c = function e(r) {
+        var i = function e(r) {
             var n = r.relatedTarget instanceof Element && t.current.includes(r.relatedTarget);
             if (!n) {
-                u(0);
+                o(0);
             }
         };
-        var l = function e(r) {
+        var c = function e(r) {
             var n = r.target instanceof Element ? t.current.indexOf(r.target) : -1;
             if (n >= 0) {
-                u(n);
+                o(n);
             }
         };
-        var f = function e(r) {
-            var u = t.current.includes(r.nativeEvent.target);
-            /*  Only apply focus if we are among the navigable items in this container */            if (r.nativeEvent.target instanceof HTMLElement && u) {
-                var i = t.current.indexOf(r.nativeEvent.target);
-                var c = (0, a.keycode)(r.nativeEvent);
-                (0, n.handleFocus)(c, t.current, i, o);
+        var l = function e(r) {
+            var o = t.current.includes(r.nativeEvent.target);
+            /*  Only apply focus if we are among the navigable items in this container */            if (r.nativeEvent.target instanceof HTMLElement && o) {
+                var u = t.current.indexOf(r.nativeEvent.target);
+                (0, n.handleFocus)(r.key, t.current, u, a);
             }
         };
         return {
-            ref: i,
-            onBlur: c,
-            onFocus: l,
-            onKeyDown: f
+            ref: u,
+            onBlur: i,
+            onFocus: c,
+            onKeyDown: l
         };
     }
-    /* harmony default export */    const i = u;
+    /* harmony default export */    const u = o;
     // CONCATENATED MODULE: ./src/useRovingFocus/index.ts
     module.exports = t;
     /******/})();

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

@@ -1,76 +0,0 @@
-import 'core-js/es/promise';
-type Movie = {
-    id: number;
-    title: string;
-};
-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) => Movie | undefined;
-    /**
-     * @return Options of given values;
-     */
-    getSelectedOptions: (values: number[]) => Movie[];
-    /**
-     * Get current length of indexes fetched.
-     */
-    getCurrentCount: () => number;
-    /**
-     * Get full count of all possible items fetched.
-     */
-    getFullCount: () => number;
-}
-export { isMovieOption, Movie, MovieOption };