@itwin/core-react 4.0.0-dev.9 → 4.0.1

package/lib/cjs/core-react/autosuggest/AutoSuggest.d.ts

@@ -1,97 +1,97 @@
-/** @packageDocumentation
- * @module AutoSuggest
- */
-import "./AutoSuggest.scss";
-import * as React from "react";
-import * as ReactAutosuggest from "react-autosuggest";
-import { CommonProps } from "../utils/Props";
-/** Data for the [[AutoSuggest]] options
- * @public
- */
-export interface AutoSuggestData {
-    /** Value of [[AutoSuggest]] option. */
-    value: string;
-    /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */
-    label: string;
-}
-/** Prototype for function returning AutoSuggestData
- * @public
- */
-export declare type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];
-/** Prototype for async function returning AutoSuggestData
- * @public
- */
-export declare type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;
-/** Properties for the [[AutoSuggest]] component.
- * @public
- */
-export interface AutoSuggestProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
-    /** Optional input value override. */
-    value?: string;
-    /** Options for dropdown. */
-    options?: AutoSuggestData[] | GetAutoSuggestDataFunc;
-    /** Asynchronously calculate suggestions for any given input value. */
-    getSuggestions?: AsyncGetAutoSuggestDataFunc;
-    /** Gets a label associated with a given value */
-    getLabel?: (value: string | undefined) => string;
-    /** Handler for when suggested selected. */
-    onSuggestionSelected: (selected: AutoSuggestData) => void;
-    /** Handler for Enter key. */
-    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Handler for Escape key. */
-    onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Handler for Tab key. */
-    onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Handler for input receiving focus. */
-    onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    /** Called every time you need to clear suggestions. */
-    onSuggestionsClearRequested?: () => void;
-    /** Indicates whether to set focus to the input element */
-    setFocus?: boolean;
-    /** Use it only if you need to customize the rendering of the input.
-     * @internal
-     */
-    renderInputComponent?: any;
-    /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.
-     * @internal
-     */
-    renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;
-    /** @internal */
-    alwaysRenderSuggestions?: boolean;
-}
-/** @internal */
-interface AutoSuggestState {
-    inputValue: string;
-    suggestions: AutoSuggestData[];
-}
-/** Auto Suggest React component. Uses the react-autosuggest component internally.
- * @public
- */
-export declare class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {
-    private _isMounted;
-    constructor(props: AutoSuggestProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: AutoSuggestProps): void;
-    private _onChange;
-    private _onFocus;
-    /** Autosuggest will call this function every time you need to update suggestions. */
-    private _onSuggestionsFetchRequested;
-    /** Autosuggest will call this function every time you need to clear suggestions. */
-    private _onSuggestionsClearRequested;
-    private _onSuggestionSelected;
-    /** Teach Autosuggest how to calculate suggestions for any given input value. */
-    private _getSuggestions;
-    /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
-    private _getSuggestionValue;
-    /** Render each suggestion. */
-    private _renderSuggestion;
-    private getLabel;
-    private _handleKeyDown;
-    private _theme;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module AutoSuggest
+ */
+import "./AutoSuggest.scss";
+import * as React from "react";
+import * as ReactAutosuggest from "react-autosuggest";
+import { CommonProps } from "../utils/Props";
+/** Data for the [[AutoSuggest]] options
+ * @public
+ */
+export interface AutoSuggestData {
+    /** Value of [[AutoSuggest]] option. */
+    value: string;
+    /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */
+    label: string;
+}
+/** Prototype for function returning AutoSuggestData
+ * @public
+ */
+export type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];
+/** Prototype for async function returning AutoSuggestData
+ * @public
+ */
+export type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;
+/** Properties for the [[AutoSuggest]] component.
+ * @public
+ */
+export interface AutoSuggestProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
+    /** Optional input value override. */
+    value?: string;
+    /** Options for dropdown. */
+    options?: AutoSuggestData[] | GetAutoSuggestDataFunc;
+    /** Asynchronously calculate suggestions for any given input value. */
+    getSuggestions?: AsyncGetAutoSuggestDataFunc;
+    /** Gets a label associated with a given value */
+    getLabel?: (value: string | undefined) => string;
+    /** Handler for when suggested selected. */
+    onSuggestionSelected: (selected: AutoSuggestData) => void;
+    /** Handler for Enter key. */
+    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Handler for Escape key. */
+    onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Handler for Tab key. */
+    onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Handler for input receiving focus. */
+    onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Called every time you need to clear suggestions. */
+    onSuggestionsClearRequested?: () => void;
+    /** Indicates whether to set focus to the input element */
+    setFocus?: boolean;
+    /** Use it only if you need to customize the rendering of the input.
+     * @internal
+     */
+    renderInputComponent?: any;
+    /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.
+     * @internal
+     */
+    renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;
+    /** @internal */
+    alwaysRenderSuggestions?: boolean;
+}
+/** @internal */
+interface AutoSuggestState {
+    inputValue: string;
+    suggestions: AutoSuggestData[];
+}
+/** Auto Suggest React component. Uses the react-autosuggest component internally.
+ * @public
+ */
+export declare class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {
+    private _isMounted;
+    constructor(props: AutoSuggestProps);
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: AutoSuggestProps): void;
+    private _onChange;
+    private _onFocus;
+    /** Autosuggest will call this function every time you need to update suggestions. */
+    private _onSuggestionsFetchRequested;
+    /** Autosuggest will call this function every time you need to clear suggestions. */
+    private _onSuggestionsClearRequested;
+    private _onSuggestionSelected;
+    /** Teach Autosuggest how to calculate suggestions for any given input value. */
+    private _getSuggestions;
+    /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
+    private _getSuggestionValue;
+    /** Render each suggestion. */
+    private _renderSuggestion;
+    private getLabel;
+    private _handleKeyDown;
+    private _theme;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=AutoSuggest.d.ts.map

package/lib/cjs/core-react/autosuggest/AutoSuggest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/core-react/autosuggest/AutoSuggest.js

@@ -1,175 +1,175 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module AutoSuggest
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoSuggest = void 0;
-require("./AutoSuggest.scss");
-const React = require("react");
-const ReactAutosuggest = require("react-autosuggest");
-const core_bentley_1 = require("@itwin/core-bentley");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const UiCore_1 = require("../UiCore");
-/** Auto Suggest React component. Uses the react-autosuggest component internally.
- * @public
- */
-class AutoSuggest extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._isMounted = false;
-        this._onChange = (e) => {
-            let newValue = "";
-            if (e.target.tagName === "LI" && e.target.textContent)
-                newValue = e.target.textContent;
-            else if (e.target.value)
-                newValue = e.target.value;
-            this.setState({
-                inputValue: newValue,
-            });
-        };
-        this._onFocus = (e) => {
-            // istanbul ignore else
-            if (this.props.onInputFocus)
-                this.props.onInputFocus(e);
-        };
-        /** Autosuggest will call this function every time you need to update suggestions. */
-        this._onSuggestionsFetchRequested = async (request) => {
-            const value = request.value;
-            const suggestions = await this._getSuggestions(value);
-            if (this._isMounted)
-                this.setState({ suggestions });
-        };
-        /** Autosuggest will call this function every time you need to clear suggestions. */
-        this._onSuggestionsClearRequested = () => {
-            this.setState({ suggestions: [] });
-            this.props.onSuggestionsClearRequested && this.props.onSuggestionsClearRequested();
-        };
-        this._onSuggestionSelected = (_event, data) => {
-            this.props.onSuggestionSelected(data.suggestion);
-        };
-        /** Teach Autosuggest how to calculate suggestions for any given input value. */
-        this._getSuggestions = async (value) => {
-            if (typeof this.props.options === "function")
-                return Promise.resolve(this.props.options(value));
-            if (this.props.getSuggestions)
-                return this.props.getSuggestions(value);
-            if (this.props.options === undefined) {
-                core_bentley_1.Logger.logError(UiCore_1.UiCore.loggerCategory(this), `props.options or props.getSuggestions should be provided`);
-                return Promise.resolve([]);
-            }
-            const inputValue = value.trim().toLowerCase();
-            const inputLength = inputValue.length;
-            return Promise.resolve(inputLength === 0 ?
-                /* istanbul ignore next */ [] :
-                this.props.options.filter((data) => {
-                    return data.label.toLowerCase().includes(inputValue) || data.value.toLowerCase().includes(inputValue);
-                }));
-        };
-        /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
-        this._getSuggestionValue = (suggestion) => suggestion.label;
-        /** Render each suggestion. */
-        this._renderSuggestion = (suggestion) => (React.createElement("span", null, suggestion.label));
-        this._handleKeyDown = (e) => {
-            switch (e.key) {
-                case appui_abstract_1.SpecialKey.Enter:
-                    // istanbul ignore else
-                    if (this.props.onPressEnter)
-                        this.props.onPressEnter(e);
-                    break;
-                case appui_abstract_1.SpecialKey.Escape:
-                    // istanbul ignore else
-                    if (this.props.onPressEscape)
-                        this.props.onPressEscape(e);
-                    break;
-                case appui_abstract_1.SpecialKey.Tab:
-                    // istanbul ignore else
-                    if (this.props.onPressTab)
-                        this.props.onPressTab(e);
-                    break;
-            }
-        };
-        this._theme = {
-            container: "uicore-autosuggest__container",
-            containerOpen: "uicore-autosuggest__container--open",
-            input: "uicore-autosuggest__input",
-            inputOpen: "uicore-autosuggest__input--open",
-            inputFocused: "uicore-autosuggest__input--focused",
-            suggestionsContainer: "uicore-autosuggest__suggestions-container",
-            suggestionsContainerOpen: "uicore-autosuggest__suggestions-container--open",
-            suggestionsList: "uicore-autosuggest__suggestions-list",
-            suggestion: "uicore-autosuggest__suggestion",
-            suggestionFirst: "uicore-autosuggest__suggestion--first",
-            suggestionHighlighted: "uicore-autosuggest__suggestion--highlighted",
-            sectionContainer: "uicore-autosuggest__section-container",
-            sectionContainerFirst: "uicore-autosuggest__section-container--first",
-            sectionTitle: "uicore-autosuggest__section-title",
-        };
-        // Autosuggest is a controlled component.
-        // This means that you need to provide an input value
-        // and an onChange handler that updates this value (see below).
-        // Suggestions also need to be provided to the Autosuggest,
-        // and they are initially empty because the Autosuggest is closed.
-        this.state = {
-            inputValue: this.getLabel(props.value),
-            suggestions: [],
-        };
-    }
-    /** @internal */
-    componentDidMount() {
-        this._isMounted = true;
-    }
-    /** @internal */
-    componentWillUnmount() {
-        this._isMounted = false;
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.value !== prevProps.value || this.props.options !== prevProps.options) {
-            this.setState((_prevState, props) => ({
-                inputValue: this.getLabel(props.value),
-            }));
-        }
-    }
-    getLabel(value) {
-        let label = "";
-        if (this.props.getLabel) {
-            label = this.props.getLabel(value);
-        }
-        else if (this.props.options instanceof Array) {
-            const entry = this.props.options.find((data) => data.value === value);
-            if (entry)
-                label = entry.label;
-        }
-        else {
-            core_bentley_1.Logger.logError(UiCore_1.UiCore.loggerCategory(this), `props.getLabel should be provided when props.options is a function`);
-        }
-        return label;
-    }
-    render() {
-        const { inputValue, suggestions } = this.state;
-        const { value, onChange, placeholder, options, onSuggestionSelected, setFocus, alwaysRenderSuggestions, // eslint-disable-line @typescript-eslint/no-unused-vars
-        onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, // eslint-disable-line @typescript-eslint/no-unused-vars
-        getSuggestions, // eslint-disable-line deprecation/deprecation, @typescript-eslint/no-unused-vars
-        renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested, // eslint-disable-line @typescript-eslint/no-unused-vars
-        ...props } = this.props;
-        const inputPlaceholder = (!inputValue) ? placeholder : undefined;
-        const inputProps = {
-            ...props,
-            value: inputValue,
-            onChange: this._onChange,
-            onFocus: this._onFocus,
-            placeholder: inputPlaceholder,
-            autoFocus: setFocus,
-        };
-        return (
-        // The onKeyDown event handler is only being used to capture bubbled events
-        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        React.createElement("div", { className: this.props.className, style: this.props.style, onKeyDown: this._handleKeyDown },
-            React.createElement(ReactAutosuggest, { theme: this._theme, suggestions: suggestions, onSuggestionsFetchRequested: this._onSuggestionsFetchRequested, onSuggestionsClearRequested: this._onSuggestionsClearRequested, getSuggestionValue: this._getSuggestionValue, renderSuggestion: this._renderSuggestion, inputProps: inputProps, onSuggestionSelected: this._onSuggestionSelected, alwaysRenderSuggestions: alwaysRenderSuggestions, renderInputComponent: renderInputComponent, renderSuggestionsContainer: renderSuggestionsContainer })));
-    }
-}
-exports.AutoSuggest = AutoSuggest;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AutoSuggest
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoSuggest = void 0;
+require("./AutoSuggest.scss");
+const React = require("react");
+const ReactAutosuggest = require("react-autosuggest");
+const core_bentley_1 = require("@itwin/core-bentley");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const UiCore_1 = require("../UiCore");
+/** Auto Suggest React component. Uses the react-autosuggest component internally.
+ * @public
+ */
+class AutoSuggest extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._isMounted = false;
+        this._onChange = (e) => {
+            let newValue = "";
+            if (e.target.tagName === "LI" && e.target.textContent)
+                newValue = e.target.textContent;
+            else if (e.target.value)
+                newValue = e.target.value;
+            this.setState({
+                inputValue: newValue,
+            });
+        };
+        this._onFocus = (e) => {
+            // istanbul ignore else
+            if (this.props.onInputFocus)
+                this.props.onInputFocus(e);
+        };
+        /** Autosuggest will call this function every time you need to update suggestions. */
+        this._onSuggestionsFetchRequested = async (request) => {
+            const value = request.value;
+            const suggestions = await this._getSuggestions(value);
+            if (this._isMounted)
+                this.setState({ suggestions });
+        };
+        /** Autosuggest will call this function every time you need to clear suggestions. */
+        this._onSuggestionsClearRequested = () => {
+            this.setState({ suggestions: [] });
+            this.props.onSuggestionsClearRequested && this.props.onSuggestionsClearRequested();
+        };
+        this._onSuggestionSelected = (_event, data) => {
+            this.props.onSuggestionSelected(data.suggestion);
+        };
+        /** Teach Autosuggest how to calculate suggestions for any given input value. */
+        this._getSuggestions = async (value) => {
+            if (typeof this.props.options === "function")
+                return Promise.resolve(this.props.options(value));
+            if (this.props.getSuggestions)
+                return this.props.getSuggestions(value);
+            if (this.props.options === undefined) {
+                core_bentley_1.Logger.logError(UiCore_1.UiCore.loggerCategory(this), `props.options or props.getSuggestions should be provided`);
+                return Promise.resolve([]);
+            }
+            const inputValue = value.trim().toLowerCase();
+            const inputLength = inputValue.length;
+            return Promise.resolve(inputLength === 0 ?
+                /* istanbul ignore next */ [] :
+                this.props.options.filter((data) => {
+                    return data.label.toLowerCase().includes(inputValue) || data.value.toLowerCase().includes(inputValue);
+                }));
+        };
+        /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
+        this._getSuggestionValue = (suggestion) => suggestion.label;
+        /** Render each suggestion. */
+        this._renderSuggestion = (suggestion) => (React.createElement("span", null, suggestion.label));
+        this._handleKeyDown = (e) => {
+            switch (e.key) {
+                case appui_abstract_1.SpecialKey.Enter:
+                    // istanbul ignore else
+                    if (this.props.onPressEnter)
+                        this.props.onPressEnter(e);
+                    break;
+                case appui_abstract_1.SpecialKey.Escape:
+                    // istanbul ignore else
+                    if (this.props.onPressEscape)
+                        this.props.onPressEscape(e);
+                    break;
+                case appui_abstract_1.SpecialKey.Tab:
+                    // istanbul ignore else
+                    if (this.props.onPressTab)
+                        this.props.onPressTab(e);
+                    break;
+            }
+        };
+        this._theme = {
+            container: "uicore-autosuggest__container",
+            containerOpen: "uicore-autosuggest__container--open",
+            input: "iui-input uicore-autosuggest__input",
+            inputOpen: "uicore-autosuggest__input--open",
+            inputFocused: "uicore-autosuggest__input--focused",
+            suggestionsContainer: "uicore-autosuggest__suggestions-container",
+            suggestionsContainerOpen: "uicore-autosuggest__suggestions-container--open",
+            suggestionsList: "uicore-autosuggest__suggestions-list",
+            suggestion: "uicore-autosuggest__suggestion",
+            suggestionFirst: "uicore-autosuggest__suggestion--first",
+            suggestionHighlighted: "uicore-autosuggest__suggestion--highlighted",
+            sectionContainer: "uicore-autosuggest__section-container",
+            sectionContainerFirst: "uicore-autosuggest__section-container--first",
+            sectionTitle: "uicore-autosuggest__section-title",
+        };
+        // Autosuggest is a controlled component.
+        // This means that you need to provide an input value
+        // and an onChange handler that updates this value (see below).
+        // Suggestions also need to be provided to the Autosuggest,
+        // and they are initially empty because the Autosuggest is closed.
+        this.state = {
+            inputValue: this.getLabel(props.value),
+            suggestions: [],
+        };
+    }
+    /** @internal */
+    componentDidMount() {
+        this._isMounted = true;
+    }
+    /** @internal */
+    componentWillUnmount() {
+        this._isMounted = false;
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.value !== prevProps.value || this.props.options !== prevProps.options) {
+            this.setState((_prevState, props) => ({
+                inputValue: this.getLabel(props.value),
+            }));
+        }
+    }
+    getLabel(value) {
+        let label = "";
+        if (this.props.getLabel) {
+            label = this.props.getLabel(value);
+        }
+        else if (this.props.options instanceof Array) {
+            const entry = this.props.options.find((data) => data.value === value);
+            if (entry)
+                label = entry.label;
+        }
+        else {
+            core_bentley_1.Logger.logError(UiCore_1.UiCore.loggerCategory(this), `props.getLabel should be provided when props.options is a function`);
+        }
+        return label;
+    }
+    render() {
+        const { inputValue, suggestions } = this.state;
+        const { value, onChange, placeholder, options, onSuggestionSelected, setFocus, alwaysRenderSuggestions, // eslint-disable-line @typescript-eslint/no-unused-vars
+        onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, // eslint-disable-line @typescript-eslint/no-unused-vars
+        getSuggestions, // eslint-disable-line deprecation/deprecation, @typescript-eslint/no-unused-vars
+        renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested, // eslint-disable-line @typescript-eslint/no-unused-vars
+        ...props } = this.props;
+        const inputPlaceholder = (!inputValue) ? placeholder : undefined;
+        const inputProps = {
+            ...props,
+            value: inputValue,
+            onChange: this._onChange,
+            onFocus: this._onFocus,
+            placeholder: inputPlaceholder,
+            autoFocus: setFocus,
+        };
+        return (
+        // The onKeyDown event handler is only being used to capture bubbled events
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React.createElement("div", { className: this.props.className, style: this.props.style, onKeyDown: this._handleKeyDown },
+            React.createElement(ReactAutosuggest, { theme: this._theme, suggestions: suggestions, onSuggestionsFetchRequested: this._onSuggestionsFetchRequested, onSuggestionsClearRequested: this._onSuggestionsClearRequested, getSuggestionValue: this._getSuggestionValue, renderSuggestion: this._renderSuggestion, inputProps: inputProps, onSuggestionSelected: this._onSuggestionSelected, alwaysRenderSuggestions: alwaysRenderSuggestions, renderInputComponent: renderInputComponent, renderSuggestionsContainer: renderSuggestionsContainer })));
+    }
+}
+exports.AutoSuggest = AutoSuggest;
 //# sourceMappingURL=AutoSuggest.js.map