@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/components-react/iconpicker/IconPickerButton.d.ts

@@ -1,48 +1,48 @@
-/** @packageDocumentation
- * @module IconPicker
- */
-import "./IconPickerButton.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for the [[IconPicker]] React component
- * @internal
- */
-export interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
-    /** active string */
-    icon: string;
-    /** available icons */
-    icons: string[];
-    /** function to run when user selects icon */
-    onIconChange?: ((icon: string) => void) | undefined;
-    /** Disabled or not */
-    disabled?: boolean;
-    /** Readonly or not */
-    readonly?: boolean;
-    /** Title to show at top of DropDown */
-    dropDownTitle?: string;
-    /** Number of columns */
-    numColumns: number;
-}
-/** @internal */
-interface IconPickerState {
-    showPopup: boolean;
-    icon: string;
-}
-/** IconPickerButton component
- * @internal
- */
-export declare class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {
-    private _target;
-    /** @internal */
-    static defaultProps: Partial<IconPickerProps>;
-    /** @internal */
-    constructor(props: IconPickerProps);
-    private _togglePopup;
-    private _closePopup;
-    private _handleIconPicked;
-    private renderPopup;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module IconPicker
+ */
+import "./IconPickerButton.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for the [[IconPicker]] React component
+ * @internal
+ */
+export interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
+    /** active string */
+    icon: string;
+    /** available icons */
+    icons: string[];
+    /** function to run when user selects icon */
+    onIconChange?: ((icon: string) => void) | undefined;
+    /** Disabled or not */
+    disabled?: boolean;
+    /** Readonly or not */
+    readonly?: boolean;
+    /** Title to show at top of DropDown */
+    dropDownTitle?: string;
+    /** Number of columns */
+    numColumns: number;
+}
+/** @internal */
+interface IconPickerState {
+    showPopup: boolean;
+    icon: string;
+}
+/** IconPickerButton component
+ * @internal
+ */
+export declare class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {
+    private _target;
+    /** @internal */
+    static defaultProps: Partial<IconPickerProps>;
+    /** @internal */
+    constructor(props: IconPickerProps);
+    private _togglePopup;
+    private _closePopup;
+    private _handleIconPicked;
+    private renderPopup;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=IconPickerButton.d.ts.map

package/lib/esm/components-react/iconpicker/IconPickerButton.js

@@ -1,88 +1,89 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module IconPicker
- */
-import "./IconPickerButton.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { Icon, Popup } from "@itwin/core-react";
-import { SvgChevronDown } from "@itwin/itwinui-icons-react";
-/** IconItem Functional component
- * @internal
- */
-// istanbul ignore next
-class IconItem extends React.PureComponent {
-    /** @internal */
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onClick, icon, // do not pass on item specific props
-        ...otherProps } = this.props;
-        const handleClick = (_e) => {
-            if (onClick)
-                onClick();
-        };
-        const classes = classnames("components-icon-swatch", this.props.className);
-        return (React.createElement("button", { ...otherProps, className: classes, style: this.props.style, onClick: handleClick },
-            React.createElement(Icon, { iconSpec: this.props.icon })));
-    }
-}
-/** IconPickerButton component
- * @internal
- */
-// istanbul ignore next
-export class IconPickerButton extends React.PureComponent {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._target = React.createRef();
-        this._togglePopup = () => {
-            if (this.props.readonly)
-                return;
-            this.setState((prevState) => ({ showPopup: !prevState.showPopup }));
-        };
-        this._closePopup = () => {
-            this.setState({ showPopup: false });
-        };
-        this._handleIconPicked = (icon) => {
-            this.setState({ showPopup: false, icon }, () => {
-                // istanbul ignore else
-                if (this.props.onIconChange)
-                    this.props.onIconChange(icon);
-            });
-        };
-        this.state = { showPopup: false, icon: this.props.icon };
-    }
-    renderPopup(title) {
-        const containerStyle = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };
-        return (React.createElement("div", { className: "components-iconpicker-popup-container" },
-            title && React.createElement("h4", null, title),
-            React.createElement("div", { "data-testid": "components-iconpicker-popup-icons", className: "components-iconpicker-popup-icons", style: containerStyle }, this.props.icons.map((icon, index) => React.createElement(IconItem, { key: index, icon: icon, onClick: this._handleIconPicked.bind(this, icon) })))));
-    }
-    /** @internal */
-    render() {
-        const buttonStyle = { ...this.props.style };
-        const buttonClassNames = classnames("components-iconpicker-button", this.props.readonly && "readonly", this.props.className);
-        return (React.createElement(React.Fragment, null,
-            React.createElement("button", { "data-testid": "components-iconpicker-button", onClick: this._togglePopup, className: buttonClassNames, style: buttonStyle, disabled: this.props.disabled, ref: this._target },
-                React.createElement(Icon, { className: "iconpicker-button-sprite", iconSpec: this.state.icon }),
-                React.createElement("span", { className: "icon" },
-                    " ",
-                    React.createElement(Icon, { iconSpec: React.createElement(SvgChevronDown, null) }),
-                    " ")),
-            React.createElement(Popup, { className: "components-iconpicker-popup", isOpen: this.state.showPopup, position: RelativePosition.BottomLeft, onClose: this._closePopup, target: this._target.current }, this.renderPopup(this.props.dropDownTitle))));
-    }
-}
-/** @internal */
-IconPickerButton.defaultProps = {
-    numColumns: 4,
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module IconPicker
+ */
+import "./IconPickerButton.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { Icon, Popup } from "@itwin/core-react";
+import { SvgChevronDown } from "@itwin/itwinui-icons-react";
+/** IconItem Functional component
+ * @internal
+ */
+// istanbul ignore next
+class IconItem extends React.PureComponent {
+    /** @internal */
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const { 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onClick, icon, // do not pass on item specific props
+        ...otherProps } = this.props;
+        const handleClick = (_e) => {
+            if (onClick)
+                onClick();
+        };
+        const classes = classnames("components-icon-swatch", this.props.className);
+        return (React.createElement("button", { ...otherProps, className: classes, style: this.props.style, onClick: handleClick },
+            React.createElement(Icon, { iconSpec: this.props.icon })));
+    }
+}
+/** IconPickerButton component
+ * @internal
+ */
+// istanbul ignore next
+class IconPickerButton extends React.PureComponent {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._target = React.createRef();
+        this._togglePopup = () => {
+            if (this.props.readonly)
+                return;
+            this.setState((prevState) => ({ showPopup: !prevState.showPopup }));
+        };
+        this._closePopup = () => {
+            this.setState({ showPopup: false });
+        };
+        this._handleIconPicked = (icon) => {
+            this.setState({ showPopup: false, icon }, () => {
+                // istanbul ignore else
+                if (this.props.onIconChange)
+                    this.props.onIconChange(icon);
+            });
+        };
+        this.state = { showPopup: false, icon: this.props.icon };
+    }
+    renderPopup(title) {
+        const containerStyle = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };
+        return (React.createElement("div", { className: "components-iconpicker-popup-container" },
+            title && React.createElement("h4", null, title),
+            React.createElement("div", { "data-testid": "components-iconpicker-popup-icons", className: "components-iconpicker-popup-icons", style: containerStyle }, this.props.icons.map((icon, index) => React.createElement(IconItem, { key: index, icon: icon, onClick: this._handleIconPicked.bind(this, icon) })))));
+    }
+    /** @internal */
+    render() {
+        const buttonStyle = { ...this.props.style };
+        const buttonClassNames = classnames("components-iconpicker-button", this.props.readonly && "readonly", this.props.className);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("button", { "data-testid": "components-iconpicker-button", onClick: this._togglePopup, className: buttonClassNames, style: buttonStyle, disabled: this.props.disabled, ref: this._target },
+                React.createElement(Icon, { className: "iconpicker-button-sprite", iconSpec: this.state.icon }),
+                React.createElement("span", { className: "icon" },
+                    " ",
+                    React.createElement(Icon, { iconSpec: React.createElement(SvgChevronDown, null) }),
+                    " ")),
+            React.createElement(Popup, { className: "components-iconpicker-popup", isOpen: this.state.showPopup, position: RelativePosition.BottomLeft, onClose: this._closePopup, target: this._target.current }, this.renderPopup(this.props.dropDownTitle))));
+    }
+}
+/** @internal */
+IconPickerButton.defaultProps = {
+    numColumns: 4,
+};
+export { IconPickerButton };
 //# sourceMappingURL=IconPickerButton.js.map

package/lib/esm/components-react/iconpicker/IconPickerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerButton.js","sourceRoot":"","sources":["../../../../src/components-react/iconpicker/IconPickerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module IconPicker\r\n */\r\n\r\nimport \"./IconPickerButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Icon, Popup } from \"@itwin/core-react\";\r\nimport { SvgChevronDown } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Properties for the [[IconItem]] React component\r\n * @internal\r\n */\r\ninterface IconItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** icon specification */\r\n  icon: string;\r\n  /** function to run when user selects icon */\r\n  onClick?: () => void;\r\n}\r\n\r\n/** IconItem Functional component\r\n * @internal\r\n */\r\n// istanbul ignore next\r\nclass IconItem extends React.PureComponent<IconItemProps> {\r\n  /** @internal */\r\n  constructor(props: IconItemProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      onClick, icon, // do not pass on item specific props\r\n      ...otherProps\r\n    } = this.props;\r\n\r\n    const handleClick = (_e: React.MouseEvent) => {\r\n      if (onClick)\r\n        onClick();\r\n    };\r\n\r\n    const classes = classnames(\"components-icon-swatch\", this.props.className);\r\n\r\n    return (\r\n      <button {...otherProps} className={classes} style={this.props.style} onClick={handleClick}>\r\n        <Icon iconSpec={this.props.icon} />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[IconPicker]] React component\r\n * @internal\r\n */\r\n// istanbul ignore next\r\nexport interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** active string */\r\n  icon: string;\r\n  /** available icons */\r\n  icons: string[];\r\n  /** function to run when user selects icon */\r\n  onIconChange?: ((icon: string) => void) | undefined;\r\n  /** Disabled or not */\r\n  disabled?: boolean;\r\n  /** Readonly or not */\r\n  readonly?: boolean;\r\n  /** Title to show at top of DropDown */\r\n  dropDownTitle?: string;\r\n  /** Number of columns */\r\n  numColumns: number;\r\n}\r\n\r\n/** @internal */\r\ninterface IconPickerState {\r\n  showPopup: boolean;\r\n  icon: string;\r\n}\r\n\r\n/** IconPickerButton component\r\n * @internal\r\n */\r\n// istanbul ignore next\r\nexport class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {\r\n  private _target = React.createRef<HTMLButtonElement>();\r\n\r\n  /** @internal */\r\n  public static defaultProps: Partial<IconPickerProps> = {\r\n    numColumns: 4,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(props: IconPickerProps) {\r\n    super(props);\r\n\r\n    this.state = { showPopup: false, icon: this.props.icon };\r\n  }\r\n\r\n  private _togglePopup = () => {\r\n    if (this.props.readonly)\r\n      return;\r\n\r\n    this.setState((prevState) => ({ showPopup: !prevState.showPopup }));\r\n  };\r\n\r\n  private _closePopup = () => {\r\n    this.setState({ showPopup: false });\r\n  };\r\n\r\n  private _handleIconPicked = (icon: string) => {\r\n    this.setState(\r\n      { showPopup: false, icon },\r\n      () => {\r\n        // istanbul ignore else\r\n        if (this.props.onIconChange)\r\n          this.props.onIconChange(icon);\r\n      });\r\n  };\r\n\r\n  private renderPopup(title: string | undefined) {\r\n    const containerStyle: React.CSSProperties = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };\r\n    return (\r\n      <div className=\"components-iconpicker-popup-container\">\r\n        {title && <h4>{title}</h4>}\r\n        <div data-testid=\"components-iconpicker-popup-icons\" className=\"components-iconpicker-popup-icons\" style={containerStyle}>\r\n          {this.props.icons.map((icon: string, index: number) => <IconItem key={index} icon={icon} onClick={this._handleIconPicked.bind(this, icon)} />)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const buttonStyle = { ...this.props.style } as React.CSSProperties;\r\n    const buttonClassNames = classnames(\"components-iconpicker-button\",\r\n      this.props.readonly && \"readonly\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <button data-testid=\"components-iconpicker-button\" onClick={this._togglePopup} className={buttonClassNames} style={buttonStyle} disabled={this.props.disabled} ref={this._target}>\r\n          <Icon className=\"iconpicker-button-sprite\" iconSpec={this.state.icon} />\r\n          <span className=\"icon\"> <Icon iconSpec={<SvgChevronDown />} /> </span>\r\n        </button>\r\n        <Popup\r\n          className=\"components-iconpicker-popup\"\r\n          isOpen={this.state.showPopup}\r\n          position={RelativePosition.BottomLeft}\r\n          onClose={this._closePopup}\r\n          target={this._target.current}>\r\n          {this.renderPopup(this.props.dropDownTitle)}\r\n        </Popup>\r\n      </>\r\n    );\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"IconPickerButton.js","sourceRoot":"","sources":["../../../../src/components-react/iconpicker/IconPickerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module IconPicker\r\n */\r\n\r\nimport \"./IconPickerButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Icon, Popup } from \"@itwin/core-react\";\r\nimport { SvgChevronDown } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Properties for the [[IconItem]] React component\r\n * @internal\r\n */\r\ninterface IconItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** icon specification */\r\n  icon: string;\r\n  /** function to run when user selects icon */\r\n  onClick?: () => void;\r\n}\r\n\r\n/** IconItem Functional component\r\n * @internal\r\n */\r\n// istanbul ignore next\r\nclass IconItem extends React.PureComponent<IconItemProps> {\r\n  /** @internal */\r\n  constructor(props: IconItemProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      onClick, icon, // do not pass on item specific props\r\n      ...otherProps\r\n    } = this.props;\r\n\r\n    const handleClick = (_e: React.MouseEvent) => {\r\n      if (onClick)\r\n        onClick();\r\n    };\r\n\r\n    const classes = classnames(\"components-icon-swatch\", this.props.className);\r\n\r\n    return (\r\n      <button {...otherProps} className={classes} style={this.props.style} onClick={handleClick}>\r\n        <Icon iconSpec={this.props.icon} />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[IconPicker]] React component\r\n * @internal\r\n */\r\n// istanbul ignore next\r\nexport interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** active string */\r\n  icon: string;\r\n  /** available icons */\r\n  icons: string[];\r\n  /** function to run when user selects icon */\r\n  onIconChange?: ((icon: string) => void) | undefined;\r\n  /** Disabled or not */\r\n  disabled?: boolean;\r\n  /** Readonly or not */\r\n  readonly?: boolean;\r\n  /** Title to show at top of DropDown */\r\n  dropDownTitle?: string;\r\n  /** Number of columns */\r\n  numColumns: number;\r\n}\r\n\r\n/** @internal */\r\ninterface IconPickerState {\r\n  showPopup: boolean;\r\n  icon: string;\r\n}\r\n\r\n/** IconPickerButton component\r\n * @internal\r\n */\r\n// istanbul ignore next\r\nexport class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {\r\n  private _target = React.createRef<HTMLButtonElement>();\r\n\r\n  /** @internal */\r\n  public static defaultProps: Partial<IconPickerProps> = {\r\n    numColumns: 4,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(props: IconPickerProps) {\r\n    super(props);\r\n\r\n    this.state = { showPopup: false, icon: this.props.icon };\r\n  }\r\n\r\n  private _togglePopup = () => {\r\n    if (this.props.readonly)\r\n      return;\r\n\r\n    this.setState((prevState) => ({ showPopup: !prevState.showPopup }));\r\n  };\r\n\r\n  private _closePopup = () => {\r\n    this.setState({ showPopup: false });\r\n  };\r\n\r\n  private _handleIconPicked = (icon: string) => {\r\n    this.setState(\r\n      { showPopup: false, icon },\r\n      () => {\r\n        // istanbul ignore else\r\n        if (this.props.onIconChange)\r\n          this.props.onIconChange(icon);\r\n      });\r\n  };\r\n\r\n  private renderPopup(title: string | undefined) {\r\n    const containerStyle: React.CSSProperties = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };\r\n    return (\r\n      <div className=\"components-iconpicker-popup-container\">\r\n        {title && <h4>{title}</h4>}\r\n        <div data-testid=\"components-iconpicker-popup-icons\" className=\"components-iconpicker-popup-icons\" style={containerStyle}>\r\n          {this.props.icons.map((icon: string, index: number) => <IconItem key={index} icon={icon} onClick={this._handleIconPicked.bind(this, icon)} />)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const buttonStyle = { ...this.props.style } as React.CSSProperties;\r\n    const buttonClassNames = classnames(\"components-iconpicker-button\",\r\n      this.props.readonly && \"readonly\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <button data-testid=\"components-iconpicker-button\" onClick={this._togglePopup} className={buttonClassNames} style={buttonStyle} disabled={this.props.disabled} ref={this._target}>\r\n          <Icon className=\"iconpicker-button-sprite\" iconSpec={this.state.icon} />\r\n          <span className=\"icon\"> <Icon iconSpec={<SvgChevronDown />} /> </span>\r\n        </button>\r\n        <Popup\r\n          className=\"components-iconpicker-popup\"\r\n          isOpen={this.state.showPopup}\r\n          position={RelativePosition.BottomLeft}\r\n          onClose={this._closePopup}\r\n          target={this._target.current}>\r\n          {this.renderPopup(this.props.dropDownTitle)}\r\n        </Popup>\r\n      </>\r\n    );\r\n  }\r\n\r\n}\r\n"]}

package/lib/esm/components-react/inputs/ParsedInput.d.ts

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-import { ParseResults } from "@itwin/appui-abstract";
-import "./ParsedInput.scss";
-/** Props for [[ParsedInput]] control
- * @public
- */
-export interface ParsedInputProps extends CommonProps {
-    /** InitialValue which is used to restore input field if ESC is pressed */
-    initialValue: number;
-    /** Function used to format the value */
-    formatValue: (value: number) => string;
-    /** Function used to parse user input into a value */
-    parseString: (stringValue: string) => ParseResults;
-    /** Function to call when value is changed */
-    onChange?: (newValue: number) => void;
-    /** if readonly then only the formatValue function is used. */
-    readonly?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-}
-/** Generic Input component that requires formatting and parsing functions to be passed in as props.
- * @public
- */
-export declare const ParsedInput: (props: ParsedInputProps) => JSX.Element | null;
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { ParseResults } from "@itwin/appui-abstract";
+import "./ParsedInput.scss";
+/** Props for [[ParsedInput]] control
+ * @public
+ */
+export interface ParsedInputProps extends CommonProps {
+    /** InitialValue which is used to restore input field if ESC is pressed */
+    initialValue: number;
+    /** Function used to format the value */
+    formatValue: (value: number) => string;
+    /** Function used to parse user input into a value */
+    parseString: (stringValue: string) => ParseResults;
+    /** Function to call when value is changed */
+    onChange?: (newValue: number) => void;
+    /** if readonly then only the formatValue function is used. */
+    readonly?: boolean;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLInputElement>;
+}
+/** Generic Input component that requires formatting and parsing functions to be passed in as props.
+ * @public
+ */
+export declare const ParsedInput: (props: ParsedInputProps) => JSX.Element | null;
 //# sourceMappingURL=ParsedInput.d.ts.map

package/lib/esm/components-react/inputs/ParsedInput.js

@@ -1,86 +1,86 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import classnames from "classnames";
-import { Input } from "@itwin/itwinui-react";
-import { SpecialKey } from "@itwin/appui-abstract";
-import "./ParsedInput.scss";
-const ForwardRefParsedInput = React.forwardRef(function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {
-    const currentValueRef = React.useRef(initialValue);
-    const isMountedRef = React.useRef(false);
-    const lastFormattedValueRef = React.useRef(formatValue(initialValue));
-    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);
-    const [hasBadInput, setHasBadInput] = React.useState(false);
-    React.useEffect(() => {
-        isMountedRef.current = true;
-        return () => {
-            isMountedRef.current = false;
-        };
-    }, []);
-    // See if new initialValue props have changed since component mounted
-    React.useEffect(() => {
-        currentValueRef.current = initialValue;
-        const currentFormattedValue = formatValue(currentValueRef.current);
-        if (currentFormattedValue !== lastFormattedValueRef.current) {
-            lastFormattedValueRef.current = currentFormattedValue;
-            setFormattedValue(lastFormattedValueRef.current);
-            setHasBadInput(false);
-        }
-    }, [formatValue, initialValue]);
-    const handleChange = React.useCallback((event) => {
-        setFormattedValue(event.currentTarget.value);
-    }, []);
-    const updateValueFromString = React.useCallback((strVal) => {
-        if (lastFormattedValueRef.current === strVal)
-            return;
-        const parseResults = (parseString(strVal));
-        // istanbul ignore else
-        if (!parseResults.parseError) {
-            // istanbul ignore else
-            if (undefined !== parseResults.value && typeof parseResults.value === "number") {
-                const currentValue = parseResults.value;
-                // istanbul ignore else
-                if (currentValue !== currentValueRef.current) {
-                    currentValueRef.current = currentValue;
-                    onChange && onChange(currentValueRef.current);
-                }
-                // istanbul ignore else
-                if (isMountedRef.current) {
-                    lastFormattedValueRef.current = formatValue(currentValue);
-                    setFormattedValue(lastFormattedValueRef.current);
-                    setHasBadInput(false);
-                }
-            }
-        }
-        else {
-            setHasBadInput(true);
-        }
-    }, [formatValue, onChange, parseString]);
-    const handleBlur = React.useCallback((event) => {
-        updateValueFromString(event.target.value);
-    }, [updateValueFromString]);
-    const handleKeyDown = React.useCallback((event) => {
-        // istanbul ignore else
-        if (event.key === SpecialKey.Enter) {
-            updateValueFromString(event.currentTarget.value);
-            event.preventDefault();
-        }
-        if (event.key === SpecialKey.Escape) {
-            setFormattedValue(formatValue(currentValueRef.current));
-            setHasBadInput(false);
-            event.preventDefault();
-        }
-    }, [formatValue, updateValueFromString]);
-    const classNames = classnames(className, "components-parsed-input", hasBadInput && "components-parsed-input-has-error");
-    return React.createElement(Input, { "data-testid": "components-parsed-input", ref: ref, style: style, className: classNames, onKeyDown: handleKeyDown, onBlur: handleBlur, onChange: handleChange, value: formattedValue, disabled: readonly, size: "small" });
-});
-/** Generic Input component that requires formatting and parsing functions to be passed in as props.
- * @public
- */
-export const ParsedInput = ForwardRefParsedInput;
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import classnames from "classnames";
+import { Input } from "@itwin/itwinui-react";
+import { SpecialKey } from "@itwin/appui-abstract";
+import "./ParsedInput.scss";
+const ForwardRefParsedInput = React.forwardRef(function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {
+    const currentValueRef = React.useRef(initialValue);
+    const isMountedRef = React.useRef(false);
+    const lastFormattedValueRef = React.useRef(formatValue(initialValue));
+    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);
+    const [hasBadInput, setHasBadInput] = React.useState(false);
+    React.useEffect(() => {
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+        };
+    }, []);
+    // See if new initialValue props have changed since component mounted
+    React.useEffect(() => {
+        currentValueRef.current = initialValue;
+        const currentFormattedValue = formatValue(currentValueRef.current);
+        if (currentFormattedValue !== lastFormattedValueRef.current) {
+            lastFormattedValueRef.current = currentFormattedValue;
+            setFormattedValue(lastFormattedValueRef.current);
+            setHasBadInput(false);
+        }
+    }, [formatValue, initialValue]);
+    const handleChange = React.useCallback((event) => {
+        setFormattedValue(event.currentTarget.value);
+    }, []);
+    const updateValueFromString = React.useCallback((strVal) => {
+        if (lastFormattedValueRef.current === strVal)
+            return;
+        const parseResults = (parseString(strVal));
+        // istanbul ignore else
+        if (!parseResults.parseError) {
+            // istanbul ignore else
+            if (undefined !== parseResults.value && typeof parseResults.value === "number") {
+                const currentValue = parseResults.value;
+                // istanbul ignore else
+                if (currentValue !== currentValueRef.current) {
+                    currentValueRef.current = currentValue;
+                    onChange && onChange(currentValueRef.current);
+                }
+                // istanbul ignore else
+                if (isMountedRef.current) {
+                    lastFormattedValueRef.current = formatValue(currentValue);
+                    setFormattedValue(lastFormattedValueRef.current);
+                    setHasBadInput(false);
+                }
+            }
+        }
+        else {
+            setHasBadInput(true);
+        }
+    }, [formatValue, onChange, parseString]);
+    const handleBlur = React.useCallback((event) => {
+        updateValueFromString(event.target.value);
+    }, [updateValueFromString]);
+    const handleKeyDown = React.useCallback((event) => {
+        // istanbul ignore else
+        if (event.key === SpecialKey.Enter) {
+            updateValueFromString(event.currentTarget.value);
+            event.preventDefault();
+        }
+        if (event.key === SpecialKey.Escape) {
+            setFormattedValue(formatValue(currentValueRef.current));
+            setHasBadInput(false);
+            event.preventDefault();
+        }
+    }, [formatValue, updateValueFromString]);
+    const classNames = classnames(className, "components-parsed-input", hasBadInput && "components-parsed-input-has-error");
+    return React.createElement(Input, { "data-testid": "components-parsed-input", ref: ref, style: style, className: classNames, onKeyDown: handleKeyDown, onBlur: handleBlur, onChange: handleChange, value: formattedValue, disabled: readonly, size: "small" });
+});
+/** Generic Input component that requires formatting and parsing functions to be passed in as props.
+ * @public
+ */
+export const ParsedInput = ForwardRefParsedInput;
 //# sourceMappingURL=ParsedInput.js.map

package/lib/esm/components-react/properties/ItemStyle.d.ts

@@ -1,49 +1,49 @@
-/** @packageDocumentation
- * @module Properties
- */
-import { CSSProperties } from "react";
-/** Style properties for styled item like [[TreeNodeItem]]
- * @public
- */
-export interface ItemStyle {
-    /** Is text bolded */
-    isBold?: boolean;
-    /** Is text italic */
-    isItalic?: boolean;
-    /** Color overrides for styled item */
-    colorOverrides?: ItemColorOverrides;
-}
-/** Color overrides for styled item
- * @public
- */
-export interface ItemColorOverrides {
-    /** Text/foreground color */
-    color?: number;
-    /** Background color */
-    backgroundColor?: number;
-    /** Selected item text/foreground color */
-    colorSelected?: number;
-    /** Selected item background color */
-    backgroundColorSelected?: number;
-}
-/**
- * Style provider for stylable items like [[TreeNodeItem]]
- * @public
- */
-export declare const ItemStyleProvider: {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean | undefined) => CSSProperties;
-};
-/**
- * Style provider for table rows
- * @public
- */
-export declare const TableRowStyleProvider: {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ color, backgroundColor }: ItemColorOverrides) => CSSProperties;
-};
+/** @packageDocumentation
+ * @module Properties
+ */
+import { CSSProperties } from "react";
+/** Style properties for styled item like [[TreeNodeItem]]
+ * @public
+ */
+export interface ItemStyle {
+    /** Is text bolded */
+    isBold?: boolean;
+    /** Is text italic */
+    isItalic?: boolean;
+    /** Color overrides for styled item */
+    colorOverrides?: ItemColorOverrides;
+}
+/** Color overrides for styled item
+ * @public
+ */
+export interface ItemColorOverrides {
+    /** Text/foreground color */
+    color?: number;
+    /** Background color */
+    backgroundColor?: number;
+    /** Selected item text/foreground color */
+    colorSelected?: number;
+    /** Selected item background color */
+    backgroundColorSelected?: number;
+}
+/**
+ * Style provider for stylable items like [[TreeNodeItem]]
+ * @public
+ */
+export declare const ItemStyleProvider: {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean) => CSSProperties;
+};
+/**
+ * Style provider for table rows
+ * @public
+ */
+export declare const TableRowStyleProvider: {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ color, backgroundColor }: ItemColorOverrides) => CSSProperties;
+};
 //# sourceMappingURL=ItemStyle.d.ts.map