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

package/lib/esm/appui-react/accudraw/Calculator.js

@@ -1,215 +1,216 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module AccuDraw
- */
-import "./Calculator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { IconSpecUtilities, SpecialKey } from "@itwin/appui-abstract";
-import { Icon, IconInput } from "@itwin/core-react";
-import { Button, Input } from "@itwin/itwinui-react";
-import { CalculatorEngine, CalculatorOperator } from "./CalculatorEngine";
-import { SquareButton } from "./SquareButton";
-import { SvgCheckmark, SvgRemove } from "@itwin/itwinui-icons-react";
-import backspaceIcon from "./backspace.svg";
-/** @alpha */
-export class Calculator extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._mainDiv = React.createRef();
-        this._equalsClicked = false;
-        this._onValueButtonClick = (keyChar) => {
-            const displayValue = this.props.engine.processValue(keyChar);
-            this._mainDivFocus();
-            this.setState({ displayValue });
-        };
-        this._onOperatorButtonClick = (operator) => {
-            if (operator === CalculatorOperator.Clear && this._equalsClicked)
-                operator = CalculatorOperator.ClearAll;
-            const displayValue = this.props.engine.processOperator(operator);
-            this._mainDivFocus();
-            this.setState({ displayValue });
-            if (operator === CalculatorOperator.Equals)
-                this._equalsClicked = true;
-            else if (operator === CalculatorOperator.ClearAll)
-                this._equalsClicked = false;
-        };
-        this._handleOk = (_event) => {
-            this._ok();
-        };
-        this._handleCancel = (_event) => {
-            this._cancel();
-        };
-        this._handleKeyDown = (event) => {
-            switch (event.key) {
-                case "0":
-                case "1":
-                case "2":
-                case "3":
-                case "4":
-                case "5":
-                case "6":
-                case "7":
-                case "8":
-                case "9":
-                    this._onValueButtonClick(event.key);
-                    break;
-                case "a":
-                case "A":
-                    this._onOperatorButtonClick(CalculatorOperator.ClearAll);
-                    break;
-                case "c":
-                case "C":
-                case SpecialKey.Clear:
-                    this._onOperatorButtonClick(CalculatorOperator.Clear);
-                    break;
-                case SpecialKey.Escape:
-                    this._cancel();
-                    break;
-                case SpecialKey.Backspace:
-                    this._onOperatorButtonClick(CalculatorOperator.Backspace);
-                    break;
-                case "/":
-                case SpecialKey.Divide:
-                    this._onOperatorButtonClick(CalculatorOperator.Divide);
-                    break;
-                case "*":
-                case SpecialKey.Multiply:
-                    this._onOperatorButtonClick(CalculatorOperator.Multiply);
-                    break;
-                case "-":
-                case SpecialKey.Subtract:
-                    this._onOperatorButtonClick(CalculatorOperator.Subtract);
-                    break;
-                case "+":
-                case SpecialKey.Add:
-                    this._onOperatorButtonClick(CalculatorOperator.Add);
-                    break;
-                case ".":
-                case SpecialKey.Decimal:
-                    this._onOperatorButtonClick(CalculatorOperator.Decimal);
-                    break;
-                case "=":
-                    this._onOperatorButtonClick(CalculatorOperator.Equals);
-                    break;
-                case SpecialKey.Enter:
-                    if (!this._equalsClicked)
-                        this._onOperatorButtonClick(CalculatorOperator.Equals);
-                    this._ok();
-                    break;
-            }
-        };
-        let displayValue = "0";
-        if (this.props.initialValue)
-            displayValue = this.props.engine.processValue(this.props.initialValue.toString());
-        this.state = {
-            displayValue,
-        };
-    }
-    _ok() {
-        // istanbul ignore else
-        if (this.props.onOk) {
-            this.props.onOk(this.props.engine.result);
-        }
-        this._clearAll();
-    }
-    _cancel() {
-        // istanbul ignore else
-        if (this.props.onCancel) {
-            this.props.onCancel();
-        }
-        this._clearAll();
-    }
-    _clearAll() {
-        this.props.engine.clearAll();
-        this._equalsClicked = false;
-    }
-    componentDidMount() {
-        this._mainDivFocus();
-    }
-    _mainDivFocus() {
-        if (this._mainDiv.current)
-            this._mainDiv.current.focus();
-    }
-    render() {
-        const { className, resultIcon, onOk, onCancel, initialValue, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const classNames = classnames("uifw-calculator", className);
-        const topSection = this.props.resultIcon ?
-            React.createElement(IconInput, { containerClassName: "uifw-calculator-top-input", value: this.state.displayValue, readOnly: true, icon: this.props.resultIcon }) :
-            React.createElement(Input, { value: this.state.displayValue, readOnly: true, size: "small" });
-        return (
-        // The event handler is only being used to capture bubbled events
-        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        React.createElement("div", { ...props, ref: this._mainDiv, tabIndex: -1, className: classNames, onKeyDown: this._handleKeyDown },
-            React.createElement("div", { className: "uifw-calculator-top" }, topSection),
-            React.createElement(CalculatorKeyPad, { onValueClick: this._onValueButtonClick, onOperatorClick: this._onOperatorButtonClick }),
-            React.createElement("div", { className: "uifw-calculator-bottom-buttons" },
-                React.createElement(Button, { className: classnames("uifw-calculator-large-button", "uifw-calculator-ok-button"), styleType: "cta", onClick: this._handleOk },
-                    React.createElement(Icon, { iconSpec: React.createElement(SvgCheckmark, null) })),
-                React.createElement(Button, { className: classnames("uifw-calculator-large-button", "uifw-calculator-cancel-button"), onClick: this._handleCancel },
-                    React.createElement(Icon, { iconSpec: React.createElement(SvgRemove, null) })))));
-    }
-}
-/** @internal */
-Calculator.defaultProps = {
-    engine: new CalculatorEngine(),
-};
-class CalculatorKeyPad extends React.PureComponent {
-    render() {
-        const iconSpec = IconSpecUtilities.createWebComponentIconSpec(backspaceIcon);
-        return (React.createElement("div", { className: classnames("uifw-calculator-button-grid") },
-            React.createElement(OperatorButton, { operator: CalculatorOperator.ClearAll, onClick: this.props.onOperatorClick }, "AC"),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Clear, onClick: this.props.onOperatorClick }, "C"),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Backspace, onClick: this.props.onOperatorClick },
-                React.createElement("div", { className: "uifw-calculator-button-svg" },
-                    React.createElement(Icon, { iconSpec: iconSpec }))),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Divide, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u00F7"),
-            React.createElement(ValueButton, { keyChar: "7", onClick: this.props.onValueClick }),
-            React.createElement(ValueButton, { keyChar: "8", onClick: this.props.onValueClick }),
-            React.createElement(ValueButton, { keyChar: "9", onClick: this.props.onValueClick }),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Multiply, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u00D7"),
-            React.createElement(ValueButton, { keyChar: "4", onClick: this.props.onValueClick }),
-            React.createElement(ValueButton, { keyChar: "5", onClick: this.props.onValueClick }),
-            React.createElement(ValueButton, { keyChar: "6", onClick: this.props.onValueClick }),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Subtract, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u2212"),
-            React.createElement(ValueButton, { keyChar: "1", onClick: this.props.onValueClick }),
-            React.createElement(ValueButton, { keyChar: "2", onClick: this.props.onValueClick }),
-            React.createElement(ValueButton, { keyChar: "3", onClick: this.props.onValueClick }),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Add, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "+"),
-            React.createElement(ValueButton, { keyChar: "0", onClick: this.props.onValueClick }),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.NegPos, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u00B1"),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Decimal, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "."),
-            React.createElement(OperatorButton, { operator: CalculatorOperator.Equals, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "="),
-            React.createElement("span", null)));
-    }
-}
-class ValueButton extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleOnClick = (_event) => {
-            this.props.onClick(this.props.keyChar);
-        };
-    }
-    render() {
-        const { className, keyChar, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const itemClassNames = classnames("uifw-calculator-item", className);
-        return (React.createElement(SquareButton, { ...props, className: itemClassNames, onClick: this._handleOnClick }, keyChar));
-    }
-}
-class OperatorButton extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleOnClick = (_event) => {
-            this.props.onClick(this.props.operator);
-        };
-    }
-    render() {
-        const { className, children, operator, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const itemClassNames = classnames("uifw-calculator-item", className);
-        return (React.createElement(SquareButton, { ...props, className: itemClassNames, onClick: this._handleOnClick }, children));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+import "./Calculator.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { IconSpecUtilities, SpecialKey } from "@itwin/appui-abstract";
+import { Icon, IconInput } from "@itwin/core-react";
+import { Button, Input } from "@itwin/itwinui-react";
+import { CalculatorEngine, CalculatorOperator } from "./CalculatorEngine";
+import { SquareButton } from "./SquareButton";
+import { SvgCheckmark, SvgRemove } from "@itwin/itwinui-icons-react";
+import backspaceIcon from "./backspace.svg";
+/** @alpha */
+class Calculator extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._mainDiv = React.createRef();
+        this._equalsClicked = false;
+        this._onValueButtonClick = (keyChar) => {
+            const displayValue = this.props.engine.processValue(keyChar);
+            this._mainDivFocus();
+            this.setState({ displayValue });
+        };
+        this._onOperatorButtonClick = (operator) => {
+            if (operator === CalculatorOperator.Clear && this._equalsClicked)
+                operator = CalculatorOperator.ClearAll;
+            const displayValue = this.props.engine.processOperator(operator);
+            this._mainDivFocus();
+            this.setState({ displayValue });
+            if (operator === CalculatorOperator.Equals)
+                this._equalsClicked = true;
+            else if (operator === CalculatorOperator.ClearAll)
+                this._equalsClicked = false;
+        };
+        this._handleOk = (_event) => {
+            this._ok();
+        };
+        this._handleCancel = (_event) => {
+            this._cancel();
+        };
+        this._handleKeyDown = (event) => {
+            switch (event.key) {
+                case "0":
+                case "1":
+                case "2":
+                case "3":
+                case "4":
+                case "5":
+                case "6":
+                case "7":
+                case "8":
+                case "9":
+                    this._onValueButtonClick(event.key);
+                    break;
+                case "a":
+                case "A":
+                    this._onOperatorButtonClick(CalculatorOperator.ClearAll);
+                    break;
+                case "c":
+                case "C":
+                case SpecialKey.Clear:
+                    this._onOperatorButtonClick(CalculatorOperator.Clear);
+                    break;
+                case SpecialKey.Escape:
+                    this._cancel();
+                    break;
+                case SpecialKey.Backspace:
+                    this._onOperatorButtonClick(CalculatorOperator.Backspace);
+                    break;
+                case "/":
+                case SpecialKey.Divide:
+                    this._onOperatorButtonClick(CalculatorOperator.Divide);
+                    break;
+                case "*":
+                case SpecialKey.Multiply:
+                    this._onOperatorButtonClick(CalculatorOperator.Multiply);
+                    break;
+                case "-":
+                case SpecialKey.Subtract:
+                    this._onOperatorButtonClick(CalculatorOperator.Subtract);
+                    break;
+                case "+":
+                case SpecialKey.Add:
+                    this._onOperatorButtonClick(CalculatorOperator.Add);
+                    break;
+                case ".":
+                case SpecialKey.Decimal:
+                    this._onOperatorButtonClick(CalculatorOperator.Decimal);
+                    break;
+                case "=":
+                    this._onOperatorButtonClick(CalculatorOperator.Equals);
+                    break;
+                case SpecialKey.Enter:
+                    if (!this._equalsClicked)
+                        this._onOperatorButtonClick(CalculatorOperator.Equals);
+                    this._ok();
+                    break;
+            }
+        };
+        let displayValue = "0";
+        if (this.props.initialValue)
+            displayValue = this.props.engine.processValue(this.props.initialValue.toString());
+        this.state = {
+            displayValue,
+        };
+    }
+    _ok() {
+        // istanbul ignore else
+        if (this.props.onOk) {
+            this.props.onOk(this.props.engine.result);
+        }
+        this._clearAll();
+    }
+    _cancel() {
+        // istanbul ignore else
+        if (this.props.onCancel) {
+            this.props.onCancel();
+        }
+        this._clearAll();
+    }
+    _clearAll() {
+        this.props.engine.clearAll();
+        this._equalsClicked = false;
+    }
+    componentDidMount() {
+        this._mainDivFocus();
+    }
+    _mainDivFocus() {
+        if (this._mainDiv.current)
+            this._mainDiv.current.focus();
+    }
+    render() {
+        const { className, resultIcon, onOk, onCancel, initialValue, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const classNames = classnames("uifw-calculator", className);
+        const topSection = this.props.resultIcon ?
+            React.createElement(IconInput, { containerClassName: "uifw-calculator-top-input", value: this.state.displayValue, readOnly: true, icon: this.props.resultIcon }) :
+            React.createElement(Input, { value: this.state.displayValue, readOnly: true, size: "small" });
+        return (
+        // The event handler is only being used to capture bubbled events
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React.createElement("div", { ...props, ref: this._mainDiv, tabIndex: -1, className: classNames, onKeyDown: this._handleKeyDown },
+            React.createElement("div", { className: "uifw-calculator-top" }, topSection),
+            React.createElement(CalculatorKeyPad, { onValueClick: this._onValueButtonClick, onOperatorClick: this._onOperatorButtonClick }),
+            React.createElement("div", { className: "uifw-calculator-bottom-buttons" },
+                React.createElement(Button, { className: classnames("uifw-calculator-large-button", "uifw-calculator-ok-button"), styleType: "cta", onClick: this._handleOk },
+                    React.createElement(Icon, { iconSpec: React.createElement(SvgCheckmark, null) })),
+                React.createElement(Button, { className: classnames("uifw-calculator-large-button", "uifw-calculator-cancel-button"), onClick: this._handleCancel },
+                    React.createElement(Icon, { iconSpec: React.createElement(SvgRemove, null) })))));
+    }
+}
+/** @internal */
+Calculator.defaultProps = {
+    engine: new CalculatorEngine(),
+};
+export { Calculator };
+class CalculatorKeyPad extends React.PureComponent {
+    render() {
+        const iconSpec = IconSpecUtilities.createWebComponentIconSpec(backspaceIcon);
+        return (React.createElement("div", { className: classnames("uifw-calculator-button-grid") },
+            React.createElement(OperatorButton, { operator: CalculatorOperator.ClearAll, onClick: this.props.onOperatorClick }, "AC"),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Clear, onClick: this.props.onOperatorClick }, "C"),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Backspace, onClick: this.props.onOperatorClick },
+                React.createElement("div", { className: "uifw-calculator-button-svg" },
+                    React.createElement(Icon, { iconSpec: iconSpec }))),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Divide, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u00F7"),
+            React.createElement(ValueButton, { keyChar: "7", onClick: this.props.onValueClick }),
+            React.createElement(ValueButton, { keyChar: "8", onClick: this.props.onValueClick }),
+            React.createElement(ValueButton, { keyChar: "9", onClick: this.props.onValueClick }),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Multiply, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u00D7"),
+            React.createElement(ValueButton, { keyChar: "4", onClick: this.props.onValueClick }),
+            React.createElement(ValueButton, { keyChar: "5", onClick: this.props.onValueClick }),
+            React.createElement(ValueButton, { keyChar: "6", onClick: this.props.onValueClick }),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Subtract, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u2212"),
+            React.createElement(ValueButton, { keyChar: "1", onClick: this.props.onValueClick }),
+            React.createElement(ValueButton, { keyChar: "2", onClick: this.props.onValueClick }),
+            React.createElement(ValueButton, { keyChar: "3", onClick: this.props.onValueClick }),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Add, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "+"),
+            React.createElement(ValueButton, { keyChar: "0", onClick: this.props.onValueClick }),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.NegPos, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u00B1"),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Decimal, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "."),
+            React.createElement(OperatorButton, { operator: CalculatorOperator.Equals, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "="),
+            React.createElement("span", null)));
+    }
+}
+class ValueButton extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleOnClick = (_event) => {
+            this.props.onClick(this.props.keyChar);
+        };
+    }
+    render() {
+        const { className, keyChar, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const itemClassNames = classnames("uifw-calculator-item", className);
+        return (React.createElement(SquareButton, { ...props, className: itemClassNames, onClick: this._handleOnClick }, keyChar));
+    }
+}
+class OperatorButton extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleOnClick = (_event) => {
+            this.props.onClick(this.props.operator);
+        };
+    }
+    render() {
+        const { className, children, operator, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const itemClassNames = classnames("uifw-calculator-item", className);
+        return (React.createElement(SquareButton, { ...props, className: itemClassNames, onClick: this._handleOnClick }, children));
+    }
+}
 //# sourceMappingURL=Calculator.js.map

package/lib/esm/appui-react/accudraw/Calculator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calculator.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/Calculator.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport \"./Calculator.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { IconSpecUtilities, OnCancelFunc, OnNumberCommitFunc, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Icon, IconInput, Omit } from \"@itwin/core-react\";\r\nimport { Button, Input } from \"@itwin/itwinui-react\";\r\nimport { CalculatorEngine, CalculatorOperator } from \"./CalculatorEngine\";\r\nimport { SquareButton, SquareButtonProps } from \"./SquareButton\";\r\nimport { SvgCheckmark, SvgRemove } from \"@itwin/itwinui-icons-react\";\r\n\r\nimport backspaceIcon from \"./backspace.svg\";\r\n\r\n// cSpell:ignore plusmn\r\n\r\n/** @alpha */\r\nexport interface CalculatorProps extends CommonProps {\r\n  /** Initial value */\r\n  initialValue?: number;\r\n  /** Icon to display beside the calculated result */\r\n  resultIcon?: React.ReactNode;\r\n  /** A function to be run when the OK button is clicked */\r\n  onOk?: OnNumberCommitFunc;\r\n  /** A function to be run when the Cancel button is clicked */\r\n  onCancel?: OnCancelFunc;\r\n\r\n  /** @internal  Calculator state machine. */\r\n  engine: CalculatorEngine;\r\n}\r\n\r\ninterface CalculatorState {\r\n  displayValue: string;\r\n}\r\n\r\n/** @internal */\r\nexport type CalculatorPropsProps = Pick<CalculatorProps, \"engine\">;\r\n\r\n/** @alpha */\r\nexport class Calculator extends React.PureComponent<CalculatorProps, CalculatorState> {\r\n  private _mainDiv = React.createRef<HTMLDivElement>();\r\n  private _equalsClicked = false;\r\n\r\n  /** @internal */\r\n  public static readonly defaultProps: CalculatorPropsProps = {\r\n    engine: new CalculatorEngine(),\r\n  };\r\n\r\n  constructor(props: CalculatorProps) {\r\n    super(props);\r\n\r\n    let displayValue = \"0\";\r\n    if (this.props.initialValue)\r\n      displayValue = this.props.engine.processValue(this.props.initialValue.toString());\r\n\r\n    this.state = {\r\n      displayValue,\r\n    };\r\n  }\r\n\r\n  private _onValueButtonClick = (keyChar: string) => {\r\n    const displayValue = this.props.engine.processValue(keyChar);\r\n    this._mainDivFocus();\r\n    this.setState({ displayValue });\r\n  };\r\n\r\n  private _onOperatorButtonClick = (operator: CalculatorOperator) => {\r\n    if (operator === CalculatorOperator.Clear && this._equalsClicked)\r\n      operator = CalculatorOperator.ClearAll;\r\n\r\n    const displayValue = this.props.engine.processOperator(operator);\r\n    this._mainDivFocus();\r\n    this.setState({ displayValue });\r\n\r\n    if (operator === CalculatorOperator.Equals)\r\n      this._equalsClicked = true;\r\n    else if (operator === CalculatorOperator.ClearAll)\r\n      this._equalsClicked = false;\r\n  };\r\n\r\n  private _handleOk = (_event: React.MouseEvent): void => {\r\n    this._ok();\r\n  };\r\n\r\n  private _ok() {\r\n    // istanbul ignore else\r\n    if (this.props.onOk) {\r\n      this.props.onOk(this.props.engine.result);\r\n    }\r\n    this._clearAll();\r\n  }\r\n\r\n  private _handleCancel = (_event: React.MouseEvent): void => {\r\n    this._cancel();\r\n  };\r\n\r\n  private _cancel() {\r\n    // istanbul ignore else\r\n    if (this.props.onCancel) {\r\n      this.props.onCancel();\r\n    }\r\n    this._clearAll();\r\n  }\r\n\r\n  private _clearAll() {\r\n    this.props.engine.clearAll();\r\n    this._equalsClicked = false;\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this._mainDivFocus();\r\n  }\r\n\r\n  private _mainDivFocus() {\r\n    if (this._mainDiv.current)\r\n      this._mainDiv.current.focus();\r\n  }\r\n\r\n  public override render() {\r\n    const { className, resultIcon, onOk, onCancel, initialValue, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    const classNames = classnames(\r\n      \"uifw-calculator\",\r\n      className,\r\n    );\r\n\r\n    const topSection = this.props.resultIcon ?\r\n      <IconInput containerClassName=\"uifw-calculator-top-input\"\r\n        value={this.state.displayValue} readOnly={true} icon={this.props.resultIcon} /> :\r\n      <Input value={this.state.displayValue} readOnly={true} size=\"small\" />;\r\n\r\n    return (\r\n      // The event handler is only being used to capture bubbled events\r\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\r\n      <div {...props} ref={this._mainDiv} tabIndex={-1} className={classNames} onKeyDown={this._handleKeyDown}>\r\n        <div className=\"uifw-calculator-top\">\r\n          {topSection}\r\n        </div>\r\n        <CalculatorKeyPad onValueClick={this._onValueButtonClick} onOperatorClick={this._onOperatorButtonClick} />\r\n        <div className=\"uifw-calculator-bottom-buttons\">\r\n          <Button\r\n            className={classnames(\"uifw-calculator-large-button\", \"uifw-calculator-ok-button\")}\r\n            styleType=\"cta\"\r\n            onClick={this._handleOk}\r\n          >\r\n            <Icon iconSpec={<SvgCheckmark />} />\r\n          </Button>\r\n          <Button\r\n            className={classnames(\"uifw-calculator-large-button\", \"uifw-calculator-cancel-button\")}\r\n            onClick={this._handleCancel}\r\n          >\r\n            <Icon iconSpec={<SvgRemove />} />\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    switch (event.key) {\r\n      case \"0\":\r\n      case \"1\":\r\n      case \"2\":\r\n      case \"3\":\r\n      case \"4\":\r\n      case \"5\":\r\n      case \"6\":\r\n      case \"7\":\r\n      case \"8\":\r\n      case \"9\":\r\n        this._onValueButtonClick(event.key);\r\n        break;\r\n      case \"a\":\r\n      case \"A\":\r\n        this._onOperatorButtonClick(CalculatorOperator.ClearAll);\r\n        break;\r\n      case \"c\":\r\n      case \"C\":\r\n      case SpecialKey.Clear:\r\n        this._onOperatorButtonClick(CalculatorOperator.Clear);\r\n        break;\r\n      case SpecialKey.Escape:\r\n        this._cancel();\r\n        break;\r\n      case SpecialKey.Backspace:\r\n        this._onOperatorButtonClick(CalculatorOperator.Backspace);\r\n        break;\r\n      case \"/\":\r\n      case SpecialKey.Divide:\r\n        this._onOperatorButtonClick(CalculatorOperator.Divide);\r\n        break;\r\n      case \"*\":\r\n      case SpecialKey.Multiply:\r\n        this._onOperatorButtonClick(CalculatorOperator.Multiply);\r\n        break;\r\n      case \"-\":\r\n      case SpecialKey.Subtract:\r\n        this._onOperatorButtonClick(CalculatorOperator.Subtract);\r\n        break;\r\n      case \"+\":\r\n      case SpecialKey.Add:\r\n        this._onOperatorButtonClick(CalculatorOperator.Add);\r\n        break;\r\n      case \".\":\r\n      case SpecialKey.Decimal:\r\n        this._onOperatorButtonClick(CalculatorOperator.Decimal);\r\n        break;\r\n      case \"=\":\r\n        this._onOperatorButtonClick(CalculatorOperator.Equals);\r\n        break;\r\n      case SpecialKey.Enter:\r\n        if (!this._equalsClicked)\r\n          this._onOperatorButtonClick(CalculatorOperator.Equals);\r\n        this._ok();\r\n        break;\r\n    }\r\n  };\r\n\r\n}\r\n\r\ninterface CalculatorKeyPadProps extends CommonProps {\r\n  /** A function to be run when a value is clicked */\r\n  onValueClick: (key: string) => void;\r\n  /** A function to be run when a value is clicked */\r\n  onOperatorClick: (operator: CalculatorOperator) => void;\r\n}\r\n\r\nclass CalculatorKeyPad extends React.PureComponent<CalculatorKeyPadProps> {\r\n  public override render() {\r\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(backspaceIcon);\r\n\r\n    return (\r\n      <div className={classnames(\"uifw-calculator-button-grid\")}>\r\n        <OperatorButton operator={CalculatorOperator.ClearAll} onClick={this.props.onOperatorClick}>AC</OperatorButton>\r\n        <OperatorButton operator={CalculatorOperator.Clear} onClick={this.props.onOperatorClick}>C</OperatorButton>\r\n        <OperatorButton operator={CalculatorOperator.Backspace} onClick={this.props.onOperatorClick}>\r\n          <div className=\"uifw-calculator-button-svg\">\r\n            <Icon iconSpec={iconSpec} />\r\n          </div>\r\n        </OperatorButton>\r\n        <OperatorButton operator={CalculatorOperator.Divide} onClick={this.props.onOperatorClick}\r\n          className=\"uifw-calculator-large-font\">&divide;</OperatorButton>\r\n\r\n        <ValueButton keyChar=\"7\" onClick={this.props.onValueClick} />\r\n        <ValueButton keyChar=\"8\" onClick={this.props.onValueClick} />\r\n        <ValueButton keyChar=\"9\" onClick={this.props.onValueClick} />\r\n        <OperatorButton operator={CalculatorOperator.Multiply} onClick={this.props.onOperatorClick}\r\n          className=\"uifw-calculator-large-font\">&times;</OperatorButton>\r\n\r\n        <ValueButton keyChar=\"4\" onClick={this.props.onValueClick} />\r\n        <ValueButton keyChar=\"5\" onClick={this.props.onValueClick} />\r\n        <ValueButton keyChar=\"6\" onClick={this.props.onValueClick} />\r\n        <OperatorButton operator={CalculatorOperator.Subtract} onClick={this.props.onOperatorClick}\r\n          className=\"uifw-calculator-large-font\">&minus;</OperatorButton>\r\n\r\n        <ValueButton keyChar=\"1\" onClick={this.props.onValueClick} />\r\n        <ValueButton keyChar=\"2\" onClick={this.props.onValueClick} />\r\n        <ValueButton keyChar=\"3\" onClick={this.props.onValueClick} />\r\n        <OperatorButton operator={CalculatorOperator.Add} onClick={this.props.onOperatorClick}\r\n          className=\"uifw-calculator-large-font\">&#43;</OperatorButton>\r\n\r\n        <ValueButton keyChar=\"0\" onClick={this.props.onValueClick} />\r\n        <OperatorButton operator={CalculatorOperator.NegPos} onClick={this.props.onOperatorClick}\r\n          className=\"uifw-calculator-large-font\">&plusmn;</OperatorButton>\r\n        <OperatorButton operator={CalculatorOperator.Decimal} onClick={this.props.onOperatorClick}\r\n          className=\"uifw-calculator-large-font\">.</OperatorButton>\r\n        <OperatorButton operator={CalculatorOperator.Equals} onClick={this.props.onOperatorClick}\r\n          className=\"uifw-calculator-large-font\">&#61;</OperatorButton>\r\n        <span />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\ninterface ValueButtonProps extends Omit<SquareButtonProps, \"onClick\"> {\r\n  /** Key to display */\r\n  keyChar: string;\r\n  /** A function to be run when the element is clicked */\r\n  onClick: (key: string) => void;\r\n}\r\n\r\nclass ValueButton extends React.PureComponent<ValueButtonProps> {\r\n\r\n  private _handleOnClick = (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n    this.props.onClick(this.props.keyChar);\r\n  };\r\n\r\n  public override render() {\r\n    const { className, keyChar, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    const itemClassNames = classnames(\r\n      \"uifw-calculator-item\",\r\n      className,\r\n    );\r\n\r\n    return (\r\n      <SquareButton {...props} className={itemClassNames} onClick={this._handleOnClick} >\r\n        {keyChar}\r\n      </SquareButton >\r\n    );\r\n  }\r\n}\r\n\r\ninterface OperatorButtonProps extends Omit<SquareButtonProps, \"onClick\"> {\r\n  /** Key to display */\r\n  operator: CalculatorOperator;\r\n  /** A function to be run when the element is clicked */\r\n  onClick: (operator: CalculatorOperator) => void;\r\n}\r\n\r\nclass OperatorButton extends React.PureComponent<OperatorButtonProps> {\r\n\r\n  private _handleOnClick = (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n    this.props.onClick(this.props.operator);\r\n  };\r\n\r\n  public override render() {\r\n    const { className, children, operator, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    const itemClassNames = classnames(\r\n      \"uifw-calculator-item\",\r\n      className,\r\n    );\r\n\r\n    return (\r\n      <SquareButton {...props} className={itemClassNames} onClick={this._handleOnClick}>\r\n        {children}\r\n      </SquareButton>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Calculator.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/Calculator.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport \"./Calculator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { IconSpecUtilities, OnCancelFunc, OnNumberCommitFunc, SpecialKey } from \"@itwin/appui-abstract\";\nimport { CommonProps, Icon, IconInput, Omit } from \"@itwin/core-react\";\nimport { Button, Input } from \"@itwin/itwinui-react\";\nimport { CalculatorEngine, CalculatorOperator } from \"./CalculatorEngine\";\nimport { SquareButton, SquareButtonProps } from \"./SquareButton\";\nimport { SvgCheckmark, SvgRemove } from \"@itwin/itwinui-icons-react\";\n\nimport backspaceIcon from \"./backspace.svg\";\n\n// cSpell:ignore plusmn\n\n/** @alpha */\nexport interface CalculatorProps extends CommonProps {\n  /** Initial value */\n  initialValue?: number;\n  /** Icon to display beside the calculated result */\n  resultIcon?: React.ReactNode;\n  /** A function to be run when the OK button is clicked */\n  onOk?: OnNumberCommitFunc;\n  /** A function to be run when the Cancel button is clicked */\n  onCancel?: OnCancelFunc;\n\n  /** @internal  Calculator state machine. */\n  engine: CalculatorEngine;\n}\n\ninterface CalculatorState {\n  displayValue: string;\n}\n\n/** @internal */\nexport type CalculatorPropsProps = Pick<CalculatorProps, \"engine\">;\n\n/** @alpha */\nexport class Calculator extends React.PureComponent<CalculatorProps, CalculatorState> {\n  private _mainDiv = React.createRef<HTMLDivElement>();\n  private _equalsClicked = false;\n\n  /** @internal */\n  public static readonly defaultProps: CalculatorPropsProps = {\n    engine: new CalculatorEngine(),\n  };\n\n  constructor(props: CalculatorProps) {\n    super(props);\n\n    let displayValue = \"0\";\n    if (this.props.initialValue)\n      displayValue = this.props.engine.processValue(this.props.initialValue.toString());\n\n    this.state = {\n      displayValue,\n    };\n  }\n\n  private _onValueButtonClick = (keyChar: string) => {\n    const displayValue = this.props.engine.processValue(keyChar);\n    this._mainDivFocus();\n    this.setState({ displayValue });\n  };\n\n  private _onOperatorButtonClick = (operator: CalculatorOperator) => {\n    if (operator === CalculatorOperator.Clear && this._equalsClicked)\n      operator = CalculatorOperator.ClearAll;\n\n    const displayValue = this.props.engine.processOperator(operator);\n    this._mainDivFocus();\n    this.setState({ displayValue });\n\n    if (operator === CalculatorOperator.Equals)\n      this._equalsClicked = true;\n    else if (operator === CalculatorOperator.ClearAll)\n      this._equalsClicked = false;\n  };\n\n  private _handleOk = (_event: React.MouseEvent): void => {\n    this._ok();\n  };\n\n  private _ok() {\n    // istanbul ignore else\n    if (this.props.onOk) {\n      this.props.onOk(this.props.engine.result);\n    }\n    this._clearAll();\n  }\n\n  private _handleCancel = (_event: React.MouseEvent): void => {\n    this._cancel();\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n    this._clearAll();\n  }\n\n  private _clearAll() {\n    this.props.engine.clearAll();\n    this._equalsClicked = false;\n  }\n\n  public override componentDidMount() {\n    this._mainDivFocus();\n  }\n\n  private _mainDivFocus() {\n    if (this._mainDiv.current)\n      this._mainDiv.current.focus();\n  }\n\n  public override render() {\n    const { className, resultIcon, onOk, onCancel, initialValue, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n    const classNames = classnames(\n      \"uifw-calculator\",\n      className,\n    );\n\n    const topSection = this.props.resultIcon ?\n      <IconInput containerClassName=\"uifw-calculator-top-input\"\n        value={this.state.displayValue} readOnly={true} icon={this.props.resultIcon} /> :\n      <Input value={this.state.displayValue} readOnly={true} size=\"small\" />;\n\n    return (\n      // The event handler is only being used to capture bubbled events\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div {...props} ref={this._mainDiv} tabIndex={-1} className={classNames} onKeyDown={this._handleKeyDown}>\n        <div className=\"uifw-calculator-top\">\n          {topSection}\n        </div>\n        <CalculatorKeyPad onValueClick={this._onValueButtonClick} onOperatorClick={this._onOperatorButtonClick} />\n        <div className=\"uifw-calculator-bottom-buttons\">\n          <Button\n            className={classnames(\"uifw-calculator-large-button\", \"uifw-calculator-ok-button\")}\n            styleType=\"cta\"\n            onClick={this._handleOk}\n          >\n            <Icon iconSpec={<SvgCheckmark />} />\n          </Button>\n          <Button\n            className={classnames(\"uifw-calculator-large-button\", \"uifw-calculator-cancel-button\")}\n            onClick={this._handleCancel}\n          >\n            <Icon iconSpec={<SvgRemove />} />\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  private _handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    switch (event.key) {\n      case \"0\":\n      case \"1\":\n      case \"2\":\n      case \"3\":\n      case \"4\":\n      case \"5\":\n      case \"6\":\n      case \"7\":\n      case \"8\":\n      case \"9\":\n        this._onValueButtonClick(event.key);\n        break;\n      case \"a\":\n      case \"A\":\n        this._onOperatorButtonClick(CalculatorOperator.ClearAll);\n        break;\n      case \"c\":\n      case \"C\":\n      case SpecialKey.Clear:\n        this._onOperatorButtonClick(CalculatorOperator.Clear);\n        break;\n      case SpecialKey.Escape:\n        this._cancel();\n        break;\n      case SpecialKey.Backspace:\n        this._onOperatorButtonClick(CalculatorOperator.Backspace);\n        break;\n      case \"/\":\n      case SpecialKey.Divide:\n        this._onOperatorButtonClick(CalculatorOperator.Divide);\n        break;\n      case \"*\":\n      case SpecialKey.Multiply:\n        this._onOperatorButtonClick(CalculatorOperator.Multiply);\n        break;\n      case \"-\":\n      case SpecialKey.Subtract:\n        this._onOperatorButtonClick(CalculatorOperator.Subtract);\n        break;\n      case \"+\":\n      case SpecialKey.Add:\n        this._onOperatorButtonClick(CalculatorOperator.Add);\n        break;\n      case \".\":\n      case SpecialKey.Decimal:\n        this._onOperatorButtonClick(CalculatorOperator.Decimal);\n        break;\n      case \"=\":\n        this._onOperatorButtonClick(CalculatorOperator.Equals);\n        break;\n      case SpecialKey.Enter:\n        if (!this._equalsClicked)\n          this._onOperatorButtonClick(CalculatorOperator.Equals);\n        this._ok();\n        break;\n    }\n  };\n\n}\n\ninterface CalculatorKeyPadProps extends CommonProps {\n  /** A function to be run when a value is clicked */\n  onValueClick: (key: string) => void;\n  /** A function to be run when a value is clicked */\n  onOperatorClick: (operator: CalculatorOperator) => void;\n}\n\nclass CalculatorKeyPad extends React.PureComponent<CalculatorKeyPadProps> {\n  public override render() {\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(backspaceIcon);\n\n    return (\n      <div className={classnames(\"uifw-calculator-button-grid\")}>\n        <OperatorButton operator={CalculatorOperator.ClearAll} onClick={this.props.onOperatorClick}>AC</OperatorButton>\n        <OperatorButton operator={CalculatorOperator.Clear} onClick={this.props.onOperatorClick}>C</OperatorButton>\n        <OperatorButton operator={CalculatorOperator.Backspace} onClick={this.props.onOperatorClick}>\n          <div className=\"uifw-calculator-button-svg\">\n            <Icon iconSpec={iconSpec} />\n          </div>\n        </OperatorButton>\n        <OperatorButton operator={CalculatorOperator.Divide} onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\">&divide;</OperatorButton>\n\n        <ValueButton keyChar=\"7\" onClick={this.props.onValueClick} />\n        <ValueButton keyChar=\"8\" onClick={this.props.onValueClick} />\n        <ValueButton keyChar=\"9\" onClick={this.props.onValueClick} />\n        <OperatorButton operator={CalculatorOperator.Multiply} onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\">&times;</OperatorButton>\n\n        <ValueButton keyChar=\"4\" onClick={this.props.onValueClick} />\n        <ValueButton keyChar=\"5\" onClick={this.props.onValueClick} />\n        <ValueButton keyChar=\"6\" onClick={this.props.onValueClick} />\n        <OperatorButton operator={CalculatorOperator.Subtract} onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\">&minus;</OperatorButton>\n\n        <ValueButton keyChar=\"1\" onClick={this.props.onValueClick} />\n        <ValueButton keyChar=\"2\" onClick={this.props.onValueClick} />\n        <ValueButton keyChar=\"3\" onClick={this.props.onValueClick} />\n        <OperatorButton operator={CalculatorOperator.Add} onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\">&#43;</OperatorButton>\n\n        <ValueButton keyChar=\"0\" onClick={this.props.onValueClick} />\n        <OperatorButton operator={CalculatorOperator.NegPos} onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\">&plusmn;</OperatorButton>\n        <OperatorButton operator={CalculatorOperator.Decimal} onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\">.</OperatorButton>\n        <OperatorButton operator={CalculatorOperator.Equals} onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\">&#61;</OperatorButton>\n        <span />\n      </div>\n    );\n  }\n}\n\ninterface ValueButtonProps extends Omit<SquareButtonProps, \"onClick\"> {\n  /** Key to display */\n  keyChar: string;\n  /** A function to be run when the element is clicked */\n  onClick: (key: string) => void;\n}\n\nclass ValueButton extends React.PureComponent<ValueButtonProps> {\n\n  private _handleOnClick = (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    this.props.onClick(this.props.keyChar);\n  };\n\n  public override render() {\n    const { className, keyChar, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n    const itemClassNames = classnames(\n      \"uifw-calculator-item\",\n      className,\n    );\n\n    return (\n      <SquareButton {...props} className={itemClassNames} onClick={this._handleOnClick} >\n        {keyChar}\n      </SquareButton >\n    );\n  }\n}\n\ninterface OperatorButtonProps extends Omit<SquareButtonProps, \"onClick\"> {\n  /** Key to display */\n  operator: CalculatorOperator;\n  /** A function to be run when the element is clicked */\n  onClick: (operator: CalculatorOperator) => void;\n}\n\nclass OperatorButton extends React.PureComponent<OperatorButtonProps> {\n\n  private _handleOnClick = (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    this.props.onClick(this.props.operator);\n  };\n\n  public override render() {\n    const { className, children, operator, onClick, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n    const itemClassNames = classnames(\n      \"uifw-calculator-item\",\n      className,\n    );\n\n    return (\n      <SquareButton {...props} className={itemClassNames} onClick={this._handleOnClick}>\n        {children}\n      </SquareButton>\n    );\n  }\n}\n"]}