@itwin/core-react 4.0.0-dev.11 → 4.0.0-dev.13

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

@@ -1,42 +1,42 @@
-"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 itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const classnames_1 = require("classnames");
-const React = require("react");
-const IconComponent_1 = require("../icons/IconComponent");
-const InputStatus_1 = require("./InputStatus");
-const inputLabelIconSpec = {
-    [InputStatus_1.InputStatus.Error]: React.createElement(itwinui_icons_react_1.SvgStatusError, null),
-    [InputStatus_1.InputStatus.Success]: React.createElement(itwinui_icons_react_1.SvgStatusSuccess, null),
-    [InputStatus_1.InputStatus.Warning]: React.createElement(itwinui_icons_react_1.SvgStatusWarning, null),
-};
-/** 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(IconComponent_1.Icon, { className: "icon", iconSpec: inputLabelIconSpec[`{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 itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const classnames_1 = require("classnames");
+const React = require("react");
+const IconComponent_1 = require("../icons/IconComponent");
+const InputStatus_1 = require("./InputStatus");
+const inputLabelIconSpec = {
+    [InputStatus_1.InputStatus.Error]: React.createElement(itwinui_icons_react_1.SvgStatusError, null),
+    [InputStatus_1.InputStatus.Success]: React.createElement(itwinui_icons_react_1.SvgStatusSuccess, null),
+    [InputStatus_1.InputStatus.Warning]: React.createElement(itwinui_icons_react_1.SvgStatusWarning, null),
+};
+/** 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(IconComponent_1.Icon, { className: "icon", iconSpec: inputLabelIconSpec[`{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,oEAAgG;AAChG,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAwD;AAExD,+CAA4C;AAY5C,MAAM,kBAAkB,GAAgC;IACtD,CAAC,yBAAW,CAAC,KAAK,CAAC,EAAE,oBAAC,oCAAc,OAAG;IACvC,CAAC,yBAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,sCAAgB,OAAG;IAC3C,CAAC,yBAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,sCAAgB,OAAG;CAC5C,CAAC;AAEF;;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,oBAAC,oBAAI,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,GAAI,CAEjE;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 { SvgStatusError, SvgStatusSuccess, SvgStatusWarning } from \"@itwin/itwinui-icons-react\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { InputStatus } from \"./InputStatus\";\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  /** Labeled content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst inputLabelIconSpec: { [key: string]: IconSpec } = {\r\n  [InputStatus.Error]: <SvgStatusError />,\r\n  [InputStatus.Success]: <SvgStatusSuccess />,\r\n  [InputStatus.Warning]: <SvgStatusWarning />,\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            <Icon className=\"icon\" iconSpec={inputLabelIconSpec[`{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"]}
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,oEAAgG;AAChG,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAwD;AAExD,+CAA4C;AAY5C,MAAM,kBAAkB,GAAgC;IACtD,CAAC,yBAAW,CAAC,KAAK,CAAC,EAAE,oBAAC,oCAAc,OAAG;IACvC,CAAC,yBAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,sCAAgB,OAAG;IAC3C,CAAC,yBAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,sCAAgB,OAAG;CAC5C,CAAC;AAEF;;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,oBAAC,oBAAI,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,GAAI,CAEjE;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 { SvgStatusError, SvgStatusSuccess, SvgStatusWarning } from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\nimport { CommonProps } from \"../utils/Props\";\nimport { InputStatus } from \"./InputStatus\";\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  /** Labeled content */\n  children?: React.ReactNode;\n}\n\nconst inputLabelIconSpec: { [key: string]: IconSpec } = {\n  [InputStatus.Error]: <SvgStatusError />,\n  [InputStatus.Success]: <SvgStatusSuccess />,\n  [InputStatus.Warning]: <SvgStatusWarning />,\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            <Icon className=\"icon\" iconSpec={inputLabelIconSpec[`{status}`]} />\n          }\n        </div>\n        {message &&\n          <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n        }\n      </label>\n    );\n  }\n}\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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"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"]}

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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"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"]}

package/lib/cjs/core-react/inputs/classes.scss

@@ -1,8 +1,8 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-inputs-input { @include uicore-inputs-input; }
-.uicore-inputs-labeled-input { @include uicore-inputs-labeled-input; }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./index";
+
+.uicore-inputs-input { @include uicore-inputs-input; }
+.uicore-inputs-labeled-input { @include uicore-inputs-labeled-input; }

package/lib/cjs/core-react/inputs/iconinput/IconInput.d.ts

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import "./IconInput.scss";
-import * as React from "react";
-import { InputProps } from "../Input";
-/** Properties for the [[IconInput]] component
- * @public
- */
-export interface IconInputProps extends Omit<InputProps, "size"> {
-    /** Icon displayed to the left of the Input field within the IconInput component */
-    icon: React.ReactNode;
-    /** CSS class name for the IconInput component container div */
-    containerClassName?: string;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-    /** Modify size of the input. */
-    size?: "small" | "large";
-}
-/** Input component with icon to the left of the input field
- * @public
- */
-export declare const IconInput: (props: IconInputProps) => JSX.Element | null;
+/** @packageDocumentation
+ * @module Inputs
+ */
+import "./IconInput.scss";
+import * as React from "react";
+import { InputProps } from "../Input";
+/** Properties for the [[IconInput]] component
+ * @public
+ */
+export interface IconInputProps extends Omit<InputProps, "size"> {
+    /** Icon displayed to the left of the Input field within the IconInput component */
+    icon: React.ReactNode;
+    /** CSS class name for the IconInput component container div */
+    containerClassName?: string;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLInputElement>;
+    /** Modify size of the input. */
+    size?: "small" | "large";
+}
+/** Input component with icon to the left of the input field
+ * @public
+ */
+export declare const IconInput: (props: IconInputProps) => JSX.Element | null;
 //# sourceMappingURL=IconInput.d.ts.map

package/lib/cjs/core-react/inputs/iconinput/IconInput.js

@@ -1,30 +1,30 @@
-"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.IconInput = void 0;
-require("./IconInput.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const Input_1 = require("../Input"); // NEEDSWORK - for nativeKeyHandler
-/** Input component with icon to the left of the input field
- * @public
- */
-const ForwardRefIconInput = React.forwardRef(function ForwardRefIconInput(props, ref) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { icon, containerClassName, size, ...otherProps } = props;
-    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop
-    return (React.createElement("div", { className: (0, classnames_1.default)("core-iconInput-container", containerClassName) },
-        React.createElement(Input_1.Input, { ref: ref, ...otherProps }),
-        React.createElement("div", { className: "core-iconInput-icon" }, icon)));
-});
-/** Input component with icon to the left of the input field
- * @public
- */
-exports.IconInput = ForwardRefIconInput;
+"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.IconInput = void 0;
+require("./IconInput.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const Input_1 = require("../Input"); // NEEDSWORK - for nativeKeyHandler
+/** Input component with icon to the left of the input field
+ * @public
+ */
+const ForwardRefIconInput = React.forwardRef(function ForwardRefIconInput(props, ref) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { icon, containerClassName, size, ...otherProps } = props;
+    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop
+    return (React.createElement("div", { className: (0, classnames_1.default)("core-iconInput-container", containerClassName) },
+        React.createElement(Input_1.Input, { ref: ref, ...otherProps }),
+        React.createElement("div", { className: "core-iconInput-icon" }, icon)));
+});
+/** Input component with icon to the left of the input field
+ * @public
+ */
+exports.IconInput = ForwardRefIconInput;
 //# sourceMappingURL=IconInput.js.map

package/lib/cjs/core-react/inputs/iconinput/IconInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/iconinput/IconInput.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAC/B,oCAA6C,CAAG,mCAAmC;AAgBnF;;GAEG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACrC,6DAA6D;IAC7D,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEhE,uFAAuF;IACvF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,kBAAkB,CAAC;QAExE,oBAAC,aAAK,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI;QACnC,6BAAK,SAAS,EAAC,qBAAqB,IACjC,IAAI,CACD,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL;;GAEG;AACU,QAAA,SAAS,GAAkD,mBAAmB,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 \"./IconInput.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Input, InputProps } from \"../Input\";   // NEEDSWORK - for nativeKeyHandler\r\n\r\n/** Properties for the [[IconInput]] component\r\n * @public\r\n */\r\nexport interface IconInputProps extends Omit<InputProps, \"size\"> {    // eslint-disable-line deprecation/deprecation\r\n  /** Icon displayed to the left of the Input field within the IconInput component */\r\n  icon: React.ReactNode;\r\n  /** CSS class name for the IconInput component container div */\r\n  containerClassName?: string;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n  /** Modify size of the input. */\r\n  size?: \"small\" | \"large\";\r\n}\r\n\r\n/** Input component with icon to the left of the input field\r\n * @public\r\n */\r\nconst ForwardRefIconInput = React.forwardRef<HTMLInputElement, IconInputProps>(\r\n  function ForwardRefIconInput(props, ref) {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { icon, containerClassName, size, ...otherProps } = props;\r\n\r\n    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop\r\n    return (\r\n      <div className={classnames(\"core-iconInput-container\", containerClassName)} >\r\n        {/* eslint-disable-next-line deprecation/deprecation */}\r\n        <Input ref={ref} {...otherProps} />\r\n        <div className=\"core-iconInput-icon\">\r\n          {icon}\r\n        </div>\r\n      </div>\r\n    );\r\n  });\r\n\r\n/** Input component with icon to the left of the input field\r\n * @public\r\n */\r\nexport const IconInput: (props: IconInputProps) => JSX.Element | null = ForwardRefIconInput;\r\n"]}
+{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/iconinput/IconInput.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAC/B,oCAA6C,CAAG,mCAAmC;AAgBnF;;GAEG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACrC,6DAA6D;IAC7D,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEhE,uFAAuF;IACvF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,kBAAkB,CAAC;QAExE,oBAAC,aAAK,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI;QACnC,6BAAK,SAAS,EAAC,qBAAqB,IACjC,IAAI,CACD,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL;;GAEG;AACU,QAAA,SAAS,GAAkD,mBAAmB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport \"./IconInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input, InputProps } from \"../Input\";   // NEEDSWORK - for nativeKeyHandler\n\n/** Properties for the [[IconInput]] component\n * @public\n */\nexport interface IconInputProps extends Omit<InputProps, \"size\"> {    // eslint-disable-line deprecation/deprecation\n  /** Icon displayed to the left of the Input field within the IconInput component */\n  icon: React.ReactNode;\n  /** CSS class name for the IconInput component container div */\n  containerClassName?: string;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n  /** Modify size of the input. */\n  size?: \"small\" | \"large\";\n}\n\n/** Input component with icon to the left of the input field\n * @public\n */\nconst ForwardRefIconInput = React.forwardRef<HTMLInputElement, IconInputProps>(\n  function ForwardRefIconInput(props, ref) {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { icon, containerClassName, size, ...otherProps } = props;\n\n    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop\n    return (\n      <div className={classnames(\"core-iconInput-container\", containerClassName)} >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Input ref={ref} {...otherProps} />\n        <div className=\"core-iconInput-icon\">\n          {icon}\n        </div>\n      </div>\n    );\n  });\n\n/** Input component with icon to the left of the input field\n * @public\n */\nexport const IconInput: (props: IconInputProps) => JSX.Element | null = ForwardRefIconInput;\n"]}

package/lib/cjs/core-react/inputs/iconinput/IconInput.scss

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../../base/base";
-@import "../variables";
-
-.core-iconInput-container {
-  position: relative;
-  padding:  0;
-  margin:   0;
-
-  .iui-input {
-    margin:       0;
-    padding-left: 30px;
-  }
-
-  .core-iconInput-icon {
-    position: absolute;
-    top:      0;
-    left:     0;
-    width:    30px;
-    height:   100%;
-    @include uicore-centered;
-
-    .icon {
-      width:  16px;
-      height: 16px;
-
-      margin-top: 2px;
-      @include uicore-centered;
-    }
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../../base/base";
+@import "../variables";
+
+.core-iconInput-container {
+  position: relative;
+  padding:  0;
+  margin:   0;
+
+  .iui-input {
+    margin:       0;
+    padding-left: 30px;
+  }
+
+  .core-iconInput-icon {
+    position: absolute;
+    top:      0;
+    left:     0;
+    width:    30px;
+    height:   100%;
+    @include uicore-centered;
+
+    .icon {
+      width:  16px;
+      height: 16px;
+
+      margin-top: 2px;
+      @include uicore-centered;
+    }
+  }
+
+}

package/lib/cjs/core-react/inputs/index.scss

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@import "./variables";
-@import "./input";
-@import "./input-label";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+
+@import "./variables";
+@import "./input";
+@import "./input-label";