@itwin/core-react 3.6.0-dev.55 → 3.6.0-dev.60

package/lib/esm/core-react/expandable/ExpandableBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableBlock.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableBlock.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B;;;GAGG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAmC;IAE5D,MAAM;;QACpB,MAAM,KAAK,GAAG,UAAU,CACtB,gCAAgC,EAChC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,cAAc,EACpC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EACtD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9D,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEjF,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAEzG,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC5C,6BAAK,IAAI,EAAC,QAAQ,mBAAgB,YAAY,EAAE,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC5F,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ;gBACtF,6BAAK,SAAS,EAAC,gBAAgB;oBAC7B,2BAAG,SAAS,EAAC,yBAAyB,GAAG,CACrC;gBACL,IAAI,CAAC,KAAK,CAAC,OAAO;oBACjB,6BAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,CACf;gBAER,6BAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAChC,IAAI,CAAC,KAAK,CAAC,KAAK,CACb,CACF;YACN,6BAAK,SAAS,EAAC,SAAS,IACrB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CACzC,CACF,CACP,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 Expandable\r\n */\r\n\r\nimport \"./ExpandableBlock.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[ExpandableBlock]] React component\r\n * @public\r\n * @deprecated Use ExpandableBlockProps from itwinui-react instead\r\n */\r\nexport interface ExpandableBlockProps extends CommonProps {\r\n  /** Label */\r\n  title: string | JSX.Element;\r\n  /** Indicates whether the ExpandableBlock is expanded */\r\n  isExpanded: boolean;\r\n  /** Callback function for click event */\r\n  onClick: React.MouseEventHandler<HTMLDivElement>;\r\n  /** Callback function for key press event */\r\n  onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;\r\n  /** Callback function for key down event */\r\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\r\n  /** Additional text displayed in the block below the label and in a smaller font size */\r\n  caption?: string;\r\n  /** Custom tooltip for the component. */\r\n  tooltip?: string;\r\n}\r\n\r\n/** ExpandableBlock React component is a container that shows and hides child content.\r\n * @public\r\n * @deprecated Use ExpandableBlock from itwinui-react instead\r\n */\r\nexport class ExpandableBlock extends React.PureComponent<ExpandableBlockProps> {  // eslint-disable-line deprecation/deprecation\r\n\r\n  public override render() {\r\n    const cName = classnames(\r\n      \"uicore-expandable-blocks-block\",\r\n      this.props.caption && \"with-caption\",\r\n      this.props.isExpanded ? \"is-expanded\" : \"is-collapsed\",\r\n      this.props.className,\r\n    );\r\n    const ariaExpanded = this.props.isExpanded ? \"true\" : \"false\";\r\n    const tabIndex = (this.props.onKeyPress || this.props.onKeyDown) ? 0 : undefined;\r\n\r\n    const title = this.props.tooltip ?? (typeof this.props.title == \"string\" ? this.props.title : undefined);\r\n\r\n    return (\r\n      <div className={cName} style={this.props.style}>\r\n        <div role=\"button\" aria-expanded={ariaExpanded} className=\"header\" onClick={this.props.onClick}\r\n          onKeyPress={this.props.onKeyPress} onKeyDown={this.props.onKeyDown} tabIndex={tabIndex}>\r\n          <div className=\"icon-container\">\r\n            <i className=\"icon icon-chevron-right\" />\r\n          </div>\r\n          {this.props.caption &&\r\n            <div className=\"caption\" title={this.props.caption}>\r\n              {this.props.caption}\r\n            </div>\r\n          }\r\n          <div className=\"title\" title={title}>\r\n            {this.props.title}\r\n          </div>\r\n        </div>\r\n        <div className=\"content\">\r\n          {this.props.isExpanded && this.props.children}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ExpandableBlock.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableBlock.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B;;;GAGG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAmC;IAE5D,MAAM;;QACpB,MAAM,KAAK,GAAG,UAAU,CACtB,gCAAgC,EAChC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,cAAc,EACpC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EACtD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9D,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEjF,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAEzG,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC5C,6BAAK,IAAI,EAAC,QAAQ,mBAAgB,YAAY,EAAE,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC5F,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ;gBACtF,6BAAK,SAAS,EAAC,gBAAgB;oBAC7B,2BAAG,SAAS,EAAC,yBAAyB,GAAG,CACrC;gBACL,IAAI,CAAC,KAAK,CAAC,OAAO;oBACjB,6BAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,CACf;gBAER,6BAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAChC,IAAI,CAAC,KAAK,CAAC,KAAK,CACb,CACF;YACN,6BAAK,SAAS,EAAC,SAAS,IACrB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CACzC,CACF,CACP,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 Expandable\r\n */\r\n\r\nimport \"./ExpandableBlock.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[ExpandableBlock]] React component\r\n * @public\r\n * @deprecated in 3.0. Use ExpandableBlockProps from itwinui-react instead\r\n */\r\nexport interface ExpandableBlockProps extends CommonProps {\r\n  /** Label */\r\n  title: string | JSX.Element;\r\n  /** Indicates whether the ExpandableBlock is expanded */\r\n  isExpanded: boolean;\r\n  /** Callback function for click event */\r\n  onClick: React.MouseEventHandler<HTMLDivElement>;\r\n  /** Callback function for key press event */\r\n  onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;\r\n  /** Callback function for key down event */\r\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\r\n  /** Additional text displayed in the block below the label and in a smaller font size */\r\n  caption?: string;\r\n  /** Custom tooltip for the component. */\r\n  tooltip?: string;\r\n}\r\n\r\n/** ExpandableBlock React component is a container that shows and hides child content.\r\n * @public\r\n * @deprecated in 3.0. Use ExpandableBlock from itwinui-react instead\r\n */\r\nexport class ExpandableBlock extends React.PureComponent<ExpandableBlockProps> {  // eslint-disable-line deprecation/deprecation\r\n\r\n  public override render() {\r\n    const cName = classnames(\r\n      \"uicore-expandable-blocks-block\",\r\n      this.props.caption && \"with-caption\",\r\n      this.props.isExpanded ? \"is-expanded\" : \"is-collapsed\",\r\n      this.props.className,\r\n    );\r\n    const ariaExpanded = this.props.isExpanded ? \"true\" : \"false\";\r\n    const tabIndex = (this.props.onKeyPress || this.props.onKeyDown) ? 0 : undefined;\r\n\r\n    const title = this.props.tooltip ?? (typeof this.props.title == \"string\" ? this.props.title : undefined);\r\n\r\n    return (\r\n      <div className={cName} style={this.props.style}>\r\n        <div role=\"button\" aria-expanded={ariaExpanded} className=\"header\" onClick={this.props.onClick}\r\n          onKeyPress={this.props.onKeyPress} onKeyDown={this.props.onKeyDown} tabIndex={tabIndex}>\r\n          <div className=\"icon-container\">\r\n            <i className=\"icon icon-chevron-right\" />\r\n          </div>\r\n          {this.props.caption &&\r\n            <div className=\"caption\" title={this.props.caption}>\r\n              {this.props.caption}\r\n            </div>\r\n          }\r\n          <div className=\"title\" title={title}>\r\n            {this.props.title}\r\n          </div>\r\n        </div>\r\n        <div className=\"content\">\r\n          {this.props.isExpanded && this.props.children}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/form/Field.d.ts

@@ -4,13 +4,13 @@
 import * as React from "react";
 import { FieldDef } from "./Form";
 /** Properties used to create a [[Field]] in a [[Form]]
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 export interface FieldProps extends FieldDef {
     id: string;
 }
 /** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 export declare class Field extends React.Component<FieldProps> {
     constructor(props: FieldProps);

package/lib/esm/core-react/form/Field.js

@@ -10,7 +10,7 @@ import * as React from "react";
 import { Checkbox, Input, Select, Textarea } from "@itwin/itwinui-react";
 import { FormContext } from "./Form";
 /** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 export class Field extends React.Component {
     constructor(props) {

package/lib/esm/core-react/form/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/core-react/form/Field.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Form\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Checkbox, Input, Select, SelectOption, Textarea } from \"@itwin/itwinui-react\";\r\nimport { FieldDef, FormContext, FormContextState } from \"./Form\";\r\n\r\n// cSpell:ignore multilinetextbox\r\n\r\n/** Properties used to create a [[Field]] in a [[Form]]\r\n * @public @deprecated\r\n */\r\nexport interface FieldProps extends FieldDef {\r\n  /* The unique field name */\r\n  id: string;\r\n}\r\n\r\ntype FieldDefOptions = FieldDef[\"options\"];\r\n\r\n/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.\r\n * @public @deprecated\r\n */\r\nexport class Field extends React.Component<FieldProps> {\r\n  constructor(props: FieldProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _generateSelectOptions = (propOptions: FieldDefOptions): SelectOption<string>[] => {\r\n    let selectOptions: SelectOption<string>[] = [];\r\n\r\n    if (propOptions instanceof Array) {\r\n      selectOptions = propOptions.map((option: string) => (\r\n        { value: option, label: option }\r\n      ));\r\n    } else if (propOptions !== undefined) {\r\n      selectOptions = Object.keys(propOptions).map((key) => (\r\n        { value: key, label: propOptions[key] }\r\n      ));\r\n    }\r\n\r\n    return selectOptions;\r\n  };\r\n\r\n  public override render() {\r\n    const selectOptions = this._generateSelectOptions(this.props.options);\r\n\r\n    return (\r\n      <FormContext.Consumer>\r\n        {(context: FormContextState | undefined) => (\r\n          <div className=\"core-form-group\">\r\n            {this.props.editor!.toLowerCase() !== \"checkbox\" && this.props.label && <label className=\"core-form-label\" htmlFor={this.props.id}>{this.props.label}</label>}\r\n\r\n            {this.props.editor!.toLowerCase() === \"textbox\" && (\r\n              <Input\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLInputElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-input\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"checkbox\" && (\r\n              <Checkbox\r\n                label={this.props.label}\r\n                id={this.props.id}\r\n                checked={context!.values[this.props.id]}\r\n                onChange={() => context!.setValues({ [this.props.id]: !context!.values[this.props.id] })}\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"multilinetextbox\" && (\r\n              <Textarea\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-textarea\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"dropdown\" && this.props.options && (\r\n              <Select\r\n                id={this.props.id}\r\n                // name={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(newValue: any) => context!.setValues({ [this.props.id]: newValue })}\r\n                options={selectOptions}\r\n                className=\"core-form-select\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </FormContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/core-react/form/Field.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Form\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Checkbox, Input, Select, SelectOption, Textarea } from \"@itwin/itwinui-react\";\r\nimport { FieldDef, FormContext, FormContextState } from \"./Form\";\r\n\r\n// cSpell:ignore multilinetextbox\r\n\r\n/** Properties used to create a [[Field]] in a [[Form]]\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface FieldProps extends FieldDef {\r\n  /* The unique field name */\r\n  id: string;\r\n}\r\n\r\ntype FieldDefOptions = FieldDef[\"options\"];\r\n\r\n/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.\r\n * @public @deprecated in 3.0.\r\n */\r\nexport class Field extends React.Component<FieldProps> {\r\n  constructor(props: FieldProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _generateSelectOptions = (propOptions: FieldDefOptions): SelectOption<string>[] => {\r\n    let selectOptions: SelectOption<string>[] = [];\r\n\r\n    if (propOptions instanceof Array) {\r\n      selectOptions = propOptions.map((option: string) => (\r\n        { value: option, label: option }\r\n      ));\r\n    } else if (propOptions !== undefined) {\r\n      selectOptions = Object.keys(propOptions).map((key) => (\r\n        { value: key, label: propOptions[key] }\r\n      ));\r\n    }\r\n\r\n    return selectOptions;\r\n  };\r\n\r\n  public override render() {\r\n    const selectOptions = this._generateSelectOptions(this.props.options);\r\n\r\n    return (\r\n      <FormContext.Consumer>\r\n        {(context: FormContextState | undefined) => (\r\n          <div className=\"core-form-group\">\r\n            {this.props.editor!.toLowerCase() !== \"checkbox\" && this.props.label && <label className=\"core-form-label\" htmlFor={this.props.id}>{this.props.label}</label>}\r\n\r\n            {this.props.editor!.toLowerCase() === \"textbox\" && (\r\n              <Input\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLInputElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-input\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"checkbox\" && (\r\n              <Checkbox\r\n                label={this.props.label}\r\n                id={this.props.id}\r\n                checked={context!.values[this.props.id]}\r\n                onChange={() => context!.setValues({ [this.props.id]: !context!.values[this.props.id] })}\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"multilinetextbox\" && (\r\n              <Textarea\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-textarea\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"dropdown\" && this.props.options && (\r\n              <Select\r\n                id={this.props.id}\r\n                // name={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(newValue: any) => context!.setValues({ [this.props.id]: newValue })}\r\n                options={selectOptions}\r\n                className=\"core-form-select\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </FormContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/form/Form.d.ts

@@ -4,11 +4,11 @@
 import "./Form.scss";
 import * as React from "react";
 /** The available editors for the fields in a [[Form]].
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 export declare type FieldEditor = "textbox" | "multilinetextbox" | "dropdown" | "checkbox";
 /** Interface used to define each [[Field]] in a [[Form]]
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 export interface FieldDef {
     label?: string;
@@ -19,13 +19,13 @@ export interface FieldDef {
     value?: any;
 }
 /** Key/value pairs for all the field values with key being the field HTML Id.
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 export interface FieldValues {
     [key: string]: any;
 }
 /** The state data used by [[Form]] to hold state of each [[Field]] and the result of submit button processing.
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 interface FormState {
     values: FieldValues;
@@ -40,7 +40,7 @@ export interface FormContextState extends FormState {
     setValues: (values: FieldValues) => void;
 }
 /** React context used by Form as a Provider and by the Fields as Consumers and updaters.
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 export declare const FormContext: React.Context<FormContextState | undefined>;
 /** Key/value pairs for all the field definitions to be displayed in a [[Form]].

package/lib/esm/core-react/form/Form.js

@@ -12,7 +12,7 @@ import { UiCore } from "../UiCore";
 import { Field } from "./Field";
 import { Button } from "@itwin/itwinui-react";
 /** React context used by Form as a Provider and by the Fields as Consumers and updaters.
- * @public @deprecated
+ * @public @deprecated in 3.0.
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export const FormContext = React.createContext(undefined);

package/lib/esm/core-react/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/core-react/form/Form.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Form\r\n */\r\n\r\nimport \"./Form.scss\";\r\nimport * as React from \"react\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { Field } from \"./Field\";\r\nimport { Button } from \"@itwin/itwinui-react\";\r\n\r\n// cSpell:ignore multilinetextbox\r\n\r\n/** The available editors for the fields in a [[Form]].\r\n * @public @deprecated\r\n */\r\nexport type FieldEditor = \"textbox\" | \"multilinetextbox\" | \"dropdown\" | \"checkbox\";\r\n\r\n/** Interface used to define each [[Field]] in a [[Form]]\r\n * @public @deprecated\r\n */\r\nexport interface FieldDef {\r\n  /* The label text for the field */\r\n  label?: string;\r\n\r\n  /* The editor for the field */\r\n  editor?: FieldEditor;\r\n\r\n  /* The drop down items for the field */\r\n  options?: string[] | { [key: string]: string };\r\n\r\n  /* The initial field value */\r\n  value?: any;\r\n}\r\n\r\n/** Key/value pairs for all the field values with key being the field HTML Id.\r\n * @public @deprecated\r\n */\r\nexport interface FieldValues {\r\n  [key: string]: any;\r\n}\r\n\r\n/** The state data used by [[Form]] to hold state of each [[Field]] and the result of submit button processing.\r\n * @public @deprecated\r\n */\r\ninterface FormState {\r\n  /* The field values */\r\n  values: FieldValues;\r\n\r\n  /* The errorMsg message return in catch of async submit button processing */\r\n  errorMsg: string;\r\n\r\n  /* Whether the form has been successfully submitted */\r\n  submitSuccess?: boolean;\r\n}\r\n\r\n/**\r\n * FormContextState combines the Form's state data with the callbacks used to update the value of the state data.\r\n * @public @deprecate\r\n */\r\nexport interface FormContextState extends FormState {\r\n  setValues: (values: FieldValues) => void;\r\n}\r\n\r\n/** React context used by Form as a Provider and by the Fields as Consumers and updaters.\r\n * @public @deprecated\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const FormContext = React.createContext<FormContextState | undefined>(undefined);\r\nFormContext.displayName = \"core-react:FormContext\";\r\n\r\n/** Key/value pairs for all the field definitions to be displayed in a [[Form]].\r\n * @public\r\n */\r\nexport interface FieldDefinitions {\r\n  [key: string]: FieldDef;\r\n}\r\n\r\n/** Properties that define [[Form]] including the callback to be called when the Submit button is pressed.\r\n * @public\r\n */\r\nexport interface FormProps {\r\n  /** Required async callback the processes the Form data and throws and Error if the data cannot be processed.  */\r\n  handleFormSubmit: (values: FieldValues) => Promise<void>;\r\n  /** Definition used to create each Field in the Form. */\r\n  fields: FieldDefinitions;\r\n  /** Optional label which will override default Submit button label. */\r\n  submitButtonLabel?: string;\r\n}\r\n\r\n/** Component used to create a Form using supplied properties to specify the fields of the Form.\r\n * @example\r\n * // Example of using a form as contents of a modal dialog.\r\n * export class ExampleForm extends React.Component {\r\n *   public static open() {\r\n *   const form = new ExampleForm({});\r\n *   ModalDialogManager.openDialog(form.render());\r\n * }\r\n *\r\n * protected async handleSubmit(values: FieldValues): Promise<void> {\r\n *   await this.processFormSubmission(values);\r\n *   ModalDialogManager.closeDialog();\r\n *   const msg = JSON.stringify(values);\r\n *   IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, \"Form Submitted\", msg));\r\n * }\r\n *\r\n * protected async processFormSubmission(values: FieldValues): Promise<void> {\r\n *   // if error occurs during async processing throw an Error and return error message back to form.\r\n *   throw new Error(\"Error processing form\");\r\n * }\r\n *\r\n * protected handleCancel() {\r\n *   ModalDialogManager.closeDialog();\r\n * }\r\n *\r\n * public render() {\r\n *   const fields: FieldDefinitions = {\r\n *     Name: {\r\n *       label: this._nameLabel,\r\n *       editor: \"textbox\",\r\n *       value: \"John Smith\",\r\n *     },\r\n *     PickList: {\r\n *       label: this._pickListLabel,\r\n *       editor: \"dropdown\",\r\n *       value: \"one\",\r\n *       options: [\"one\", \"two\", \"three\", \"four\"],\r\n *     },\r\n *   };\r\n *\r\n *   return (\r\n *     <div>\r\n *       <Dialog title=\"Example Form\"\r\n *         opened={true}\r\n *         onClose={() => this.handleCancel()}>\r\n *         <Form handleFormSubmit={(values: FieldValues) => this.handleSubmit(values)}\r\n *           fields={fields}\r\n *         />\r\n *       </Dialog>\r\n *     </div >\r\n *   );\r\n * }\r\n * @public @deprecate\r\n */\r\nexport class Form extends React.Component<FormProps, FormState> {\r\n  private _submitButtonLabel = UiCore.translate(\"form.submitButtonLabel\");\r\n  private _errorPrefix = UiCore.translate(\"form.errorPrefix\");\r\n  private _errorSuffix = UiCore.translate(\"form.errorSuffix\");\r\n\r\n  constructor(props: FormProps) {\r\n    super(props);\r\n\r\n    // set initial values for field values\r\n    const values: FieldValues = {};\r\n    Object.keys(props.fields).forEach((key) => values[key] = props.fields[key].value);\r\n\r\n    this.state = {\r\n      errorMsg: \"\",\r\n      values,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Returns whether there is an errorMsg message in the state/context\r\n   * @param errorMsg - The form errorMsg\r\n   */\r\n  private haveError(errorMsg: string) {\r\n    return errorMsg && errorMsg.length;\r\n  }\r\n\r\n  private _setValues = (values: FieldValues) => {\r\n    this.setState((prevState) => ({ values: { ...prevState.values, ...values } }));\r\n  };\r\n\r\n  private _handleSubmit = (event: React.FormEvent<HTMLFormElement>, values: FieldValues) => {\r\n    event.preventDefault();\r\n\r\n    // istanbul ignore next\r\n    if (!this.props.handleFormSubmit || !values || 0 === values.length)\r\n      throw new Error(\"A handleFormSubmit function and values must be defined\");\r\n\r\n    this.props.handleFormSubmit(values)\r\n      .then(() => {\r\n        // Currently we don't need to do anything if successful. Typically the hosting dialog will close when the\r\n        // submission is successful.\r\n        // console.log(rtnMsg);\r\n      })\r\n      .catch((reason: Error) => {\r\n        this.setState({ submitSuccess: false, errorMsg: reason.message });\r\n      });\r\n  };\r\n\r\n  public override render() {\r\n    const { submitSuccess, errorMsg } = this.state;\r\n    const { fields, submitButtonLabel } = this.props;\r\n    const context: FormContextState = { ...this.state, setValues: this._setValues };\r\n\r\n    return (\r\n      <FormContext.Provider value={context}>\r\n        <div className=\"core-form-wrapper\">\r\n          <form onSubmit={(event: React.FormEvent<HTMLFormElement>) => this._handleSubmit(event, this.state.values)} noValidate={true}>\r\n            <div className=\"core-form-container\">\r\n              {Object.keys(fields).map((key) => <Field key={key} id={key} {...this.props.fields[key]} />)}\r\n              <div className=\"core-form-footer\">\r\n                <div className=\"core-form-buttons\">\r\n                  <Button type=\"submit\" styleType=\"high-visibility\">\r\n                    {submitButtonLabel ? submitButtonLabel : this._submitButtonLabel}\r\n                  </Button>\r\n                </div>\r\n                {submitSuccess === false && this.haveError(errorMsg) && (\r\n                  <div className=\"core-form-alert\" role=\"alert\">{`${this._errorPrefix}-${errorMsg} ${this._errorSuffix}`}</div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </FormContext.Provider>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/core-react/form/Form.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Form\r\n */\r\n\r\nimport \"./Form.scss\";\r\nimport * as React from \"react\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { Field } from \"./Field\";\r\nimport { Button } from \"@itwin/itwinui-react\";\r\n\r\n// cSpell:ignore multilinetextbox\r\n\r\n/** The available editors for the fields in a [[Form]].\r\n * @public @deprecated in 3.0.\r\n */\r\nexport type FieldEditor = \"textbox\" | \"multilinetextbox\" | \"dropdown\" | \"checkbox\";\r\n\r\n/** Interface used to define each [[Field]] in a [[Form]]\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface FieldDef {\r\n  /* The label text for the field */\r\n  label?: string;\r\n\r\n  /* The editor for the field */\r\n  editor?: FieldEditor;\r\n\r\n  /* The drop down items for the field */\r\n  options?: string[] | { [key: string]: string };\r\n\r\n  /* The initial field value */\r\n  value?: any;\r\n}\r\n\r\n/** Key/value pairs for all the field values with key being the field HTML Id.\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface FieldValues {\r\n  [key: string]: any;\r\n}\r\n\r\n/** The state data used by [[Form]] to hold state of each [[Field]] and the result of submit button processing.\r\n * @public @deprecated in 3.0.\r\n */\r\ninterface FormState {\r\n  /* The field values */\r\n  values: FieldValues;\r\n\r\n  /* The errorMsg message return in catch of async submit button processing */\r\n  errorMsg: string;\r\n\r\n  /* Whether the form has been successfully submitted */\r\n  submitSuccess?: boolean;\r\n}\r\n\r\n/**\r\n * FormContextState combines the Form's state data with the callbacks used to update the value of the state data.\r\n * @public @deprecate\r\n */\r\nexport interface FormContextState extends FormState {\r\n  setValues: (values: FieldValues) => void;\r\n}\r\n\r\n/** React context used by Form as a Provider and by the Fields as Consumers and updaters.\r\n * @public @deprecated in 3.0.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const FormContext = React.createContext<FormContextState | undefined>(undefined);\r\nFormContext.displayName = \"core-react:FormContext\";\r\n\r\n/** Key/value pairs for all the field definitions to be displayed in a [[Form]].\r\n * @public\r\n */\r\nexport interface FieldDefinitions {\r\n  [key: string]: FieldDef;\r\n}\r\n\r\n/** Properties that define [[Form]] including the callback to be called when the Submit button is pressed.\r\n * @public\r\n */\r\nexport interface FormProps {\r\n  /** Required async callback the processes the Form data and throws and Error if the data cannot be processed.  */\r\n  handleFormSubmit: (values: FieldValues) => Promise<void>;\r\n  /** Definition used to create each Field in the Form. */\r\n  fields: FieldDefinitions;\r\n  /** Optional label which will override default Submit button label. */\r\n  submitButtonLabel?: string;\r\n}\r\n\r\n/** Component used to create a Form using supplied properties to specify the fields of the Form.\r\n * @example\r\n * // Example of using a form as contents of a modal dialog.\r\n * export class ExampleForm extends React.Component {\r\n *   public static open() {\r\n *   const form = new ExampleForm({});\r\n *   ModalDialogManager.openDialog(form.render());\r\n * }\r\n *\r\n * protected async handleSubmit(values: FieldValues): Promise<void> {\r\n *   await this.processFormSubmission(values);\r\n *   ModalDialogManager.closeDialog();\r\n *   const msg = JSON.stringify(values);\r\n *   IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, \"Form Submitted\", msg));\r\n * }\r\n *\r\n * protected async processFormSubmission(values: FieldValues): Promise<void> {\r\n *   // if error occurs during async processing throw an Error and return error message back to form.\r\n *   throw new Error(\"Error processing form\");\r\n * }\r\n *\r\n * protected handleCancel() {\r\n *   ModalDialogManager.closeDialog();\r\n * }\r\n *\r\n * public render() {\r\n *   const fields: FieldDefinitions = {\r\n *     Name: {\r\n *       label: this._nameLabel,\r\n *       editor: \"textbox\",\r\n *       value: \"John Smith\",\r\n *     },\r\n *     PickList: {\r\n *       label: this._pickListLabel,\r\n *       editor: \"dropdown\",\r\n *       value: \"one\",\r\n *       options: [\"one\", \"two\", \"three\", \"four\"],\r\n *     },\r\n *   };\r\n *\r\n *   return (\r\n *     <div>\r\n *       <Dialog title=\"Example Form\"\r\n *         opened={true}\r\n *         onClose={() => this.handleCancel()}>\r\n *         <Form handleFormSubmit={(values: FieldValues) => this.handleSubmit(values)}\r\n *           fields={fields}\r\n *         />\r\n *       </Dialog>\r\n *     </div >\r\n *   );\r\n * }\r\n * @public @deprecate\r\n */\r\nexport class Form extends React.Component<FormProps, FormState> {\r\n  private _submitButtonLabel = UiCore.translate(\"form.submitButtonLabel\");\r\n  private _errorPrefix = UiCore.translate(\"form.errorPrefix\");\r\n  private _errorSuffix = UiCore.translate(\"form.errorSuffix\");\r\n\r\n  constructor(props: FormProps) {\r\n    super(props);\r\n\r\n    // set initial values for field values\r\n    const values: FieldValues = {};\r\n    Object.keys(props.fields).forEach((key) => values[key] = props.fields[key].value);\r\n\r\n    this.state = {\r\n      errorMsg: \"\",\r\n      values,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Returns whether there is an errorMsg message in the state/context\r\n   * @param errorMsg - The form errorMsg\r\n   */\r\n  private haveError(errorMsg: string) {\r\n    return errorMsg && errorMsg.length;\r\n  }\r\n\r\n  private _setValues = (values: FieldValues) => {\r\n    this.setState((prevState) => ({ values: { ...prevState.values, ...values } }));\r\n  };\r\n\r\n  private _handleSubmit = (event: React.FormEvent<HTMLFormElement>, values: FieldValues) => {\r\n    event.preventDefault();\r\n\r\n    // istanbul ignore next\r\n    if (!this.props.handleFormSubmit || !values || 0 === values.length)\r\n      throw new Error(\"A handleFormSubmit function and values must be defined\");\r\n\r\n    this.props.handleFormSubmit(values)\r\n      .then(() => {\r\n        // Currently we don't need to do anything if successful. Typically the hosting dialog will close when the\r\n        // submission is successful.\r\n        // console.log(rtnMsg);\r\n      })\r\n      .catch((reason: Error) => {\r\n        this.setState({ submitSuccess: false, errorMsg: reason.message });\r\n      });\r\n  };\r\n\r\n  public override render() {\r\n    const { submitSuccess, errorMsg } = this.state;\r\n    const { fields, submitButtonLabel } = this.props;\r\n    const context: FormContextState = { ...this.state, setValues: this._setValues };\r\n\r\n    return (\r\n      <FormContext.Provider value={context}>\r\n        <div className=\"core-form-wrapper\">\r\n          <form onSubmit={(event: React.FormEvent<HTMLFormElement>) => this._handleSubmit(event, this.state.values)} noValidate={true}>\r\n            <div className=\"core-form-container\">\r\n              {Object.keys(fields).map((key) => <Field key={key} id={key} {...this.props.fields[key]} />)}\r\n              <div className=\"core-form-footer\">\r\n                <div className=\"core-form-buttons\">\r\n                  <Button type=\"submit\" styleType=\"high-visibility\">\r\n                    {submitButtonLabel ? submitButtonLabel : this._submitButtonLabel}\r\n                  </Button>\r\n                </div>\r\n                {submitSuccess === false && this.haveError(errorMsg) && (\r\n                  <div className=\"core-form-alert\" role=\"alert\">{`${this._errorPrefix}-${errorMsg} ${this._errorSuffix}`}</div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </FormContext.Provider>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/icons/SvgSprite.d.ts

@@ -5,7 +5,7 @@ import "./SvgSprite.scss";
 import * as React from "react";
 import { CommonProps } from "../utils/Props";
 /** Properties of [[SvgSprite]] component.
- * @public @deprecated
+ * @public @deprecated in 3.2.
  */
 export interface SvgSpriteProps extends CommonProps {
     /** Source for the Svg */
@@ -13,7 +13,7 @@ export interface SvgSpriteProps extends CommonProps {
 }
 /** Svg element wrapper.
  * This component is deprecate -- use IconComponent
- * @public @deprecated
+ * @public @deprecated in 3.2.
  */
 export declare class SvgSprite extends React.PureComponent<SvgSpriteProps> {
     render(): JSX.Element;

package/lib/esm/core-react/icons/SvgSprite.js

@@ -11,7 +11,7 @@ import classnames from "classnames";
 import * as React from "react";
 /** Svg element wrapper.
  * This component is deprecate -- use IconComponent
- * @public @deprecated
+ * @public @deprecated in 3.2.
  */
 export class SvgSprite extends React.PureComponent {
     render() {

package/lib/esm/core-react/icons/SvgSprite.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgSprite.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;YAC5E,6BAAK,UAAU,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CACxE,CACP,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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Icon\r\n */\r\n\r\nimport \"./SvgSprite.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties of [[SvgSprite]] component.\r\n * @public @deprecated\r\n */\r\nexport interface SvgSpriteProps extends CommonProps {\r\n  /** Source for the Svg */\r\n  src: string;\r\n}\r\n\r\n/** Svg element wrapper.\r\n * This component is deprecate -- use IconComponent\r\n * @public @deprecated\r\n */\r\nexport class SvgSprite extends React.PureComponent<SvgSpriteProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-icons-svgSprite\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\">\r\n        <use xmlnsXlink=\"http://www.w3.org/1999/xlink\" xlinkHref={this.props.src} />\r\n      </svg>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SvgSprite.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;YAC5E,6BAAK,UAAU,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CACxE,CACP,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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Icon\r\n */\r\n\r\nimport \"./SvgSprite.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties of [[SvgSprite]] component.\r\n * @public @deprecated in 3.2.\r\n */\r\nexport interface SvgSpriteProps extends CommonProps {\r\n  /** Source for the Svg */\r\n  src: string;\r\n}\r\n\r\n/** Svg element wrapper.\r\n * This component is deprecate -- use IconComponent\r\n * @public @deprecated in 3.2.\r\n */\r\nexport class SvgSprite extends React.PureComponent<SvgSpriteProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-icons-svgSprite\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\">\r\n        <use xmlnsXlink=\"http://www.w3.org/1999/xlink\" xlinkHref={this.props.src} />\r\n      </svg>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/inputs/Input.d.ts

@@ -5,7 +5,7 @@ import * as React from "react";
 import { CommonProps } from "../utils/Props";
 /** Properties for the [[Input]] component
  * @public
- * @deprecated Use InputProps in itwinui-react instead
+ * @deprecated in 3.0. Use InputProps in itwinui-react instead
  */
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
     /** Indicates whether to set focus to the input element */
@@ -17,7 +17,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>,
 }
 /** Basic text input, is a wrapper for the `<input type="text">` HTML element.
  * @public
- * @deprecated Use Input in itwinui-react instead
+ * @deprecated in 3.0. Use Input in itwinui-react instead
  */
 export declare const Input: (props: InputProps) => JSX.Element | null;
 //# sourceMappingURL=Input.d.ts.map

package/lib/esm/core-react/inputs/Input.js

@@ -38,7 +38,7 @@ function ForwardRefInput(props, ref) {
 });
 /** Basic text input, is a wrapper for the `<input type="text">` HTML element.
  * @public
- * @deprecated Use Input in itwinui-react instead
+ * @deprecated in 3.0. Use Input in itwinui-react instead
  */
 export const Input = ForwardRefInput; // eslint-disable-line deprecation/deprecation
 //# sourceMappingURL=Input.js.map

package/lib/esm/core-react/inputs/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAgBjD,0GAA0G;AAC1G,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAkC,8CAA8C;AACtH,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACjC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IAC7I,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEpJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,CAAC;QAC/C,MAAM,cAAc,GAAG,gBAAgB,CAAC;QAExC,IAAI,cAAc,IAAI,cAAc,EAAE;YACpC,cAAc,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;SAC5D;QACD,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,cAAc,EAAE;gBACpC,cAAc,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;aAC/D;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,eAAe,CAAC,OAAO,IAAI,QAAQ;YACrC,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAyC,EAAE,EAAE;QAClF,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,KAAK,UAAU,EAAE,OAAO,EAAE,WAAW,EACxE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAA8C,eAAe,CAAC,CAAE,8CAA8C","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 Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Input as ITwinUI_Input } from \"@itwin/itwinui-react\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[Input]] component\r\n * @public\r\n * @deprecated Use InputProps in itwinui-react instead\r\n */\r\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {\r\n  /** Indicates whether to set focus to the input element */\r\n  setFocus?: boolean;\r\n  /** Native keydown event handler */\r\n  nativeKeyHandler?: (e: KeyboardEvent) => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\r\nconst ForwardRefInput = React.forwardRef<HTMLInputElement, InputProps>(   // eslint-disable-line deprecation/deprecation\r\n  function ForwardRefInput(props, ref) {\r\n    const { className, style, setFocus, nativeKeyHandler, size, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\r\n    const refs = useRefs(inputElementRef, 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      const currentElement = inputElementRef.current;\r\n      const currentHandler = nativeKeyHandler;\r\n\r\n      if (currentElement && currentHandler) {\r\n        currentElement.addEventListener(\"keydown\", currentHandler);\r\n      }\r\n      return () => {\r\n        if (currentHandler && currentElement) {\r\n          currentElement.removeEventListener(\"keydown\", currentHandler);\r\n        }\r\n      };\r\n    }, [nativeKeyHandler]);\r\n\r\n    React.useEffect(() => {\r\n      if (inputElementRef.current && setFocus)\r\n        inputElementRef.current.focus();\r\n    }, [setFocus]);\r\n\r\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n      event.currentTarget.select();\r\n    }, []);\r\n\r\n    return (\r\n      <ITwinUI_Input ref={refs} type=\"text\" {...otherProps} onFocus={handleFocus}\r\n        className={classnames(\"uicore-inputs-input\", className)} style={style} />\r\n    );\r\n  }\r\n);\r\n\r\n/** Basic text input, is a wrapper for the `<input type=\"text\">` HTML element.\r\n * @public\r\n * @deprecated Use Input in itwinui-react instead\r\n */\r\nexport const Input: (props: InputProps) => JSX.Element | null = ForwardRefInput;  // eslint-disable-line deprecation/deprecation\r\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAgBjD,0GAA0G;AAC1G,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAkC,8CAA8C;AACtH,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACjC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IAC7I,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEpJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,CAAC;QAC/C,MAAM,cAAc,GAAG,gBAAgB,CAAC;QAExC,IAAI,cAAc,IAAI,cAAc,EAAE;YACpC,cAAc,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;SAC5D;QACD,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,cAAc,EAAE;gBACpC,cAAc,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;aAC/D;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,eAAe,CAAC,OAAO,IAAI,QAAQ;YACrC,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAyC,EAAE,EAAE;QAClF,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,KAAK,UAAU,EAAE,OAAO,EAAE,WAAW,EACxE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAA8C,eAAe,CAAC,CAAE,8CAA8C","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 Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Input as ITwinUI_Input } from \"@itwin/itwinui-react\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[Input]] component\r\n * @public\r\n * @deprecated in 3.0. Use InputProps in itwinui-react instead\r\n */\r\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {\r\n  /** Indicates whether to set focus to the input element */\r\n  setFocus?: boolean;\r\n  /** Native keydown event handler */\r\n  nativeKeyHandler?: (e: KeyboardEvent) => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\r\nconst ForwardRefInput = React.forwardRef<HTMLInputElement, InputProps>(   // eslint-disable-line deprecation/deprecation\r\n  function ForwardRefInput(props, ref) {\r\n    const { className, style, setFocus, nativeKeyHandler, size, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\r\n    const refs = useRefs(inputElementRef, 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      const currentElement = inputElementRef.current;\r\n      const currentHandler = nativeKeyHandler;\r\n\r\n      if (currentElement && currentHandler) {\r\n        currentElement.addEventListener(\"keydown\", currentHandler);\r\n      }\r\n      return () => {\r\n        if (currentHandler && currentElement) {\r\n          currentElement.removeEventListener(\"keydown\", currentHandler);\r\n        }\r\n      };\r\n    }, [nativeKeyHandler]);\r\n\r\n    React.useEffect(() => {\r\n      if (inputElementRef.current && setFocus)\r\n        inputElementRef.current.focus();\r\n    }, [setFocus]);\r\n\r\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n      event.currentTarget.select();\r\n    }, []);\r\n\r\n    return (\r\n      <ITwinUI_Input ref={refs} type=\"text\" {...otherProps} onFocus={handleFocus}\r\n        className={classnames(\"uicore-inputs-input\", className)} style={style} />\r\n    );\r\n  }\r\n);\r\n\r\n/** Basic text input, is a wrapper for the `<input type=\"text\">` HTML element.\r\n * @public\r\n * @deprecated in 3.0. Use Input in itwinui-react instead\r\n */\r\nexport const Input: (props: InputProps) => JSX.Element | null = ForwardRefInput;  // eslint-disable-line deprecation/deprecation\r\n"]}

package/lib/esm/core-react/inputs/LabeledInput.d.ts

@@ -6,13 +6,13 @@ import { InputProps } from "./Input";
 import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
 /** Properties for [[LabeledInput]] components
  * @public
- * @deprecated Use LabeledInputProps in itwinui-react instead
+ * @deprecated in 3.0. Use LabeledInputProps in itwinui-react instead
  */
 export interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps {
 }
 /** Text input wrapper that provides additional styling and labeling
  * @public
- * @deprecated Use LabeledInput in itwinui-react instead
+ * @deprecated in 3.0. Use LabeledInput in itwinui-react instead
  */
 export declare function LabeledInput(props: LabeledInputProps): JSX.Element;
 //# sourceMappingURL=LabeledInput.d.ts.map

package/lib/esm/core-react/inputs/LabeledInput.js

@@ -10,7 +10,7 @@ import * as React from "react";
 import { Input } from "./Input";
 /** Text input wrapper that provides additional styling and labeling
  * @public
- * @deprecated Use LabeledInput in itwinui-react instead
+ * @deprecated in 3.0. Use LabeledInput in itwinui-react instead
  */
 export function LabeledInput(props) {
     const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, disabled, message, messageClassName, messageStyle, ...otherProps } = props;

package/lib/esm/core-react/inputs/LabeledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledInput.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledInput.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAW5C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAAE,QAAQ,EACpC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,6BAA6B,EAC7B,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;YAC5D,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;YAC1F,MAAM;gBACL,2BAAG,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;QACL,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/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Input, InputProps } from \"./Input\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for [[LabeledInput]] components\r\n * @public\r\n * @deprecated Use LabeledInputProps in itwinui-react instead\r\n */\r\nexport interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\r\n\r\n/** Text input wrapper that provides additional styling and labeling\r\n * @public\r\n * @deprecated Use LabeledInput in itwinui-react instead\r\n */\r\nexport function LabeledInput(props: LabeledInputProps) {    // eslint-disable-line deprecation/deprecation\r\n  const { label, status, className, style,\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle, disabled,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-input\",\r\n      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      <div className={classnames(\"input\", { \"with-icon\": !!status })}>\r\n        <Input disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\r\n        {status &&\r\n          <i className={classnames(\"icon\", `icon-status-${status}`)} />\r\n        }\r\n      </div>\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"]}
+{"version":3,"file":"LabeledInput.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledInput.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAW5C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAAE,QAAQ,EACpC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,6BAA6B,EAC7B,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;YAC5D,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;YAC1F,MAAM;gBACL,2BAAG,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;QACL,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/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Input, InputProps } from \"./Input\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for [[LabeledInput]] components\r\n * @public\r\n * @deprecated in 3.0. Use LabeledInputProps in itwinui-react instead\r\n */\r\nexport interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\r\n\r\n/** Text input wrapper that provides additional styling and labeling\r\n * @public\r\n * @deprecated in 3.0. Use LabeledInput in itwinui-react instead\r\n */\r\nexport function LabeledInput(props: LabeledInputProps) {    // eslint-disable-line deprecation/deprecation\r\n  const { label, status, className, style,\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle, disabled,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-input\",\r\n      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      <div className={classnames(\"input\", { \"with-icon\": !!status })}>\r\n        <Input disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\r\n        {status &&\r\n          <i className={classnames(\"icon\", `icon-status-${status}`)} />\r\n        }\r\n      </div>\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/inputs/LabeledTextarea.d.ts

@@ -6,13 +6,13 @@ import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponen
 import { TextareaProps } from "./Textarea";
 /** Properties for [[LabeledTextarea]] component
  * @public
- * @deprecated Use LabeledTextareaProps in itwinui-react instead
+ * @deprecated in 3.0. Use LabeledTextareaProps in itwinui-react instead
  */
 export interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps {
 }
 /** Textarea wrapper that allows for additional styling and labelling
  * @public
- * @deprecated Use LabeledTextarea in itwinui-react instead
+ * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
  */
 export declare function LabeledTextarea(props: LabeledTextareaProps): JSX.Element;
 //# sourceMappingURL=LabeledTextarea.d.ts.map

package/lib/esm/core-react/inputs/LabeledTextarea.js

@@ -10,7 +10,7 @@ import * as React from "react";
 import { Textarea } from "./Textarea";
 /** Textarea wrapper that allows for additional styling and labelling
  * @public
- * @deprecated Use LabeledTextarea in itwinui-react instead
+ * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
  */
 export function LabeledTextarea(props) {
     const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars

package/lib/esm/core-react/inputs/LabeledTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledTextarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledTextarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAUrD;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,wDAAwD;IACzG,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,gCAAgC,EAChC,QAAQ,IAAI,iBAAiB,EAC7B,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,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;QAC7F,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/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\r\nimport { Textarea, TextareaProps } from \"./Textarea\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for [[LabeledTextarea]] component\r\n * @public\r\n * @deprecated Use LabeledTextareaProps in itwinui-react instead\r\n */\r\nexport interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\r\n\r\n/** Textarea wrapper that allows for additional styling and labelling\r\n * @public\r\n * @deprecated Use LabeledTextarea in itwinui-react instead\r\n */\r\nexport function LabeledTextarea(props: LabeledTextareaProps) {  // eslint-disable-line deprecation/deprecation\r\n  const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-textarea\",\r\n      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      <Textarea disabled={disabled} className={inputClassName} style={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"]}
+{"version":3,"file":"LabeledTextarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledTextarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAUrD;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,wDAAwD;IACzG,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,gCAAgC,EAChC,QAAQ,IAAI,iBAAiB,EAC7B,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,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;QAC7F,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/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\r\nimport { Textarea, TextareaProps } from \"./Textarea\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for [[LabeledTextarea]] component\r\n * @public\r\n * @deprecated in 3.0. Use LabeledTextareaProps in itwinui-react instead\r\n */\r\nexport interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\r\n\r\n/** Textarea wrapper that allows for additional styling and labelling\r\n * @public\r\n * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead\r\n */\r\nexport function LabeledTextarea(props: LabeledTextareaProps) {  // eslint-disable-line deprecation/deprecation\r\n  const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-textarea\",\r\n      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      <Textarea disabled={disabled} className={inputClassName} style={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/inputs/Textarea.d.ts

@@ -5,7 +5,7 @@ import * as React from "react";
 import { CommonProps } from "../utils/Props";
 /** Properties for [[Textarea]] component
  * @public
- * @deprecated Use TextareaProps in itwinui-react instead
+ * @deprecated in 3.0. Use TextareaProps in itwinui-react instead
  */
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonProps {
     /** Number of textarea rows. Default is 3. */
@@ -17,7 +17,7 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
 }
 /** Basic textarea component
  * @public
- * @deprecated Use Textarea in itwinui-react instead
+ * @deprecated in 3.0. Use Textarea in itwinui-react instead
  */
 export declare const Textarea: (props: TextareaProps) => JSX.Element | null;
 //# sourceMappingURL=Textarea.d.ts.map

package/lib/esm/core-react/inputs/Textarea.js

@@ -27,7 +27,7 @@ function ForwardRefTextarea(props, ref) {
 });
 /** Basic textarea component
  * @public
- * @deprecated Use Textarea in itwinui-react instead
+ * @deprecated in 3.0. Use Textarea in itwinui-react instead
  */
 export const Textarea = ForwardRefTextarea; // eslint-disable-line deprecation/deprecation
 //# sourceMappingURL=Textarea.js.map

package/lib/esm/core-react/inputs/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Textarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAgBjD,0GAA0G;AAC1G,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAyC,8CAA8C;AAChI,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IAC3H,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEvJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,kBAAkB,CAAC,OAAO,IAAI,QAAQ;YACxC,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA4C,EAAE,EAAE;QACrF,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,gBAAgB,OAAK,UAAU,EAC9B,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiD,kBAAkB,CAAC,CAAG,8CAA8C","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 Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Textarea as ITwinUI_Textarea } from \"@itwin/itwinui-react\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[Textarea]] component\r\n * @public\r\n * @deprecated Use TextareaProps in itwinui-react instead\r\n */\r\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonProps {\r\n  /** Number of textarea rows. Default is 3. */\r\n  rows?: number;\r\n  /** Indicates whether to set focus to the textarea element */\r\n  setFocus?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLTextAreaElement>;\r\n}\r\n\r\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\r\nconst ForwardRefTextarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(    // eslint-disable-line deprecation/deprecation\r\n  function ForwardRefTextarea(props, ref) {\r\n    const { className, style, rows, setFocus, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const textRows = undefined !== rows ? rows : 3;\r\n    const textAreaElementRef = React.useRef<HTMLTextAreaElement>(null);\r\n    const refs = useRefs(textAreaElementRef, 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 (textAreaElementRef.current && setFocus)\r\n        textAreaElementRef.current.focus();\r\n    }, [setFocus]);\r\n\r\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n      event.currentTarget.select();\r\n    }, []);\r\n\r\n    return (\r\n      <ITwinUI_Textarea {...otherProps}\r\n        ref={refs}\r\n        rows={textRows}\r\n        onFocus={handleFocus}\r\n        className={classnames(\"uicore-inputs-textarea\", className)} style={style} />\r\n    );\r\n  }\r\n);\r\n\r\n/** Basic textarea component\r\n * @public\r\n * @deprecated Use Textarea in itwinui-react instead\r\n */\r\nexport const Textarea: (props: TextareaProps) => JSX.Element | null = ForwardRefTextarea;   // eslint-disable-line deprecation/deprecation\r\n"]}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Textarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAgBjD,0GAA0G;AAC1G,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAyC,8CAA8C;AAChI,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IAC3H,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEvJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,kBAAkB,CAAC,OAAO,IAAI,QAAQ;YACxC,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA4C,EAAE,EAAE;QACrF,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,gBAAgB,OAAK,UAAU,EAC9B,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiD,kBAAkB,CAAC,CAAG,8CAA8C","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 Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Textarea as ITwinUI_Textarea } from \"@itwin/itwinui-react\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[Textarea]] component\r\n * @public\r\n * @deprecated in 3.0. Use TextareaProps in itwinui-react instead\r\n */\r\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonProps {\r\n  /** Number of textarea rows. Default is 3. */\r\n  rows?: number;\r\n  /** Indicates whether to set focus to the textarea element */\r\n  setFocus?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLTextAreaElement>;\r\n}\r\n\r\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\r\nconst ForwardRefTextarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(    // eslint-disable-line deprecation/deprecation\r\n  function ForwardRefTextarea(props, ref) {\r\n    const { className, style, rows, setFocus, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const textRows = undefined !== rows ? rows : 3;\r\n    const textAreaElementRef = React.useRef<HTMLTextAreaElement>(null);\r\n    const refs = useRefs(textAreaElementRef, 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 (textAreaElementRef.current && setFocus)\r\n        textAreaElementRef.current.focus();\r\n    }, [setFocus]);\r\n\r\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n      event.currentTarget.select();\r\n    }, []);\r\n\r\n    return (\r\n      <ITwinUI_Textarea {...otherProps}\r\n        ref={refs}\r\n        rows={textRows}\r\n        onFocus={handleFocus}\r\n        className={classnames(\"uicore-inputs-textarea\", className)} style={style} />\r\n    );\r\n  }\r\n);\r\n\r\n/** Basic textarea component\r\n * @public\r\n * @deprecated in 3.0. Use Textarea in itwinui-react instead\r\n */\r\nexport const Textarea: (props: TextareaProps) => JSX.Element | null = ForwardRefTextarea;   // eslint-disable-line deprecation/deprecation\r\n"]}

package/lib/esm/core-react/loading/Spinner.d.ts

@@ -5,7 +5,7 @@ import "./Spinner.scss";
 import * as React from "react";
 /** Size for [[Spinner]] component
  * @public
- * @deprecated Use `size` in ProgressRadialProps in itwinui-react instead.
+ * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.
  */
 export declare enum SpinnerSize {
     /** width/height of 16px */
@@ -19,7 +19,7 @@ export declare enum SpinnerSize {
 }
 /** Properties for [[Spinner]] component
  * @public
- * @deprecated Use ProgressRadialProps in itwinui-react instead.
+ * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.
  */
 export interface SpinnerProps {
     /** Size of spinner */
@@ -30,7 +30,7 @@ export interface SpinnerProps {
 /**
  * An indeterminate spinner component.
  * @public
- * @deprecated Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
+ * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
  */
 export declare class Spinner extends React.PureComponent<SpinnerProps> {
     render(): JSX.Element;

package/lib/esm/core-react/loading/Spinner.js

@@ -11,7 +11,7 @@ import * as React from "react";
 // cspell:ignore xlarge
 /** Size for [[Spinner]] component
  * @public
- * @deprecated Use `size` in ProgressRadialProps in itwinui-react instead.
+ * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.
  */
 export var SpinnerSize;
 (function (SpinnerSize) {
@@ -27,7 +27,7 @@ export var SpinnerSize;
 /**
  * An indeterminate spinner component.
  * @public
- * @deprecated Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
+ * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
  */
 export class Spinner extends React.PureComponent {
     render() {

package/lib/esm/core-react/loading/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/Spinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4CAA4C;AAC5C,uBAAuB;AAEvB;;;GAGG;AACH,MAAM,CAAN,IAAY,WASX;AATD,WAAY,WAAW;IACrB,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;IACN,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;AACR,CAAC,EATW,WAAW,KAAX,WAAW,QAStB;AAaD;;;;GAIG;AACH,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAE5C,MAAM;QACpB,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACtB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAC9B;YACH,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM;oBACrB,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM,CAAC;gBACxB;oBACE,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;aACT;SACF;QAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,GAAI,CAC9B,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 Loading\r\n */\r\n\r\nimport \"./Spinner.scss\";\r\nimport * as React from \"react\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n// cspell:ignore xlarge\r\n\r\n/** Size for [[Spinner]] component\r\n * @public\r\n * @deprecated Use `size` in ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport enum SpinnerSize {\r\n  /** width/height of 16px */\r\n  Small,\r\n  /** width/height of 32px */\r\n  Medium,\r\n  /** width/height of 64px */\r\n  Large,\r\n  /** width/height of 96px */\r\n  XLarge,\r\n}\r\n\r\n/** Properties for [[Spinner]] component\r\n * @public\r\n * @deprecated Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface SpinnerProps {\r\n  /** Size of spinner */\r\n  size?: SpinnerSize;\r\n  /** CSS class for size of spinner */\r\n  sizeClass?: string;\r\n}\r\n\r\n/**\r\n * An indeterminate spinner component.\r\n * @public\r\n * @deprecated Use ProgressRadial in itwinui-react with `indeterminate` prop instead.\r\n */\r\nexport class Spinner extends React.PureComponent<SpinnerProps> {\r\n\r\n  public override render() {\r\n    let sizeClass: string;\r\n\r\n    if (this.props.sizeClass)\r\n      sizeClass = this.props.sizeClass;\r\n    else {\r\n      switch (this.props.size) {\r\n        case SpinnerSize.Small:\r\n          sizeClass = \"core-spinner-small\";\r\n          break;\r\n        case SpinnerSize.Large:\r\n          sizeClass = \"core-spinner-large\";\r\n          break;\r\n        case SpinnerSize.XLarge:\r\n          sizeClass = \"core-spinner-xlarge\";\r\n          break;\r\n        case SpinnerSize.Medium:\r\n        default:\r\n          sizeClass = \"core-spinner-medium\";\r\n          break;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className={sizeClass} />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/Spinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4CAA4C;AAC5C,uBAAuB;AAEvB;;;GAGG;AACH,MAAM,CAAN,IAAY,WASX;AATD,WAAY,WAAW;IACrB,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;IACN,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;AACR,CAAC,EATW,WAAW,KAAX,WAAW,QAStB;AAaD;;;;GAIG;AACH,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAE5C,MAAM;QACpB,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACtB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAC9B;YACH,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM;oBACrB,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM,CAAC;gBACxB;oBACE,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;aACT;SACF;QAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,GAAI,CAC9B,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 Loading\r\n */\r\n\r\nimport \"./Spinner.scss\";\r\nimport * as React from \"react\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n// cspell:ignore xlarge\r\n\r\n/** Size for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport enum SpinnerSize {\r\n  /** width/height of 16px */\r\n  Small,\r\n  /** width/height of 32px */\r\n  Medium,\r\n  /** width/height of 64px */\r\n  Large,\r\n  /** width/height of 96px */\r\n  XLarge,\r\n}\r\n\r\n/** Properties for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface SpinnerProps {\r\n  /** Size of spinner */\r\n  size?: SpinnerSize;\r\n  /** CSS class for size of spinner */\r\n  sizeClass?: string;\r\n}\r\n\r\n/**\r\n * An indeterminate spinner component.\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.\r\n */\r\nexport class Spinner extends React.PureComponent<SpinnerProps> {\r\n\r\n  public override render() {\r\n    let sizeClass: string;\r\n\r\n    if (this.props.sizeClass)\r\n      sizeClass = this.props.sizeClass;\r\n    else {\r\n      switch (this.props.size) {\r\n        case SpinnerSize.Small:\r\n          sizeClass = \"core-spinner-small\";\r\n          break;\r\n        case SpinnerSize.Large:\r\n          sizeClass = \"core-spinner-large\";\r\n          break;\r\n        case SpinnerSize.XLarge:\r\n          sizeClass = \"core-spinner-xlarge\";\r\n          break;\r\n        case SpinnerSize.Medium:\r\n        default:\r\n          sizeClass = \"core-spinner-medium\";\r\n          break;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className={sizeClass} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/messagebox/MessageSeverity.d.ts

@@ -3,7 +3,7 @@
  */
 /** Message Severity enum.
   * @public
-  * @deprecated Use [MessageSeverity]($appui-abstract) instead
+  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
   */
 export declare enum MessageSeverity {
     None = 0,

package/lib/esm/core-react/messagebox/MessageSeverity.js

@@ -7,7 +7,7 @@
  */
 /** Message Severity enum.
   * @public
-  * @deprecated Use [MessageSeverity]($appui-abstract) instead
+  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
   */
 export var MessageSeverity;
 (function (MessageSeverity) {

package/lib/esm/core-react/messagebox/MessageSeverity.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;;IAGI;AACJ,MAAM,CAAN,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,KAAf,eAAe,QAO1B","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 Dialog\r\n */\r\n\r\n/** Message Severity enum.\r\n  * @public\r\n  * @deprecated Use [MessageSeverity]($appui-abstract) instead\r\n  */\r\nexport enum MessageSeverity {\r\n  None = 0,\r\n  Information = 1,\r\n  Question = 2,\r\n  Warning = 3,\r\n  Error = 4,\r\n  Fatal = 5,\r\n}\r\n"]}
+{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;;IAGI;AACJ,MAAM,CAAN,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,KAAf,eAAe,QAO1B","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 Dialog\r\n */\r\n\r\n/** Message Severity enum.\r\n  * @public\r\n  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead\r\n  */\r\nexport enum MessageSeverity {\r\n  None = 0,\r\n  Information = 1,\r\n  Question = 2,\r\n  Warning = 3,\r\n  Error = 4,\r\n  Fatal = 5,\r\n}\r\n"]}

package/lib/esm/core-react/progress-indicators/ProgressBar.d.ts

@@ -5,7 +5,7 @@
 import { CommonProps } from "../utils/Props";
 /** Properties for [[ProgressBar]] component
  * @beta
- * @deprecated Use ProgressLinearProps in itwinui-react instead.
+ * @deprecated in 3.0. Use ProgressLinearProps in itwinui-react instead.
  */
 export interface ProgressBarProps extends CommonProps {
     /** Height (in pixels) of the progress bar. (defaults to 4px) */
@@ -23,7 +23,7 @@ export interface ProgressBarProps extends CommonProps {
  * ProgressBar React component shows a horizontal progress bar.
  * The determinate bar reflects a percentage and the indeterminate bar continuously animates.
  * @beta
- * @deprecated Use ProgressLinear in itwinui-react instead.
+ * @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.
  */
 export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/lib/esm/core-react/progress-indicators/ProgressBar.js

@@ -12,7 +12,7 @@ import { percentInRange } from "../loading/LoadingBar";
  * ProgressBar React component shows a horizontal progress bar.
  * The determinate bar reflects a percentage and the indeterminate bar continuously animates.
  * @beta
- * @deprecated Use ProgressLinear in itwinui-react instead.
+ * @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.
  */
 export function ProgressBar(props) {
     const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;

package/lib/esm/core-react/progress-indicators/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,UAAU,GAAwB;QACtC,GAAG,KAAK,CAAC,KAAK;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS;KAC3E,CAAC;IACF,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS;KACxD,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,mCAAmC,CAAC;IAClH,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACjF,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACvF,MAAM,GAAG,GAAG,CACV,6BAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU;QACnF,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,GAAI,CAC7C,CACP,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzB,GAAG,CAAC,CAAC;QACL,CACE,6BAAK,SAAS,EAAC,6BAA6B;YACzC,GAAG;YACJ,6BAAK,SAAS,EAAC,cAAc;gBAC1B,cAAc,IAAI;oBAAE,kCAAO,KAAK,CAAC,SAAS,CAAQ;oBAAA,kCAAO,KAAK,CAAC,UAAU,CAAQ,CAAG;gBACpF,CAAC,cAAc,IAAI;oBAAG,KAAK,CAAC,SAAS;oBAAE,KAAK,CAAC,UAAU,CAAI,CACxD,CACF,CACP,CAAC;IAEJ,OAAO,OAAO,CAAC;AACjB,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/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { percentInRange } from \"../loading/LoadingBar\";\r\n\r\n/** Properties for [[ProgressBar]] component\r\n * @beta\r\n * @deprecated Use ProgressLinearProps in itwinui-react instead.\r\n */\r\nexport interface ProgressBarProps extends CommonProps {\r\n  /** Height (in pixels) of the progress bar. (defaults to 4px) */\r\n  barHeight?: number;\r\n  /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */\r\n  indeterminate?: boolean;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */\r\n  labelLeft?: string;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */\r\n  labelRight?: string;\r\n  /** Percent for determinate progress bar. */\r\n  percent?: number;\r\n}\r\n\r\n/**\r\n * ProgressBar React component shows a horizontal progress bar.\r\n * The determinate bar reflects a percentage and the indeterminate bar continuously animates.\r\n * @beta\r\n * @deprecated Use ProgressLinear in itwinui-react instead.\r\n */\r\nexport function ProgressBar(props: ProgressBarProps) {    // eslint-disable-line deprecation/deprecation\r\n  const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;\r\n  const outerStyle: React.CSSProperties = {\r\n    ...props.style,\r\n    height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,\r\n  };\r\n  const innerStyle: React.CSSProperties = {\r\n    width: !props.indeterminate ? `${percent}%` : undefined,\r\n  };\r\n  const innerClass = !props.indeterminate ? \"uicore-progress-bar-determinate\" : \"uicore-progress-bar-indeterminate\";\r\n  const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;\r\n  const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;\r\n  const bar = (\r\n    <div className={classnames(\"uicore-progress-bar\", props.className)} style={outerStyle}>\r\n      <div className={innerClass} style={innerStyle} />\r\n    </div>\r\n  );\r\n  const content = !hasLabel ?\r\n    bar :\r\n    (\r\n      <div className=\"uicore-progress-bar-labeled\">\r\n        {bar}\r\n        <div className=\"uicore-label\">\r\n          {multipleLabels && <><span>{props.labelLeft}</span><span>{props.labelRight}</span></>}\r\n          {!multipleLabels && <>{props.labelLeft}{props.labelRight}</>}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n  return content;\r\n}\r\n"]}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,UAAU,GAAwB;QACtC,GAAG,KAAK,CAAC,KAAK;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS;KAC3E,CAAC;IACF,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS;KACxD,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,mCAAmC,CAAC;IAClH,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACjF,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACvF,MAAM,GAAG,GAAG,CACV,6BAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU;QACnF,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,GAAI,CAC7C,CACP,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzB,GAAG,CAAC,CAAC;QACL,CACE,6BAAK,SAAS,EAAC,6BAA6B;YACzC,GAAG;YACJ,6BAAK,SAAS,EAAC,cAAc;gBAC1B,cAAc,IAAI;oBAAE,kCAAO,KAAK,CAAC,SAAS,CAAQ;oBAAA,kCAAO,KAAK,CAAC,UAAU,CAAQ,CAAG;gBACpF,CAAC,cAAc,IAAI;oBAAG,KAAK,CAAC,SAAS;oBAAE,KAAK,CAAC,UAAU,CAAI,CACxD,CACF,CACP,CAAC;IAEJ,OAAO,OAAO,CAAC;AACjB,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/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { percentInRange } from \"../loading/LoadingBar\";\r\n\r\n/** Properties for [[ProgressBar]] component\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressLinearProps in itwinui-react instead.\r\n */\r\nexport interface ProgressBarProps extends CommonProps {\r\n  /** Height (in pixels) of the progress bar. (defaults to 4px) */\r\n  barHeight?: number;\r\n  /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */\r\n  indeterminate?: boolean;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */\r\n  labelLeft?: string;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */\r\n  labelRight?: string;\r\n  /** Percent for determinate progress bar. */\r\n  percent?: number;\r\n}\r\n\r\n/**\r\n * ProgressBar React component shows a horizontal progress bar.\r\n * The determinate bar reflects a percentage and the indeterminate bar continuously animates.\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.\r\n */\r\nexport function ProgressBar(props: ProgressBarProps) {    // eslint-disable-line deprecation/deprecation\r\n  const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;\r\n  const outerStyle: React.CSSProperties = {\r\n    ...props.style,\r\n    height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,\r\n  };\r\n  const innerStyle: React.CSSProperties = {\r\n    width: !props.indeterminate ? `${percent}%` : undefined,\r\n  };\r\n  const innerClass = !props.indeterminate ? \"uicore-progress-bar-determinate\" : \"uicore-progress-bar-indeterminate\";\r\n  const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;\r\n  const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;\r\n  const bar = (\r\n    <div className={classnames(\"uicore-progress-bar\", props.className)} style={outerStyle}>\r\n      <div className={innerClass} style={innerStyle} />\r\n    </div>\r\n  );\r\n  const content = !hasLabel ?\r\n    bar :\r\n    (\r\n      <div className=\"uicore-progress-bar-labeled\">\r\n        {bar}\r\n        <div className=\"uicore-label\">\r\n          {multipleLabels && <><span>{props.labelLeft}</span><span>{props.labelRight}</span></>}\r\n          {!multipleLabels && <>{props.labelLeft}{props.labelRight}</>}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n  return content;\r\n}\r\n"]}