@itwin/appui-react 5.19.0 → 5.20.0

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

@@ -17,91 +17,13 @@ import { SvgCheckmark, SvgRemove } from "@itwin/itwinui-icons-react";
 import { SvgBackspace } from "../icons/SvgBackspace.js";
 /** @public */
 export class Calculator extends React.PureComponent {
+    _mainDiv = React.createRef();
+    _equalsClicked = false;
+    static defaultProps = {
+        engine: new CalculatorEngine(),
+    };
     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 Key.Clear.valueOf():
-                    this._onOperatorButtonClick(CalculatorOperator.Clear);
-                    break;
-                case Key.Escape.valueOf():
-                    this._cancel();
-                    break;
-                case Key.Backspace.valueOf():
-                    this._onOperatorButtonClick(CalculatorOperator.Backspace);
-                    break;
-                case "/":
-                case Key.Divide.valueOf():
-                    this._onOperatorButtonClick(CalculatorOperator.Divide);
-                    break;
-                case "*":
-                case Key.Multiply.valueOf():
-                    this._onOperatorButtonClick(CalculatorOperator.Multiply);
-                    break;
-                case "-":
-                case Key.Subtract.valueOf():
-                    this._onOperatorButtonClick(CalculatorOperator.Subtract);
-                    break;
-                case "+":
-                case Key.Add.valueOf():
-                    this._onOperatorButtonClick(CalculatorOperator.Add);
-                    break;
-                case ".":
-                case Key.Decimal.valueOf():
-                    this._onOperatorButtonClick(CalculatorOperator.Decimal);
-                    break;
-                case "=":
-                    this._onOperatorButtonClick(CalculatorOperator.Equals);
-                    break;
-                case Key.Enter.valueOf():
-                    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());
@@ -109,12 +31,34 @@ export class Calculator extends React.PureComponent {
             displayValue,
         };
     }
+    _onValueButtonClick = (keyChar) => {
+        const displayValue = this.props.engine.processValue(keyChar);
+        this._mainDivFocus();
+        this.setState({ displayValue });
+    };
+    _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;
+    };
+    _handleOk = (_event) => {
+        this._ok();
+    };
     _ok() {
         if (this.props.onOk) {
             this.props.onOk(this.props.engine.result);
         }
         this._clearAll();
     }
+    _handleCancel = (_event) => {
+        this._cancel();
+    };
     _cancel() {
         if (this.props.onCancel) {
             this.props.onCancel();
@@ -150,10 +94,66 @@ export class Calculator extends React.PureComponent {
                 React.createElement(Button, { className: classnames("uifw-calculator-large-button", "uifw-calculator-cancel-button"), onClick: this._handleCancel },
                     React.createElement(Icon, { iconSpec: React.createElement(SvgRemove, null) })))));
     }
+    _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 Key.Clear.valueOf():
+                this._onOperatorButtonClick(CalculatorOperator.Clear);
+                break;
+            case Key.Escape.valueOf():
+                this._cancel();
+                break;
+            case Key.Backspace.valueOf():
+                this._onOperatorButtonClick(CalculatorOperator.Backspace);
+                break;
+            case "/":
+            case Key.Divide.valueOf():
+                this._onOperatorButtonClick(CalculatorOperator.Divide);
+                break;
+            case "*":
+            case Key.Multiply.valueOf():
+                this._onOperatorButtonClick(CalculatorOperator.Multiply);
+                break;
+            case "-":
+            case Key.Subtract.valueOf():
+                this._onOperatorButtonClick(CalculatorOperator.Subtract);
+                break;
+            case "+":
+            case Key.Add.valueOf():
+                this._onOperatorButtonClick(CalculatorOperator.Add);
+                break;
+            case ".":
+            case Key.Decimal.valueOf():
+                this._onOperatorButtonClick(CalculatorOperator.Decimal);
+                break;
+            case "=":
+                this._onOperatorButtonClick(CalculatorOperator.Equals);
+                break;
+            case Key.Enter.valueOf():
+                if (!this._equalsClicked)
+                    this._onOperatorButtonClick(CalculatorOperator.Equals);
+                this._ok();
+                break;
+        }
+    };
 }
-Calculator.defaultProps = {
-    engine: new CalculatorEngine(),
-};
 class CalculatorKeyPad extends React.PureComponent {
     render() {
         return (React.createElement("div", { className: classnames("uifw-calculator-button-grid") },
@@ -183,12 +183,9 @@ class CalculatorKeyPad extends React.PureComponent {
     }
 }
 class ValueButton extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleOnClick = (_event) => {
-            this.props.onClick(this.props.keyChar);
-        };
-    }
+    _handleOnClick = (_event) => {
+        this.props.onClick(this.props.keyChar);
+    };
     render() {
         const { className, keyChar, onClick, ...props } = this.props;
         const itemClassNames = classnames("uifw-calculator-item", className);
@@ -196,12 +193,9 @@ class ValueButton extends React.PureComponent {
     }
 }
 class OperatorButton extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleOnClick = (_event) => {
-            this.props.onClick(this.props.operator);
-        };
-    }
+    _handleOnClick = (_event) => {
+        this.props.onClick(this.props.operator);
+    };
     render() {
         const { className, children, operator, onClick, ...props } = this.props;
         const itemClassNames = classnames("uifw-calculator-item", className);

package/lib/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":["/*---------------------------------------------------------------------------------------------\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 { Key } from \"ts-key-enum\";\nimport type { OnCancelFunc, OnNumberCommitFunc } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon, IconInput } from \"@itwin/core-react\";\nimport { Button, Input } from \"@itwin/itwinui-react\";\nimport { CalculatorEngine, CalculatorOperator } from \"./CalculatorEngine.js\";\nimport { SquareButton } from \"./SquareButton.js\";\nimport { SvgCheckmark, SvgRemove } from \"@itwin/itwinui-icons-react\";\nimport { SvgBackspace } from \"../icons/SvgBackspace.js\";\n\ntype SquareButtonProps = React.ComponentProps<typeof SquareButton>;\n\n/** @public */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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/** @public */\nexport class Calculator extends React.PureComponent<\n  CalculatorProps,\n  CalculatorState\n> {\n  private _mainDiv = React.createRef<HTMLDivElement>();\n  private _equalsClicked = false;\n\n  public static readonly defaultProps: Pick<CalculatorProps, \"engine\"> = {\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(\n        this.props.initialValue.toString()\n      );\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) 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    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    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) this._mainDiv.current.focus();\n  }\n\n  public override render() {\n    const { className, resultIcon, onOk, onCancel, initialValue, ...props } =\n      this.props;\n\n    const classNames = classnames(\"uifw-calculator\", className);\n\n    const topSection = resultIcon ? (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <IconInput\n        containerClassName=\"uifw-calculator-top-input\"\n        value={this.state.displayValue}\n        readOnly={true}\n        icon={resultIcon}\n      />\n    ) : (\n      <Input value={this.state.displayValue} readOnly={true} size=\"small\" />\n    );\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\n        {...props}\n        ref={this._mainDiv}\n        tabIndex={-1}\n        className={classNames}\n        onKeyDown={this._handleKeyDown}\n      >\n        <div className=\"uifw-calculator-top\">{topSection}</div>\n        <CalculatorKeyPad\n          onValueClick={this._onValueButtonClick}\n          onOperatorClick={this._onOperatorButtonClick}\n        />\n        <div className=\"uifw-calculator-bottom-buttons\">\n          <Button\n            className={classnames(\n              \"uifw-calculator-large-button\",\n              \"uifw-calculator-ok-button\"\n            )}\n            styleType=\"cta\"\n            onClick={this._handleOk}\n          >\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            <Icon iconSpec={<SvgCheckmark />} />\n          </Button>\n          <Button\n            className={classnames(\n              \"uifw-calculator-large-button\",\n              \"uifw-calculator-cancel-button\"\n            )}\n            onClick={this._handleCancel}\n          >\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            <Icon iconSpec={<SvgRemove />} />\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): 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 Key.Clear.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Clear);\n        break;\n      case Key.Escape.valueOf():\n        this._cancel();\n        break;\n      case Key.Backspace.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Backspace);\n        break;\n      case \"/\":\n      case Key.Divide.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Divide);\n        break;\n      case \"*\":\n      case Key.Multiply.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Multiply);\n        break;\n      case \"-\":\n      case Key.Subtract.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Subtract);\n        break;\n      case \"+\":\n      case Key.Add.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Add);\n        break;\n      case \".\":\n      case Key.Decimal.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Decimal);\n        break;\n      case \"=\":\n        this._onOperatorButtonClick(CalculatorOperator.Equals);\n        break;\n      case Key.Enter.valueOf():\n        if (!this._equalsClicked)\n          this._onOperatorButtonClick(CalculatorOperator.Equals);\n        this._ok();\n        break;\n    }\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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    return (\n      <div className={classnames(\"uifw-calculator-button-grid\")}>\n        <OperatorButton\n          operator={CalculatorOperator.ClearAll}\n          onClick={this.props.onOperatorClick}\n        >\n          AC\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Clear}\n          onClick={this.props.onOperatorClick}\n        >\n          C\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Backspace}\n          onClick={this.props.onOperatorClick}\n        >\n          <div className=\"uifw-calculator-button-svg\">\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            <Icon iconSpec={<SvgBackspace />} />\n          </div>\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Divide}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &divide;\n        </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\n          operator={CalculatorOperator.Multiply}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &times;\n        </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\n          operator={CalculatorOperator.Subtract}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &minus;\n        </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\n          operator={CalculatorOperator.Add}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &#43;\n        </OperatorButton>\n\n        <ValueButton keyChar=\"0\" onClick={this.props.onValueClick} />\n        <OperatorButton\n          operator={CalculatorOperator.NegPos}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &plusmn;\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Decimal}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          .\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Equals}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &#61;\n        </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  private _handleOnClick = (\n    _event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    this.props.onClick(this.props.keyChar);\n  };\n\n  public override render() {\n    const { className, keyChar, onClick, ...props } = this.props;\n\n    const itemClassNames = classnames(\"uifw-calculator-item\", className);\n\n    return (\n      <SquareButton\n        {...props}\n        className={itemClassNames}\n        onClick={this._handleOnClick}\n      >\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  private _handleOnClick = (\n    _event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    this.props.onClick(this.props.operator);\n  };\n\n  public override render() {\n    const { className, children, operator, onClick, ...props } = this.props;\n\n    const itemClassNames = classnames(\"uifw-calculator-item\", className);\n\n    return (\n      <SquareButton\n        {...props}\n        className={itemClassNames}\n        onClick={this._handleOnClick}\n      >\n        {children}\n      </SquareButton>\n    );\n  }\n}\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 { Key } from \"ts-key-enum\";\nimport type { OnCancelFunc, OnNumberCommitFunc } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon, IconInput } from \"@itwin/core-react\";\nimport { Button, Input } from \"@itwin/itwinui-react\";\nimport { CalculatorEngine, CalculatorOperator } from \"./CalculatorEngine.js\";\nimport { SquareButton } from \"./SquareButton.js\";\nimport { SvgCheckmark, SvgRemove } from \"@itwin/itwinui-icons-react\";\nimport { SvgBackspace } from \"../icons/SvgBackspace.js\";\n\ntype SquareButtonProps = React.ComponentProps<typeof SquareButton>;\n\n/** @public */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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/** @public */\nexport class Calculator extends React.PureComponent<\n  CalculatorProps,\n  CalculatorState\n> {\n  private _mainDiv = React.createRef<HTMLDivElement>();\n  private _equalsClicked = false;\n\n  public static readonly defaultProps: Pick<CalculatorProps, \"engine\"> = {\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(\n        this.props.initialValue.toString()\n      );\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) 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    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    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) this._mainDiv.current.focus();\n  }\n\n  public override render() {\n    const { className, resultIcon, onOk, onCancel, initialValue, ...props } =\n      this.props;\n\n    const classNames = classnames(\"uifw-calculator\", className);\n\n    const topSection = resultIcon ? (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <IconInput\n        containerClassName=\"uifw-calculator-top-input\"\n        value={this.state.displayValue}\n        readOnly={true}\n        icon={resultIcon}\n      />\n    ) : (\n      <Input value={this.state.displayValue} readOnly={true} size=\"small\" />\n    );\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\n        {...props}\n        ref={this._mainDiv}\n        tabIndex={-1}\n        className={classNames}\n        onKeyDown={this._handleKeyDown}\n      >\n        <div className=\"uifw-calculator-top\">{topSection}</div>\n        <CalculatorKeyPad\n          onValueClick={this._onValueButtonClick}\n          onOperatorClick={this._onOperatorButtonClick}\n        />\n        <div className=\"uifw-calculator-bottom-buttons\">\n          <Button\n            className={classnames(\n              \"uifw-calculator-large-button\",\n              \"uifw-calculator-ok-button\"\n            )}\n            styleType=\"cta\"\n            onClick={this._handleOk}\n          >\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            <Icon iconSpec={<SvgCheckmark />} />\n          </Button>\n          <Button\n            className={classnames(\n              \"uifw-calculator-large-button\",\n              \"uifw-calculator-cancel-button\"\n            )}\n            onClick={this._handleCancel}\n          >\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            <Icon iconSpec={<SvgRemove />} />\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): 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 Key.Clear.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Clear);\n        break;\n      case Key.Escape.valueOf():\n        this._cancel();\n        break;\n      case Key.Backspace.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Backspace);\n        break;\n      case \"/\":\n      case Key.Divide.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Divide);\n        break;\n      case \"*\":\n      case Key.Multiply.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Multiply);\n        break;\n      case \"-\":\n      case Key.Subtract.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Subtract);\n        break;\n      case \"+\":\n      case Key.Add.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Add);\n        break;\n      case \".\":\n      case Key.Decimal.valueOf():\n        this._onOperatorButtonClick(CalculatorOperator.Decimal);\n        break;\n      case \"=\":\n        this._onOperatorButtonClick(CalculatorOperator.Equals);\n        break;\n      case Key.Enter.valueOf():\n        if (!this._equalsClicked)\n          this._onOperatorButtonClick(CalculatorOperator.Equals);\n        this._ok();\n        break;\n    }\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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    return (\n      <div className={classnames(\"uifw-calculator-button-grid\")}>\n        <OperatorButton\n          operator={CalculatorOperator.ClearAll}\n          onClick={this.props.onOperatorClick}\n        >\n          AC\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Clear}\n          onClick={this.props.onOperatorClick}\n        >\n          C\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Backspace}\n          onClick={this.props.onOperatorClick}\n        >\n          <div className=\"uifw-calculator-button-svg\">\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            <Icon iconSpec={<SvgBackspace />} />\n          </div>\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Divide}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &divide;\n        </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\n          operator={CalculatorOperator.Multiply}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &times;\n        </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\n          operator={CalculatorOperator.Subtract}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &minus;\n        </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\n          operator={CalculatorOperator.Add}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &#43;\n        </OperatorButton>\n\n        <ValueButton keyChar=\"0\" onClick={this.props.onValueClick} />\n        <OperatorButton\n          operator={CalculatorOperator.NegPos}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &plusmn;\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Decimal}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          .\n        </OperatorButton>\n        <OperatorButton\n          operator={CalculatorOperator.Equals}\n          onClick={this.props.onOperatorClick}\n          className=\"uifw-calculator-large-font\"\n        >\n          &#61;\n        </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  private _handleOnClick = (\n    _event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    this.props.onClick(this.props.keyChar);\n  };\n\n  public override render() {\n    const { className, keyChar, onClick, ...props } = this.props;\n\n    const itemClassNames = classnames(\"uifw-calculator-item\", className);\n\n    return (\n      <SquareButton\n        {...props}\n        className={itemClassNames}\n        onClick={this._handleOnClick}\n      >\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  private _handleOnClick = (\n    _event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    this.props.onClick(this.props.operator);\n  };\n\n  public override render() {\n    const { className, children, operator, onClick, ...props } = this.props;\n\n    const itemClassNames = classnames(\"uifw-calculator-item\", className);\n\n    return (\n      <SquareButton\n        {...props}\n        className={itemClassNames}\n        onClick={this._handleOnClick}\n      >\n        {children}\n      </SquareButton>\n    );\n  }\n}\n"]}

package/lib/appui-react/accudraw/CalculatorEngine.js

@@ -29,136 +29,12 @@ export var CalculatorKeyType;
 })(CalculatorKeyType || (CalculatorKeyType = {}));
 /** @internal */
 export class CalculatorEngine {
+    _displayValue = "0";
+    _operator;
+    _previousKeyType = CalculatorKeyType.None;
+    _firstValue = "";
+    _modValue = "";
     constructor() {
-        this._displayValue = "0";
-        this._previousKeyType = CalculatorKeyType.None;
-        this._firstValue = "";
-        this._modValue = "";
-        this._createResultString = (operator, displayedNum) => {
-            let resultString = displayedNum;
-            if (this._isMathOperator(operator)) {
-                const firstValue = this._firstValue;
-                const savedOperator = this._operator;
-                resultString =
-                    firstValue &&
-                        savedOperator &&
-                        this._previousKeyType !== CalculatorKeyType.Operator &&
-                        this._previousKeyType !== CalculatorKeyType.Equals
-                        ? this._calculate(firstValue, savedOperator, displayedNum)
-                        : displayedNum;
-            }
-            else {
-                switch (operator) {
-                    case CalculatorOperator.Clear:
-                        resultString = "0";
-                        break;
-                    case CalculatorOperator.ClearAll:
-                        resultString = "0";
-                        break;
-                    case CalculatorOperator.Backspace:
-                        resultString = resultString.slice(0, -1);
-                        if (resultString.length === 0)
-                            resultString = "0";
-                        break;
-                    case CalculatorOperator.Decimal:
-                        if (!resultString.includes("."))
-                            resultString = `${displayedNum}.`;
-                        else if (this._previousKeyType === CalculatorKeyType.Operator ||
-                            this._previousKeyType === CalculatorKeyType.Equals)
-                            resultString = "0.";
-                        break;
-                    case CalculatorOperator.NegPos:
-                        if (displayedNum.length > 0 && displayedNum[0] === "-")
-                            resultString = displayedNum.substring(1);
-                        else
-                            resultString = `-${displayedNum}`;
-                        break;
-                    case CalculatorOperator.Equals: {
-                        const firstValue = this._firstValue;
-                        const savedOperator = this._operator;
-                        const modValue = this._modValue;
-                        if (firstValue && savedOperator) {
-                            resultString =
-                                this._previousKeyType === CalculatorKeyType.Equals
-                                    ? this._calculate(displayedNum, savedOperator, modValue)
-                                    : this._calculate(firstValue, savedOperator, displayedNum);
-                        }
-                        else {
-                            resultString = displayedNum;
-                        }
-                        break;
-                    }
-                }
-            }
-            return resultString;
-        };
-        this._isMathOperator = (operator) => {
-            switch (operator) {
-                case CalculatorOperator.Add:
-                case CalculatorOperator.Subtract:
-                case CalculatorOperator.Multiply:
-                case CalculatorOperator.Divide:
-                    return true;
-            }
-            return false;
-        };
-        this._calculate = (n1Str, operator, n2Str) => {
-            let result = 0;
-            const n1 = parseFloat(n1Str);
-            const n2 = parseFloat(n2Str);
-            switch (operator) {
-                case CalculatorOperator.Add:
-                    result = n1 + n2;
-                    break;
-                case CalculatorOperator.Subtract:
-                    result = n1 - n2;
-                    break;
-                case CalculatorOperator.Multiply:
-                    result = n1 * n2;
-                    break;
-                case CalculatorOperator.Divide:
-                    const displayValue = n2;
-                    if (displayValue !== 0)
-                        result = n1 / displayValue;
-                    else
-                        result = 0;
-                    break;
-            }
-            return result.toString();
-        };
-        this._updateCalculatorState = (operator, resultString, displayedNum) => {
-            let keyType = CalculatorKeyType.None;
-            if (this._isMathOperator(operator)) {
-                if (this._firstValue &&
-                    this._operator &&
-                    this._previousKeyType === CalculatorKeyType.None) {
-                    this._firstValue = resultString;
-                }
-                else {
-                    this._firstValue = displayedNum;
-                }
-                this._operator = operator;
-                keyType = CalculatorKeyType.Operator;
-            }
-            else {
-                switch (operator) {
-                    case CalculatorOperator.ClearAll:
-                        this.clearAll();
-                        break;
-                    case CalculatorOperator.Equals: {
-                        let secondValue = displayedNum;
-                        if (this._firstValue) {
-                            if (this._previousKeyType === CalculatorKeyType.Equals) {
-                                secondValue = this._modValue;
-                            }
-                        }
-                        this._modValue = secondValue;
-                        keyType = CalculatorKeyType.Equals;
-                    }
-                }
-            }
-            this._previousKeyType = keyType;
-        };
         this.clearAll();
     }
     clearAll() {
@@ -195,5 +71,130 @@ export class CalculatorEngine {
         this._updateCalculatorState(operator, resultString, displayedNum);
         return resultString;
     }
+    _createResultString = (operator, displayedNum) => {
+        let resultString = displayedNum;
+        if (this._isMathOperator(operator)) {
+            const firstValue = this._firstValue;
+            const savedOperator = this._operator;
+            resultString =
+                firstValue &&
+                    savedOperator &&
+                    this._previousKeyType !== CalculatorKeyType.Operator &&
+                    this._previousKeyType !== CalculatorKeyType.Equals
+                    ? this._calculate(firstValue, savedOperator, displayedNum)
+                    : displayedNum;
+        }
+        else {
+            switch (operator) {
+                case CalculatorOperator.Clear:
+                    resultString = "0";
+                    break;
+                case CalculatorOperator.ClearAll:
+                    resultString = "0";
+                    break;
+                case CalculatorOperator.Backspace:
+                    resultString = resultString.slice(0, -1);
+                    if (resultString.length === 0)
+                        resultString = "0";
+                    break;
+                case CalculatorOperator.Decimal:
+                    if (!resultString.includes("."))
+                        resultString = `${displayedNum}.`;
+                    else if (this._previousKeyType === CalculatorKeyType.Operator ||
+                        this._previousKeyType === CalculatorKeyType.Equals)
+                        resultString = "0.";
+                    break;
+                case CalculatorOperator.NegPos:
+                    if (displayedNum.length > 0 && displayedNum[0] === "-")
+                        resultString = displayedNum.substring(1);
+                    else
+                        resultString = `-${displayedNum}`;
+                    break;
+                case CalculatorOperator.Equals: {
+                    const firstValue = this._firstValue;
+                    const savedOperator = this._operator;
+                    const modValue = this._modValue;
+                    if (firstValue && savedOperator) {
+                        resultString =
+                            this._previousKeyType === CalculatorKeyType.Equals
+                                ? this._calculate(displayedNum, savedOperator, modValue)
+                                : this._calculate(firstValue, savedOperator, displayedNum);
+                    }
+                    else {
+                        resultString = displayedNum;
+                    }
+                    break;
+                }
+            }
+        }
+        return resultString;
+    };
+    _isMathOperator = (operator) => {
+        switch (operator) {
+            case CalculatorOperator.Add:
+            case CalculatorOperator.Subtract:
+            case CalculatorOperator.Multiply:
+            case CalculatorOperator.Divide:
+                return true;
+        }
+        return false;
+    };
+    _calculate = (n1Str, operator, n2Str) => {
+        let result = 0;
+        const n1 = parseFloat(n1Str);
+        const n2 = parseFloat(n2Str);
+        switch (operator) {
+            case CalculatorOperator.Add:
+                result = n1 + n2;
+                break;
+            case CalculatorOperator.Subtract:
+                result = n1 - n2;
+                break;
+            case CalculatorOperator.Multiply:
+                result = n1 * n2;
+                break;
+            case CalculatorOperator.Divide:
+                const displayValue = n2;
+                if (displayValue !== 0)
+                    result = n1 / displayValue;
+                else
+                    result = 0;
+                break;
+        }
+        return result.toString();
+    };
+    _updateCalculatorState = (operator, resultString, displayedNum) => {
+        let keyType = CalculatorKeyType.None;
+        if (this._isMathOperator(operator)) {
+            if (this._firstValue &&
+                this._operator &&
+                this._previousKeyType === CalculatorKeyType.None) {
+                this._firstValue = resultString;
+            }
+            else {
+                this._firstValue = displayedNum;
+            }
+            this._operator = operator;
+            keyType = CalculatorKeyType.Operator;
+        }
+        else {
+            switch (operator) {
+                case CalculatorOperator.ClearAll:
+                    this.clearAll();
+                    break;
+                case CalculatorOperator.Equals: {
+                    let secondValue = displayedNum;
+                    if (this._firstValue) {
+                        if (this._previousKeyType === CalculatorKeyType.Equals) {
+                            secondValue = this._modValue;
+                        }
+                    }
+                    this._modValue = secondValue;
+                    keyType = CalculatorKeyType.Equals;
+                }
+            }
+        }
+        this._previousKeyType = keyType;
+    };
 }
 //# sourceMappingURL=CalculatorEngine.js.map