@itwin/core-react 3.5.0-dev.14 → 3.5.0-dev.16

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

@@ -1,53 +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/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;
-    }
-
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/select/LabeledSelect.d.ts

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

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

@@ -1,30 +1,30 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/* eslint-disable deprecation/deprecation */
-import classnames from "classnames";
-import * as React from "react";
-import { Select } from "./Select";
-/** Dropdown wrapper that allows for additional styling and labelling
- * @public
- * @deprecated Use LabeledSelect in itwinui-react instead
- */
-export 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: classnames("uicore-inputs-labeled-select", this.props.disabled && "uicore-disabled", status, className) },
-            label &&
-                React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
-                    " ",
-                    label,
-                    " "),
-            React.createElement(Select, { disabled: this.props.disabled, className: inputClassName, style: inputStyle, ...props }),
-            message &&
-                React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/* eslint-disable deprecation/deprecation */
+import classnames from "classnames";
+import * as React from "react";
+import { Select } from "./Select";
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated Use LabeledSelect in itwinui-react instead
+ */
+export 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: classnames("uicore-inputs-labeled-select", this.props.disabled && "uicore-disabled", status, className) },
+            label &&
+                React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
+                    " ",
+                    label,
+                    " "),
+            React.createElement(Select, { disabled: this.props.disabled, className: inputClassName, style: inputStyle, ...props }),
+            message &&
+                React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
+    }
+}
 //# sourceMappingURL=LabeledSelect.js.map

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

@@ -1 +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,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAQ/C;;;GAGG;AACH,MAAM,OAAO,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,UAAU,CACxC,8BAA8B,EAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,oBAAC,MAAM,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,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF","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 Select\n */\n\n/* eslint-disable deprecation/deprecation */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\nimport { Select, SelectProps } from \"./Select\";\n\n/** Properties for [[LabeledSelect]] components\n * @public\n * @deprecated Use LabeledSelectProps in itwinui-react instead\n */\nexport interface LabeledSelectProps extends SelectProps, LabeledComponentProps, MessagedComponentProps { }\n\n/** Dropdown wrapper that allows for additional styling and labelling\n * @public\n * @deprecated Use LabeledSelect in itwinui-react instead\n */\nexport class LabeledSelect extends React.PureComponent<LabeledSelectProps> {\n  public override render(): JSX.Element {\n    const { label, status, className, style,\n      inputClassName, inputStyle,\n      labelClassName, labelStyle,\n      message, messageClassName, messageStyle,\n      ...props } = this.props;\n\n    return (\n      <label style={style} className={classnames(\n        \"uicore-inputs-labeled-select\",\n        this.props.disabled && \"uicore-disabled\",\n        status,\n        className,\n      )}>\n        {label &&\n          <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n        }\n        <Select disabled={this.props.disabled} className={inputClassName} style={inputStyle} {...props} />\n        {message &&\n          <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n        }\n      </label>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LabeledSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledSelect.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4CAA4C;AAE5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAQ/C;;;GAGG;AACH,MAAM,OAAO,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,UAAU,CACxC,8BAA8B,EAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,oBAAC,MAAM,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,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF","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 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 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/esm/core-react/select/LabeledThemedSelect.d.ts

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

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

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import classnames from "classnames";
-import * as React from "react";
-import { ThemedSelect } from "./ThemedSelect";
-/** Dropdown wrapper that allows for additional styling and labelling
- * @beta @deprecated
- */
-export function LabeledThemedSelect(props) {
-    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
-    return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-themed-select", props.isDisabled && "uicore-disabled", status, className) },
-        label &&
-            React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
-                " ",
-                label,
-                " "),
-        React.createElement(ThemedSelect, { isDisabled: props.isDisabled, className: inputClassName, styles: inputStyle, ...otherProps }),
-        message &&
-            React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { ThemedSelect } from "./ThemedSelect";
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @beta @deprecated
+ */
+export function LabeledThemedSelect(props) {
+    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
+    return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-themed-select", props.isDisabled && "uicore-disabled", status, className) },
+        label &&
+            React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
+                " ",
+                label,
+                " "),
+        React.createElement(ThemedSelect, { isDisabled: props.isDisabled, className: inputClassName, styles: inputStyle, ...otherProps }),
+        message &&
+            React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
+}
 //# sourceMappingURL=LabeledThemedSelect.js.map

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

@@ -1 +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,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAOjE;;GAEG;AACH,MAAM,UAAU,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,UAAU,CACxC,qCAAqC,EACrC,KAAK,CAAC,UAAU,IAAI,iBAAiB,EACrC,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,YAAY,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAM,UAAU,GAAI;QAC5G,OAAO;YACN,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,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/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Select\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\nimport { ThemedSelect, ThemedSelectProps } from \"./ThemedSelect\";\n\n/** Properties for [[LabeledThemedSelect]] components\n * @beta @deprecated\n */\nexport interface LabeledThemedSelectProps extends ThemedSelectProps, LabeledComponentProps, MessagedComponentProps { }\n\n/** Dropdown wrapper that allows for additional styling and labelling\n * @beta @deprecated\n */\nexport function LabeledThemedSelect(props: LabeledThemedSelectProps) {\n  const { label, status, className, style,\n    inputClassName, inputStyle,\n    labelClassName, labelStyle,\n    message, messageClassName, messageStyle,\n    ...otherProps } = props as any;\n\n  return (\n    <label style={style} className={classnames(\n      \"uicore-inputs-labeled-themed-select\",\n      props.isDisabled && \"uicore-disabled\",\n      status,\n      className,\n    )}>\n      {label &&\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n      }\n      <ThemedSelect isDisabled={props.isDisabled} className={inputClassName} styles={inputStyle} {...otherProps} />\n      {message &&\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n      }\n    </label>\n  );\n}\n"]}
+{"version":3,"file":"LabeledThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledThemedSelect.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAOjE;;GAEG;AACH,MAAM,UAAU,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,UAAU,CACxC,qCAAqC,EACrC,KAAK,CAAC,UAAU,IAAI,iBAAiB,EACrC,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,YAAY,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAM,UAAU,GAAI;QAC5G,OAAO;YACN,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC","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\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\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/esm/core-react/select/Select.d.ts

@@ -1,53 +1,53 @@
-/** @packageDocumentation
- * @module Select
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for a Select option
- * @public
- * @deprecated 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 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 Use Select in itwinui-react instead
- */
-export declare const Select: (props: SelectProps) => JSX.Element | null;
+/** @packageDocumentation
+ * @module Select
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for a Select option
+ * @public
+ * @deprecated 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 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 Use Select in itwinui-react instead
+ */
+export declare const Select: (props: SelectProps) => JSX.Element | null;
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1,57 +1,57 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/* eslint-disable deprecation/deprecation */
-import classnames from "classnames";
-import * as React from "react";
-import { useRefs } from "../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 = 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: classnames("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 Use Select in itwinui-react instead
- */
-export const Select = ForwardRefSelect;
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/* eslint-disable deprecation/deprecation */
+import classnames from "classnames";
+import * as React from "react";
+import { useRefs } from "../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 = 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: classnames("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 Use Select in itwinui-react instead
+ */
+export const Select = ForwardRefSelect;
 //# sourceMappingURL=Select.js.map

package/lib/esm/core-react/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/core-react/select/Select.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 Select\n */\n\n/* eslint-disable deprecation/deprecation */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { useRefs } from \"../utils/hooks/useRefs\";\n\n/** Properties for a Select option\n * @public\n * @deprecated Use SelectOption in itwinui-react instead\n */\nexport interface SelectOption {\n  /** Label of the option. If `value` is not set when using SelectOption[], also serves as the value. */\n  label: string;\n  /** Value of the option when using SelectOption[].  */\n  value?: string | number | readonly string[];\n  /** Indicates whether the option is disabled. */\n  disabled?: boolean;\n}\n\n/** Properties for [[Select]] component\n * @public\n * @deprecated Use SelectProps in itwinui-react instead\n */\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, CommonProps {\n  /** Options for Select dropdown.\n   * @example\n   * // Example of {[key: string]: (string | SelectOption)} usage:\n   * <Select options={{\n   *  option1: \"Option 1\",\n   *  option2: \"Option 2\",\n   *  option3: {label: \"Option 3\", disabled: true},\n   * }} />\n   *\n   * // Example of (string | SelectOption)[] usage:\n   * <Select options={[\n   *  \"Option 1\",\n   *  \"Option 2\",\n   *  {label: \"Option 3\", value: \"option3\", disabled: true},\n   * ]} />\n   * }\n   */\n  options: (string | SelectOption)[] | { [key: string]: (string | SelectOption) };\n  /** Indicates whether to set focus to the select element */\n  setFocus?: boolean;\n  /** Provides ability to return reference to HTMLSelectElement */\n  ref?: React.Ref<HTMLSelectElement>;\n}\n\nfunction getCurrentDefaultValue(defaultValue: string | number | readonly string[] | undefined, placeholderValue: string | undefined) {\n  if (defaultValue)\n    return defaultValue;\n\n  return placeholderValue;\n}\n\nfunction getOptionLabel(option: string | SelectOption): string {\n  return (typeof option === \"string\") ? option : option.label;\n}\n\nfunction getOptionValue(option: string | SelectOption): string | number | readonly string[] {\n  return (typeof option === \"string\") ? option : (undefined !== option.value ? option.value : option.label);\n}\n\nfunction getOptionDisabled(option: string | SelectOption): boolean | undefined {\n  return (typeof option === \"string\") ? undefined : option.disabled;\n}\n\nconst ForwardRefSelect = React.forwardRef<HTMLSelectElement, SelectProps>(\n  function ForwardRefSelect(props, ref) {\n    const selectElement = React.useRef<HTMLSelectElement>(null);\n    const placeholderValue = React.useRef(\"placeholder\");\n    const isInitialMount = React.useRef(true);\n    const refs = useRefs(selectElement, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      if (props.setFocus && selectElement.current)\n        selectElement.current.focus();\n    }, [props]);\n\n    React.useEffect(() => {\n      isInitialMount.current = false;\n    }, []);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { value: selectValue, required, options, setFocus, className, defaultValue, ...otherProps } = props; // pluck off values that will be explicitly set below\n    const showPlaceholder = React.useMemo(() => props.placeholder && (undefined === selectValue || selectValue === placeholderValue.current) && !defaultValue, [defaultValue, selectValue, props.placeholder]);\n    const isRequired = React.useMemo(() => showPlaceholder || required, [required, showPlaceholder]);\n    const currentDefaultValue = React.useMemo(() => getCurrentDefaultValue(defaultValue, showPlaceholder ? placeholderValue.current : undefined), [defaultValue, showPlaceholder]);\n    const value = (!isInitialMount.current && undefined === selectValue) ? currentDefaultValue : selectValue;\n    return (\n      <select ref={refs} {...otherProps}\n        required={isRequired}\n        className={classnames(\"uicore-inputs-select\", className)}\n        value={value}\n        defaultValue={value === undefined ? currentDefaultValue : undefined}>\n        {showPlaceholder &&\n          <option className=\"placeholder\" disabled key=\"\" value={placeholderValue.current}>{props.placeholder}</option>\n        }\n        {options instanceof Array ?\n          options.map((option, index) => (\n            <option key={index} value={getOptionValue(option)} disabled={getOptionDisabled(option)} >\n              {getOptionLabel(option)}\n            </option>\n          ))\n          :\n          Object.keys(options).map((key) => (\n            <option key={key} value={key} disabled={getOptionDisabled(options[key])} >\n              {getOptionLabel(options[key])}\n            </option>\n          ))\n        }\n      </select>\n    );\n  }\n);\n\n/** Basic select component is a wrapper for the `<select>` HTML element.\n * @public\n * @deprecated Use Select in itwinui-react instead\n */\nexport const Select: (props: SelectProps) => JSX.Element | null = ForwardRefSelect;\n"]}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/core-react/select/Select.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 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 { CommonProps } from \"../utils/Props\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\n\r\n/** Properties for a Select option\r\n * @public\r\n * @deprecated Use SelectOption in itwinui-react instead\r\n */\r\nexport interface SelectOption {\r\n  /** Label of the option. If `value` is not set when using SelectOption[], also serves as the value. */\r\n  label: string;\r\n  /** Value of the option when using SelectOption[].  */\r\n  value?: string | number | readonly string[];\r\n  /** Indicates whether the option is disabled. */\r\n  disabled?: boolean;\r\n}\r\n\r\n/** Properties for [[Select]] component\r\n * @public\r\n * @deprecated Use SelectProps in itwinui-react instead\r\n */\r\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, CommonProps {\r\n  /** Options for Select dropdown.\r\n   * @example\r\n   * // Example of {[key: string]: (string | SelectOption)} usage:\r\n   * <Select options={{\r\n   *  option1: \"Option 1\",\r\n   *  option2: \"Option 2\",\r\n   *  option3: {label: \"Option 3\", disabled: true},\r\n   * }} />\r\n   *\r\n   * // Example of (string | SelectOption)[] usage:\r\n   * <Select options={[\r\n   *  \"Option 1\",\r\n   *  \"Option 2\",\r\n   *  {label: \"Option 3\", value: \"option3\", disabled: true},\r\n   * ]} />\r\n   * }\r\n   */\r\n  options: (string | SelectOption)[] | { [key: string]: (string | SelectOption) };\r\n  /** Indicates whether to set focus to the select element */\r\n  setFocus?: boolean;\r\n  /** Provides ability to return reference to HTMLSelectElement */\r\n  ref?: React.Ref<HTMLSelectElement>;\r\n}\r\n\r\nfunction getCurrentDefaultValue(defaultValue: string | number | readonly string[] | undefined, placeholderValue: string | undefined) {\r\n  if (defaultValue)\r\n    return defaultValue;\r\n\r\n  return placeholderValue;\r\n}\r\n\r\nfunction getOptionLabel(option: string | SelectOption): string {\r\n  return (typeof option === \"string\") ? option : option.label;\r\n}\r\n\r\nfunction getOptionValue(option: string | SelectOption): string | number | readonly string[] {\r\n  return (typeof option === \"string\") ? option : (undefined !== option.value ? option.value : option.label);\r\n}\r\n\r\nfunction getOptionDisabled(option: string | SelectOption): boolean | undefined {\r\n  return (typeof option === \"string\") ? undefined : option.disabled;\r\n}\r\n\r\nconst ForwardRefSelect = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  function ForwardRefSelect(props, ref) {\r\n    const selectElement = React.useRef<HTMLSelectElement>(null);\r\n    const placeholderValue = React.useRef(\"placeholder\");\r\n    const isInitialMount = React.useRef(true);\r\n    const refs = useRefs(selectElement, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\r\n\r\n    React.useEffect(() => {\r\n      if (props.setFocus && selectElement.current)\r\n        selectElement.current.focus();\r\n    }, [props]);\r\n\r\n    React.useEffect(() => {\r\n      isInitialMount.current = false;\r\n    }, []);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { value: selectValue, required, options, setFocus, className, defaultValue, ...otherProps } = props; // pluck off values that will be explicitly set below\r\n    const showPlaceholder = React.useMemo(() => props.placeholder && (undefined === selectValue || selectValue === placeholderValue.current) && !defaultValue, [defaultValue, selectValue, props.placeholder]);\r\n    const isRequired = React.useMemo(() => showPlaceholder || required, [required, showPlaceholder]);\r\n    const currentDefaultValue = React.useMemo(() => getCurrentDefaultValue(defaultValue, showPlaceholder ? placeholderValue.current : undefined), [defaultValue, showPlaceholder]);\r\n    const value = (!isInitialMount.current && undefined === selectValue) ? currentDefaultValue : selectValue;\r\n    return (\r\n      <select ref={refs} {...otherProps}\r\n        required={isRequired}\r\n        className={classnames(\"uicore-inputs-select\", className)}\r\n        value={value}\r\n        defaultValue={value === undefined ? currentDefaultValue : undefined}>\r\n        {showPlaceholder &&\r\n          <option className=\"placeholder\" disabled key=\"\" value={placeholderValue.current}>{props.placeholder}</option>\r\n        }\r\n        {options instanceof Array ?\r\n          options.map((option, index) => (\r\n            <option key={index} value={getOptionValue(option)} disabled={getOptionDisabled(option)} >\r\n              {getOptionLabel(option)}\r\n            </option>\r\n          ))\r\n          :\r\n          Object.keys(options).map((key) => (\r\n            <option key={key} value={key} disabled={getOptionDisabled(options[key])} >\r\n              {getOptionLabel(options[key])}\r\n            </option>\r\n          ))\r\n        }\r\n      </select>\r\n    );\r\n  }\r\n);\r\n\r\n/** Basic select component is a wrapper for the `<select>` HTML element.\r\n * @public\r\n * @deprecated Use Select in itwinui-react instead\r\n */\r\nexport const Select: (props: SelectProps) => JSX.Element | null = ForwardRefSelect;\r\n"]}