@itwin/core-react 3.6.0 → 3.7.0-dev.1

package/lib/cjs/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,2CAAoC;AACpC,+BAA+B;AAC/B,wDAA8D;AAC9D,oDAAiD;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,IAAA,iBAAO,EAAC,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,qBAAa,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,KAAK,UAAU,EAAE,OAAO,EAAE,WAAW,EACxE,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACU,QAAA,KAAK,GAA8C,eAAe,CAAC,CAAE,8CAA8C","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input as ITwinUI_Input } from \"@itwin/itwinui-react\";\nimport { useRefs } from \"../utils/hooks/useRefs\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Input]] component\n * @public\n * @deprecated in 3.0. Use InputProps in itwinui-react instead\n */\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n  /** Native keydown event handler */\n  nativeKeyHandler?: (e: KeyboardEvent) => void;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\nconst ForwardRefInput = React.forwardRef<HTMLInputElement, InputProps>(   // eslint-disable-line deprecation/deprecation\n  function ForwardRefInput(props, ref) {\n    const { className, style, setFocus, nativeKeyHandler, size, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\n    const refs = useRefs(inputElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      const currentElement = inputElementRef.current;\n      const currentHandler = nativeKeyHandler;\n\n      if (currentElement && currentHandler) {\n        currentElement.addEventListener(\"keydown\", currentHandler);\n      }\n      return () => {\n        if (currentHandler && currentElement) {\n          currentElement.removeEventListener(\"keydown\", currentHandler);\n        }\n      };\n    }, [nativeKeyHandler]);\n\n    React.useEffect(() => {\n      if (inputElementRef.current && setFocus)\n        inputElementRef.current.focus();\n    }, [setFocus]);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n      event.currentTarget.select();\n    }, []);\n\n    return (\n      <ITwinUI_Input ref={refs} type=\"text\" {...otherProps} onFocus={handleFocus}\n        className={classnames(\"uicore-inputs-input\", className)} style={style} />\n    );\n  }\n);\n\n/** Basic text input, is a wrapper for the `<input type=\"text\">` HTML element.\n * @public\n * @deprecated in 3.0. Use Input in itwinui-react instead\n */\nexport const Input: (props: InputProps) => JSX.Element | null = ForwardRefInput;  // eslint-disable-line deprecation/deprecation\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,wDAA8D;AAC9D,oDAAiD;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,IAAA,iBAAO,EAAC,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,qBAAa,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,KAAK,UAAU,EAAE,OAAO,EAAE,WAAW,EACxE,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACU,QAAA,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/cjs/core-react/inputs/InputLabel.d.ts

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
-/** Properties for [[InputLabel]] components
- * @public
- */
-export interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {
-    disabled?: boolean;
-}
-/** Text input wrapper that provides additional styling and labeling
- * @public
- */
-export declare class InputLabel extends React.PureComponent<InputLabelProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
+/** Properties for [[InputLabel]] components
+ * @public
+ */
+export interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {
+    disabled?: boolean;
+}
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ */
+export declare class InputLabel extends React.PureComponent<InputLabelProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=InputLabel.d.ts.map

package/lib/cjs/core-react/inputs/InputLabel.js

@@ -1,34 +1,34 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputLabel = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-/** Text input wrapper that provides additional styling and labeling
- * @public
- */
-class InputLabel extends React.PureComponent {
-    render() {
-        const { label, status, className, style, labelClassName, labelStyle, message, messageClassName, messageStyle } = this.props;
-        return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-input", this.props.disabled && "uicore-disabled", status, className) },
-            label &&
-                React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
-                    " ",
-                    label,
-                    " "),
-            React.createElement("div", { className: (0, classnames_1.default)("input", { "with-icon": !!status }) },
-                this.props.children,
-                status &&
-                    React.createElement("i", { className: (0, classnames_1.default)("icon", `icon-status-${status}`) })),
-            message &&
-                React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
-    }
-}
-exports.InputLabel = InputLabel;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputLabel = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ */
+class InputLabel extends React.PureComponent {
+    render() {
+        const { label, status, className, style, labelClassName, labelStyle, message, messageClassName, messageStyle } = this.props;
+        return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-input", this.props.disabled && "uicore-disabled", status, className) },
+            label &&
+                React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                    " ",
+                    label,
+                    " "),
+            React.createElement("div", { className: (0, classnames_1.default)("input", { "with-icon": !!status }) },
+                this.props.children,
+                status &&
+                    React.createElement("i", { className: (0, classnames_1.default)("icon", `icon-status-${status}`) })),
+            message &&
+                React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+    }
+}
+exports.InputLabel = InputLabel;
 //# sourceMappingURL=InputLabel.js.map

package/lib/cjs/core-react/inputs/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAW/B;;GAEG;AACH,MAAa,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzD,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,6BAA6B,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC3D,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnB,MAAM;oBACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;YACL,OAAO;gBACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF;AA5BD,gCA4BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\n\n/** Properties for [[InputLabel]] components\n * @public\n */\nexport interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {\n  disabled?: boolean;\n}\n\n/** Text input wrapper that provides additional styling and labeling\n * @public\n */\nexport class InputLabel extends React.PureComponent<InputLabelProps> {\n  public override render(): JSX.Element {\n    const { label, status, className, style,\n      labelClassName, labelStyle,\n      message, messageClassName, messageStyle } = this.props;\n\n    return (\n      <label style={style} className={classnames(\n        \"uicore-inputs-labeled-input\",\n        this.props.disabled && \"uicore-disabled\",\n        status,\n        className,\n      )}>\n        {label &&\n          <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n        }\n        <div className={classnames(\"input\", { \"with-icon\": !!status })}>\n          {this.props.children}\n          {status &&\n            <i className={classnames(\"icon\", `icon-status-${status}`)} />\n          }\n        </div>\n        {message &&\n          <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n        }\n      </label>\n    );\n  }\n}\n"]}
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAW/B;;GAEG;AACH,MAAa,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzD,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,6BAA6B,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC3D,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnB,MAAM;oBACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;YACL,OAAO;gBACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF;AA5BD,gCA4BC","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 { CommonProps } from \"../utils/Props\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\r\n\r\n/** Properties for [[InputLabel]] components\r\n * @public\r\n */\r\nexport interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {\r\n  disabled?: boolean;\r\n}\r\n\r\n/** Text input wrapper that provides additional styling and labeling\r\n * @public\r\n */\r\nexport class InputLabel extends React.PureComponent<InputLabelProps> {\r\n  public override render(): JSX.Element {\r\n    const { label, status, className, style,\r\n      labelClassName, labelStyle,\r\n      message, messageClassName, messageStyle } = this.props;\r\n\r\n    return (\r\n      <label style={style} className={classnames(\r\n        \"uicore-inputs-labeled-input\",\r\n        this.props.disabled && \"uicore-disabled\",\r\n        status,\r\n        className,\r\n      )}>\r\n        {label &&\r\n          <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\r\n        }\r\n        <div className={classnames(\"input\", { \"with-icon\": !!status })}>\r\n          {this.props.children}\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}\r\n"]}

package/lib/cjs/core-react/inputs/InputStatus.d.ts

@@ -1,12 +1,12 @@
-/** @packageDocumentation
- * @module Inputs
- */
-/** Enum for Input status
- * @public
- */
-export declare enum InputStatus {
-    Success = "success",
-    Warning = "warning",
-    Error = "error"
-}
+/** @packageDocumentation
+ * @module Inputs
+ */
+/** Enum for Input status
+ * @public
+ */
+export declare enum InputStatus {
+    Success = "success",
+    Warning = "warning",
+    Error = "error"
+}
 //# sourceMappingURL=InputStatus.d.ts.map

package/lib/cjs/core-react/inputs/InputStatus.js

@@ -1,20 +1,20 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputStatus = void 0;
-/** Enum for Input status
- * @public
- */
-var InputStatus;
-(function (InputStatus) {
-    InputStatus["Success"] = "success";
-    InputStatus["Warning"] = "warning";
-    InputStatus["Error"] = "error";
-})(InputStatus = exports.InputStatus || (exports.InputStatus = {}));
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputStatus = void 0;
+/** Enum for Input status
+ * @public
+ */
+var InputStatus;
+(function (InputStatus) {
+    InputStatus["Success"] = "success";
+    InputStatus["Warning"] = "warning";
+    InputStatus["Error"] = "error";
+})(InputStatus = exports.InputStatus || (exports.InputStatus = {}));
 //# sourceMappingURL=InputStatus.js.map

package/lib/cjs/core-react/inputs/InputStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputStatus.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputStatus.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\n/** Enum for Input status\n * @public\n */\nexport enum InputStatus {\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n"]}
+{"version":3,"file":"InputStatus.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputStatus.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB","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\n/** Enum for Input status\r\n * @public\r\n */\r\nexport enum InputStatus {\r\n  Success = \"success\",\r\n  Warning = \"warning\",\r\n  Error = \"error\",\r\n}\r\n"]}

package/lib/cjs/core-react/inputs/LabeledComponentProps.d.ts

@@ -1,34 +1,34 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { InputStatus } from "./InputStatus";
-/** Properties for labeled components
- * @public
- */
-export interface LabeledComponentProps {
-    /** Text that will be shown next to or above the input. */
-    label?: string;
-    /** Input status like: "Success", "Warning" or "Error" */
-    status?: InputStatus;
-    /** Custom CSS class name for the checkbox input element */
-    inputClassName?: string;
-    /** Custom CSS Style for the checkbox input element */
-    inputStyle?: React.CSSProperties;
-    /** Custom CSS class name for the label */
-    labelClassName?: string;
-    /** Custom CSS Style for the label */
-    labelStyle?: React.CSSProperties;
-}
-/** Properties for components with messages
- * @public
- */
-export interface MessagedComponentProps {
-    /** Optional text shown below the input. */
-    message?: string;
-    /** Custom CSS class name for the message */
-    messageClassName?: string;
-    /** Custom CSS Style for the message */
-    messageStyle?: React.CSSProperties;
-}
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { InputStatus } from "./InputStatus";
+/** Properties for labeled components
+ * @public
+ */
+export interface LabeledComponentProps {
+    /** Text that will be shown next to or above the input. */
+    label?: string;
+    /** Input status like: "Success", "Warning" or "Error" */
+    status?: InputStatus;
+    /** Custom CSS class name for the checkbox input element */
+    inputClassName?: string;
+    /** Custom CSS Style for the checkbox input element */
+    inputStyle?: React.CSSProperties;
+    /** Custom CSS class name for the label */
+    labelClassName?: string;
+    /** Custom CSS Style for the label */
+    labelStyle?: React.CSSProperties;
+}
+/** Properties for components with messages
+ * @public
+ */
+export interface MessagedComponentProps {
+    /** Optional text shown below the input. */
+    message?: string;
+    /** Custom CSS class name for the message */
+    messageClassName?: string;
+    /** Custom CSS Style for the message */
+    messageStyle?: React.CSSProperties;
+}
 //# sourceMappingURL=LabeledComponentProps.d.ts.map

package/lib/cjs/core-react/inputs/LabeledComponentProps.js

@@ -1,10 +1,10 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=LabeledComponentProps.js.map

package/lib/cjs/core-react/inputs/LabeledComponentProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledComponentProps.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport * as React from \"react\";\nimport { InputStatus } from \"./InputStatus\";\n\n/** Properties for labeled components\n * @public\n */\nexport interface LabeledComponentProps {\n  /** Text that will be shown next to or above the input. */\n  label?: string;\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\n  status?: InputStatus;\n  /** Custom CSS class name for the checkbox input element */\n  inputClassName?: string;\n  /** Custom CSS Style for the checkbox input element */\n  inputStyle?: React.CSSProperties;\n  /** Custom CSS class name for the label */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n}\n\n/** Properties for components with messages\n * @public\n */\nexport interface MessagedComponentProps {\n  /** Optional text shown below the input. */\n  message?: string;\n  /** Custom CSS class name for the message */\n  messageClassName?: string;\n  /** Custom CSS Style for the message */\n  messageStyle?: React.CSSProperties;\n}\n"]}
+{"version":3,"file":"LabeledComponentProps.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 * as React from \"react\";\r\nimport { InputStatus } from \"./InputStatus\";\r\n\r\n/** Properties for labeled components\r\n * @public\r\n */\r\nexport interface LabeledComponentProps {\r\n  /** Text that will be shown next to or above the input. */\r\n  label?: string;\r\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\r\n  status?: InputStatus;\r\n  /** Custom CSS class name for the checkbox input element */\r\n  inputClassName?: string;\r\n  /** Custom CSS Style for the checkbox input element */\r\n  inputStyle?: React.CSSProperties;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n}\r\n\r\n/** Properties for components with messages\r\n * @public\r\n */\r\nexport interface MessagedComponentProps {\r\n  /** Optional text shown below the input. */\r\n  message?: string;\r\n  /** Custom CSS class name for the message */\r\n  messageClassName?: string;\r\n  /** Custom CSS Style for the message */\r\n  messageStyle?: React.CSSProperties;\r\n}\r\n"]}

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

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module Inputs
- */
-/// <reference types="react" />
-import { InputProps } from "./Input";
-import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
-/** Properties for [[LabeledInput]] components
- * @public
- * @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 in 3.0. Use LabeledInput in itwinui-react instead
- */
-export declare function LabeledInput(props: LabeledInputProps): JSX.Element;
+/** @packageDocumentation
+ * @module Inputs
+ */
+/// <reference types="react" />
+import { InputProps } from "./Input";
+import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
+/** Properties for [[LabeledInput]] components
+ * @public
+ * @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 in 3.0. Use LabeledInput in itwinui-react instead
+ */
+export declare function LabeledInput(props: LabeledInputProps): JSX.Element;
 //# sourceMappingURL=LabeledInput.d.ts.map

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

@@ -1,34 +1,34 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabeledInput = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const Input_1 = require("./Input");
-/** Text input wrapper that provides additional styling and labeling
- * @public
- * @deprecated in 3.0. Use LabeledInput in itwinui-react instead
- */
-function LabeledInput(props) {
-    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, disabled, message, messageClassName, messageStyle, ...otherProps } = props;
-    return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-input", disabled && "uicore-disabled", status, className) },
-        label &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
-                " ",
-                label,
-                " "),
-        React.createElement("div", { className: (0, classnames_1.default)("input", { "with-icon": !!status }) },
-            React.createElement(Input_1.Input, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
-            status &&
-                React.createElement("i", { className: (0, classnames_1.default)("icon", `icon-status-${status}`) })),
-        message &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
-}
-exports.LabeledInput = LabeledInput;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledInput = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const Input_1 = require("./Input");
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ * @deprecated in 3.0. Use LabeledInput in itwinui-react instead
+ */
+function LabeledInput(props) {
+    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, disabled, message, messageClassName, messageStyle, ...otherProps } = props;
+    return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-input", disabled && "uicore-disabled", status, className) },
+        label &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                " ",
+                label,
+                " "),
+        React.createElement("div", { className: (0, classnames_1.default)("input", { "with-icon": !!status }) },
+            React.createElement(Input_1.Input, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
+            status &&
+                React.createElement("i", { className: (0, classnames_1.default)("icon", `icon-status-${status}`) })),
+        message &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+}
+exports.LabeledInput = LabeledInput;
 //# sourceMappingURL=LabeledInput.js.map

package/lib/cjs/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,2CAAoC;AACpC,+BAA+B;AAC/B,mCAA4C;AAW5C;;;GAGG;AACH,SAAgB,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,IAAA,oBAAU,EACxC,6BAA6B,EAC7B,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;YAC5D,oBAAC,aAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;YAC1F,MAAM;gBACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;QACL,OAAO;YACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC;AA5BD,oCA4BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input, InputProps } from \"./Input\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[LabeledInput]] components\n * @public\n * @deprecated in 3.0. Use LabeledInputProps in itwinui-react instead\n */\nexport interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\n\n/** Text input wrapper that provides additional styling and labeling\n * @public\n * @deprecated in 3.0. Use LabeledInput in itwinui-react instead\n */\nexport function LabeledInput(props: LabeledInputProps) {    // eslint-disable-line deprecation/deprecation\n  const { label, status, className, style,\n    inputClassName, inputStyle,\n    labelClassName, labelStyle, disabled,\n    message, messageClassName, messageStyle,\n    ...otherProps } = props;\n\n  return (\n    <label style={style} className={classnames(\n      \"uicore-inputs-labeled-input\",\n      disabled && \"uicore-disabled\",\n      status,\n      className,\n    )}>\n      {label &&\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n      }\n      <div className={classnames(\"input\", { \"with-icon\": !!status })}>\n        <Input disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\n        {status &&\n          <i className={classnames(\"icon\", `icon-status-${status}`)} />\n        }\n      </div>\n      {message &&\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n      }\n    </label>\n  );\n}\n"]}
+{"version":3,"file":"LabeledInput.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledInput.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,mCAA4C;AAW5C;;;GAGG;AACH,SAAgB,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,IAAA,oBAAU,EACxC,6BAA6B,EAC7B,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;YAC5D,oBAAC,aAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;YAC1F,MAAM;gBACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;QACL,OAAO;YACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC;AA5BD,oCA4BC","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/cjs/core-react/inputs/LabeledTextarea.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module Inputs
- */
-/// <reference types="react" />
-import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
-import { TextareaProps } from "./Textarea";
-/** Properties for [[LabeledTextarea]] component
- * @public
- * @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 in 3.0. Use LabeledTextarea in itwinui-react instead
- */
-export declare function LabeledTextarea(props: LabeledTextareaProps): JSX.Element;
+/** @packageDocumentation
+ * @module Inputs
+ */
+/// <reference types="react" />
+import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
+import { TextareaProps } from "./Textarea";
+/** Properties for [[LabeledTextarea]] component
+ * @public
+ * @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 in 3.0. Use LabeledTextarea in itwinui-react instead
+ */
+export declare function LabeledTextarea(props: LabeledTextareaProps): JSX.Element;
 //# sourceMappingURL=LabeledTextarea.d.ts.map

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

@@ -1,32 +1,32 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabeledTextarea = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const Textarea_1 = require("./Textarea");
-/** Textarea wrapper that allows for additional styling and labelling
- * @public
- * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
- */
-function LabeledTextarea(props) {
-    const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars
-    inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
-    return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-textarea", disabled && "uicore-disabled", status, className) },
-        label &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
-                " ",
-                label,
-                " "),
-        React.createElement(Textarea_1.Textarea, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
-        message &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
-}
-exports.LabeledTextarea = LabeledTextarea;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledTextarea = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const Textarea_1 = require("./Textarea");
+/** Textarea wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
+ */
+function LabeledTextarea(props) {
+    const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars
+    inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
+    return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-textarea", disabled && "uicore-disabled", status, className) },
+        label &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                " ",
+                label,
+                " "),
+        React.createElement(Textarea_1.Textarea, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
+        message &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+}
+exports.LabeledTextarea = LabeledTextarea;
 //# sourceMappingURL=LabeledTextarea.js.map

package/lib/cjs/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,2CAAoC;AACpC,+BAA+B;AAE/B,yCAAqD;AAUrD;;;GAGG;AACH,SAAgB,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,IAAA,oBAAU,EACxC,gCAAgC,EAChC,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;QAC7F,OAAO;YACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC;AAvBD,0CAuBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\nimport { Textarea, TextareaProps } from \"./Textarea\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[LabeledTextarea]] component\n * @public\n * @deprecated in 3.0. Use LabeledTextareaProps in itwinui-react instead\n */\nexport interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\n\n/** Textarea wrapper that allows for additional styling and labelling\n * @public\n * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead\n */\nexport function LabeledTextarea(props: LabeledTextareaProps) {  // eslint-disable-line deprecation/deprecation\n  const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars\n    inputClassName, inputStyle,\n    labelClassName, labelStyle,\n    message, messageClassName, messageStyle,\n    ...otherProps } = props;\n\n  return (\n    <label style={style} className={classnames(\n      \"uicore-inputs-labeled-textarea\",\n      disabled && \"uicore-disabled\",\n      status,\n      className,\n    )}>\n      {label &&\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n      }\n      <Textarea disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\n      {message &&\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n      }\n    </label>\n  );\n}\n"]}
+{"version":3,"file":"LabeledTextarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledTextarea.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,yCAAqD;AAUrD;;;GAGG;AACH,SAAgB,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,IAAA,oBAAU,EACxC,gCAAgC,EAChC,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;QAC7F,OAAO;YACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC;AAvBD,0CAuBC","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"]}