@itwin/appui-react 4.0.0 → 4.0.1

package/lib/cjs/appui-react/accudraw/AccuDrawInputField.js

@@ -17,6 +17,9 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const FrameworkAccuDraw_1 = require("./FrameworkAccuDraw");
 const UiFramework_1 = require("../UiFramework");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+function isLetter(char) {
+    return char.length === 1 && char.toLowerCase() !== char.toUpperCase();
+}
 const ForwardRefAccuDrawInput = React.forwardRef(function ForwardRefAccuDrawInputField(props, ref) {
     const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked, onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;
     const [stringValue, setStringValue] = React.useState("");
@@ -77,7 +80,7 @@ const ForwardRefAccuDrawInput = React.forwardRef(function ForwardRefAccuDrawInpu
                 onEnterPressed && onEnterPressed();
                 return;
         }
-        if ((0, appui_abstract_1.isLetter)(e.key)) {
+        if (isLetter(e.key)) {
             e.preventDefault();
             UiFramework_1.UiFramework.keyboardShortcuts.processKey(e.key);
             return;

package/lib/cjs/appui-react/accudraw/AccuDrawInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,qCAAmC;AACnC,2CAAoC;AACpC,+BAA+B;AAE/B,kDAAyE;AACzE,0DAA6D;AAC7D,wDAA6C;AAC7C,2DAA4H;AAC5H,gDAA6C;AAC7C,oEAAqD;AAiCrD,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,4BAA4B,CAAC,KAA8B,EAAE,GAAG;IACvE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EACvG,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,IAAA,oBAAO,EAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEpJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,qCAAiB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACrE,cAAc,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0C,EAAQ,EAAE;QAC1F,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;QAExC,uBAAuB;QACvB,IAAI,KAAK,KAAK,SAAS;YACrB,OAAO;QAET,uBAAuB;QACvB,IAAI,WAAW,KAAK,KAAK,EAAE;YACzB,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,uBAAuB;QACvB,IAAI,SAAS,EAAE;YACb,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACvC,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,mCAAmC;QACnC,uBAAuB;QACvB,IAAI,gBAAgB,EAAE;YACpB,IAAI,iBAAiB,EAAE;gBACrB,YAAY,EAAE,CAAC;gBACf,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBACzC,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC9B,CAAC,EAAE,iBAAiB,CAAC,CAAC;aACvB;iBAAM;gBACL,cAAc,CAAC,WAAW,CAAC,CAAC;aAC7B;YACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC5B;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa;QACb,OAAO,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsB,EAAE,EAAE;QACjE,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,2BAAU,CAAC,MAAM;gBACpB,YAAY,IAAI,YAAY,EAAE,CAAC;gBAC/B,OAAO;YACT,KAAK,2BAAU,CAAC,KAAK;gBACnB,cAAc,IAAI,cAAc,EAAE,CAAC;gBACnC,OAAO;SACV;QAED,IAAI,IAAA,yBAAQ,EAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,yBAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAChD,OAAO;SACR;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,uBAAuB,GAAG,CAAC,IAAwC,EAAE,EAAE;YAC3E,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,WAAW,KAAK,IAAI,CAAC,cAAc,EAAE;gBAC/D,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACpC,uBAAuB;gBACvB,IAAI,YAAY;oBACd,gBAAgB,CAAC,IAAI,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC;QACF,OAAO,qCAAiB,CAAC,gCAAgC,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;IACjG,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,EAAE;YACjB,uBAAuB;YACvB,IAAI,eAAe,CAAC,OAAO;gBACzB,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACnC,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,CAAC,IAAoC,EAAE,EAAE;YACnE,eAAe,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QACxC,CAAC,CAAC;QACF,OAAO,qCAAiB,CAAC,4BAA4B,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACzF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,2BAA2B,EAC5D,aAAa,IAAI,qBAAqB,EACtC,cAAc,CACf,CAAC;IAEF,OAAO,CACL;QACE,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU;YAC9D,KAAK;YACL,QAAQ,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACnC;QACR,oBAAC,qBAAK,OAAK,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAC1D,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAC,KAAK,EAC5D,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,GAAG;QACnE,8BAAM,SAAS,EAAC,oBAAoB,IACjC,QAAQ,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,6BAAO,OAAG,GAAI,CACvC,CACN,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;GAEG;AACU,QAAA,kBAAkB,GAA2D,uBAAuB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport \"./AccuDrawInputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ItemField } from \"@itwin/core-frontend\";\r\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\r\nimport { isLetter, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SvgLock } from \"@itwin/itwinui-icons-react\";\r\n/** Properties for [[AccuDrawInputField]] component\r\n * @beta\r\n */\r\nexport interface AccuDrawInputFieldProps extends CommonProps {\r\n  /** Which AccuDraw field this represents */\r\n  field: ItemField;\r\n  /** id for the input element */\r\n  id: string;\r\n  /** Indicates whether field is locked */\r\n  isLocked?: boolean;\r\n  /** label for the input element */\r\n  label?: string;\r\n  /** icon for the input element */\r\n  iconSpec?: IconSpec;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n  /** Center justified label */\r\n  labelCentered?: boolean;\r\n  /** Triggered when the content is changed */\r\n  onValueChanged: (stringValue: string) => void;\r\n  /** Frequency to poll for changes in value, in milliseconds */\r\n  valueChangedDelay?: number;\r\n  /** Listens for <Enter> keypress */\r\n  onEnterPressed?: () => void;\r\n  /** Listens for <Esc> keypress */\r\n  onEscPressed?: () => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\r\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\r\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\r\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\r\n    const [stringValue, setStringValue] = React.useState(\"\");\r\n    const timeoutId = React.useRef(0);\r\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\r\n    const [needSelection, setNeedSelection] = React.useState(false);\r\n    const [isFocusField, setIsFocusField] = React.useState(false);\r\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\r\n    const refs = useRefs(inputElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\r\n\r\n    React.useEffect(() => {\r\n      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\r\n      setStringValue(formattedValue);\r\n    }, [field]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\r\n      const value = event.currentTarget.value;\r\n\r\n      // istanbul ignore next\r\n      if (value === undefined)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (stringValue !== value) {\r\n        setStringValue(value);\r\n        setNeedValueChanged(true);\r\n      }\r\n    }, [stringValue]);\r\n\r\n    const unsetTimeout = (): void => {\r\n      // istanbul ignore else\r\n      if (timeoutId) {\r\n        window.clearTimeout(timeoutId.current);\r\n        timeoutId.current = 0;\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      // After setStringValue & re-render\r\n      // istanbul ignore else\r\n      if (needValueChanged) {\r\n        if (valueChangedDelay) {\r\n          unsetTimeout();\r\n          timeoutId.current = window.setTimeout(() => {\r\n            onValueChanged(stringValue);\r\n          }, valueChangedDelay);\r\n        } else {\r\n          onValueChanged(stringValue);\r\n        }\r\n        setNeedValueChanged(false);\r\n      }\r\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\r\n\r\n    React.useEffect(() => {\r\n      // On unmount\r\n      return () => unsetTimeout();\r\n    }, []);\r\n\r\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\r\n      switch (e.key) {\r\n        case SpecialKey.Escape:\r\n          onEscPressed && onEscPressed();\r\n          return;\r\n        case SpecialKey.Enter:\r\n          onEnterPressed && onEnterPressed();\r\n          return;\r\n      }\r\n\r\n      if (isLetter(e.key)) {\r\n        e.preventDefault();\r\n        UiFramework.keyboardShortcuts.processKey(e.key);\r\n        return;\r\n      }\r\n    }, [onEscPressed, onEnterPressed]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\r\n        if (args.field === field && stringValue !== args.formattedValue) {\r\n          setStringValue(args.formattedValue);\r\n          // istanbul ignore else\r\n          if (isFocusField)\r\n            setNeedSelection(true);\r\n        }\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\r\n    }, [field, isFocusField, stringValue]);\r\n\r\n    React.useEffect(() => {\r\n      if (needSelection) {\r\n        // istanbul ignore else\r\n        if (inputElementRef.current)\r\n          inputElementRef.current.select();\r\n        setNeedSelection(false);\r\n      }\r\n    }, [needSelection]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\r\n        setIsFocusField(args.field === field);\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\r\n    }, [field]);\r\n\r\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\r\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\r\n      labelCentered && \"uifw-label-centered\",\r\n      labelClassName\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\r\n          {label}\r\n          {iconSpec && <Icon iconSpec={iconSpec} />}\r\n        </label>\r\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\r\n          className={inputClassNames} style={style} autoComplete=\"off\"\r\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\r\n        <span className=\"uifw-accudraw-lock\" >\r\n          {isLocked && <Icon iconSpec={<SvgLock />} />}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n);\r\n\r\n/** Input field for AccuDraw Ui\r\n * @beta\r\n */\r\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\r\n"]}
+{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.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 \"./AccuDrawInputField.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ItemField } from \"@itwin/core-frontend\";\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\nimport { UiFramework } from \"../UiFramework\";\nimport { SvgLock } from \"@itwin/itwinui-icons-react\";\n\nfunction isLetter(char: string): boolean {\n  return char.length === 1 && char.toLowerCase() !== char.toUpperCase();\n}\n\n/** Properties for [[AccuDrawInputField]] component\n * @beta\n */\nexport interface AccuDrawInputFieldProps extends CommonProps {\n  /** Which AccuDraw field this represents */\n  field: ItemField;\n  /** id for the input element */\n  id: string;\n  /** Indicates whether field is locked */\n  isLocked?: boolean;\n  /** label for the input element */\n  label?: string;\n  /** icon for the input element */\n  iconSpec?: IconSpec;\n  /** Custom CSS class name for the label */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n  /** Center justified label */\n  labelCentered?: boolean;\n  /** Triggered when the content is changed */\n  onValueChanged: (stringValue: string) => void;\n  /** Frequency to poll for changes in value, in milliseconds */\n  valueChangedDelay?: number;\n  /** Listens for <Enter> keypress */\n  onEnterPressed?: () => void;\n  /** Listens for <Esc> keypress */\n  onEscPressed?: () => void;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\n    const [stringValue, setStringValue] = React.useState(\"\");\n    const timeoutId = React.useRef(0);\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\n    const [needSelection, setNeedSelection] = React.useState(false);\n    const [isFocusField, setIsFocusField] = React.useState(false);\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\n    const refs = useRefs(inputElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\n      setStringValue(formattedValue);\n    }, [field]);\n\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\n      const value = event.currentTarget.value;\n\n      // istanbul ignore next\n      if (value === undefined)\n        return;\n\n      // istanbul ignore else\n      if (stringValue !== value) {\n        setStringValue(value);\n        setNeedValueChanged(true);\n      }\n    }, [stringValue]);\n\n    const unsetTimeout = (): void => {\n      // istanbul ignore else\n      if (timeoutId) {\n        window.clearTimeout(timeoutId.current);\n        timeoutId.current = 0;\n      }\n    };\n\n    React.useEffect(() => {\n      // After setStringValue & re-render\n      // istanbul ignore else\n      if (needValueChanged) {\n        if (valueChangedDelay) {\n          unsetTimeout();\n          timeoutId.current = window.setTimeout(() => {\n            onValueChanged(stringValue);\n          }, valueChangedDelay);\n        } else {\n          onValueChanged(stringValue);\n        }\n        setNeedValueChanged(false);\n      }\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\n\n    React.useEffect(() => {\n      // On unmount\n      return () => unsetTimeout();\n    }, []);\n\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case SpecialKey.Escape:\n          onEscPressed && onEscPressed();\n          return;\n        case SpecialKey.Enter:\n          onEnterPressed && onEnterPressed();\n          return;\n      }\n\n      if (isLetter(e.key)) {\n        e.preventDefault();\n        UiFramework.keyboardShortcuts.processKey(e.key);\n        return;\n      }\n    }, [onEscPressed, onEnterPressed]);\n\n    React.useEffect(() => {\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\n        if (args.field === field && stringValue !== args.formattedValue) {\n          setStringValue(args.formattedValue);\n          // istanbul ignore else\n          if (isFocusField)\n            setNeedSelection(true);\n        }\n      };\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\n    }, [field, isFocusField, stringValue]);\n\n    React.useEffect(() => {\n      if (needSelection) {\n        // istanbul ignore else\n        if (inputElementRef.current)\n          inputElementRef.current.select();\n        setNeedSelection(false);\n      }\n    }, [needSelection]);\n\n    React.useEffect(() => {\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\n        setIsFocusField(args.field === field);\n      };\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\n    }, [field]);\n\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\n      labelCentered && \"uifw-label-centered\",\n      labelClassName\n    );\n\n    return (\n      <>\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\n          {label}\n          {iconSpec && <Icon iconSpec={iconSpec} />}\n        </label>\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\n          className={inputClassNames} style={style} autoComplete=\"off\"\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\n        <span className=\"uifw-accudraw-lock\" >\n          {isLocked && <Icon iconSpec={<SvgLock />} />}\n        </span>\n      </>\n    );\n  }\n);\n\n/** Input field for AccuDraw Ui\n * @beta\n */\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawInputField.scss

@@ -1,55 +1,55 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/base/base";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-.uifw-accudraw-input-label {
-  min-width: 16px;
-  margin-right: 4px;
-
-  display: flex;
-  align-items: center;
-
-  font-size: var(--iui-font-size-2);
-  font-weight: var(--iui-font-weight-bold);
-  line-height: var(--iui-size-l);
-  color: var(--iui-color-text);
-
-  &.uifw-label-centered {
-    justify-content: center;
-  }
-
-  .icon {
-    width: 16px;
-    height: 16px;
-
-    margin-top: 2px;
-    @include uicore-centered;
-  }
-}
-
-.uifw-accudraw-input-field {
-  flex: 1;
-}
-
-.uifw-accudraw-lock {
-  width: 22px;
-  @include uicore-centered;
-}
-
-.uifw-accudraw-x-value {
-  background-color: $buic-accessory-alert;
-  color: var(--iui-color-white);
-}
-
-.uifw-accudraw-y-value {
-  background-color: $buic-accessory-success;
-  color: var(--iui-color-white);
-}
-
-.uifw-accudraw-z-value {
-  background-color: $buic-accessory-primary;
-  color: var(--iui-color-white);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/base/base";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.uifw-accudraw-input-label {
+  min-width: 16px;
+  margin-right: 4px;
+
+  display: flex;
+  align-items: center;
+
+  font-size: var(--iui-font-size-2);
+  font-weight: var(--iui-font-weight-bold);
+  line-height: var(--iui-size-l);
+  color: var(--iui-color-text);
+
+  &.uifw-label-centered {
+    justify-content: center;
+  }
+
+  .icon {
+    width: 16px;
+    height: 16px;
+
+    margin-top: 2px;
+    @include uicore-centered;
+  }
+}
+
+.uifw-accudraw-input-field {
+  flex: 1;
+}
+
+.uifw-accudraw-lock {
+  width: 22px;
+  @include uicore-centered;
+}
+
+.uifw-accudraw-x-value {
+  background-color: $buic-accessory-alert;
+  color: var(--iui-color-white);
+}
+
+.uifw-accudraw-y-value {
+  background-color: $buic-accessory-success;
+  color: var(--iui-color-white);
+}
+
+.uifw-accudraw-z-value {
+  background-color: $buic-accessory-primary;
+  color: var(--iui-color-white);
+}

package/lib/cjs/appui-react/accudraw/AccuDrawKeyboardShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawKeyboardShortcuts.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawKeyboardShortcuts.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,iEAA8D;AAC9D,2DAAwD;AAExD;;GAEG;AACH,MAAa,yBAAyB;IACpC;OACG;IACI,MAAM,CAAC,mBAAmB;QAC/B,MAAM,oBAAoB,GAA4B;YACpD;gBACE,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,8BAA8B;gBACxC,SAAS,EAAE;oBACT;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;qBACrC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;qBACrC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,iBAAiB;qBAC7C;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,KAAK;wBAChC,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,KAAK;wBAChC,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,KAAK;wBAChC,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;wBACpC,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,YAAY;wBACvC,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,eAAe;qBAC3C;iBACF;aACF;YACD;gBACE,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,oCAAoC;gBAC9C,SAAS,EAAE;oBACT;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;wBACpC,UAAU,EAAE,qCAAiB,CAAC,wBAAwB;qBACvD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,UAAU;wBACrC,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,WAAW;wBACtC,UAAU,EAAE,qCAAiB,CAAC,0BAA0B;qBACzD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,UAAU;wBACrC,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,WAAW;qBACvC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,UAAU;qBACtC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,eAAe;qBAC3C;iBACF;aACF;SACF,CAAC;QAEF,OAAO,oBAAoB,CAAC;IAC9B,CAAC;CACF;AA9FD,8DA8FC","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 { KeyboardShortcutProps } from \"../framework/FrameworkKeyboardShortcuts\";\r\nimport { AccuDrawCommandItems } from \"./AccuDrawCommandItems\";\r\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\n\r\n/** Default AccuDraw Keyboard Shortcuts\r\n * @beta\r\n */\r\nexport class AccuDrawKeyboardShortcuts {\r\n  /** Get default AccuDraw Keyboard Shortcuts list.\r\n   */\r\n  public static getDefaultShortcuts(): KeyboardShortcutProps[] {\r\n    const keyboardShortcutList: KeyboardShortcutProps[] = [\r\n      {\r\n        key: \"a\",\r\n        labelKey: \"UiFramework:accuDraw.subMenu\",\r\n        shortcuts: [\r\n          {\r\n            key: \"s\",\r\n            item: AccuDrawCommandItems.lockSmart,\r\n          },\r\n          {\r\n            key: \"r\",\r\n            item: AccuDrawCommandItems.setOrigin,\r\n          },\r\n          {\r\n            key: \"t\",\r\n            item: AccuDrawCommandItems.changeCompassMode,\r\n          },\r\n          {\r\n            key: \"x\",\r\n            item: AccuDrawCommandItems.lockX,\r\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\r\n          },\r\n          {\r\n            key: \"y\",\r\n            item: AccuDrawCommandItems.lockY,\r\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\r\n          },\r\n          {\r\n            key: \"z\",\r\n            item: AccuDrawCommandItems.lockZ,\r\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\r\n          },\r\n          {\r\n            key: \"a\",\r\n            item: AccuDrawCommandItems.lockAngle,\r\n            isHidden: FrameworkAccuDraw.isRectangularModeConditional,\r\n          },\r\n          {\r\n            key: \"d\",\r\n            item: AccuDrawCommandItems.lockDistance,\r\n            isHidden: FrameworkAccuDraw.isRectangularModeConditional,\r\n          },\r\n          {\r\n            key: \"b\",\r\n            item: AccuDrawCommandItems.bumpToolSetting,\r\n          },\r\n        ],\r\n      },\r\n      {\r\n        key: \"r\",\r\n        labelKey: \"UiFramework:accuDraw.rotateSubMenu\",\r\n        shortcuts: [\r\n          {\r\n            key: \"t\",\r\n            item: AccuDrawCommandItems.rotateTop,\r\n            isDisabled: FrameworkAccuDraw.isTopRotationConditional,\r\n          },\r\n          {\r\n            key: \"s\",\r\n            item: AccuDrawCommandItems.rotateSide,\r\n            isDisabled: FrameworkAccuDraw.isSideRotationConditional,\r\n          },\r\n          {\r\n            key: \"f\",\r\n            item: AccuDrawCommandItems.rotateFront,\r\n            isDisabled: FrameworkAccuDraw.isFrontRotationConditional,\r\n          },\r\n          {\r\n            key: \"v\",\r\n            item: AccuDrawCommandItems.rotateView,\r\n            isDisabled: FrameworkAccuDraw.isViewRotationConditional,\r\n          },\r\n          {\r\n            key: \"c\",\r\n            item: AccuDrawCommandItems.rotateCycle,\r\n          },\r\n          {\r\n            key: \"a\",\r\n            item: AccuDrawCommandItems.rotateAxes,\r\n          },\r\n          {\r\n            key: \"e\",\r\n            item: AccuDrawCommandItems.rotateToElement,\r\n          },\r\n        ],\r\n      },\r\n    ];\r\n\r\n    return keyboardShortcutList;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"AccuDrawKeyboardShortcuts.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawKeyboardShortcuts.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,iEAA8D;AAC9D,2DAAwD;AAExD;;GAEG;AACH,MAAa,yBAAyB;IACpC;OACG;IACI,MAAM,CAAC,mBAAmB;QAC/B,MAAM,oBAAoB,GAA4B;YACpD;gBACE,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,8BAA8B;gBACxC,SAAS,EAAE;oBACT;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;qBACrC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;qBACrC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,iBAAiB;qBAC7C;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,KAAK;wBAChC,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,KAAK;wBAChC,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,KAAK;wBAChC,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;wBACpC,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,YAAY;wBACvC,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,eAAe;qBAC3C;iBACF;aACF;YACD;gBACE,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,oCAAoC;gBAC9C,SAAS,EAAE;oBACT;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,SAAS;wBACpC,UAAU,EAAE,qCAAiB,CAAC,wBAAwB;qBACvD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,UAAU;wBACrC,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,WAAW;wBACtC,UAAU,EAAE,qCAAiB,CAAC,0BAA0B;qBACzD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,UAAU;wBACrC,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,WAAW;qBACvC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,UAAU;qBACtC;oBACD;wBACE,GAAG,EAAE,GAAG;wBACR,IAAI,EAAE,2CAAoB,CAAC,eAAe;qBAC3C;iBACF;aACF;SACF,CAAC;QAEF,OAAO,oBAAoB,CAAC;IAC9B,CAAC;CACF;AA9FD,8DA8FC","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 { KeyboardShortcutProps } from \"../framework/FrameworkKeyboardShortcuts\";\nimport { AccuDrawCommandItems } from \"./AccuDrawCommandItems\";\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\n\n/** Default AccuDraw Keyboard Shortcuts\n * @beta\n */\nexport class AccuDrawKeyboardShortcuts {\n  /** Get default AccuDraw Keyboard Shortcuts list.\n   */\n  public static getDefaultShortcuts(): KeyboardShortcutProps[] {\n    const keyboardShortcutList: KeyboardShortcutProps[] = [\n      {\n        key: \"a\",\n        labelKey: \"UiFramework:accuDraw.subMenu\",\n        shortcuts: [\n          {\n            key: \"s\",\n            item: AccuDrawCommandItems.lockSmart,\n          },\n          {\n            key: \"r\",\n            item: AccuDrawCommandItems.setOrigin,\n          },\n          {\n            key: \"t\",\n            item: AccuDrawCommandItems.changeCompassMode,\n          },\n          {\n            key: \"x\",\n            item: AccuDrawCommandItems.lockX,\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          },\n          {\n            key: \"y\",\n            item: AccuDrawCommandItems.lockY,\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          },\n          {\n            key: \"z\",\n            item: AccuDrawCommandItems.lockZ,\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          },\n          {\n            key: \"a\",\n            item: AccuDrawCommandItems.lockAngle,\n            isHidden: FrameworkAccuDraw.isRectangularModeConditional,\n          },\n          {\n            key: \"d\",\n            item: AccuDrawCommandItems.lockDistance,\n            isHidden: FrameworkAccuDraw.isRectangularModeConditional,\n          },\n          {\n            key: \"b\",\n            item: AccuDrawCommandItems.bumpToolSetting,\n          },\n        ],\n      },\n      {\n        key: \"r\",\n        labelKey: \"UiFramework:accuDraw.rotateSubMenu\",\n        shortcuts: [\n          {\n            key: \"t\",\n            item: AccuDrawCommandItems.rotateTop,\n            isDisabled: FrameworkAccuDraw.isTopRotationConditional,\n          },\n          {\n            key: \"s\",\n            item: AccuDrawCommandItems.rotateSide,\n            isDisabled: FrameworkAccuDraw.isSideRotationConditional,\n          },\n          {\n            key: \"f\",\n            item: AccuDrawCommandItems.rotateFront,\n            isDisabled: FrameworkAccuDraw.isFrontRotationConditional,\n          },\n          {\n            key: \"v\",\n            item: AccuDrawCommandItems.rotateView,\n            isDisabled: FrameworkAccuDraw.isViewRotationConditional,\n          },\n          {\n            key: \"c\",\n            item: AccuDrawCommandItems.rotateCycle,\n          },\n          {\n            key: \"a\",\n            item: AccuDrawCommandItems.rotateAxes,\n          },\n          {\n            key: \"e\",\n            item: AccuDrawCommandItems.rotateToElement,\n          },\n        ],\n      },\n    ];\n\n    return keyboardShortcutList;\n  }\n}\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawPopupManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawPopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawPopupManager.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 * as React from \"react\";\r\nimport { XAndY } from \"@itwin/core-geometry\";\r\nimport { AngleDescription, LengthDescription } from \"@itwin/core-frontend\";\r\nimport { AbstractMenuItemProps, IconSpecUtilities, OnCancelFunc, OnNumberCommitFunc, OnValueCommitFunc } from \"@itwin/appui-abstract\";\r\n\r\nimport { PopupInfo, PopupManager } from \"../popup/PopupManager\";\r\nimport { MenuItemHelpers } from \"../shared/MenuItem\";\r\nimport { CalculatorPopup } from \"./CalculatorPopup\";\r\nimport { MenuButtonPopup } from \"./MenuButtonPopup\";\r\n\r\nimport angleIcon from \"./angle.svg\";\r\nimport lengthIcon from \"./distance.svg\";\r\nimport heightIcon from \"./height-2.svg\";\r\n\r\n/** AccuDraw Popup Manager class\r\n * @alpha\r\n */\r\nexport class AccuDrawPopupManager {\r\n  private static _calculatorId = \"Calculator\";\r\n\r\n  public static showMenuButton(id: string, el: HTMLElement, pt: XAndY, menuItemsProps: AbstractMenuItemProps[]): boolean {\r\n    const menuItems = MenuItemHelpers.createMenuItems(menuItemsProps);\r\n    const menuContent = MenuItemHelpers.createMenuItemNodes(menuItems);\r\n\r\n    const component = (\r\n      <MenuButtonPopup id={id} el={el} pt={pt} offset={PopupManager.defaultOffset}\r\n        content={menuContent} />\r\n    );\r\n\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static hideMenuButton(id: string): boolean {\r\n    return PopupManager.removePopup(id);\r\n  }\r\n\r\n  public static showCalculator(el: HTMLElement, pt: XAndY, initialValue: number, resultIcon: string, onOk: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\r\n    const id = AccuDrawPopupManager._calculatorId;\r\n    const component = (\r\n      <CalculatorPopup id={id} el={el} pt={pt} offset={PopupManager.defaultOffset}\r\n        initialValue={initialValue} resultIcon={resultIcon} onOk={onOk} onCancel={onCancel} />\r\n    );\r\n\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static hideCalculator(): boolean {\r\n    return PopupManager.removePopup(AccuDrawPopupManager._calculatorId);\r\n  }\r\n\r\n  public static showAngleEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\r\n    const propertyDescription = new AngleDescription(undefined, undefined, IconSpecUtilities.createWebComponentIconSpec(angleIcon));\r\n    return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit as OnValueCommitFunc, onCancel);\r\n  }\r\n\r\n  public static showLengthEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\r\n    const propertyDescription = new LengthDescription(undefined, undefined, IconSpecUtilities.createWebComponentIconSpec(lengthIcon));\r\n    return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit as OnValueCommitFunc, onCancel);\r\n  }\r\n\r\n  public static showHeightEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\r\n    const propertyDescription = new LengthDescription(undefined, undefined, IconSpecUtilities.createWebComponentIconSpec(heightIcon));\r\n    return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit as OnValueCommitFunc, onCancel);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"AccuDrawPopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawPopupManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,wDAA2E;AAC3E,0DAAsI;AAEtI,wDAAgE;AAChE,iDAAqD;AACrD,uDAAoD;AACpD,uDAAoD;AAEpD,2CAAoC;AACpC,iDAAwC;AACxC,iDAAwC;AAExC;;GAEG;AACH,MAAa,oBAAoB;IAGxB,MAAM,CAAC,cAAc,CAAC,EAAU,EAAE,EAAe,EAAE,EAAS,EAAE,cAAuC;QAC1G,MAAM,SAAS,GAAG,0BAAe,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAClE,MAAM,WAAW,GAAG,0BAAe,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAEnE,MAAM,SAAS,GAAG,CAChB,oBAAC,iCAAe,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,2BAAY,CAAC,aAAa,EACzE,OAAO,EAAE,WAAW,GAAI,CAC3B,CAAC;QAEF,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,2BAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,EAAU;QACrC,OAAO,2BAAY,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACtC,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,EAAe,EAAE,EAAS,EAAE,YAAoB,EAAE,UAAkB,EAAE,IAAwB,EAAE,QAAsB;QACjJ,MAAM,EAAE,GAAG,oBAAoB,CAAC,aAAa,CAAC;QAC9C,MAAM,SAAS,GAAG,CAChB,oBAAC,iCAAe,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,2BAAY,CAAC,aAAa,EACzE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACzF,CAAC;QAEF,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,2BAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,cAAc;QAC1B,OAAO,2BAAY,CAAC,WAAW,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtE,CAAC;IAEM,MAAM,CAAC,eAAe,CAAC,EAAe,EAAE,EAAS,EAAE,KAAa,EAAE,QAA4B,EAAE,QAAsB;QAC3H,MAAM,mBAAmB,GAAG,IAAI,gCAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,mBAAS,CAAC,CAAC,CAAC;QAChI,OAAO,2BAAY,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAA6B,EAAE,QAAQ,CAAC,CAAC;IACnH,CAAC;IAEM,MAAM,CAAC,gBAAgB,CAAC,EAAe,EAAE,EAAS,EAAE,KAAa,EAAE,QAA4B,EAAE,QAAsB;QAC5H,MAAM,mBAAmB,GAAG,IAAI,iCAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,sBAAU,CAAC,CAAC,CAAC;QAClI,OAAO,2BAAY,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAA6B,EAAE,QAAQ,CAAC,CAAC;IACnH,CAAC;IAEM,MAAM,CAAC,gBAAgB,CAAC,EAAe,EAAE,EAAS,EAAE,KAAa,EAAE,QAA4B,EAAE,QAAsB;QAC5H,MAAM,mBAAmB,GAAG,IAAI,iCAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,sBAAU,CAAC,CAAC,CAAC;QAClI,OAAO,2BAAY,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAA6B,EAAE,QAAQ,CAAC,CAAC;IACnH,CAAC;;AAvDc,kCAAa,GAAG,YAAY,CAAC;AADjC,oDAAoB","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 * as React from \"react\";\nimport { XAndY } from \"@itwin/core-geometry\";\nimport { AngleDescription, LengthDescription } from \"@itwin/core-frontend\";\nimport { AbstractMenuItemProps, IconSpecUtilities, OnCancelFunc, OnNumberCommitFunc, OnValueCommitFunc } from \"@itwin/appui-abstract\";\n\nimport { PopupInfo, PopupManager } from \"../popup/PopupManager\";\nimport { MenuItemHelpers } from \"../shared/MenuItem\";\nimport { CalculatorPopup } from \"./CalculatorPopup\";\nimport { MenuButtonPopup } from \"./MenuButtonPopup\";\n\nimport angleIcon from \"./angle.svg\";\nimport lengthIcon from \"./distance.svg\";\nimport heightIcon from \"./height-2.svg\";\n\n/** AccuDraw Popup Manager class\n * @alpha\n */\nexport class AccuDrawPopupManager {\n  private static _calculatorId = \"Calculator\";\n\n  public static showMenuButton(id: string, el: HTMLElement, pt: XAndY, menuItemsProps: AbstractMenuItemProps[]): boolean {\n    const menuItems = MenuItemHelpers.createMenuItems(menuItemsProps);\n    const menuContent = MenuItemHelpers.createMenuItemNodes(menuItems);\n\n    const component = (\n      <MenuButtonPopup id={id} el={el} pt={pt} offset={PopupManager.defaultOffset}\n        content={menuContent} />\n    );\n\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideMenuButton(id: string): boolean {\n    return PopupManager.removePopup(id);\n  }\n\n  public static showCalculator(el: HTMLElement, pt: XAndY, initialValue: number, resultIcon: string, onOk: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\n    const id = AccuDrawPopupManager._calculatorId;\n    const component = (\n      <CalculatorPopup id={id} el={el} pt={pt} offset={PopupManager.defaultOffset}\n        initialValue={initialValue} resultIcon={resultIcon} onOk={onOk} onCancel={onCancel} />\n    );\n\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideCalculator(): boolean {\n    return PopupManager.removePopup(AccuDrawPopupManager._calculatorId);\n  }\n\n  public static showAngleEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\n    const propertyDescription = new AngleDescription(undefined, undefined, IconSpecUtilities.createWebComponentIconSpec(angleIcon));\n    return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit as OnValueCommitFunc, onCancel);\n  }\n\n  public static showLengthEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\n    const propertyDescription = new LengthDescription(undefined, undefined, IconSpecUtilities.createWebComponentIconSpec(lengthIcon));\n    return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit as OnValueCommitFunc, onCancel);\n  }\n\n  public static showHeightEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: OnNumberCommitFunc, onCancel: OnCancelFunc): boolean {\n    const propertyDescription = new LengthDescription(undefined, undefined, IconSpecUtilities.createWebComponentIconSpec(heightIcon));\n    return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit as OnValueCommitFunc, onCancel);\n  }\n}\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawUiSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawUiSettings.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport { ColorDef } from \"@itwin/core-common\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\n\r\n/** AccuDraw User Interface Settings\r\n * @beta\r\n */\r\nexport interface AccuDrawUiSettings {\r\n  /** X field style */\r\n  xStyle?: React.CSSProperties;\r\n  /** Y field style */\r\n  yStyle?: React.CSSProperties;\r\n  /** Z field style */\r\n  zStyle?: React.CSSProperties;\r\n  /** Angle field style */\r\n  angleStyle?: React.CSSProperties;\r\n  /** Distance field style */\r\n  distanceStyle?: React.CSSProperties;\r\n\r\n  /** X field background color */\r\n  xBackgroundColor?: ColorDef | string;\r\n  /** Y field background color */\r\n  yBackgroundColor?: ColorDef | string;\r\n  /** Z field background color */\r\n  zBackgroundColor?: ColorDef | string;\r\n  /** Angle field background color */\r\n  angleBackgroundColor?: ColorDef | string;\r\n  /** Distance field background color */\r\n  distanceBackgroundColor?: ColorDef | string;\r\n\r\n  /** X field foreground color */\r\n  xForegroundColor?: ColorDef | string;\r\n  /** Y field foreground color */\r\n  yForegroundColor?: ColorDef | string;\r\n  /** Z field foreground color */\r\n  zForegroundColor?: ColorDef | string;\r\n  /** Angle field foreground color */\r\n  angleForegroundColor?: ColorDef | string;\r\n  /** Distance field foreground color */\r\n  distanceForegroundColor?: ColorDef | string;\r\n\r\n  /** X field label */\r\n  xLabel?: string;\r\n  /** Y field label */\r\n  yLabel?: string;\r\n  /** Z field label */\r\n  zLabel?: string;\r\n  /** Angle field label */\r\n  angleLabel?: string;\r\n  /** Distance field label */\r\n  distanceLabel?: string;\r\n\r\n  /** X field icon */\r\n  xIcon?: IconSpec;\r\n  /** Y field icon */\r\n  yIcon?: IconSpec;\r\n  /** Z field icon */\r\n  zIcon?: IconSpec;\r\n  /** Angle field icon */\r\n  angleIcon?: IconSpec;\r\n  /** Distance field icon */\r\n  distanceIcon?: IconSpec;\r\n}\r\n"]}
+{"version":3,"file":"AccuDrawUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawUiSettings.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport { ColorDef } from \"@itwin/core-common\";\nimport { IconSpec } from \"@itwin/core-react\";\n\n/** AccuDraw User Interface Settings\n * @beta\n */\nexport interface AccuDrawUiSettings {\n  /** X field style */\n  xStyle?: React.CSSProperties;\n  /** Y field style */\n  yStyle?: React.CSSProperties;\n  /** Z field style */\n  zStyle?: React.CSSProperties;\n  /** Angle field style */\n  angleStyle?: React.CSSProperties;\n  /** Distance field style */\n  distanceStyle?: React.CSSProperties;\n\n  /** X field background color */\n  xBackgroundColor?: ColorDef | string;\n  /** Y field background color */\n  yBackgroundColor?: ColorDef | string;\n  /** Z field background color */\n  zBackgroundColor?: ColorDef | string;\n  /** Angle field background color */\n  angleBackgroundColor?: ColorDef | string;\n  /** Distance field background color */\n  distanceBackgroundColor?: ColorDef | string;\n\n  /** X field foreground color */\n  xForegroundColor?: ColorDef | string;\n  /** Y field foreground color */\n  yForegroundColor?: ColorDef | string;\n  /** Z field foreground color */\n  zForegroundColor?: ColorDef | string;\n  /** Angle field foreground color */\n  angleForegroundColor?: ColorDef | string;\n  /** Distance field foreground color */\n  distanceForegroundColor?: ColorDef | string;\n\n  /** X field label */\n  xLabel?: string;\n  /** Y field label */\n  yLabel?: string;\n  /** Z field label */\n  zLabel?: string;\n  /** Angle field label */\n  angleLabel?: string;\n  /** Distance field label */\n  distanceLabel?: string;\n\n  /** X field icon */\n  xIcon?: IconSpec;\n  /** Y field icon */\n  yIcon?: IconSpec;\n  /** Z field icon */\n  zIcon?: IconSpec;\n  /** Angle field icon */\n  angleIcon?: IconSpec;\n  /** Distance field icon */\n  distanceIcon?: IconSpec;\n}\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAmE;AAEnE,qEAAkE;AAElE,4DAAyD;AACzD,gDAA6C;AAE7C;;GAEG;AACH,MAAa,qBAAsB,SAAQ,6BAAa;IAI/C,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;IAED,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,SAAS,GAAG,oBAAC,cAAc,OAAG,CAAC;IACtC,CAAC;;AAVa,wBAAE,GAAG,gBAAgB,CAAC;AAFzB,sDAAqB;AAelC;;GAEG;AACH,SAAgB,cAAc;IAC5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,wBAAW,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,CAAC;IAEvB,6EAA6E;IAC7E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAU,EAAE,EAAE;QAC/D,cAAc,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,wBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAW,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,IAAA,8BAAiB,EAAiB,YAAY,CAAC,CAAC;IAE5D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QACX,oBAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,CAChD,CACP,CAAC;AACJ,CAAC;AAhBD,wCAgBC","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 * as React from \"react\";\r\nimport { Orientation, useResizeObserver } from \"@itwin/core-react\";\r\n\r\nimport { AccuDrawFieldContainer } from \"./AccuDrawFieldContainer\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { WidgetControl } from \"../widgets/WidgetControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** AccuDraw Widget Control\r\n * @beta\r\n */\r\nexport class AccuDrawWidgetControl extends WidgetControl {\r\n\r\n  public static id = \"AccuDrawWidget\";\r\n\r\n  public static get label(): string {\r\n    return UiFramework.translate(\"accuDraw.dialogTitle\");\r\n  }\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n\r\n    this.reactNode = <AccuDrawWidget />;\r\n  }\r\n}\r\n\r\n/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui\r\n * @beta\r\n */\r\nexport function AccuDrawWidget() {\r\n  const [orientation, setOrientation] = React.useState(Orientation.Vertical);\r\n  const breakpoint = 400;\r\n\r\n  // istanbul ignore next - currently unable to replicate resizing in unit test\r\n  const handleResize = React.useCallback((w: number, _h: number) => {\r\n    setOrientation(w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal);\r\n  }, []);\r\n\r\n  const ref = useResizeObserver<HTMLDivElement>(handleResize);\r\n\r\n  return (\r\n    <div ref={ref}>\r\n      <AccuDrawFieldContainer orientation={orientation} />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"AccuDrawWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAmE;AAEnE,qEAAkE;AAElE,4DAAyD;AACzD,gDAA6C;AAE7C;;GAEG;AACH,MAAa,qBAAsB,SAAQ,6BAAa;IAI/C,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;IAED,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,SAAS,GAAG,oBAAC,cAAc,OAAG,CAAC;IACtC,CAAC;;AAVa,wBAAE,GAAG,gBAAgB,CAAC;AAFzB,sDAAqB;AAelC;;GAEG;AACH,SAAgB,cAAc;IAC5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,wBAAW,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,CAAC;IAEvB,6EAA6E;IAC7E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAU,EAAE,EAAE;QAC/D,cAAc,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,wBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAW,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,IAAA,8BAAiB,EAAiB,YAAY,CAAC,CAAC;IAE5D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QACX,oBAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,CAChD,CACP,CAAC;AACJ,CAAC;AAhBD,wCAgBC","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 * as React from \"react\";\nimport { Orientation, useResizeObserver } from \"@itwin/core-react\";\n\nimport { AccuDrawFieldContainer } from \"./AccuDrawFieldContainer\";\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { WidgetControl } from \"../widgets/WidgetControl\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** AccuDraw Widget Control\n * @beta\n */\nexport class AccuDrawWidgetControl extends WidgetControl {\n\n  public static id = \"AccuDrawWidget\";\n\n  public static get label(): string {\n    return UiFramework.translate(\"accuDraw.dialogTitle\");\n  }\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n\n    this.reactNode = <AccuDrawWidget />;\n  }\n}\n\n/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui\n * @beta\n */\nexport function AccuDrawWidget() {\n  const [orientation, setOrientation] = React.useState(Orientation.Vertical);\n  const breakpoint = 400;\n\n  // istanbul ignore next - currently unable to replicate resizing in unit test\n  const handleResize = React.useCallback((w: number, _h: number) => {\n    setOrientation(w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal);\n  }, []);\n\n  const ref = useResizeObserver<HTMLDivElement>(handleResize);\n\n  return (\n    <div ref={ref}>\n      <AccuDrawFieldContainer orientation={orientation} />\n    </div>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Calculator.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/Calculator.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6BAA2B;AAC3B,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAwG;AACxG,kDAAuE;AACvE,wDAAqD;AACrD,yDAA0E;AAC1E,iDAAiE;AACjE,oEAAqE;AAErE,mDAA4C;AA0B5C,aAAa;AACb,MAAa,UAAW,SAAQ,KAAK,CAAC,aAA+C;IASnF,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QATP,aAAQ,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC7C,mBAAc,GAAG,KAAK,CAAC;QAmBvB,wBAAmB,GAAG,CAAC,OAAe,EAAE,EAAE;YAChD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7D,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;QAEM,2BAAsB,GAAG,CAAC,QAA4B,EAAE,EAAE;YAChE,IAAI,QAAQ,KAAK,qCAAkB,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc;gBAC9D,QAAQ,GAAG,qCAAkB,CAAC,QAAQ,CAAC;YAEzC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YACjE,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;YAEhC,IAAI,QAAQ,KAAK,qCAAkB,CAAC,MAAM;gBACxC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;iBACxB,IAAI,QAAQ,KAAK,qCAAkB,CAAC,QAAQ;gBAC/C,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAChC,CAAC,CAAC;QAEM,cAAS,GAAG,CAAC,MAAwB,EAAQ,EAAE;YACrD,IAAI,CAAC,GAAG,EAAE,CAAC;QACb,CAAC,CAAC;QAUM,kBAAa,GAAG,CAAC,MAAwB,EAAQ,EAAE;YACzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC;QAgEM,mBAAc,GAAG,CAAC,KAA0C,EAAQ,EAAE;YAC5E,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG;oBACN,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBACpC,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG;oBACN,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,QAAQ,CAAC,CAAC;oBACzD,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,2BAAU,CAAC,KAAK;oBACnB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,KAAK,CAAC,CAAC;oBACtD,MAAM;gBACR,KAAK,2BAAU,CAAC,MAAM;oBACpB,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,MAAM;gBACR,KAAK,2BAAU,CAAC,SAAS;oBACvB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,SAAS,CAAC,CAAC;oBAC1D,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,2BAAU,CAAC,MAAM;oBACpB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,MAAM,CAAC,CAAC;oBACvD,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,2BAAU,CAAC,QAAQ;oBACtB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,QAAQ,CAAC,CAAC;oBACzD,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,2BAAU,CAAC,QAAQ;oBACtB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,QAAQ,CAAC,CAAC;oBACzD,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,2BAAU,CAAC,GAAG;oBACjB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,GAAG,CAAC,CAAC;oBACpD,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,2BAAU,CAAC,OAAO;oBACrB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,OAAO,CAAC,CAAC;oBACxD,MAAM;gBACR,KAAK,GAAG;oBACN,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,MAAM,CAAC,CAAC;oBACvD,MAAM;gBACR,KAAK,2BAAU,CAAC,KAAK;oBACnB,IAAI,CAAC,IAAI,CAAC,cAAc;wBACtB,IAAI,CAAC,sBAAsB,CAAC,qCAAkB,CAAC,MAAM,CAAC,CAAC;oBACzD,IAAI,CAAC,GAAG,EAAE,CAAC;oBACX,MAAM;aACT;QACH,CAAC,CAAC;QArKA,IAAI,YAAY,GAAG,GAAG,CAAC;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;YACzB,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEpF,IAAI,CAAC,KAAK,GAAG;YACX,YAAY;SACb,CAAC;IACJ,CAAC;IA0BO,GAAG;QACT,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACnB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SAC3C;QACD,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAMO,OAAO;QACb,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACvB;QACD,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAC7B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAE9I,MAAM,UAAU,GAAG,IAAA,oBAAU,EAC3B,iBAAiB,EACjB,SAAS,CACV,CAAC;QAEF,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACxC,oBAAC,sBAAS,IAAC,kBAAkB,EAAC,2BAA2B,EACvD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAI,CAAC,CAAC;YACnF,oBAAC,qBAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;QAEzE,OAAO;QACL,iEAAiE;QACjE,mEAAmE;QACnE,gCAAS,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc;YACrG,6BAAK,SAAS,EAAC,qBAAqB,IACjC,UAAU,CACP;YACN,oBAAC,gBAAgB,IAAC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EAAE,eAAe,EAAE,IAAI,CAAC,sBAAsB,GAAI;YAC1G,6BAAK,SAAS,EAAC,gCAAgC;gBAC7C,oBAAC,sBAAM,IACL,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAA8B,EAAE,2BAA2B,CAAC,EAClF,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,IAAI,CAAC,SAAS;oBAEvB,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,kCAAY,OAAG,GAAI,CAC7B;gBACT,oBAAC,sBAAM,IACL,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAA8B,EAAE,+BAA+B,CAAC,EACtF,OAAO,EAAE,IAAI,CAAC,aAAa;oBAE3B,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,+BAAS,OAAG,GAAI,CAC1B,CACL,CACF,CACP,CAAC;IACJ,CAAC;;AAjHD,gBAAgB;AACO,uBAAY,GAAyB;IAC1D,MAAM,EAAE,IAAI,mCAAgB,EAAE;CAC/B,AAFkC,CAEjC;AAPS,gCAAU;AA4LvB,MAAM,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACvD,MAAM;QACpB,MAAM,QAAQ,GAAG,kCAAiB,CAAC,0BAA0B,CAAC,uBAAa,CAAC,CAAC;QAE7E,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAA6B,CAAC;YACvD,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,SAAqB;YAC/G,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,QAAoB;YAC3G,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;gBACzF,6BAAK,SAAS,EAAC,4BAA4B;oBACzC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACxB,CACS;YACjB,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACtF,SAAS,EAAC,4BAA4B,aAA0B;YAElE,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACxF,SAAS,EAAC,4BAA4B,aAAyB;YAEjE,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACxF,SAAS,EAAC,4BAA4B,aAAyB;YAEjE,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACnF,SAAS,EAAC,4BAA4B,QAAuB;YAE/D,oBAAC,WAAW,IAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;YAC7D,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACtF,SAAS,EAAC,4BAA4B,aAA0B;YAClE,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACvF,SAAS,EAAC,4BAA4B,QAAmB;YAC3D,oBAAC,cAAc,IAAC,QAAQ,EAAE,qCAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACtF,SAAS,EAAC,4BAA4B,QAAuB;YAC/D,iCAAQ,CACJ,CACP,CAAC;IACJ,CAAC;CACF;AASD,MAAM,WAAY,SAAQ,KAAK,CAAC,aAA+B;IAA/D;;QAEU,mBAAc,GAAG,CAAC,MAAuD,EAAE,EAAE;YACnF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC,CAAC;IAgBJ,CAAC;IAdiB,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAEtH,MAAM,cAAc,GAAG,IAAA,oBAAU,EAC/B,sBAAsB,EACtB,SAAS,CACV,CAAC;QAEF,OAAO,CACL,oBAAC,2BAAY,OAAK,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,IAC7E,OAAO,CACM,CACjB,CAAC;IACJ,CAAC;CACF;AASD,MAAM,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAArE;;QAEU,mBAAc,GAAG,CAAC,MAAuD,EAAE,EAAE;YACnF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC,CAAC;IAgBJ,CAAC;IAdiB,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAEjI,MAAM,cAAc,GAAG,IAAA,oBAAU,EAC/B,sBAAsB,EACtB,SAAS,CACV,CAAC;QAEF,OAAO,CACL,oBAAC,2BAAY,OAAK,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,IAC7E,QAAQ,CACI,CAChB,CAAC;IACJ,CAAC;CACF","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"]}

package/lib/cjs/appui-react/accudraw/Calculator.scss

@@ -1,85 +1,85 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/index";
-
-$button-size: 36px;
-$button-operator-size: $button-size + 10px;
-
-.uifw-position-popup.uifw-calculator-host {
-  background-color: $buic-background-window;
-}
-
-.uifw-calculator {
-  max-width: 173px;
-
-  &:focus {
-    border-color: transparent;
-    outline: 0px;
-  }
-
-  > .uifw-calculator-top {
-    margin-bottom: 8px;
-
-    > .uifw-calculator-top-input {
-      width: 100%;
-    }
-
-    input {
-      text-align: right;
-      color: var(--iui-color-text);
-      background-color: $buic-background-control;
-      cursor: default;
-    }
-  }
-
-  > .uifw-calculator-button-grid {
-    display: grid;
-    grid-template-columns: $button-size $button-size $button-size $button-operator-size;
-    grid-gap: 6px;
-    gap: 6px;
-    justify-items: end;
-
-    .uifw-calculator-item {
-      width: $button-size;
-      height: $button-size;
-    }
-  }
-
-  > .uifw-calculator-bottom-buttons {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 0;
-
-    > .uifw-calculator-large-button {
-      width: 70px;
-      font-size: 20px;
-    }
-
-    > .uifw-calculator-cancel-button {
-      &,
-      &:active,
-      &:focus {
-        border: none;
-        background-color: var(--iui-color-background-negative);
-        color: var(--iui-color-white);
-      }
-
-      &:hover {
-        background-color: var(--iui-color-background-negative-hover);
-        color: var(--iui-color-white);
-      }
-    }
-  }
-
-  .uifw-calculator-button-svg {
-    width: 100%;
-    height: 18px;
-  }
-
-  .uifw-calculator-large-font {
-    font-size: 22px;
-  }
-
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/index";
+
+$button-size: 36px;
+$button-operator-size: $button-size + 10px;
+
+.uifw-position-popup.uifw-calculator-host {
+  background-color: $buic-background-window;
+}
+
+.uifw-calculator {
+  max-width: 173px;
+
+  &:focus {
+    border-color: transparent;
+    outline: 0px;
+  }
+
+  > .uifw-calculator-top {
+    margin-bottom: 8px;
+
+    > .uifw-calculator-top-input {
+      width: 100%;
+    }
+
+    input {
+      text-align: right;
+      color: var(--iui-color-text);
+      background-color: $buic-background-control;
+      cursor: default;
+    }
+  }
+
+  > .uifw-calculator-button-grid {
+    display: grid;
+    grid-template-columns: $button-size $button-size $button-size $button-operator-size;
+    grid-gap: 6px;
+    gap: 6px;
+    justify-items: end;
+
+    .uifw-calculator-item {
+      width: $button-size;
+      height: $button-size;
+    }
+  }
+
+  > .uifw-calculator-bottom-buttons {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0;
+
+    > .uifw-calculator-large-button {
+      width: 70px;
+      font-size: 20px;
+    }
+
+    > .uifw-calculator-cancel-button {
+      &,
+      &:active,
+      &:focus {
+        border: none;
+        background-color: var(--iui-color-background-negative);
+        color: var(--iui-color-white);
+      }
+
+      &:hover {
+        background-color: var(--iui-color-background-negative-hover);
+        color: var(--iui-color-white);
+      }
+    }
+  }
+
+  .uifw-calculator-button-svg {
+    width: 100%;
+    height: 18px;
+  }
+
+  .uifw-calculator-large-font {
+    font-size: 22px;
+  }
+
 }