@itwin/appui-react 4.15.4 → 4.16.0

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;;;gGAGgG;AAChG;;GAEG;;;AAEH,qCAAmC;AACnC,2CAAoC;AACpC,+BAA+B;AAC/B,6CAAkC;AAGlC,kDAAkD;AAClD,wDAA6C;AAC7C,2DAAwD;AACxD,gDAA6C;AAC7C,oEAAqD;AAErD,SAAS,QAAQ,CAAC,IAAY;IAC5B,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;AACxE,CAAC;AAmCD,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAG9C,SAAS,4BAA4B,CAAC,KAA8B,EAAE,GAAG;IACzE,MAAM,EACJ,SAAS,EACT,KAAK,EACL,EAAE,EACF,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,aAAa,EACb,KAAK,EACL,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,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,CAAC,uGAAuG;IAEnJ,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,CACpC,CAAC,KAA0C,EAAQ,EAAE;QACnD,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;QAExC,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAEhC,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;YAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACvC,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,mCAAmC;QACnC,IAAI,gBAAgB,EAAE,CAAC;YACrB,IAAI,iBAAiB,EAAE,CAAC;gBACtB,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;YACxB,CAAC;iBAAM,CAAC;gBACN,cAAc,CAAC,WAAW,CAAC,CAAC;YAC9B,CAAC;YACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;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,CACrC,CAAC,CAAsB,EAAE,EAAE;QACzB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,YAAY,IAAI,YAAY,EAAE,CAAC;gBAC/B,OAAO;YACT,KAAK,iBAAG,CAAC,KAAK,CAAC,OAAO,EAAE;gBACtB,cAAc,IAAI,cAAc,EAAE,CAAC;gBACnC,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,yBAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,cAAc,CAAC,CAC/B,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qCAAiB,CAAC,gCAAgC,CAAC,WAAW,CACnE,CAAC,IAAI,EAAE,EAAE;YACP,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,WAAW,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC;gBAChE,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACpC,IAAI,YAAY;oBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,eAAe,CAAC,OAAO;gBAAE,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YAC9D,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qCAAiB,CAAC,4BAA4B,CAAC,WAAW,CAC/D,CAAC,IAAI,EAAE,EAAE;YACP,eAAe,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QACxC,CAAC,CACF,CAAC;IACJ,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,EAChC,2BAA2B,EAC3B,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,OACA,UAAU,EACd,GAAG,EAAE,IAAI,EACT,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,OAAO,GACZ;QACF,8BAAM,SAAS,EAAC,oBAAoB,IACjC,QAAQ,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,6BAAO,OAAG,GAAI,CACvC,CACN,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACU,QAAA,kBAAkB,GAER,uBAAuB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport \"./AccuDrawInputField.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { ItemField } from \"@itwin/core-frontend\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon, useRefs } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { 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 */\n// eslint-disable-next-line deprecation/deprecation\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<\n  HTMLInputElement,\n  AccuDrawInputFieldProps\n>(function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\n  const {\n    className,\n    style,\n    id,\n    label,\n    iconSpec,\n    labelClassName,\n    labelStyle,\n    labelCentered,\n    field,\n    isLocked,\n    onValueChanged,\n    valueChangedDelay,\n    onEnterPressed,\n    onEscPressed,\n    ...inputProps\n  } = 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(\n    (event: React.ChangeEvent<HTMLInputElement>): void => {\n      const value = event.currentTarget.value;\n\n      if (value === undefined) return;\n\n      if (stringValue !== value) {\n        setStringValue(value);\n        setNeedValueChanged(true);\n      }\n    },\n    [stringValue]\n  );\n\n  const unsetTimeout = (): void => {\n    if (timeoutId) {\n      window.clearTimeout(timeoutId.current);\n      timeoutId.current = 0;\n    }\n  };\n\n  React.useEffect(() => {\n    // After setStringValue & re-render\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(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case Key.Escape.valueOf():\n          onEscPressed && onEscPressed();\n          return;\n        case Key.Enter.valueOf():\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    },\n    [onEscPressed, onEnterPressed]\n  );\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(\n      (args) => {\n        if (args.field === field && stringValue !== args.formattedValue) {\n          setStringValue(args.formattedValue);\n          if (isFocusField) setNeedSelection(true);\n        }\n      }\n    );\n  }, [field, isFocusField, stringValue]);\n\n  React.useEffect(() => {\n    if (needSelection) {\n      if (inputElementRef.current) inputElementRef.current.select();\n      setNeedSelection(false);\n    }\n  }, [needSelection]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(\n      (args) => {\n        setIsFocusField(args.field === field);\n      }\n    );\n  }, [field]);\n\n  const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\n  const labelClassNames = classnames(\n    \"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\n        {...inputProps}\n        ref={refs}\n        id={id}\n        value={stringValue}\n        className={inputClassNames}\n        style={style}\n        autoComplete=\"off\"\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        size=\"small\"\n      />\n      <span className=\"uifw-accudraw-lock\">\n        {isLocked && <Icon iconSpec={<SvgLock />} />}\n      </span>\n    </>\n  );\n});\n\n/** Input field for AccuDraw UI.\n * @beta\n */\nexport const AccuDrawInputField: (\n  props: AccuDrawInputFieldProps\n) => React.ReactNode = ForwardRefAccuDrawInput;\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 { Key } from \"ts-key-enum\";\nimport type { ItemField } from \"@itwin/core-frontend\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon, useRefs } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { 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 * @public\n */\n// eslint-disable-next-line deprecation/deprecation\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   * @deprecated in 4.16.0. Use `icon` instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  iconSpec?: IconSpec;\n  /** Icon for the input element. */\n  icon?: React.ReactNode;\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<\n  HTMLInputElement,\n  AccuDrawInputFieldProps\n>(function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\n  const {\n    className,\n    style,\n    id,\n    label,\n    // eslint-disable-next-line deprecation/deprecation\n    iconSpec,\n    icon,\n    labelClassName,\n    labelStyle,\n    labelCentered,\n    field,\n    isLocked,\n    onValueChanged,\n    valueChangedDelay,\n    onEnterPressed,\n    onEscPressed,\n    ...inputProps\n  } = 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(\n    (event: React.ChangeEvent<HTMLInputElement>): void => {\n      const value = event.currentTarget.value;\n\n      if (value === undefined) return;\n\n      if (stringValue !== value) {\n        setStringValue(value);\n        setNeedValueChanged(true);\n      }\n    },\n    [stringValue]\n  );\n\n  const unsetTimeout = (): void => {\n    if (timeoutId) {\n      window.clearTimeout(timeoutId.current);\n      timeoutId.current = 0;\n    }\n  };\n\n  React.useEffect(() => {\n    // After setStringValue & re-render\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(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case Key.Escape.valueOf():\n          onEscPressed && onEscPressed();\n          return;\n        case Key.Enter.valueOf():\n          onEnterPressed && onEnterPressed();\n          return;\n      }\n\n      if (isLetter(e.key)) {\n        e.preventDefault();\n        UiFramework.keyboardShortcuts.processKey(\n          e.key,\n          e.altKey,\n          e.ctrlKey,\n          e.shiftKey\n        );\n        return;\n      }\n    },\n    [onEscPressed, onEnterPressed]\n  );\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(\n      (args) => {\n        if (args.field === field && stringValue !== args.formattedValue) {\n          setStringValue(args.formattedValue);\n          if (isFocusField) setNeedSelection(true);\n        }\n      }\n    );\n  }, [field, isFocusField, stringValue]);\n\n  React.useEffect(() => {\n    if (needSelection) {\n      if (inputElementRef.current) inputElementRef.current.select();\n      setNeedSelection(false);\n    }\n  }, [needSelection]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(\n      (args) => {\n        setIsFocusField(args.field === field);\n      }\n    );\n  }, [field]);\n\n  const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\n  const labelClassNames = classnames(\n    \"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        {/* eslint-disable-next-line deprecation/deprecation */}\n        {icon ? icon : iconSpec && <Icon iconSpec={iconSpec} />}\n      </label>\n      <Input\n        {...inputProps}\n        ref={refs}\n        id={id}\n        value={stringValue}\n        className={inputClassNames}\n        style={style}\n        autoComplete=\"off\"\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        size=\"small\"\n      />\n      <span className=\"uifw-accudraw-lock\">{isLocked && <SvgLock />}</span>\n    </>\n  );\n});\n\n/** Input field for AccuDraw UI.\n * @public\n */\nexport const AccuDrawInputField: (\n  props: AccuDrawInputFieldProps\n) => React.ReactNode = ForwardRefAccuDrawInput;\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawKeyboardShortcuts.d.ts

@@ -11,7 +11,7 @@ import type { KeyboardShortcutProps } from "../keyboardshortcut/KeyboardShortcut
  *   AccuDrawKeyboardShortcuts.getDefaultShortcuts()
  * );
  * ```
- * @beta
+ * @public
  */
 export declare class AccuDrawKeyboardShortcuts {
     /** Get default AccuDraw Keyboard Shortcuts list.

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

@@ -21,7 +21,7 @@ const KeyboardShortcutUtilities_1 = require("../keyboardshortcut/KeyboardShortcu
  *   AccuDrawKeyboardShortcuts.getDefaultShortcuts()
  * );
  * ```
- * @beta
+ * @public
  */
 class AccuDrawKeyboardShortcuts {
     /** Get default AccuDraw Keyboard Shortcuts list.

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;;;gGAGgG;AAChG;;GAEG;;;AAEH,wDAgB8B;AAC9B,2DAAwD;AACxD,kEAA6D;AAE7D,6FAA0F;AAE1F;;;;;;;;;;GAUG;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,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,wCAAwB,CACzB;oBACD,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,qCAAqB,CAAC;oBACnE,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,CAAC;oBACpE,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,oCAAoB,EAAE;wBACjE,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,oCAAoB,EAAE;wBACjE,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,oCAAoB,EAAE;wBACjE,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,wCAAwB,EACxB;wBACE,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD,CACF;oBACD,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,2CAA2B,EAC3B;wBACE,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD,CACF;oBACD,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,mCAAe,CAAC;iBAC9D;aACF;YACD;gBACE,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,oCAAoC;gBAC9C,SAAS,EAAE;oBACT,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,qCAAqB,EAAE;wBAClE,UAAU,EAAE,qCAAiB,CAAC,wBAAwB;qBACvD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,EAAE;wBACnE,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,uCAAuB,EACvB;wBACE,UAAU,EAAE,qCAAiB,CAAC,0BAA0B;qBACzD,CACF;oBACD,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,EAAE;wBACnE,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,uCAAuB,CAAC;oBACrE,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,CAAC;oBACpE,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,yCAAyB,CAC1B;iBACF;aACF;SACF,CAAC;QAEF,OAAO,oBAAoB,CAAC;IAC9B,CAAC;CACF;AAzED,8DAyEC","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 {\n  AccuDrawChangeModeTool,\n  AccuDrawRotateAxesTool,\n  AccuDrawRotateCycleTool,\n  AccuDrawRotateElementTool,\n  AccuDrawRotateFrontTool,\n  AccuDrawRotateSideTool,\n  AccuDrawRotateTopTool,\n  AccuDrawRotateViewTool,\n  AccuDrawSetLockAngleTool,\n  AccuDrawSetLockDistanceTool,\n  AccuDrawSetLockSmartTool,\n  AccuDrawSetLockXTool,\n  AccuDrawSetLockYTool,\n  AccuDrawSetLockZTool,\n  AccuDrawSetOriginTool,\n} from \"@itwin/core-frontend\";\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\nimport { BumpToolSetting } from \"../tools/ToolSettingsTools\";\nimport type { KeyboardShortcutProps } from \"../keyboardshortcut/KeyboardShortcutProps\";\nimport { KeyboardShortcutUtilities } from \"../keyboardshortcut/KeyboardShortcutUtilities\";\n\n/** Default AccuDraw Keyboard Shortcuts\n *\n * Expected to be used with [[UiFramework.keyboardShortcuts]].\n *\n * ```ts\n * UiFramework.keyboardShortcuts.loadShortcuts(\n *   AccuDrawKeyboardShortcuts.getDefaultShortcuts()\n * );\n * ```\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          KeyboardShortcutUtilities.createForTool(\n            \"s\",\n            AccuDrawSetLockSmartTool\n          ),\n          KeyboardShortcutUtilities.createForTool(\"r\", AccuDrawSetOriginTool),\n          KeyboardShortcutUtilities.createForTool(\"t\", AccuDrawChangeModeTool),\n          KeyboardShortcutUtilities.createForTool(\"x\", AccuDrawSetLockXTool, {\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"y\", AccuDrawSetLockYTool, {\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"z\", AccuDrawSetLockZTool, {\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\n            \"a\",\n            AccuDrawSetLockAngleTool,\n            {\n              isHidden: FrameworkAccuDraw.isRectangularModeConditional,\n            }\n          ),\n          KeyboardShortcutUtilities.createForTool(\n            \"d\",\n            AccuDrawSetLockDistanceTool,\n            {\n              isHidden: FrameworkAccuDraw.isRectangularModeConditional,\n            }\n          ),\n          KeyboardShortcutUtilities.createForTool(\"b\", BumpToolSetting),\n        ],\n      },\n      {\n        key: \"r\",\n        labelKey: \"UiFramework:accuDraw.rotateSubMenu\",\n        shortcuts: [\n          KeyboardShortcutUtilities.createForTool(\"t\", AccuDrawRotateTopTool, {\n            isDisabled: FrameworkAccuDraw.isTopRotationConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"s\", AccuDrawRotateSideTool, {\n            isDisabled: FrameworkAccuDraw.isSideRotationConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\n            \"f\",\n            AccuDrawRotateFrontTool,\n            {\n              isDisabled: FrameworkAccuDraw.isFrontRotationConditional,\n            }\n          ),\n          KeyboardShortcutUtilities.createForTool(\"v\", AccuDrawRotateViewTool, {\n            isDisabled: FrameworkAccuDraw.isViewRotationConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"c\", AccuDrawRotateCycleTool),\n          KeyboardShortcutUtilities.createForTool(\"a\", AccuDrawRotateAxesTool),\n          KeyboardShortcutUtilities.createForTool(\n            \"e\",\n            AccuDrawRotateElementTool\n          ),\n        ],\n      },\n    ];\n\n    return keyboardShortcutList;\n  }\n}\n"]}
+{"version":3,"file":"AccuDrawKeyboardShortcuts.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawKeyboardShortcuts.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wDAgB8B;AAC9B,2DAAwD;AACxD,kEAA6D;AAE7D,6FAA0F;AAE1F;;;;;;;;;;GAUG;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,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,wCAAwB,CACzB;oBACD,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,qCAAqB,CAAC;oBACnE,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,CAAC;oBACpE,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,oCAAoB,EAAE;wBACjE,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,oCAAoB,EAAE;wBACjE,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,oCAAoB,EAAE;wBACjE,QAAQ,EAAE,qCAAiB,CAAC,sBAAsB;qBACnD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,wCAAwB,EACxB;wBACE,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD,CACF;oBACD,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,2CAA2B,EAC3B;wBACE,QAAQ,EAAE,qCAAiB,CAAC,4BAA4B;qBACzD,CACF;oBACD,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,mCAAe,CAAC;iBAC9D;aACF;YACD;gBACE,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,oCAAoC;gBAC9C,SAAS,EAAE;oBACT,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,qCAAqB,EAAE;wBAClE,UAAU,EAAE,qCAAiB,CAAC,wBAAwB;qBACvD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,EAAE;wBACnE,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,uCAAuB,EACvB;wBACE,UAAU,EAAE,qCAAiB,CAAC,0BAA0B;qBACzD,CACF;oBACD,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,EAAE;wBACnE,UAAU,EAAE,qCAAiB,CAAC,yBAAyB;qBACxD,CAAC;oBACF,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,uCAAuB,CAAC;oBACrE,qDAAyB,CAAC,aAAa,CAAC,GAAG,EAAE,sCAAsB,CAAC;oBACpE,qDAAyB,CAAC,aAAa,CACrC,GAAG,EACH,yCAAyB,CAC1B;iBACF;aACF;SACF,CAAC;QAEF,OAAO,oBAAoB,CAAC;IAC9B,CAAC;CACF;AAzED,8DAyEC","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 {\n  AccuDrawChangeModeTool,\n  AccuDrawRotateAxesTool,\n  AccuDrawRotateCycleTool,\n  AccuDrawRotateElementTool,\n  AccuDrawRotateFrontTool,\n  AccuDrawRotateSideTool,\n  AccuDrawRotateTopTool,\n  AccuDrawRotateViewTool,\n  AccuDrawSetLockAngleTool,\n  AccuDrawSetLockDistanceTool,\n  AccuDrawSetLockSmartTool,\n  AccuDrawSetLockXTool,\n  AccuDrawSetLockYTool,\n  AccuDrawSetLockZTool,\n  AccuDrawSetOriginTool,\n} from \"@itwin/core-frontend\";\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\nimport { BumpToolSetting } from \"../tools/ToolSettingsTools\";\nimport type { KeyboardShortcutProps } from \"../keyboardshortcut/KeyboardShortcutProps\";\nimport { KeyboardShortcutUtilities } from \"../keyboardshortcut/KeyboardShortcutUtilities\";\n\n/** Default AccuDraw Keyboard Shortcuts\n *\n * Expected to be used with [[UiFramework.keyboardShortcuts]].\n *\n * ```ts\n * UiFramework.keyboardShortcuts.loadShortcuts(\n *   AccuDrawKeyboardShortcuts.getDefaultShortcuts()\n * );\n * ```\n * @public\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          KeyboardShortcutUtilities.createForTool(\n            \"s\",\n            AccuDrawSetLockSmartTool\n          ),\n          KeyboardShortcutUtilities.createForTool(\"r\", AccuDrawSetOriginTool),\n          KeyboardShortcutUtilities.createForTool(\"t\", AccuDrawChangeModeTool),\n          KeyboardShortcutUtilities.createForTool(\"x\", AccuDrawSetLockXTool, {\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"y\", AccuDrawSetLockYTool, {\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"z\", AccuDrawSetLockZTool, {\n            isHidden: FrameworkAccuDraw.isPolarModeConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\n            \"a\",\n            AccuDrawSetLockAngleTool,\n            {\n              isHidden: FrameworkAccuDraw.isRectangularModeConditional,\n            }\n          ),\n          KeyboardShortcutUtilities.createForTool(\n            \"d\",\n            AccuDrawSetLockDistanceTool,\n            {\n              isHidden: FrameworkAccuDraw.isRectangularModeConditional,\n            }\n          ),\n          KeyboardShortcutUtilities.createForTool(\"b\", BumpToolSetting),\n        ],\n      },\n      {\n        key: \"r\",\n        labelKey: \"UiFramework:accuDraw.rotateSubMenu\",\n        shortcuts: [\n          KeyboardShortcutUtilities.createForTool(\"t\", AccuDrawRotateTopTool, {\n            isDisabled: FrameworkAccuDraw.isTopRotationConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"s\", AccuDrawRotateSideTool, {\n            isDisabled: FrameworkAccuDraw.isSideRotationConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\n            \"f\",\n            AccuDrawRotateFrontTool,\n            {\n              isDisabled: FrameworkAccuDraw.isFrontRotationConditional,\n            }\n          ),\n          KeyboardShortcutUtilities.createForTool(\"v\", AccuDrawRotateViewTool, {\n            isDisabled: FrameworkAccuDraw.isViewRotationConditional,\n          }),\n          KeyboardShortcutUtilities.createForTool(\"c\", AccuDrawRotateCycleTool),\n          KeyboardShortcutUtilities.createForTool(\"a\", AccuDrawRotateAxesTool),\n          KeyboardShortcutUtilities.createForTool(\n            \"e\",\n            AccuDrawRotateElementTool\n          ),\n        ],\n      },\n    ];\n\n    return keyboardShortcutList;\n  }\n}\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawPopupManager.d.ts

@@ -4,7 +4,7 @@
 import type { XAndY } from "@itwin/core-geometry";
 import type { CursorMenuItemProps } from "../shared/MenuItem";
 /** AccuDraw Popup Manager class
- * @alpha
+ * @public
  */
 export declare class AccuDrawPopupManager {
     private static _calculatorId;
@@ -13,6 +13,7 @@ export declare class AccuDrawPopupManager {
     static showCalculator(el: HTMLElement, pt: XAndY, initialValue: number, resultIcon: string, onOk: (value: number) => void, onCancel: () => void): boolean;
     static hideCalculator(): boolean;
     static showAngleEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: (value: number) => void, onCancel: () => void): boolean;
+    /** @internal */
     static showDimensionEditor(dimension: "height" | "length", el: HTMLElement, pt: XAndY, value: number, onCommit: (value: number) => void, onCancel: () => void): boolean;
     static showLengthEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: (value: number) => void, onCancel: () => void): boolean;
     static showHeightEditor(el: HTMLElement, pt: XAndY, value: number, onCommit: (value: number) => void, onCancel: () => void): boolean;

package/lib/cjs/appui-react/accudraw/AccuDrawPopupManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawPopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawPopupManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAS9D;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAC,aAAa,CAAgB;WAE9B,cAAc,CAC1B,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,cAAc,EAAE,mBAAmB,EAAE,GACpC,OAAO;WA4BI,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;WAInC,cAAc,CAC1B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAC7B,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;WA2BI,cAAc,IAAI,OAAO;WAIzB,eAAe,CAC3B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;WAiBI,mBAAmB,CAC/B,SAAS,EAAE,QAAQ,GAAG,QAAQ,EAC9B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI;WAqBR,gBAAgB,CAC5B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;WAgBI,gBAAgB,CAC5B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;CAeX"}
+{"version":3,"file":"AccuDrawPopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawPopupManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAS9D;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAC,aAAa,CAAgB;WAE9B,cAAc,CAC1B,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,cAAc,EAAE,mBAAmB,EAAE,GACpC,OAAO;WA4BI,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;WAInC,cAAc,CAC1B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAC7B,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;WA4BI,cAAc,IAAI,OAAO;WAIzB,eAAe,CAC3B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;IAgBV,gBAAgB;WACF,mBAAmB,CAC/B,SAAS,EAAE,QAAQ,GAAG,QAAQ,EAC9B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI;WAqBR,gBAAgB,CAC5B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;WAgBI,gBAAgB,CAC5B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,QAAQ,EAAE,MAAM,IAAI,GACnB,OAAO;CAeX"}

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

@@ -18,7 +18,7 @@ const angle_svg_1 = require("./angle.svg");
 const distance_svg_1 = require("./distance.svg");
 const height_2_svg_1 = require("./height-2.svg");
 /** AccuDraw Popup Manager class
- * @alpha
+ * @public
  */
 class AccuDrawPopupManager {
     static showMenuButton(id, el, pt, menuItemsProps) {
@@ -42,7 +42,9 @@ class AccuDrawPopupManager {
     }
     static showCalculator(el, pt, initialValue, resultIcon, onOk, onCancel) {
         const id = AccuDrawPopupManager._calculatorId;
-        const component = (React.createElement(CalculatorPopup_1.CalculatorPopup, { id: id, el: el, pt: pt, offset: PopupManager_1.PopupManager.defaultOffset, initialValue: initialValue, resultIcon: resultIcon, onOk: onOk, onCancel: onCancel }));
+        const component = (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(CalculatorPopup_1.CalculatorPopup, { id: id, el: el, pt: pt, offset: PopupManager_1.PopupManager.defaultOffset, initialValue: initialValue, resultIcon: resultIcon, onOk: onOk, onCancel: onCancel }));
         const popupInfo = {
             id,
             pt,
@@ -60,7 +62,7 @@ class AccuDrawPopupManager {
         const propertyDescription = new core_frontend_1.AngleDescription(undefined, undefined, angle_svg_1.default);
         return PopupManager_1.PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit, onCancel);
     }
-    // @internal
+    /** @internal */
     static showDimensionEditor(dimension, el, pt, value, onCommit, onCancel) {
         if (dimension === "height") {
             return AccuDrawPopupManager.showHeightEditor(el, pt, value, onCommit, onCancel);

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":["/*---------------------------------------------------------------------------------------------\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 type { XAndY } from \"@itwin/core-geometry\";\nimport { AngleDescription, LengthDescription } from \"@itwin/core-frontend\";\nimport type { OnValueCommitFunc } from \"@itwin/appui-abstract\";\nimport type { PopupInfo } from \"../popup/PopupManager\";\nimport { PopupManager } from \"../popup/PopupManager\";\nimport type { CursorMenuItemProps } from \"../shared/MenuItem\";\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(\n    id: string,\n    el: HTMLElement,\n    pt: XAndY,\n    menuItemsProps: CursorMenuItemProps[]\n  ): boolean {\n    // eslint-disable-next-line deprecation/deprecation\n    const menuItems = MenuItemHelpers.createMenuItems(menuItemsProps);\n    // eslint-disable-next-line deprecation/deprecation\n    const menuContent = MenuItemHelpers.createMenuItemNodes(menuItems);\n\n    const component = (\n      <MenuButtonPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={PopupManager.defaultOffset}\n        content={menuContent}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: 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(\n    el: HTMLElement,\n    pt: XAndY,\n    initialValue: number,\n    resultIcon: string,\n    onOk: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const id = AccuDrawPopupManager._calculatorId;\n    const component = (\n      <CalculatorPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={PopupManager.defaultOffset}\n        initialValue={initialValue}\n        resultIcon={resultIcon}\n        onOk={onOk}\n        onCancel={onCancel}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: 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(\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const propertyDescription = new AngleDescription(\n      undefined,\n      undefined,\n      angleIcon\n    );\n    return PopupManager.showInputEditor(\n      el,\n      pt,\n      value,\n      propertyDescription,\n      onCommit as OnValueCommitFunc,\n      onCancel\n    );\n  }\n\n  // @internal\n  public static showDimensionEditor(\n    dimension: \"height\" | \"length\",\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ) {\n    if (dimension === \"height\") {\n      return AccuDrawPopupManager.showHeightEditor(\n        el,\n        pt,\n        value,\n        onCommit,\n        onCancel\n      );\n    }\n\n    return AccuDrawPopupManager.showLengthEditor(\n      el,\n      pt,\n      value,\n      onCommit,\n      onCancel\n    );\n  }\n\n  public static showLengthEditor(\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const propertyDescription = new LengthDescription(\n      undefined,\n      undefined,\n      lengthIcon\n    );\n    return PopupManager.showInputEditor(\n      el,\n      pt,\n      value,\n      propertyDescription,\n      onCommit as OnValueCommitFunc,\n      onCancel\n    );\n  }\n\n  public static showHeightEditor(\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const propertyDescription = new LengthDescription(\n      undefined,\n      undefined,\n      heightIcon\n    );\n    return PopupManager.showInputEditor(\n      el,\n      pt,\n      value,\n      propertyDescription,\n      onCommit as OnValueCommitFunc,\n      onCancel\n    );\n  }\n}\n"]}
+{"version":3,"file":"AccuDrawPopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawPopupManager.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 * as React from \"react\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport { AngleDescription, LengthDescription } from \"@itwin/core-frontend\";\nimport type { OnValueCommitFunc } from \"@itwin/appui-abstract\";\nimport type { PopupInfo } from \"../popup/PopupManager\";\nimport { PopupManager } from \"../popup/PopupManager\";\nimport type { CursorMenuItemProps } from \"../shared/MenuItem\";\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 * @public\n */\nexport class AccuDrawPopupManager {\n  private static _calculatorId = \"Calculator\";\n\n  public static showMenuButton(\n    id: string,\n    el: HTMLElement,\n    pt: XAndY,\n    menuItemsProps: CursorMenuItemProps[]\n  ): boolean {\n    // eslint-disable-next-line deprecation/deprecation\n    const menuItems = MenuItemHelpers.createMenuItems(menuItemsProps);\n    // eslint-disable-next-line deprecation/deprecation\n    const menuContent = MenuItemHelpers.createMenuItemNodes(menuItems);\n\n    const component = (\n      <MenuButtonPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={PopupManager.defaultOffset}\n        content={menuContent}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: 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(\n    el: HTMLElement,\n    pt: XAndY,\n    initialValue: number,\n    resultIcon: string,\n    onOk: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const id = AccuDrawPopupManager._calculatorId;\n    const component = (\n      // eslint-disable-next-line deprecation/deprecation\n      <CalculatorPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={PopupManager.defaultOffset}\n        initialValue={initialValue}\n        resultIcon={resultIcon}\n        onOk={onOk}\n        onCancel={onCancel}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: 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(\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const propertyDescription = new AngleDescription(\n      undefined,\n      undefined,\n      angleIcon\n    );\n    return PopupManager.showInputEditor(\n      el,\n      pt,\n      value,\n      propertyDescription,\n      onCommit as OnValueCommitFunc,\n      onCancel\n    );\n  }\n\n  /** @internal */\n  public static showDimensionEditor(\n    dimension: \"height\" | \"length\",\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ) {\n    if (dimension === \"height\") {\n      return AccuDrawPopupManager.showHeightEditor(\n        el,\n        pt,\n        value,\n        onCommit,\n        onCancel\n      );\n    }\n\n    return AccuDrawPopupManager.showLengthEditor(\n      el,\n      pt,\n      value,\n      onCommit,\n      onCancel\n    );\n  }\n\n  public static showLengthEditor(\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const propertyDescription = new LengthDescription(\n      undefined,\n      undefined,\n      lengthIcon\n    );\n    return PopupManager.showInputEditor(\n      el,\n      pt,\n      value,\n      propertyDescription,\n      onCommit as OnValueCommitFunc,\n      onCancel\n    );\n  }\n\n  public static showHeightEditor(\n    el: HTMLElement,\n    pt: XAndY,\n    value: number,\n    onCommit: (value: number) => void,\n    onCancel: () => void\n  ): boolean {\n    const propertyDescription = new LengthDescription(\n      undefined,\n      undefined,\n      heightIcon\n    );\n    return PopupManager.showInputEditor(\n      el,\n      pt,\n      value,\n      propertyDescription,\n      onCommit as OnValueCommitFunc,\n      onCancel\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawUiSettings.d.ts

@@ -5,7 +5,7 @@
 import type { ColorDef } from "@itwin/core-common";
 import type { IconSpec } from "@itwin/core-react";
 /** AccuDraw User Interface Settings
- * @beta
+ * @public
  */
 export interface AccuDrawUiSettings {
     /** X field style */
@@ -48,15 +48,35 @@ export interface AccuDrawUiSettings {
     angleLabel?: string;
     /** Distance field label */
     distanceLabel?: string;
-    /** X field icon */
+    /** X field icon.
+     * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.xIconNode} instead.
+     */
     xIcon?: IconSpec;
-    /** Y field icon */
+    /** X field icon. */
+    xIconNode?: React.ReactNode;
+    /** Y field icon.
+     * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.yIconNode} instead.
+     */
     yIcon?: IconSpec;
-    /** Z field icon */
+    /** Y field icon. */
+    yIconNode?: React.ReactNode;
+    /** Z field icon.
+     * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.zIconNode} instead.
+     */
     zIcon?: IconSpec;
-    /** Angle field icon */
+    /** Z field icon. */
+    zIconNode?: React.ReactNode;
+    /** Angle field icon.
+     * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.angleIconNode} instead.
+     */
     angleIcon?: IconSpec;
-    /** Distance field icon */
+    /** Angle field icon. */
+    angleIconNode?: React.ReactNode;
+    /** Distance field icon.
+     * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.distanceIconNode} instead.
+     */
     distanceIcon?: IconSpec;
+    /** Distance field icon. */
+    distanceIconNode?: React.ReactNode;
 }
 //# sourceMappingURL=AccuDrawUiSettings.d.ts.map

package/lib/cjs/appui-react/accudraw/AccuDrawUiSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawUiSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawUiSettings.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,wBAAwB;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,2BAA2B;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,mCAAmC;IACnC,oBAAoB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzC,sCAAsC;IACtC,uBAAuB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE5C,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,mCAAmC;IACnC,oBAAoB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzC,sCAAsC;IACtC,uBAAuB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE5C,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,mBAAmB;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,uBAAuB;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB"}
+{"version":3,"file":"AccuDrawUiSettings.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawUiSettings.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,wBAAwB;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,2BAA2B;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,mCAAmC;IACnC,oBAAoB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzC,sCAAsC;IACtC,uBAAuB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE5C,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,mCAAmC;IACnC,oBAAoB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzC,sCAAsC;IACtC,uBAAuB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE5C,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IAEH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,oBAAoB;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IAEH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,oBAAoB;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IAEH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,oBAAoB;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IAEH,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,wBAAwB;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IAEH,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,2BAA2B;IAC3B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC"}

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;;;gGAGgG;AAChG;;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 type { ColorDef } from \"@itwin/core-common\";\nimport type { 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"]}
+{"version":3,"file":"AccuDrawUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawUiSettings.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;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 type { ColorDef } from \"@itwin/core-common\";\nimport type { IconSpec } from \"@itwin/core-react\";\n\n/** AccuDraw User Interface Settings\n * @public\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   * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.xIconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  xIcon?: IconSpec;\n  /** X field icon. */\n  xIconNode?: React.ReactNode;\n  /** Y field icon.\n   * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.yIconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  yIcon?: IconSpec;\n  /** Y field icon. */\n  yIconNode?: React.ReactNode;\n  /** Z field icon.\n   * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.zIconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  zIcon?: IconSpec;\n  /** Z field icon. */\n  zIconNode?: React.ReactNode;\n  /** Angle field icon.\n   * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.angleIconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  angleIcon?: IconSpec;\n  /** Angle field icon. */\n  angleIconNode?: React.ReactNode;\n  /** Distance field icon.\n   * @deprecated in 4.16.0. Use {@link AccuDrawUiSettings.distanceIconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  distanceIcon?: IconSpec;\n  /** Distance field icon. */\n  distanceIconNode?: React.ReactNode;\n}\n"]}

package/lib/cjs/appui-react/accudraw/AccuDrawWidget.d.ts

@@ -5,7 +5,8 @@ import * as React from "react";
 import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
 import { WidgetControl } from "../widgets/WidgetControl";
 /** AccuDraw Widget Control
- * @beta
+ * @public
+ * @deprecated in 4.16.0. Use {@link AccuDrawWidget} component instead.
  */
 export declare class AccuDrawWidgetControl extends WidgetControl {
     static id: string;
@@ -13,7 +14,7 @@ export declare class AccuDrawWidgetControl extends WidgetControl {
     constructor(info: ConfigurableCreateInfo, options: any);
 }
 /** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui
- * @beta
+ * @public
  */
 export declare function AccuDrawWidget(): React.JSX.Element;
 //# sourceMappingURL=AccuDrawWidget.d.ts.map

package/lib/cjs/appui-react/accudraw/AccuDrawWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzD;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,aAAa;IACtD,OAAc,EAAE,SAAoB;IAEpC,WAAkB,KAAK,IAAI,MAAM,CAEhC;gBAEW,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAKvD;AAED;;GAEG;AACH,wBAAgB,cAAc,sBAiB7B"}
+{"version":3,"file":"AccuDrawWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzD;;;GAGG;AAEH,qBAAa,qBAAsB,SAAQ,aAAa;IACtD,OAAc,EAAE,SAAoB;IAEpC,WAAkB,KAAK,IAAI,MAAM,CAEhC;gBAGW,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAKvD;AAED;;GAEG;AACH,wBAAgB,cAAc,sBAiB7B"}

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

@@ -9,17 +9,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccuDrawWidget = exports.AccuDrawWidgetControl = void 0;
 const React = require("react");
+const components_react_1 = require("@itwin/components-react");
 const core_react_1 = require("@itwin/core-react");
 const AccuDrawFieldContainer_1 = require("./AccuDrawFieldContainer");
 const WidgetControl_1 = require("../widgets/WidgetControl");
 const UiFramework_1 = require("../UiFramework");
 /** AccuDraw Widget Control
- * @beta
+ * @public
+ * @deprecated in 4.16.0. Use {@link AccuDrawWidget} component instead.
  */
+// eslint-disable-next-line deprecation/deprecation
 class AccuDrawWidgetControl extends WidgetControl_1.WidgetControl {
     static get label() {
         return UiFramework_1.UiFramework.translate("accuDraw.dialogTitle");
     }
+    // eslint-disable-next-line deprecation/deprecation
     constructor(info, options) {
         super(info, options);
         this.reactNode = React.createElement(AccuDrawWidget, null);
@@ -28,13 +32,13 @@ class AccuDrawWidgetControl extends WidgetControl_1.WidgetControl {
 exports.AccuDrawWidgetControl = AccuDrawWidgetControl;
 AccuDrawWidgetControl.id = "AccuDrawWidget";
 /** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui
- * @beta
+ * @public
  */
 function AccuDrawWidget() {
-    const [orientation, setOrientation] = React.useState(core_react_1.Orientation.Vertical);
+    const [orientation, setOrientation] = React.useState(components_react_1.Orientation.Vertical);
     const breakpoint = 400;
     const handleResize = React.useCallback((w, _h) => {
-        setOrientation(w <= breakpoint ? core_react_1.Orientation.Vertical : core_react_1.Orientation.Horizontal);
+        setOrientation(w <= breakpoint ? components_react_1.Orientation.Vertical : components_react_1.Orientation.Horizontal);
     }, []);
     const ref = (0, core_react_1.useResizeObserver)(handleResize);
     return (React.createElement("div", { ref: ref },

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;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAmE;AAEnE,qEAAkE;AAElE,4DAAyD;AACzD,gDAA6C;AAE7C;;GAEG;AACH,MAAa,qBAAsB,SAAQ,6BAAa;IAG/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;;AAXH,sDAYC;AAXe,wBAAE,GAAG,gBAAgB,CAAC;AAatC;;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,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAU,EAAE,EAAE;QAC/D,cAAc,CACZ,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,wBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAW,CAAC,UAAU,CAChE,CAAC;IACJ,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;AAjBD,wCAiBC","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 type { 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  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  const handleResize = React.useCallback((w: number, _h: number) => {\n    setOrientation(\n      w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal\n    );\n  }, []);\n\n  const ref = useResizeObserver<HTMLDivElement>(handleResize);\n\n  return (\n    <div ref={ref}>\n      <AccuDrawFieldContainer orientation={orientation} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"AccuDrawWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawWidget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,8DAAsD;AACtD,kDAAsD;AACtD,qEAAkE;AAElE,4DAAyD;AACzD,gDAA6C;AAE7C;;;GAGG;AACH,mDAAmD;AACnD,MAAa,qBAAsB,SAAQ,6BAAa;IAG/C,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;IAED,mDAAmD;IACnD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,SAAS,GAAG,oBAAC,cAAc,OAAG,CAAC;IACtC,CAAC;;AAZH,sDAaC;AAZe,wBAAE,GAAG,gBAAgB,CAAC;AActC;;GAEG;AACH,SAAgB,cAAc;IAC5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,8BAAW,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,CAAC;IAEvB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAU,EAAE,EAAE;QAC/D,cAAc,CACZ,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,8BAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAAW,CAAC,UAAU,CAChE,CAAC;IACJ,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;AAjBD,wCAiBC","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 } from \"@itwin/components-react\";\nimport { useResizeObserver } from \"@itwin/core-react\";\nimport { AccuDrawFieldContainer } from \"./AccuDrawFieldContainer\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { WidgetControl } from \"../widgets/WidgetControl\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** AccuDraw Widget Control\n * @public\n * @deprecated in 4.16.0. Use {@link AccuDrawWidget} component instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class AccuDrawWidgetControl extends WidgetControl {\n  public static id = \"AccuDrawWidget\";\n\n  public static get label(): string {\n    return UiFramework.translate(\"accuDraw.dialogTitle\");\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\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 * @public\n */\nexport function AccuDrawWidget() {\n  const [orientation, setOrientation] = React.useState(Orientation.Vertical);\n  const breakpoint = 400;\n\n  const handleResize = React.useCallback((w: number, _h: number) => {\n    setOrientation(\n      w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal\n    );\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.d.ts

@@ -6,7 +6,7 @@ import * as React from "react";
 import type { OnCancelFunc, OnNumberCommitFunc } from "@itwin/appui-abstract";
 import type { CommonProps } from "@itwin/core-react";
 import { CalculatorEngine } from "./CalculatorEngine";
-/** @alpha */
+/** @public */
 export interface CalculatorProps extends CommonProps {
     /** Initial value */
     initialValue?: number;
@@ -16,20 +16,17 @@ export interface CalculatorProps extends CommonProps {
     onOk?: OnNumberCommitFunc;
     /** A function to be run when the Cancel button is clicked */
     onCancel?: OnCancelFunc;
-    /** @internal  Calculator state machine. */
+    /** @internal Calculator state machine. */
     engine: CalculatorEngine;
 }
 interface CalculatorState {
     displayValue: string;
 }
-/** @internal */
-export type CalculatorPropsProps = Pick<CalculatorProps, "engine">;
-/** @alpha */
+/** @public */
 export declare class Calculator extends React.PureComponent<CalculatorProps, CalculatorState> {
     private _mainDiv;
     private _equalsClicked;
-    /** @internal */
-    static readonly defaultProps: CalculatorPropsProps;
+    static readonly defaultProps: Pick<CalculatorProps, "engine">;
     constructor(props: CalculatorProps);
     private _onValueButtonClick;
     private _onOperatorButtonClick;

package/lib/cjs/appui-react/accudraw/Calculator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calculator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/Calculator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAE,gBAAgB,EAAsB,MAAM,oBAAoB,CAAC;AAQ1E,aAAa;AAEb,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,yDAAyD;IACzD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,2CAA2C;IAC3C,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,UAAU,eAAe;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,gBAAgB;AAChB,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAEnE,aAAa;AACb,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CACjD,eAAe,EACf,eAAe,CAChB;IACC,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,cAAc,CAAS;IAE/B,gBAAgB;IAChB,gBAAuB,YAAY,EAAE,oBAAoB,CAEvD;gBAEU,KAAK,EAAE,eAAe;IAclC,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,sBAAsB,CAW5B;IAEF,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,GAAG;IAOX,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,SAAS;IAKD,iBAAiB;IAIjC,OAAO,CAAC,aAAa;IAIL,MAAM;IA0DtB,OAAO,CAAC,cAAc,CA4DpB;CACH"}
+{"version":3,"file":"Calculator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/Calculator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAE,gBAAgB,EAAsB,MAAM,oBAAoB,CAAC;AAO1E,cAAc;AAEd,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,yDAAyD;IACzD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,0CAA0C;IAC1C,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,UAAU,eAAe;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,cAAc;AACd,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CACjD,eAAe,EACf,eAAe,CAChB;IACC,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,cAAc,CAAS;IAE/B,gBAAuB,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAElE;gBAEU,KAAK,EAAE,eAAe;IAclC,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,sBAAsB,CAW5B;IAEF,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,GAAG;IAOX,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,SAAS;IAKD,iBAAiB;IAIjC,OAAO,CAAC,aAAa;IAIL,MAAM;IA4DtB,OAAO,CAAC,cAAc,CA4DpB;CACH"}

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

@@ -18,7 +18,7 @@ const CalculatorEngine_1 = require("./CalculatorEngine");
 const SquareButton_1 = require("./SquareButton");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const backspace_svg_1 = require("./backspace.svg");
-/** @alpha */
+/** @public */
 class Calculator extends React.PureComponent {
     constructor(props) {
         super(props);
@@ -155,7 +155,6 @@ class Calculator extends React.PureComponent {
     }
 }
 exports.Calculator = Calculator;
-/** @internal */
 Calculator.defaultProps = {
     engine: new CalculatorEngine_1.CalculatorEngine(),
 };

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

package/lib/cjs/appui-react/accudraw/CalculatorPopup.d.ts

@@ -5,27 +5,28 @@ import * as React from "react";
 import type { OnCancelFunc, OnNumberCommitFunc } from "@itwin/appui-abstract";
 import { Size } from "@itwin/core-react";
 import type { PopupPropsBase } from "../popup/PopupManager";
-/** @alpha */
+/**
+ * @public
+ * @deprecated in 4.16.0. Props of deprecated component {@link CalculatorPopup}.
+ */
 export interface CalculatorPopupProps extends PopupPropsBase {
     initialValue: number;
     resultIcon: string;
     onOk: OnNumberCommitFunc;
     onCancel: OnCancelFunc;
 }
-/** @internal */
 interface CalculatorPopupState {
     size: Size;
 }
 /** Popup component for Calculator
- * @alpha
+ * @public
+ * @deprecated in 4.16.0. Use {@link Calculator} component with {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} or {@link AccuDrawPopupManager.showCalculator} method instead.
  */
 export declare class CalculatorPopup extends React.PureComponent<CalculatorPopupProps, CalculatorPopupState> {
-    /** @internal */
     readonly state: {
         size: Size;
     };
     private _onSizeKnown;
-    /** @internal */
     render(): React.JSX.Element;
 }
 export {};

package/lib/cjs/appui-react/accudraw/CalculatorPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/CalculatorPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,EAA6B,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK5D,aAAa;AACb,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,gBAAgB;AAChB,UAAU,oBAAoB;IAC5B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CACtD,oBAAoB,EACpB,oBAAoB,CACrB;IACC,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,gBAAgB;IACA,MAAM;CA6BvB"}
+{"version":3,"file":"CalculatorPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/CalculatorPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAA6B,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAO5D;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAEtD,oBAAoB,EACpB,oBAAoB,CACrB;IACC,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEc,MAAM;CA+BvB"}