@itwin/core-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/cjs/core-react/searchbox/SearchBox.js

@@ -1,110 +1,110 @@
-"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 SearchBox
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBox = void 0;
-require("./SearchBox.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const UiCore_1 = require("../UiCore");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-/**
- * Input box for entering text to search for.
- * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.
- * @public
- */
-class SearchBox extends React.Component {
-    constructor(props) {
-        super(props);
-        this._inputElement = null;
-        this._timeoutId = 0;
-        /** @internal */
-        this.state = { value: this.props.initialValue || "" };
-        /** Wrapper for onValueChanged to make sure we don't call search unless the new value is different from the previous value */
-        this._onValueChanged = (value, previousValue) => {
-            // istanbul ignore else
-            if (value === previousValue)
-                return;
-            this.setState((_prevState) => {
-                return {
-                    value,
-                };
-            }, () => { this.props.onValueChanged(this.state.value); });
-        };
-        this._trackChange = (_event) => {
-            let value = "";
-            const previousValue = this.state.value;
-            // istanbul ignore else
-            if (this._inputElement)
-                value = this._inputElement.value;
-            if (this.props.valueChangedDelay) {
-                this._unsetTimeout();
-                this._timeoutId = window.setTimeout(() => { this._onValueChanged(value, previousValue); }, this.props.valueChangedDelay);
-            }
-            else {
-                this._onValueChanged(value, previousValue);
-            }
-        };
-        this._handleKeyDown = (e) => {
-            switch (e.key) {
-                case appui_abstract_1.SpecialKey.Escape:
-                    // istanbul ignore else
-                    if (this.props.onEscPressed)
-                        this.props.onEscPressed();
-                    break;
-                case appui_abstract_1.SpecialKey.Enter:
-                    // istanbul ignore else
-                    if (this.props.onEnterPressed)
-                        this.props.onEnterPressed();
-                    break;
-            }
-        };
-        this._handleIconClick = (_event) => {
-            // istanbul ignore else
-            if (this._inputElement) {
-                const clear = this.state.value !== "";
-                this._inputElement.value = "";
-                // istanbul ignore else
-                if (clear && this.props.onClear)
-                    this.props.onClear();
-                this._inputElement.focus();
-            }
-            this._trackChange();
-        };
-        this._unsetTimeout = () => {
-            if (this._timeoutId) {
-                window.clearTimeout(this._timeoutId);
-                this._timeoutId = 0;
-            }
-        };
-    }
-    /** @internal */
-    render() {
-        const searchClassName = (0, classnames_1.default)("core-searchbox", this.props.className);
-        const emptyString = this.state.value === "";
-        const iconClassName = (0, classnames_1.default)("core-searchbox-icon", "icon", {
-            "icon-search": emptyString,
-            "icon-close": !emptyString,
-        });
-        const buttonTitle = UiCore_1.UiCore.translate(emptyString ? "general.search" : "general.clear");
-        return (React.createElement("div", { className: searchClassName, style: this.props.style, "data-testid": "core-searchbox-instance" },
-            React.createElement("input", { defaultValue: this.props.initialValue, ref: (el) => { this._inputElement = el; }, onChange: this._trackChange, onKeyDown: this._handleKeyDown, onPaste: this._trackChange, onCut: this._trackChange, placeholder: this.props.placeholder ? this.props.placeholder : UiCore_1.UiCore.translate("general.search"), role: "searchbox", "data-testid": "core-searchbox-input" }),
-            React.createElement("div", { className: "core-searchbox-button", onClick: this._handleIconClick, role: "button", tabIndex: -1, title: buttonTitle },
-                React.createElement("span", { className: iconClassName }))));
-    }
-    componentWillUnmount() {
-        this._unsetTimeout();
-    }
-    focus() {
-        // istanbul ignore else
-        if (this._inputElement)
-            this._inputElement.focus();
-    }
-}
-exports.SearchBox = SearchBox;
+"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 SearchBox
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBox = void 0;
+require("./SearchBox.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const UiCore_1 = require("../UiCore");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/**
+ * Input box for entering text to search for.
+ * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.
+ * @public
+ */
+class SearchBox extends React.Component {
+    constructor(props) {
+        super(props);
+        this._inputElement = null;
+        this._timeoutId = 0;
+        /** @internal */
+        this.state = { value: this.props.initialValue || "" };
+        /** Wrapper for onValueChanged to make sure we don't call search unless the new value is different from the previous value */
+        this._onValueChanged = (value, previousValue) => {
+            // istanbul ignore else
+            if (value === previousValue)
+                return;
+            this.setState((_prevState) => {
+                return {
+                    value,
+                };
+            }, () => { this.props.onValueChanged(this.state.value); });
+        };
+        this._trackChange = (_event) => {
+            let value = "";
+            const previousValue = this.state.value;
+            // istanbul ignore else
+            if (this._inputElement)
+                value = this._inputElement.value;
+            if (this.props.valueChangedDelay) {
+                this._unsetTimeout();
+                this._timeoutId = window.setTimeout(() => { this._onValueChanged(value, previousValue); }, this.props.valueChangedDelay);
+            }
+            else {
+                this._onValueChanged(value, previousValue);
+            }
+        };
+        this._handleKeyDown = (e) => {
+            switch (e.key) {
+                case appui_abstract_1.SpecialKey.Escape:
+                    // istanbul ignore else
+                    if (this.props.onEscPressed)
+                        this.props.onEscPressed();
+                    break;
+                case appui_abstract_1.SpecialKey.Enter:
+                    // istanbul ignore else
+                    if (this.props.onEnterPressed)
+                        this.props.onEnterPressed();
+                    break;
+            }
+        };
+        this._handleIconClick = (_event) => {
+            // istanbul ignore else
+            if (this._inputElement) {
+                const clear = this.state.value !== "";
+                this._inputElement.value = "";
+                // istanbul ignore else
+                if (clear && this.props.onClear)
+                    this.props.onClear();
+                this._inputElement.focus();
+            }
+            this._trackChange();
+        };
+        this._unsetTimeout = () => {
+            if (this._timeoutId) {
+                window.clearTimeout(this._timeoutId);
+                this._timeoutId = 0;
+            }
+        };
+    }
+    /** @internal */
+    render() {
+        const searchClassName = (0, classnames_1.default)("core-searchbox", this.props.className);
+        const emptyString = this.state.value === "";
+        const iconClassName = (0, classnames_1.default)("core-searchbox-icon", "icon", {
+            "icon-search": emptyString,
+            "icon-close": !emptyString,
+        });
+        const buttonTitle = UiCore_1.UiCore.translate(emptyString ? "general.search" : "general.clear");
+        return (React.createElement("div", { className: searchClassName, style: this.props.style, "data-testid": "core-searchbox-instance" },
+            React.createElement("input", { defaultValue: this.props.initialValue, ref: (el) => { this._inputElement = el; }, onChange: this._trackChange, onKeyDown: this._handleKeyDown, onPaste: this._trackChange, onCut: this._trackChange, placeholder: this.props.placeholder ? this.props.placeholder : UiCore_1.UiCore.translate("general.search"), role: "searchbox", "data-testid": "core-searchbox-input" }),
+            React.createElement("div", { className: "core-searchbox-button", onClick: this._handleIconClick, role: "button", tabIndex: -1, title: buttonTitle },
+                React.createElement("span", { className: iconClassName }))));
+    }
+    componentWillUnmount() {
+        this._unsetTimeout();
+    }
+    focus() {
+        // istanbul ignore else
+        if (this._inputElement)
+            this._inputElement.focus();
+    }
+}
+exports.SearchBox = SearchBox;
 //# sourceMappingURL=SearchBox.js.map

package/lib/cjs/core-react/searchbox/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.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 SearchBox\n */\n\nimport \"./SearchBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiCore } from \"../UiCore\";\nimport { CommonProps } from \"../utils/Props\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\n\n/** Properties for [[SearchBox]] component\n * @public\n */\nexport interface SearchBoxProps extends CommonProps {\n  /** Value to set SearchBox to initially */\n  initialValue?: string;\n  /** Placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** Triggered when the content of SearchBox is changed */\n  onValueChanged: (value: string) => void;\n  /** Frequency to poll for changes in value, in milliseconds */\n  valueChangedDelay?: number;\n  /** Listens for <Enter> keypress */\n  onEnterPressed?: () => void;\n  /** Listens for <Esc> keypress */\n  onEscPressed?: () => void;\n  /** Listens for onClick event for Clear (x) icon */\n  onClear?: () => void;\n}\n\n/** @internal */\ninterface SearchBoxState {\n  value: string;\n}\n\n/**\n * Input box for entering text to search for.\n * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.\n * @public\n */\nexport class SearchBox extends React.Component<SearchBoxProps, SearchBoxState> {\n  private _inputElement: HTMLInputElement | null = null;\n  private _timeoutId: number = 0;\n\n  /** @internal */\n  public override readonly state: Readonly<SearchBoxState> = { value: this.props.initialValue || \"\" };\n\n  constructor(props: SearchBoxProps) {\n    super(props);\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const searchClassName = classnames(\"core-searchbox\", this.props.className);\n    const emptyString = this.state.value === \"\";\n    const iconClassName = classnames(\n      \"core-searchbox-icon\",\n      \"icon\",\n      {\n        \"icon-search\": emptyString,\n        \"icon-close\": !emptyString,\n      },\n    );\n    const buttonTitle = UiCore.translate(emptyString ? \"general.search\" : \"general.clear\");\n    return (\n      <div className={searchClassName} style={this.props.style} data-testid=\"core-searchbox-instance\">\n        <input\n          defaultValue={this.props.initialValue}\n          ref={(el) => { this._inputElement = el; }}\n          onChange={this._trackChange}\n          onKeyDown={this._handleKeyDown}\n          onPaste={this._trackChange}\n          onCut={this._trackChange}\n          placeholder={this.props.placeholder ? this.props.placeholder : UiCore.translate(\"general.search\")}\n          role=\"searchbox\"\n          data-testid=\"core-searchbox-input\"\n        ></input>\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div className=\"core-searchbox-button\" onClick={this._handleIconClick} role=\"button\" tabIndex={-1} title={buttonTitle}>\n          <span className={iconClassName} />\n        </div>\n      </div>\n    );\n  }\n\n  /** Wrapper for onValueChanged to make sure we don't call search unless the new value is different from the previous value */\n  private _onValueChanged = (value: string, previousValue: string) => {\n    // istanbul ignore else\n    if (value === previousValue)\n      return;\n\n    this.setState((_prevState) => {\n      return {\n        value,\n      };\n    }, () => { this.props.onValueChanged(this.state.value); });\n  };\n  private _trackChange = (_event?: any): void => {\n    let value = \"\";\n    const previousValue = this.state.value;\n\n    // istanbul ignore else\n    if (this._inputElement)\n      value = this._inputElement.value;\n\n    if (this.props.valueChangedDelay) {\n      this._unsetTimeout();\n      this._timeoutId = window.setTimeout(() => { this._onValueChanged(value, previousValue); }, this.props.valueChangedDelay);\n    } else {\n      this._onValueChanged(value, previousValue);\n    }\n  };\n\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case SpecialKey.Escape:\n        // istanbul ignore else\n        if (this.props.onEscPressed)\n          this.props.onEscPressed();\n        break;\n      case SpecialKey.Enter:\n        // istanbul ignore else\n        if (this.props.onEnterPressed)\n          this.props.onEnterPressed();\n        break;\n    }\n  };\n\n  private _handleIconClick = (_event: React.MouseEvent<HTMLElement>): void => {\n    // istanbul ignore else\n    if (this._inputElement) {\n      const clear = this.state.value !== \"\";\n      this._inputElement.value = \"\";\n      // istanbul ignore else\n      if (clear && this.props.onClear)\n        this.props.onClear();\n      this._inputElement.focus();\n    }\n    this._trackChange();\n  };\n\n  private _unsetTimeout = (): void => {\n    if (this._timeoutId) {\n      window.clearTimeout(this._timeoutId);\n      this._timeoutId = 0;\n    }\n  };\n\n  public override componentWillUnmount() {\n    this._unsetTimeout();\n  }\n\n  public focus() {\n    // istanbul ignore else\n    if (this._inputElement)\n      this._inputElement.focus();\n  }\n}\n"]}
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module SearchBox\r\n */\r\n\r\nimport \"./SearchBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\n\r\n/** Properties for [[SearchBox]] component\r\n * @public\r\n */\r\nexport interface SearchBoxProps extends CommonProps {\r\n  /** Value to set SearchBox to initially */\r\n  initialValue?: string;\r\n  /** Placeholder value to show in gray before anything is entered in */\r\n  placeholder?: string;\r\n  /** Triggered when the content of SearchBox is changed */\r\n  onValueChanged: (value: string) => void;\r\n  /** Frequency to poll for changes in value, in milliseconds */\r\n  valueChangedDelay?: number;\r\n  /** Listens for <Enter> keypress */\r\n  onEnterPressed?: () => void;\r\n  /** Listens for <Esc> keypress */\r\n  onEscPressed?: () => void;\r\n  /** Listens for onClick event for Clear (x) icon */\r\n  onClear?: () => void;\r\n}\r\n\r\n/** @internal */\r\ninterface SearchBoxState {\r\n  value: string;\r\n}\r\n\r\n/**\r\n * Input box for entering text to search for.\r\n * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.\r\n * @public\r\n */\r\nexport class SearchBox extends React.Component<SearchBoxProps, SearchBoxState> {\r\n  private _inputElement: HTMLInputElement | null = null;\r\n  private _timeoutId: number = 0;\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<SearchBoxState> = { value: this.props.initialValue || \"\" };\r\n\r\n  constructor(props: SearchBoxProps) {\r\n    super(props);\r\n  }\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const searchClassName = classnames(\"core-searchbox\", this.props.className);\r\n    const emptyString = this.state.value === \"\";\r\n    const iconClassName = classnames(\r\n      \"core-searchbox-icon\",\r\n      \"icon\",\r\n      {\r\n        \"icon-search\": emptyString,\r\n        \"icon-close\": !emptyString,\r\n      },\r\n    );\r\n    const buttonTitle = UiCore.translate(emptyString ? \"general.search\" : \"general.clear\");\r\n    return (\r\n      <div className={searchClassName} style={this.props.style} data-testid=\"core-searchbox-instance\">\r\n        <input\r\n          defaultValue={this.props.initialValue}\r\n          ref={(el) => { this._inputElement = el; }}\r\n          onChange={this._trackChange}\r\n          onKeyDown={this._handleKeyDown}\r\n          onPaste={this._trackChange}\r\n          onCut={this._trackChange}\r\n          placeholder={this.props.placeholder ? this.props.placeholder : UiCore.translate(\"general.search\")}\r\n          role=\"searchbox\"\r\n          data-testid=\"core-searchbox-input\"\r\n        ></input>\r\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n        <div className=\"core-searchbox-button\" onClick={this._handleIconClick} role=\"button\" tabIndex={-1} title={buttonTitle}>\r\n          <span className={iconClassName} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Wrapper for onValueChanged to make sure we don't call search unless the new value is different from the previous value */\r\n  private _onValueChanged = (value: string, previousValue: string) => {\r\n    // istanbul ignore else\r\n    if (value === previousValue)\r\n      return;\r\n\r\n    this.setState((_prevState) => {\r\n      return {\r\n        value,\r\n      };\r\n    }, () => { this.props.onValueChanged(this.state.value); });\r\n  };\r\n  private _trackChange = (_event?: any): void => {\r\n    let value = \"\";\r\n    const previousValue = this.state.value;\r\n\r\n    // istanbul ignore else\r\n    if (this._inputElement)\r\n      value = this._inputElement.value;\r\n\r\n    if (this.props.valueChangedDelay) {\r\n      this._unsetTimeout();\r\n      this._timeoutId = window.setTimeout(() => { this._onValueChanged(value, previousValue); }, this.props.valueChangedDelay);\r\n    } else {\r\n      this._onValueChanged(value, previousValue);\r\n    }\r\n  };\r\n\r\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\r\n    switch (e.key) {\r\n      case SpecialKey.Escape:\r\n        // istanbul ignore else\r\n        if (this.props.onEscPressed)\r\n          this.props.onEscPressed();\r\n        break;\r\n      case SpecialKey.Enter:\r\n        // istanbul ignore else\r\n        if (this.props.onEnterPressed)\r\n          this.props.onEnterPressed();\r\n        break;\r\n    }\r\n  };\r\n\r\n  private _handleIconClick = (_event: React.MouseEvent<HTMLElement>): void => {\r\n    // istanbul ignore else\r\n    if (this._inputElement) {\r\n      const clear = this.state.value !== \"\";\r\n      this._inputElement.value = \"\";\r\n      // istanbul ignore else\r\n      if (clear && this.props.onClear)\r\n        this.props.onClear();\r\n      this._inputElement.focus();\r\n    }\r\n    this._trackChange();\r\n  };\r\n\r\n  private _unsetTimeout = (): void => {\r\n    if (this._timeoutId) {\r\n      window.clearTimeout(this._timeoutId);\r\n      this._timeoutId = 0;\r\n    }\r\n  };\r\n\r\n  public override componentWillUnmount() {\r\n    this._unsetTimeout();\r\n  }\r\n\r\n  public focus() {\r\n    // istanbul ignore else\r\n    if (this._inputElement)\r\n      this._inputElement.focus();\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/searchbox/SearchBox.scss

@@ -1,51 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-@import "../style/variables";
-@import "~@itwin/itwinui-css/scss/inputs/input";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-.core-searchbox {
-  @include iui-font-family;
-  display: flex;
-  align-items: center;
-  position: relative;
-  //default values (height, width, font-size, color)
-  height: $uicore-component-height-normal;
-  width: 12em;
-  font-size: var(--iui-font-size-1);
-  color: $buic-text-color;
-
-  input {
-    @include iui-input;
-    min-height: $uicore-component-height-normal;
-    padding: var(--iui-size-3xs) 2em var(--iui-size-3xs) 12px; //12px from design guide
-    height: 100%;
-    margin: 0;
-    color: inherit;
-    font-size: inherit;
-    box-sizing: border-box;
-  }
-
-  .core-searchbox-button {
-    position: absolute;
-    height: 100%;
-    right: 0;
-    width: 2em;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    cursor: pointer;
-
-    &:hover span {
-      color: $buic-foreground-primary;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+@import "../style/variables";
+@import "~@itwin/itwinui-css/scss/inputs/input";
+@import "~@itwin/itwinui-css/scss/style/space";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.core-searchbox {
+  @include iui-font-family;
+  display: flex;
+  align-items: center;
+  position: relative;
+  //default values (height, width, font-size, color)
+  height: $uicore-component-height-normal;
+  width: 12em;
+  font-size: $iui-font-size;
+  color: $buic-text-color;
+
+  input {
+    @include iui-input;
+    min-height: $uicore-component-height-normal;
+    padding: $iui-xxs 2em $iui-xxs 12px; //12px from design guide
+    height: 100%;
+    margin: 0;
+    color: inherit;
+    font-size: inherit;
+    box-sizing: border-box;
+  }
+
+  .core-searchbox-button {
+    position: absolute;
+    height: 100%;
+    right: 0;
+    width: 2em;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    cursor: pointer;
+
+    &:hover span {
+      color: $buic-foreground-primary;
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+  }
+}

package/lib/cjs/core-react/select/LabeledSelect.d.ts

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module Select
+ */
+import * as React from "react";
+import { LabeledComponentProps, MessagedComponentProps } from "../inputs/LabeledComponentProps";
+import { SelectProps } from "./Select";
+/** Properties for [[LabeledSelect]] components
+ * @public
+ * @deprecated in 3.0. Use LabeledSelectProps in itwinui-react instead
+ */
+export interface LabeledSelectProps extends SelectProps, LabeledComponentProps, MessagedComponentProps {
+}
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated in 3.0. Use LabeledSelect in itwinui-react instead
+ */
+export declare class LabeledSelect extends React.PureComponent<LabeledSelectProps> {
+    render(): JSX.Element;
+}
+//# sourceMappingURL=LabeledSelect.d.ts.map

package/lib/cjs/core-react/select/LabeledSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledSelect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledSelect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAE1G;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM,IAAI,GAAG,CAAC,OAAO;CAwBtC"}

package/lib/cjs/core-react/select/LabeledSelect.js

@@ -0,0 +1,34 @@
+"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 Select
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledSelect = void 0;
+/* eslint-disable deprecation/deprecation */
+const classnames_1 = require("classnames");
+const React = require("react");
+const Select_1 = require("./Select");
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated in 3.0. Use LabeledSelect in itwinui-react instead
+ */
+class LabeledSelect extends React.PureComponent {
+    render() {
+        const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...props } = this.props;
+        return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-select", this.props.disabled && "uicore-disabled", status, className) },
+            label &&
+                React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                    " ",
+                    label,
+                    " "),
+            React.createElement(Select_1.Select, { disabled: this.props.disabled, className: inputClassName, style: inputStyle, ...props }),
+            message &&
+                React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+    }
+}
+exports.LabeledSelect = LabeledSelect;
+//# sourceMappingURL=LabeledSelect.js.map

package/lib/cjs/core-react/select/LabeledSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4CAA4C;AAE5C,2CAAoC;AACpC,+BAA+B;AAE/B,qCAA+C;AAQ/C;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,8BAA8B,EAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,oBAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,KAAK,GAAI;YACjG,OAAO;gBACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF;AAzBD,sCAyBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\r\nimport { Select, SelectProps } from \"./Select\";\r\n\r\n/** Properties for [[LabeledSelect]] components\r\n * @public\r\n * @deprecated in 3.0. Use LabeledSelectProps in itwinui-react instead\r\n */\r\nexport interface LabeledSelectProps extends SelectProps, LabeledComponentProps, MessagedComponentProps { }\r\n\r\n/** Dropdown wrapper that allows for additional styling and labelling\r\n * @public\r\n * @deprecated in 3.0. Use LabeledSelect in itwinui-react instead\r\n */\r\nexport class LabeledSelect extends React.PureComponent<LabeledSelectProps> {\r\n  public override render(): JSX.Element {\r\n    const { label, status, className, style,\r\n      inputClassName, inputStyle,\r\n      labelClassName, labelStyle,\r\n      message, messageClassName, messageStyle,\r\n      ...props } = this.props;\r\n\r\n    return (\r\n      <label style={style} className={classnames(\r\n        \"uicore-inputs-labeled-select\",\r\n        this.props.disabled && \"uicore-disabled\",\r\n        status,\r\n        className,\r\n      )}>\r\n        {label &&\r\n          <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\r\n        }\r\n        <Select disabled={this.props.disabled} className={inputClassName} style={inputStyle} {...props} />\r\n        {message &&\r\n          <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\r\n        }\r\n      </label>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts

@@ -0,0 +1,16 @@
+/** @packageDocumentation
+ * @module Select
+ */
+/// <reference types="react" />
+import { LabeledComponentProps, MessagedComponentProps } from "../inputs/LabeledComponentProps";
+import { ThemedSelectProps } from "./ThemedSelect";
+/** Properties for [[LabeledThemedSelect]] components
+ * @beta @deprecated in 3.0.
+ */
+export interface LabeledThemedSelectProps extends ThemedSelectProps, LabeledComponentProps, MessagedComponentProps {
+}
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @beta @deprecated in 3.0.
+ */
+export declare function LabeledThemedSelect(props: LabeledThemedSelectProps): JSX.Element;
+//# sourceMappingURL=LabeledThemedSelect.d.ts.map

package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledThemedSelect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledThemedSelect.tsx"],"names":[],"mappings":"AAKA;;GAEG;;AAIH,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAEtH;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAuBlE"}

package/lib/cjs/core-react/select/LabeledThemedSelect.js

@@ -0,0 +1,31 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Select
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledThemedSelect = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const ThemedSelect_1 = require("./ThemedSelect");
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @beta @deprecated in 3.0.
+ */
+function LabeledThemedSelect(props) {
+    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
+    return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-themed-select", props.isDisabled && "uicore-disabled", status, className) },
+        label &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                " ",
+                label,
+                " "),
+        React.createElement(ThemedSelect_1.ThemedSelect, { isDisabled: props.isDisabled, className: inputClassName, styles: inputStyle, ...otherProps }),
+        message &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+}
+exports.LabeledThemedSelect = LabeledThemedSelect;
+//# sourceMappingURL=LabeledThemedSelect.js.map

package/lib/cjs/core-react/select/LabeledThemedSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledThemedSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,iDAAiE;AAOjE;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAY,CAAC;IAEjC,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,qCAAqC,EACrC,KAAK,CAAC,UAAU,IAAI,iBAAiB,EACrC,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,2BAAY,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAM,UAAU,GAAI;QAC5G,OAAO;YACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC;AAvBD,kDAuBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\r\nimport { ThemedSelect, ThemedSelectProps } from \"./ThemedSelect\";\r\n\r\n/** Properties for [[LabeledThemedSelect]] components\r\n * @beta @deprecated in 3.0.\r\n */\r\nexport interface LabeledThemedSelectProps extends ThemedSelectProps, LabeledComponentProps, MessagedComponentProps { }\r\n\r\n/** Dropdown wrapper that allows for additional styling and labelling\r\n * @beta @deprecated in 3.0.\r\n */\r\nexport function LabeledThemedSelect(props: LabeledThemedSelectProps) {\r\n  const { label, status, className, style,\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props as any;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-themed-select\",\r\n      props.isDisabled && \"uicore-disabled\",\r\n      status,\r\n      className,\r\n    )}>\r\n      {label &&\r\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\r\n      }\r\n      <ThemedSelect isDisabled={props.isDisabled} className={inputClassName} styles={inputStyle} {...otherProps} />\r\n      {message &&\r\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\r\n      }\r\n    </label>\r\n  );\r\n}\r\n"]}

package/lib/cjs/core-react/select/Select.d.ts

@@ -0,0 +1,53 @@
+/** @packageDocumentation
+ * @module Select
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for a Select option
+ * @public
+ * @deprecated in 3.0. Use SelectOption in itwinui-react instead
+ */
+export interface SelectOption {
+    /** Label of the option. If `value` is not set when using SelectOption[], also serves as the value. */
+    label: string;
+    /** Value of the option when using SelectOption[].  */
+    value?: string | number | readonly string[];
+    /** Indicates whether the option is disabled. */
+    disabled?: boolean;
+}
+/** Properties for [[Select]] component
+ * @public
+ * @deprecated in 3.0. Use SelectProps in itwinui-react instead
+ */
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, CommonProps {
+    /** Options for Select dropdown.
+     * @example
+     * // Example of {[key: string]: (string | SelectOption)} usage:
+     * <Select options={{
+     *  option1: "Option 1",
+     *  option2: "Option 2",
+     *  option3: {label: "Option 3", disabled: true},
+     * }} />
+     *
+     * // Example of (string | SelectOption)[] usage:
+     * <Select options={[
+     *  "Option 1",
+     *  "Option 2",
+     *  {label: "Option 3", value: "option3", disabled: true},
+     * ]} />
+     * }
+     */
+    options: (string | SelectOption)[] | {
+        [key: string]: (string | SelectOption);
+    };
+    /** Indicates whether to set focus to the select element */
+    setFocus?: boolean;
+    /** Provides ability to return reference to HTMLSelectElement */
+    ref?: React.Ref<HTMLSelectElement>;
+}
+/** Basic select component is a wrapper for the `<select>` HTML element.
+ * @public
+ * @deprecated in 3.0. Use Select in itwinui-react instead
+ */
+export declare const Select: (props: SelectProps) => JSX.Element | null;
+//# sourceMappingURL=Select.d.ts.map

package/lib/cjs/core-react/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/Select.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,sGAAsG;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW;IAC7F;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC,CAAA;KAAE,CAAC;IAChF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC;AAsED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,GAAG,IAAuB,CAAC"}

package/lib/cjs/core-react/select/Select.js

@@ -0,0 +1,60 @@
+"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 Select
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+/* eslint-disable deprecation/deprecation */
+const classnames_1 = require("classnames");
+const React = require("react");
+const useRefs_1 = require("../utils/hooks/useRefs");
+function getCurrentDefaultValue(defaultValue, placeholderValue) {
+    if (defaultValue)
+        return defaultValue;
+    return placeholderValue;
+}
+function getOptionLabel(option) {
+    return (typeof option === "string") ? option : option.label;
+}
+function getOptionValue(option) {
+    return (typeof option === "string") ? option : (undefined !== option.value ? option.value : option.label);
+}
+function getOptionDisabled(option) {
+    return (typeof option === "string") ? undefined : option.disabled;
+}
+const ForwardRefSelect = React.forwardRef(function ForwardRefSelect(props, ref) {
+    const selectElement = React.useRef(null);
+    const placeholderValue = React.useRef("placeholder");
+    const isInitialMount = React.useRef(true);
+    const refs = (0, useRefs_1.useRefs)(selectElement, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
+    React.useEffect(() => {
+        if (props.setFocus && selectElement.current)
+            selectElement.current.focus();
+    }, [props]);
+    React.useEffect(() => {
+        isInitialMount.current = false;
+    }, []);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { value: selectValue, required, options, setFocus, className, defaultValue, ...otherProps } = props; // pluck off values that will be explicitly set below
+    const showPlaceholder = React.useMemo(() => props.placeholder && (undefined === selectValue || selectValue === placeholderValue.current) && !defaultValue, [defaultValue, selectValue, props.placeholder]);
+    const isRequired = React.useMemo(() => showPlaceholder || required, [required, showPlaceholder]);
+    const currentDefaultValue = React.useMemo(() => getCurrentDefaultValue(defaultValue, showPlaceholder ? placeholderValue.current : undefined), [defaultValue, showPlaceholder]);
+    const value = (!isInitialMount.current && undefined === selectValue) ? currentDefaultValue : selectValue;
+    return (React.createElement("select", { ref: refs, ...otherProps, required: isRequired, className: (0, classnames_1.default)("uicore-inputs-select", className), value: value, defaultValue: value === undefined ? currentDefaultValue : undefined },
+        showPlaceholder &&
+            React.createElement("option", { className: "placeholder", disabled: true, key: "", value: placeholderValue.current }, props.placeholder),
+        options instanceof Array ?
+            options.map((option, index) => (React.createElement("option", { key: index, value: getOptionValue(option), disabled: getOptionDisabled(option) }, getOptionLabel(option))))
+            :
+                Object.keys(options).map((key) => (React.createElement("option", { key: key, value: key, disabled: getOptionDisabled(options[key]) }, getOptionLabel(options[key]))))));
+});
+/** Basic select component is a wrapper for the `<select>` HTML element.
+ * @public
+ * @deprecated in 3.0. Use Select in itwinui-react instead
+ */
+exports.Select = ForwardRefSelect;
+//# sourceMappingURL=Select.js.map