@itwin/core-react 4.17.0 → 5.0.0-dev.2

package/lib/cjs/core-react/_scrollbar.scss

@@ -1,55 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "./style/themecolors.scss";
-
-$uicore-scrollbar-width: 12px;
-$uicore-scrollbar-padding: 2px;
-
-@mixin uicore-scrollbar(
-  $color: $buic-background-scrollbar,
-  $width: $uicore-scrollbar-width,
-  $padding: $uicore-scrollbar-padding
-) {
-  &::-webkit-scrollbar {
-    width: $width;
-    height: $width;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: $width;
-    background-color: $color;
-    background-clip: content-box;
-    border-style: solid;
-    border-color: transparent;
-    border-width: $padding;
-
-    &:hover {
-      background-color: $buic-background-scrollbar-hover;
-    }
-  }
-
-  &::-webkit-scrollbar-corner {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-track-piece:corner-present {
-    margin-bottom: -2 * $padding;
-    margin-right: -2 * $padding;
-  }
-}
-
-@mixin uicore-hidden-scrollbar {
-  &::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-}
-
-@mixin uicore-touch-scrolling {
-  @supports (-webkit-overflow-scrolling: touch) {
-    overflow-y: scroll; /* overflow-y has to be scroll, not auto */
-    -webkit-overflow-scrolling: touch;
-  }
-}

package/lib/cjs/core-react/_typography.scss

@@ -1,44 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "./style/opacity.scss";
-
-$title-weight: var(--iui-font-weight-normal);
-$title-size: var(--iui-font-size-2);
-$title-opacity: $uicore-opacity-1;
-
-$body-weight: var(--iui-font-weight-light);
-$body-size: var(--iui-font-size-1);
-$body-opacity: $uicore-opacity-2;
-
-$body1-weight: var(--iui-font-weight-normal);
-$body1-size: var(--iui-font-size-1);
-$body1-opacity: $uicore-opacity-2;
-
-@mixin title($rgb: unset) {
-  font-weight: $title-weight;
-  font-size: $title-size;
-
-  @if $rgb != unset {
-    color: rgba($rgb, $title-opacity);
-  }
-}
-
-@mixin body($rgb: unset) {
-  font-weight: $body-weight;
-  font-size: $body-size;
-
-  @if $rgb != unset {
-    color: rgba($rgb, $body-opacity);
-  }
-}
-
-@mixin body1($rgb: unset) {
-  font-weight: $body1-weight;
-  font-size: $body1-size;
-
-  @if $rgb != unset {
-    color: rgba($rgb, $body1-opacity);
-  }
-}

package/lib/cjs/core-react/_z-index.scss

@@ -1,47 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "_helpers";
-
-// Order matters, last is top-most on screen.
-$uicore-internal-z-index-layers: view-overlay, view-content-dialog,
-  content-card-popup, widget-grip, drop-target, dragged-widget, zone-target,
-  zone-outline, toolbar-panels, tool-settings-popup, status-overflow-popup,
-  status-popup, modal-frontstage-overlay, modal-frontstage, dialog, dialog-popup,
-  status-message, tooltip, context-menu-z, dragdrop, cursor-overlay, drag-target,
-  drag-preview, backstage-overlay, backstage, keyin-palette-overlay;
-
-$uicore-z-index-step: 1000;
-
-@function uicore-internal-get-next-z-index-step($counter) {
-  @return $counter + $uicore-z-index-step;
-}
-
-$uicore-internal-z-index-layer-map: uicore-map-from-array-with-result-arg(
-  $uicore-internal-z-index-layers,
-  get-function(uicore-internal-get-next-z-index-step),
-  0
-);
-
-// Use this to get z-index value
-@function uicore-get-z-index($layer) {
-  @if map_has_key($uicore-internal-z-index-layer-map, $layer) {
-    @return map-get($uicore-internal-z-index-layer-map, $layer);
-  } @else {
-    @error "Failed to get z-index for $layer: #{$layer}";
-  }
-}
-
-// Use this to add z-index property
-@mixin uicore-z-index($layer) {
-  z-index: uicore-get-z-index($layer);
-}
-
-// Use this to add a CSS variable for each z-index layer
-@mixin uicore-z-index-variables() {
-  @each $layer in $uicore-internal-z-index-layers {
-    $z-index: uicore-get-z-index($layer);
-    --uicore-z-index-#{$layer}: #{$z-index};
-  }
-}

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

@@ -1,99 +0,0 @@
-/** @packageDocumentation
- * @module AutoSuggest
- */
-import "./AutoSuggest.scss";
-import * as React from "react";
-import ReactAutosuggest from "react-autosuggest";
-import type { CommonProps } from "../utils/Props";
-/** Data for the [[AutoSuggest]] options
- * @public
- * @deprecated in 4.16.0. Used in a deprecated interface {@link AutoSuggestProps}.
- */
-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
- * @deprecated in 4.16.0. Used in a deprecated interface {@link AutoSuggestProps}.
- */
-export type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];
-/** Prototype for async function returning AutoSuggestData
- * @public
- * @deprecated in 4.16.0. Used in a deprecated interface {@link AutoSuggestProps}.
- */
-export type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;
-/** Properties for the [[AutoSuggest]] component.
- * @public
- * @deprecated in 4.16.0. Props of deprecated {@link AutoSuggest} component.
- */
-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;
-}
-interface AutoSuggestState {
-    inputValue: string;
-    suggestions: AutoSuggestData[];
-}
-/** Auto Suggest React component. Uses the react-autosuggest component internally.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/ iTwinUI components} instead.
- */
-export declare class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {
-    private _isMounted;
-    constructor(props: AutoSuggestProps);
-    componentDidMount(): void;
-    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(): React.ReactElement;
-}
-export {};
-//# sourceMappingURL=AutoSuggest.d.ts.map

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

@@ -1 +0,0 @@
-{"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,174 +0,0 @@
-"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 core_bentley_1 = require("@itwin/core-bentley");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const react_autosuggest_1 = require("react-autosuggest");
-const ts_key_enum_1 = require("ts-key-enum");
-const UiCore_1 = require("../UiCore");
-/** Auto Suggest React component. Uses the react-autosuggest component internally.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/ iTwinUI components} instead.
- */
-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) => {
-            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
-                ? []
-                : 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 ts_key_enum_1.Key.Enter.valueOf():
-                    if (this.props.onPressEnter)
-                        this.props.onPressEnter(e);
-                    break;
-                case ts_key_enum_1.Key.Escape.valueOf():
-                    if (this.props.onPressEscape)
-                        this.props.onPressEscape(e);
-                    break;
-                case ts_key_enum_1.Key.Tab.valueOf():
-                    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: [],
-        };
-    }
-    componentDidMount() {
-        this._isMounted = true;
-    }
-    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, onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, getSuggestions, renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested, ...props } = this.props;
-        const inputPlaceholder = !inputValue ? placeholder : undefined;
-        const inputProps = {
-            ...props,
-            value: inputValue,
-            onChange: this._onChange,
-            onFocus: this._onFocus,
-            placeholder: inputPlaceholder,
-            autoFocus: setFocus,
-        };
-        const defaultRenderInputComponent = (renderInputProps) => {
-            const { size, ...other } = renderInputProps;
-            return React.createElement(itwinui_react_1.Input, { ...other });
-        };
-        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(react_autosuggest_1.default, { 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 || defaultRenderInputComponent, renderSuggestionsContainer: renderSuggestionsContainer })));
-    }
-}
-exports.AutoSuggest = AutoSuggest;
-//# sourceMappingURL=AutoSuggest.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AutoSuggest.js","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AutoSuggest\n */\n\nimport \"./AutoSuggest.scss\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport ReactAutosuggest from \"react-autosuggest\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Data for the [[AutoSuggest]] options\n * @public\n * @deprecated in 4.16.0. Used in a deprecated interface {@link AutoSuggestProps}.\n */\nexport interface AutoSuggestData {\n  /** Value of [[AutoSuggest]] option. */\n  value: string;\n  /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */\n  label: string;\n}\n\n/** Prototype for function returning AutoSuggestData\n * @public\n * @deprecated in 4.16.0. Used in a deprecated interface {@link AutoSuggestProps}.\n */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n * @deprecated in 4.16.0. Used in a deprecated interface {@link AutoSuggestProps}.\n */\nexport type AsyncGetAutoSuggestDataFunc = (\n  value: string\n) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link AutoSuggest} component.\n */\nexport interface AutoSuggestProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    CommonProps {\n  /** Optional input value override. */\n  value?: string;\n  /** Options for dropdown. */\n  options?: AutoSuggestData[] | GetAutoSuggestDataFunc;\n  /** Asynchronously calculate suggestions for any given input value. */\n  getSuggestions?: AsyncGetAutoSuggestDataFunc;\n  /** Gets a label associated with a given value */\n  getLabel?: (value: string | undefined) => string;\n  /** Handler for when suggested selected. */\n  onSuggestionSelected: (selected: AutoSuggestData) => void;\n  /** Handler for Enter key. */\n  onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Escape key. */\n  onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Tab key. */\n  onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for input receiving focus. */\n  onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  /** Called every time you need to clear suggestions. */\n  onSuggestionsClearRequested?: () => void;\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n\n  /** Use it only if you need to customize the rendering of the input.\n   * @internal\n   */\n  renderInputComponent?: any; // ReactAutosuggest.RenderInputComponent<AutoSuggestData>; NOTE: changed to \"any\" because build was failing with RenderInputComponent is not generic?\n  /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.\n   * @internal\n   */\n  renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;\n\n  /** @internal */\n  alwaysRenderSuggestions?: boolean;\n}\n\ninterface AutoSuggestState {\n  inputValue: string;\n  suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/ iTwinUI components} instead.\n */\nexport class AutoSuggest extends React.PureComponent<\n  AutoSuggestProps,\n  AutoSuggestState\n> {\n  private _isMounted = false;\n\n  constructor(props: AutoSuggestProps) {\n    super(props);\n\n    // Autosuggest is a controlled component.\n    // This means that you need to provide an input value\n    // and an onChange handler that updates this value (see below).\n    // Suggestions also need to be provided to the Autosuggest,\n    // and they are initially empty because the Autosuggest is closed.\n    this.state = {\n      inputValue: this.getLabel(props.value),\n      suggestions: [],\n    };\n  }\n\n  public override componentDidMount() {\n    this._isMounted = true;\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: AutoSuggestProps) {\n    if (\n      this.props.value !== prevProps.value ||\n      this.props.options !== prevProps.options\n    ) {\n      this.setState((_prevState, props) => ({\n        inputValue: this.getLabel(props.value),\n      }));\n    }\n  }\n\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let newValue = \"\";\n\n    if (e.target.tagName === \"LI\" && e.target.textContent)\n      newValue = e.target.textContent;\n    else if (e.target.value) newValue = e.target.value;\n\n    this.setState({\n      inputValue: newValue,\n    });\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onInputFocus) this.props.onInputFocus(e);\n  };\n\n  /** Autosuggest will call this function every time you need to update suggestions. */\n  private _onSuggestionsFetchRequested = async (\n    request: ReactAutosuggest.SuggestionsFetchRequestedParams\n  ): Promise<void> => {\n    const value = request.value;\n    const suggestions = await this._getSuggestions(value);\n\n    if (this._isMounted) this.setState({ suggestions });\n  };\n\n  /** Autosuggest will call this function every time you need to clear suggestions. */\n  private _onSuggestionsClearRequested = () => {\n    this.setState({ suggestions: [] });\n    this.props.onSuggestionsClearRequested &&\n      this.props.onSuggestionsClearRequested();\n  };\n\n  private _onSuggestionSelected = (\n    _event: React.FormEvent<any>,\n    data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>\n  ): void => {\n    this.props.onSuggestionSelected(data.suggestion);\n  };\n\n  /** Teach Autosuggest how to calculate suggestions for any given input value. */\n  private _getSuggestions = async (\n    value: string\n  ): Promise<AutoSuggestData[]> => {\n    if (typeof this.props.options === \"function\")\n      return Promise.resolve(this.props.options(value));\n\n    if (this.props.getSuggestions) return this.props.getSuggestions(value);\n\n    if (this.props.options === undefined) {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.options or props.getSuggestions should be provided`\n      );\n      return Promise.resolve([]);\n    }\n\n    const inputValue = value.trim().toLowerCase();\n    const inputLength = inputValue.length;\n\n    return Promise.resolve(\n      inputLength === 0\n        ? []\n        : this.props.options.filter((data: AutoSuggestData) => {\n            return (\n              data.label.toLowerCase().includes(inputValue) ||\n              data.value.toLowerCase().includes(inputValue)\n            );\n          })\n    );\n  };\n\n  /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */\n  private _getSuggestionValue = (suggestion: AutoSuggestData) =>\n    suggestion.label;\n\n  /** Render each suggestion. */\n  private _renderSuggestion = (suggestion: AutoSuggestData) => (\n    <span>{suggestion.label}</span>\n  );\n\n  private getLabel(value: string | undefined): string {\n    let label = \"\";\n\n    if (this.props.getLabel) {\n      label = this.props.getLabel(value);\n    } else if (this.props.options instanceof Array) {\n      const entry = this.props.options.find(\n        (data: AutoSuggestData) => data.value === value\n      );\n      if (entry) label = entry.label;\n    } else {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.getLabel should be provided when props.options is a function`\n      );\n    }\n\n    return label;\n  }\n\n  private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case Key.Enter.valueOf():\n        if (this.props.onPressEnter) this.props.onPressEnter(e);\n        break;\n      case Key.Escape.valueOf():\n        if (this.props.onPressEscape) this.props.onPressEscape(e);\n        break;\n      case Key.Tab.valueOf():\n        if (this.props.onPressTab) this.props.onPressTab(e);\n        break;\n    }\n  };\n\n  private _theme = {\n    container: \"uicore-autosuggest__container\",\n    containerOpen: \"uicore-autosuggest__container--open\",\n    input: \"uicore-autosuggest__input\",\n    inputOpen: \"uicore-autosuggest__input--open\",\n    inputFocused: \"uicore-autosuggest__input--focused\",\n    suggestionsContainer: \"uicore-autosuggest__suggestions-container\",\n    suggestionsContainerOpen: \"uicore-autosuggest__suggestions-container--open\",\n    suggestionsList: \"uicore-autosuggest__suggestions-list\",\n    suggestion: \"uicore-autosuggest__suggestion\",\n    suggestionFirst: \"uicore-autosuggest__suggestion--first\",\n    suggestionHighlighted: \"uicore-autosuggest__suggestion--highlighted\",\n    sectionContainer: \"uicore-autosuggest__section-container\",\n    sectionContainerFirst: \"uicore-autosuggest__section-container--first\",\n    sectionTitle: \"uicore-autosuggest__section-title\",\n  };\n\n  public override render(): React.ReactElement {\n    const { inputValue, suggestions } = this.state;\n    const {\n      value,\n      onChange,\n      placeholder,\n      options,\n      onSuggestionSelected,\n      setFocus,\n      alwaysRenderSuggestions,\n      onPressEnter,\n      onPressEscape,\n      onPressTab,\n      onInputFocus,\n      getLabel,\n      getSuggestions,\n      renderInputComponent,\n      renderSuggestionsContainer,\n      onSuggestionsClearRequested,\n      ...props\n    } = this.props;\n    const inputPlaceholder = !inputValue ? placeholder : undefined;\n\n    const inputProps: ReactAutosuggest.InputProps<AutoSuggestData> = {\n      ...props,\n      value: inputValue,\n      onChange: this._onChange,\n      onFocus: this._onFocus,\n      placeholder: inputPlaceholder,\n      autoFocus: setFocus,\n    };\n\n    const defaultRenderInputComponent: React.ComponentProps<\n      typeof ReactAutosuggest\n    >[\"renderInputComponent\"] = (renderInputProps) => {\n      const { size, ...other } = renderInputProps;\n      return <Input {...other} />;\n    };\n    return (\n      // The onKeyDown event handler is only being used to capture bubbled events\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        className={this.props.className}\n        style={this.props.style}\n        onKeyDown={this._handleKeyDown}\n      >\n        <ReactAutosuggest\n          theme={this._theme}\n          suggestions={suggestions}\n          onSuggestionsFetchRequested={this._onSuggestionsFetchRequested}\n          onSuggestionsClearRequested={this._onSuggestionsClearRequested}\n          getSuggestionValue={this._getSuggestionValue}\n          renderSuggestion={this._renderSuggestion}\n          inputProps={inputProps}\n          onSuggestionSelected={this._onSuggestionSelected}\n          alwaysRenderSuggestions={alwaysRenderSuggestions}\n          renderInputComponent={\n            renderInputComponent || defaultRenderInputComponent\n          }\n          renderSuggestionsContainer={renderSuggestionsContainer}\n        />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,79 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "../scrollbar";
-@import "../inputs/variables";
-
-.uicore-autosuggest__container {
-  position: relative;
-}
-
-.uicore-autosuggest__input {
-  min-height: 28px !important;
-  padding: $uicore-iui-input-padding !important;
-}
-
-.uicore-autosuggest__input--focused {
-  outline: none;
-}
-
-.uicore-autosuggest__input::-ms-clear {
-  display: none;
-}
-
-.uicore-autosuggest__input--open {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.uicore-autosuggest__suggestions-container {
-  display: none;
-}
-
-.uicore-autosuggest__suggestions-container--open {
-  display: block;
-  position: absolute;
-  width: 100%;
-  border: 1px solid var(--iui-color-border-foreground);
-  border-top: 0;
-  background-color: var(--iui-color-background);
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  box-sizing: border-box;
-  max-height: 400px;
-  overflow-y: auto;
-  z-index: 2;
-
-  @include uicore-touch-scrolling;
-  @include uicore-scrollbar();
-}
-
-.uicore-autosuggest__suggestions-list {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.uicore-autosuggest__suggestion {
-  cursor: pointer;
-  padding: 5px 10px;
-}
-
-.uicore-autosuggest__suggestion--highlighted {
-  background-color: var(--iui-color-background-accent-muted);
-}
-
-.uicore-autosuggest__section-container {
-  border-top: 1px dashed $buic-background-divider;
-}
-
-.uicore-autosuggest__section-container--first {
-  border-top: 0;
-}
-
-.uicore-autosuggest__section-title {
-  padding: 10px 0 0 10px;
-  font-size: var(--iui-font-size-0);
-  color: $buic-background-table-header;
-}

package/lib/cjs/core-react/badge/Badge.d.ts

@@ -1,17 +0,0 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-import type { BadgeKind } from "./BadgeType";
-import { BadgeType } from "./BadgeType";
-/** Properties for the {@link Badge} component.
- * @internal
- */
-export interface BadgeProps {
-    type?: BadgeType | BadgeKind;
-}
-/** Badge component that renders based on a badge type.
- * @internal
- */
-export declare function Badge({ type }: BadgeProps): React.JSX.Element | null;
-//# sourceMappingURL=Badge.d.ts.map

package/lib/cjs/core-react/badge/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,UAAU,4BAMzC"}

package/lib/cjs/core-react/badge/Badge.js

@@ -1,29 +0,0 @@
-"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 Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
-const React = require("react");
-const BadgeType_1 = require("./BadgeType");
-const TechnicalPreviewBadge_1 = require("./TechnicalPreviewBadge");
-const NewBadge_1 = require("./NewBadge");
-const DeprecatedBadge_1 = require("./DeprecatedBadge");
-/** Badge component that renders based on a badge type.
- * @internal
- */
-function Badge({ type }) {
-    if (type === BadgeType_1.BadgeType.TechnicalPreview || type === "technical-preview")
-        return React.createElement(TechnicalPreviewBadge_1.TechnicalPreviewBadge, null);
-    if (type === BadgeType_1.BadgeType.New || type === "new")
-        return React.createElement(NewBadge_1.NewBadge, null);
-    if (type === "deprecated")
-        return React.createElement(DeprecatedBadge_1.DeprecatedBadge, null);
-    return null;
-}
-exports.Badge = Badge;
-//# sourceMappingURL=Badge.js.map

package/lib/cjs/core-react/badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,2CAAwC;AACxC,mEAAgE;AAChE,yCAAsC;AACtC,uDAAoD;AAWpD;;GAEG;AACH,SAAgB,KAAK,CAAC,EAAE,IAAI,EAAc;IACxC,IAAI,IAAI,KAAK,qBAAS,CAAC,gBAAgB,IAAI,IAAI,KAAK,mBAAmB;QACrE,OAAO,oBAAC,6CAAqB,OAAG,CAAC;IACnC,IAAI,IAAI,KAAK,qBAAS,CAAC,GAAG,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,oBAAC,mBAAQ,OAAG,CAAC;IAClE,IAAI,IAAI,KAAK,YAAY;QAAE,OAAO,oBAAC,iCAAe,OAAG,CAAC;IACtD,OAAO,IAAI,CAAC;AACd,CAAC;AAND,sBAMC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport type { BadgeKind } from \"./BadgeType\";\nimport { BadgeType } from \"./BadgeType\";\nimport { TechnicalPreviewBadge } from \"./TechnicalPreviewBadge\";\nimport { NewBadge } from \"./NewBadge\";\nimport { DeprecatedBadge } from \"./DeprecatedBadge\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the {@link Badge} component.\n * @internal\n */\nexport interface BadgeProps {\n  type?: BadgeType | BadgeKind;\n}\n\n/** Badge component that renders based on a badge type.\n * @internal\n */\nexport function Badge({ type }: BadgeProps) {\n  if (type === BadgeType.TechnicalPreview || type === \"technical-preview\")\n    return <TechnicalPreviewBadge />;\n  if (type === BadgeType.New || type === \"new\") return <NewBadge />;\n  if (type === \"deprecated\") return <DeprecatedBadge />;\n  return null;\n}\n"]}

package/lib/cjs/core-react/badge/BadgeType.d.ts

@@ -1,19 +0,0 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import { BadgeType as _BadgeType } from "@itwin/appui-abstract";
-/** Specifies type of badge, if any, that should be overlaid on UI component.
- * @public
- * @deprecated in 4.16.0. Use {@link BadgeKind} string values instead.
- */
-export type BadgeType = _BadgeType;
-/** Specifies type of badge, if any, that should be overlaid on UI component.
- * @public
- * @deprecated in 4.16.0. Use {@link BadgeKind} string values instead.
- */
-export declare const BadgeType: typeof _BadgeType;
-/** Type of badge that should be overlaid on UI component.
- * @internal
- */
-export type BadgeKind = "technical-preview" | "new" | "deprecated" | (string & {});
-//# sourceMappingURL=BadgeType.d.ts.map

package/lib/cjs/core-react/badge/BadgeType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeType.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeType.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,SAAS,mBAAa,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB,mBAAmB,GACnB,KAAK,GACL,YAAY,GACZ,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC"}

package/lib/cjs/core-react/badge/BadgeType.js

@@ -1,17 +0,0 @@
-"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 Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeType = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
-/** Specifies type of badge, if any, that should be overlaid on UI component.
- * @public
- * @deprecated in 4.16.0. Use {@link BadgeKind} string values instead.
- */
-exports.BadgeType = appui_abstract_1.BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare
-//# sourceMappingURL=BadgeType.js.map

package/lib/cjs/core-react/badge/BadgeType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeType.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeType.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,0DAAgE;AAQhE;;;GAGG;AACU,QAAA,SAAS,GAAG,0BAAU,CAAC,CAAC,sDAAsD","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport { BadgeType as _BadgeType } from \"@itwin/appui-abstract\";\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n * @deprecated in 4.16.0. Use {@link BadgeKind} string values instead.\n */\nexport type BadgeType = _BadgeType;\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n * @deprecated in 4.16.0. Use {@link BadgeKind} string values instead.\n */\nexport const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare\n\n/** Type of badge that should be overlaid on UI component.\n * @internal\n */\nexport type BadgeKind =\n  | \"technical-preview\"\n  | \"new\"\n  | \"deprecated\"\n  | (string & {});\n"]}