@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

package/lib/cjs/core-react/UiCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiCore.d.ts","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKlD;;;GAGG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAYzE,oDAAoD;WACtC,SAAS;IASvB,gDAAgD;IAChD,WAAkB,WAAW,IAAI,OAAO,CAAgC;IAExE,mEAAmE;IACnE,WAAkB,YAAY,IAAI,YAAY,CAI7C;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAQvD,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}

package/lib/cjs/core-react/UiCore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAA0E;AAE1E,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,MAAM,2BAAU,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QAC1C,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,2BAAU,CAAC,SAAS,EAAE,CAAC;QACvB,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE,mEAAmE;IAC5D,MAAM,KAAK,YAAY;QAC5B,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,wBAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;YACvB,qBAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,2EAA2E,CAAC,CAAC;YAC1H,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,YAAY,CAAC,+BAA+B,CAAC,MAAM,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;IAChG,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAlEH,wBAoEC;AAnEgB,mBAAY,GAAG,KAAK,CAAC","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\n/** Import color variables, layout variables and Sass classes barrel file */\nimport \"./colorthemes.scss\";\nimport \"./colorvariables.scss\";\nimport \"./layout-variables.scss\";\nimport \"./classes.scss\";\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Localization } from \"@itwin/core-common\";\nimport { getClassName, UiAbstract, UiError } from \"@itwin/appui-abstract\";\n\n// cSpell:ignore colorthemes colorvariables\n\n/**\n * Manages the Localization service for the core-react package.\n * @public\n */\nexport class UiCore {\n  private static _initialized = false;\n  private static _localization?: Localization;\n\n  /**\n   * Registers the Localization service namespace for UiCore. Also initializes UiAbstract.\n   * @param localization The internationalization service created by the application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiCore._initialized) {\n      Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\n      return;\n    }\n\n    UiCore._localization = localization;\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\n    await UiAbstract.initialize(localization);\n    UiCore._initialized = true;\n  }\n\n  /** Unregisters the UiCore localization namespace */\n  public static terminate() {\n    if (UiCore._localization)\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\n    UiCore._localization = undefined;\n\n    UiAbstract.terminate();\n    UiCore._initialized = false;\n  }\n\n  /** Determines if UiCore has been initialized */\n  public static get initialized(): boolean { return UiCore._initialized; }\n\n  /** The internationalization service created by the application. */\n  public static get localization(): Localization {\n    if (!UiCore._localization)\n      throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\n    return UiCore._localization;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiCore\";\n  }\n\n  /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiCore.initialized) {\n      Logger.logError(UiCore.loggerCategory(this), `translate: UiCore.initialize has not been called. Returning blank string.`);\n      return \"\";\n    }\n    return UiCore.localization.getLocalizedStringWithNamespace(UiCore.localizationNamespace, key);\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"core-react\";\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getClassName(obj);\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n\n}\n"]}

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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;
+//# sourceMappingURL=AutoSuggest.js.map

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

@@ -0,0 +1 @@
+{"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 * as ReactAutosuggest from \"react-autosuggest\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Data for the [[AutoSuggest]] options\n * @public\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 */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n */\nexport type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n */\nexport interface AutoSuggestProps extends React.InputHTMLAttributes<HTMLInputElement>, 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\n/** @internal */\ninterface AutoSuggestState {\n  inputValue: string;\n  suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n */\nexport class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {\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  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: AutoSuggestProps) {\n    if (this.props.value !== prevProps.value || this.props.options !== prevProps.options) {\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)\n      newValue = e.target.value;\n\n    this.setState({\n      inputValue: newValue,\n    });\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    // istanbul ignore else\n    if (this.props.onInputFocus)\n      this.props.onInputFocus(e);\n  };\n\n  /** Autosuggest will call this function every time you need to update suggestions. */\n  private _onSuggestionsFetchRequested = async (request: ReactAutosuggest.SuggestionsFetchRequestedParams): Promise<void> => {\n    const value = request.value;\n    const suggestions = await this._getSuggestions(value);\n\n    if (this._isMounted)\n      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 && this.props.onSuggestionsClearRequested();\n  };\n\n  private _onSuggestionSelected = (_event: React.FormEvent<any>, data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>): 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 (value: string): Promise<AutoSuggestData[]> => {\n    if (typeof this.props.options === \"function\")\n      return Promise.resolve(this.props.options(value));\n\n    if (this.props.getSuggestions)\n      return this.props.getSuggestions(value);\n\n    if (this.props.options === undefined) {\n      Logger.logError(UiCore.loggerCategory(this), `props.options or props.getSuggestions should be provided`);\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      /* istanbul ignore next */[] :\n        this.props.options.filter((data: AutoSuggestData) => {\n          return data.label.toLowerCase().includes(inputValue) || data.value.toLowerCase().includes(inputValue);\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) => suggestion.label;\n\n  /** Render each suggestion. */\n  private _renderSuggestion = (suggestion: AutoSuggestData) => (\n    <span>\n      {suggestion.label}\n    </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((data: AutoSuggestData) => data.value === value);\n      if (entry)\n        label = entry.label;\n    } else {\n      Logger.logError(UiCore.loggerCategory(this), `props.getLabel should be provided when props.options is a function`);\n    }\n\n    return label;\n  }\n\n  private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case SpecialKey.Enter:\n        // istanbul ignore else\n        if (this.props.onPressEnter)\n          this.props.onPressEnter(e);\n        break;\n      case SpecialKey.Escape:\n        // istanbul ignore else\n        if (this.props.onPressEscape)\n          this.props.onPressEscape(e);\n        break;\n      case SpecialKey.Tab:\n        // istanbul ignore else\n        if (this.props.onPressTab)\n          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(): JSX.Element {\n    const { inputValue, suggestions } = this.state;\n    const { value, onChange, placeholder, options, onSuggestionSelected, setFocus, alwaysRenderSuggestions, // eslint-disable-line @typescript-eslint/no-unused-vars\n      onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, // eslint-disable-line @typescript-eslint/no-unused-vars\n      getSuggestions,  // eslint-disable-line deprecation/deprecation, @typescript-eslint/no-unused-vars\n      renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested,  // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...props } = 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    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 className={this.props.className} style={this.props.style} onKeyDown={this._handleKeyDown}>\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={renderInputComponent}\n          renderSuggestionsContainer={renderSuggestionsContainer}\n        />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,83 @@
+/*---------------------------------------------------------------------------------------------
+* 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 "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/variables";
+@import "~@itwin/itwinui-css/scss/inputs/input";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.uicore-autosuggest__container {
+  position: relative;
+}
+
+.uicore-autosuggest__input {
+  @include iui-input;
+  min-height: $uicore-component-height-normal;
+  padding: $uicore-iui-input-padding;
+}
+
+.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;
+  top: 24px;
+  width: 100%;
+  border: 1px solid $buic-inputs-border;
+  background-color: $buic-background-control;
+  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: $buic-row-selection;
+}
+
+.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: $iui-font-size-small;
+  color: $buic-background-table-header;
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,GAAG,EAAE,GAAG,CAAC;CACV;AAED;;GAEG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,OAAO;CAOtC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wBAAsB;AACtB,2CAAoC;AACpC,+BAA+B;AAC/B,kDAA+C;AAU/C;;GAEG;AACH,MAAa,KAAM,SAAQ,KAAK,CAAC,aAAyB;IACxC,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrF,oBAAC,qBAAS,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CAC9B,CACP,CAAC;IACJ,CAAC;CACF;AARD,sBAQC","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 \"./Badge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { SvgSprite } from \"../icons/SvgSprite\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Badge]] React component\n * @internal\n */\nexport interface BadgeProps extends CommonProps {\n  svg: any;\n}\n\n/** Beta Badge React component\n * @internal\n */\nexport class Badge extends React.PureComponent<BadgeProps> {\n  public override render(): JSX.Element {\n    return (\n      <div className={classnames(\"core-badge\", this.props.className)} style={this.props.style}>\n        <SvgSprite src={this.props.svg} />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeUtilities.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeUtilities.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD;;GAEG;AACH,qBAAa,cAAc;IACzB,iDAAiD;WACnC,wBAAwB,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS;CAqB/E"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeUtilities.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeUtilities.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAkD;AAClD,2CAAwC;AACxC,yCAAsC;AAEtC;;GAEG;AACH,MAAa,cAAc;IACzB,iDAAiD;IAC1C,MAAM,CAAC,wBAAwB,CAAC,SAAqB;QAC1D,IAAI,SAAS,KAAK,SAAS;YACzB,OAAO,SAAS,CAAC;QAEnB,IAAI,SAA0B,CAAC;QAE/B,QAAQ,SAAS,EAAE;YACjB,KAAK,0BAAS,CAAC,gBAAgB;gBAC7B,SAAS,GAAG,oBAAC,qBAAS,OAAG,CAAC;gBAC1B,MAAM;YACR,KAAK,0BAAS,CAAC,GAAG;gBAChB,SAAS,GAAG,oBAAC,mBAAQ,OAAG,CAAC;gBACzB,MAAM;YACR,KAAK,0BAAS,CAAC,IAAI;gBACjB,SAAS,GAAG,SAAS,CAAC;gBACtB,MAAM;SACT;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CAEF;AAvBD,wCAuBC","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 { BadgeType } from \"@itwin/appui-abstract\";\nimport { BetaBadge } from \"./BetaBadge\";\nimport { NewBadge } from \"./NewBadge\";\n\n/** Converts BetaType to Badge React component\n * @internal\n */\nexport class BadgeUtilities {\n  /** Converts BetaType to Badge React component */\n  public static getComponentForBadgeType(badgeType?: BadgeType): React.ReactNode {\n    if (badgeType === undefined)\n      return undefined;\n\n    let component: React.ReactNode;\n\n    switch (badgeType) {\n      case BadgeType.TechnicalPreview:\n        component = <BetaBadge />;\n        break;\n      case BadgeType.New:\n        component = <NewBadge />;\n        break;\n      case BadgeType.None:\n        component = undefined;\n        break;\n    }\n\n    return component;\n  }\n\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,eAS3C"}

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

@@ -0,0 +1,24 @@
+"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.BetaBadge = void 0;
+require("./BetaBadge.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const Badge_1 = require("./Badge");
+const technical_preview_badge_svg_sprite_1 = require("./technical-preview-badge.svg?sprite");
+/** Beta Badge React component
+ * @internal
+ */
+function BetaBadge(props) {
+    const className = (0, classnames_1.default)("core-badge-betaBadge", props.className);
+    return React.createElement(Badge_1.Badge, { ...props, svg: technical_preview_badge_svg_sprite_1.default, className: className });
+}
+exports.BetaBadge = BetaBadge;
+//# sourceMappingURL=BetaBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BetaBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAE/B,mCAAgC;AAChC,6FAAiE;AAEjE;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAkB;IAC1C,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EACjD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,oBAAC,aAAK,OACP,KAAK,EACT,GAAG,EAAE,4CAAa,EAClB,SAAS,EAAE,SAAS,GACpB,CAAC;AACL,CAAC;AATD,8BASC","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 \"./BetaBadge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Badge } from \"./Badge\";\nimport betaBadgeIcon from \"./technical-preview-badge.svg?sprite\";\n\n/** Beta Badge React component\n * @internal\n */\nexport function BetaBadge(props: CommonProps) {\n  const className = classnames(\"core-badge-betaBadge\",\n    props.className,\n  );\n  return <Badge\n    {...props}\n    svg={betaBadgeIcon}\n    className={className}\n  />;\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,iBAAiB,CAAC;AAGzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,eAG1C"}

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

@@ -0,0 +1,24 @@
+"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.NewBadge = void 0;
+require("./NewBadge.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const Badge_1 = require("./Badge");
+const new_feature_badge_svg_sprite_1 = require("./new-feature-badge.svg?sprite");
+/** New Badge React component
+ * @internal
+ */
+function NewBadge(props) {
+    const { className, ...badgeProps } = props;
+    return React.createElement(Badge_1.Badge, { ...badgeProps, className: (0, classnames_1.default)("core-new-badge", className), svg: new_feature_badge_svg_sprite_1.default });
+}
+exports.NewBadge = NewBadge;
+//# sourceMappingURL=NewBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2BAAyB;AACzB,2CAAoC;AACpC,+BAA+B;AAE/B,mCAAgC;AAChC,iFAA0D;AAE1D;;GAEG;AACH,SAAgB,QAAQ,CAAC,KAAkB;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,oBAAC,aAAK,OAAK,UAAU,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,sCAAY,GAAI,CAAC;AAC1G,CAAC;AAHD,4BAGC","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 \"./NewBadge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Badge } from \"./Badge\";\nimport newBadgeIcon from \"./new-feature-badge.svg?sprite\";\n\n/** New Badge React component\n * @internal\n */\nexport function NewBadge(props: CommonProps) {\n  const { className, ...badgeProps } = props;\n  return <Badge {...badgeProps} className={classnames(\"core-new-badge\", className)} svg={newBadgeIcon} />;\n}\n"]}

package/lib/cjs/core-react/base/Centered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,eAE7C"}

package/lib/cjs/core-react/base/Centered.js

@@ -0,0 +1,21 @@
+"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 Base
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Centered = void 0;
+const React = require("react");
+const Div_1 = require("./Div");
+/** Centered React functional component.
+ * Displays content centered vertically and horizontally.
+ * @public
+ */
+function Centered(props) {
+    return React.createElement(Div_1.Div, { ...props, mainClassName: "uicore-centered" });
+}
+exports.Centered = Centered;
+//# sourceMappingURL=Centered.js.map

package/lib/cjs/core-react/base/Centered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centered.js","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,+BAA4B;AAE5B;;;GAGG;AACH,SAAgB,QAAQ,CAAC,KAAqB;IAC5C,OAAO,oBAAC,SAAG,OAAK,KAAK,EAAE,aAAa,EAAC,iBAAiB,GAAG,CAAC;AAC5D,CAAC;AAFD,4BAEC","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 Base\n */\n\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Centered React functional component.\n * Displays content centered vertically and horizontally.\n * @public\n */\nexport function Centered(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-centered\" />;\n}\n"]}

package/lib/cjs/core-react/base/Div.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,eAQlC"}

package/lib/cjs/core-react/base/Div.js

@@ -0,0 +1,21 @@
+"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 Base
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Div = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+/** Base div element React component
+ * @public
+ */
+function Div(props) {
+    const { mainClassName, className, style, children, ...divProps } = props;
+    return (React.createElement("div", { ...divProps, className: (0, classnames_1.default)(mainClassName, className), style: style }, children));
+}
+exports.Div = Div;
+//# sourceMappingURL=Div.js.map

package/lib/cjs/core-react/base/Div.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAW/B;;GAEG;AACH,SAAgB,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL,gCAAS,QAAQ,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,aAAa,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAC7E,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AARD,kBAQC","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 Base\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\n\n/** Properties for the [[Div]] component\n * @public\n */\nexport interface DivProps extends CommonDivProps {\n  /** Main CSS class name */\n  mainClassName: string;\n}\n\n/** Base div element React component\n * @public\n */\nexport function Div(props: DivProps) {\n  const { mainClassName, className, style, children, ...divProps } = props;\n\n  return (\n    <div {...divProps} className={classnames(mainClassName, className)} style={style} >\n      {children}\n    </div>\n  );\n}\n"]}

package/lib/cjs/core-react/base/DivWithOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivWithOutsideClick.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsE,CAAC"}

package/lib/cjs/core-react/base/DivWithOutsideClick.js

@@ -0,0 +1,17 @@
+"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 Base
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DivWithOutsideClick = void 0;
+const React = require("react");
+const withOnOutsideClick_1 = require("../hocs/withOnOutsideClick");
+/** Div element with Outside Click behavior
+ * @public
+ */
+exports.DivWithOutsideClick = (0, withOnOutsideClick_1.withOnOutsideClick)((props) => (React.createElement("div", { ...props }))); // eslint-disable-line @typescript-eslint/naming-convention
+//# sourceMappingURL=DivWithOutsideClick.js.map

package/lib/cjs/core-react/base/DivWithOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivWithOutsideClick.js","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,mEAAgE;AAGhE;;GAEG;AACU,QAAA,mBAAmB,GAAG,IAAA,uCAAkB,EAAC,CAAC,KAAqB,EAAE,EAAE,CAAC,CAAC,gCAAS,KAAK,GAAI,CAAC,CAAC,CAAC,CAAC,2DAA2D","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 Base\n */\n\nimport * as React from \"react\";\nimport { withOnOutsideClick } from \"../hocs/withOnOutsideClick\";\nimport { CommonDivProps } from \"../utils/Props\";\n\n/** Div element with Outside Click behavior\n * @public\n */\nexport const DivWithOutsideClick = withOnOutsideClick((props: CommonDivProps) => (<div {...props} />)); // eslint-disable-line @typescript-eslint/naming-convention\n"]}

package/lib/cjs/core-react/base/FillCentered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillCentered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,eAEjD"}

package/lib/cjs/core-react/base/FillCentered.js

@@ -0,0 +1,21 @@
+"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 Base
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FillCentered = void 0;
+const React = require("react");
+const Div_1 = require("./Div");
+/** Full height & width and centered React functional component.
+ * Displays content centered vertically and horizontally and has a height and width of 100%.
+ * @public
+ */
+function FillCentered(props) {
+    return React.createElement(Div_1.Div, { ...props, mainClassName: "uicore-fill-centered" });
+}
+exports.FillCentered = FillCentered;
+//# sourceMappingURL=FillCentered.js.map

package/lib/cjs/core-react/base/FillCentered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillCentered.js","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,+BAA4B;AAE5B;;;GAGG;AACH,SAAgB,YAAY,CAAC,KAAqB;IAChD,OAAO,oBAAC,SAAG,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACjE,CAAC;AAFD,oCAEC","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 Base\n */\n\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Full height & width and centered React functional component.\n * Displays content centered vertically and horizontally and has a height and width of 100%.\n * @public\n */\nexport function FillCentered(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-fill-centered\" />;\n}\n"]}

package/lib/cjs/core-react/base/FlexWrapContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexWrapContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,eAEtD"}