@itwin/appui-react 3.7.0-dev.8 → 3.7.1

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

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawFieldContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawFieldContainer.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 \"./AccuDrawFieldContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ColorDef } from \"@itwin/core-common\";\nimport { CompassMode, IModelApp, ItemField, ScreenViewport, SelectedViewportChangedArgs } from \"@itwin/core-frontend\";\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\nimport { CommonProps, IconSpec, Orientation, UiStateStorage } from \"@itwin/core-react\";\nimport { getCSSColorFromDef } from \"@itwin/imodel-components-react\";\n\nimport { AccuDrawInputField } from \"./AccuDrawInputField\";\nimport { AccuDrawSetCompassModeEventArgs, AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldLockEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\nimport { AccuDrawUiSettings } from \"./AccuDrawUiSettings\";\n\nimport angleIconSvg from \"./angle.svg\";\nimport distanceIconSvg from \"./distance.svg\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties for [[AccuDrawFieldContainer]] component\n * @beta */\nexport interface AccuDrawFieldContainerProps extends CommonProps {\n  /** Orientation of the fields */\n  orientation: Orientation;\n  /** Optional parameter for persistent UI settings. Defaults to LocalStateStorage. */\n  uiSettingsStorage?: UiStateStorage;\n  /** @internal */\n  showZOverride?: boolean;\n}\n\nlet AccuDrawContainerIndex = 0;\n\nfunction determineShowZ(vp?: ScreenViewport): boolean {\n  const showZ = (vp !== undefined) ? /* istanbul ignore next */ vp.view.is3d() : false;\n  return showZ;\n}\n\nconst defaultXLabel = \"X\";\nconst defaultYLabel = \"Y\";\nconst defaultZLabel = \"Z\";\nconst defaultAngleIcon = IconSpecUtilities.createWebComponentIconSpec(angleIconSvg);\nconst defaultDistanceIcon = IconSpecUtilities.createWebComponentIconSpec(distanceIconSvg);\n\n/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field\n * @beta */\nexport function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { className, style, orientation, uiSettingsStorage, showZOverride, ...otherProps } = props;\n\n  const [containerIndex] = React.useState(() => ++AccuDrawContainerIndex);\n  const xInputRef = React.useRef<HTMLInputElement>(null);\n  const yInputRef = React.useRef<HTMLInputElement>(null);\n  const zInputRef = React.useRef<HTMLInputElement>(null);\n  const angleInputRef = React.useRef<HTMLInputElement>(null);\n  const distanceInputRef = React.useRef<HTMLInputElement>(null);\n  const focusField = React.useRef<ItemField | undefined>(undefined);\n  const [mode, setMode] = React.useState(CompassMode.Rectangular);\n  const [xLock, setXLock] = React.useState(false);\n  const [yLock, setYLock] = React.useState(false);\n  const [zLock, setZLock] = React.useState(false);\n  const [angleLock, setAngleLock] = React.useState(false);\n  const [distanceLock, setDistanceLock] = React.useState(false);\n  const [showZ, setShowZ] = React.useState(true);\n  const [xLabel, setXLabel] = React.useState<string | undefined>(defaultXLabel);\n  const [yLabel, setYLabel] = React.useState<string | undefined>(defaultYLabel);\n  const [zLabel, setZLabel] = React.useState<string | undefined>(defaultZLabel);\n  const [angleLabel, setAngleLabel] = React.useState<string | undefined>(undefined);\n  const [distanceLabel, setDistanceLabel] = React.useState<string | undefined>(undefined);\n  const [xIcon, setXIcon] = React.useState<IconSpec | undefined>(undefined);\n  const [yIcon, setYIcon] = React.useState<IconSpec | undefined>(undefined);\n  const [zIcon, setZIcon] = React.useState<IconSpec | undefined>(undefined);\n  const [angleIcon, setAngleIcon] = React.useState<IconSpec | undefined>(defaultAngleIcon);\n  const [distanceIcon, setDistanceIcon] = React.useState<IconSpec | undefined>(defaultDistanceIcon);\n  const [xStyle, setXStyle] = React.useState<React.CSSProperties | undefined>(undefined);\n  const [yStyle, setYStyle] = React.useState<React.CSSProperties | undefined>(undefined);\n  const [zStyle, setZStyle] = React.useState<React.CSSProperties | undefined>(undefined);\n  const [angleStyle, setAngleStyle] = React.useState<React.CSSProperties | undefined>(undefined);\n  const [distanceStyle, setDistanceStyle] = React.useState<React.CSSProperties | undefined>(undefined);\n\n  const getInputRef = (field: ItemField): React.RefObject<HTMLInputElement> => {\n    let inputRef: React.RefObject<HTMLInputElement>;\n    switch (field) {\n      case ItemField.X_Item:\n        inputRef = xInputRef;\n        break;\n      case ItemField.Y_Item:\n        inputRef = yInputRef;\n        break;\n      case ItemField.Z_Item:\n        inputRef = zInputRef;\n        break;\n      case ItemField.ANGLE_Item:\n        inputRef = angleInputRef;\n        break;\n      case ItemField.DIST_Item:\n        inputRef = distanceInputRef;\n        break;\n    }\n    return inputRef;\n  };\n\n  React.useEffect(() => {\n    setXLock(IModelApp.accuDraw.getFieldLock(ItemField.X_Item));\n    setYLock(IModelApp.accuDraw.getFieldLock(ItemField.Y_Item));\n    setZLock(IModelApp.accuDraw.getFieldLock(ItemField.Z_Item));\n    setAngleLock(IModelApp.accuDraw.getFieldLock(ItemField.ANGLE_Item));\n    setDistanceLock(IModelApp.accuDraw.getFieldLock(ItemField.DIST_Item));\n\n    const handleSetFieldLock = (args: AccuDrawSetFieldLockEventArgs) => {\n      switch (args.field) {\n        case ItemField.X_Item:\n          setXLock(args.lock);\n          break;\n        case ItemField.Y_Item:\n          setYLock(args.lock);\n          break;\n        case ItemField.Z_Item:\n          setZLock(args.lock);\n          break;\n        case ItemField.ANGLE_Item:\n          setAngleLock(args.lock);\n          break;\n        case ItemField.DIST_Item:\n          setDistanceLock(args.lock);\n          break;\n      }\n    };\n    return FrameworkAccuDraw.onAccuDrawSetFieldLockEvent.addListener(handleSetFieldLock);\n  }, []);\n\n  const setFocusToField = React.useCallback((field: ItemField) => {\n    const inputRef = getInputRef(field);\n\n    // istanbul ignore else\n    if (inputRef.current && document.activeElement !== inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.select();\n    }\n  }, []);\n\n  React.useEffect(() => {\n    const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\n      focusField.current = args.field;\n      setFocusToField(focusField.current);\n    };\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    const handleGrabInputFocus = () => {\n      // istanbul ignore else\n      if (focusField.current)\n        setFocusToField(focusField.current);\n    };\n    return FrameworkAccuDraw.onAccuDrawGrabInputFocusEvent.addListener(handleGrabInputFocus);\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    setMode(IModelApp.accuDraw.compassMode);\n\n    const handleSetMode = (args: AccuDrawSetCompassModeEventArgs) => {\n      setMode(args.mode);\n    };\n\n    return FrameworkAccuDraw.onAccuDrawSetCompassModeEvent.addListener(handleSetMode);\n  }, []);\n\n  const handleValueChanged = React.useCallback((field: ItemField, stringValue: string) => {\n    FrameworkAccuDraw.setFieldValueFromUi(field, stringValue);\n  }, []);\n\n  const handleEscPressed = React.useCallback(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n\n  React.useEffect(() => {\n    setShowZ(showZOverride || determineShowZ(IModelApp.viewManager.selectedView));\n\n    // istanbul ignore next\n    const handleSelectedViewportChanged = (args: SelectedViewportChangedArgs) => {\n      setShowZ(determineShowZ(args.current));\n    };\n\n    return IModelApp.viewManager.onSelectedViewportChanged.addListener(handleSelectedViewportChanged);\n  }, [showZOverride]);\n\n  React.useEffect(() => {\n\n    const createFieldStyle = (inStyle: React.CSSProperties | undefined,\n      backgroundColor: ColorDef | string | undefined,\n      foregroundColor: ColorDef | string | undefined): React.CSSProperties | undefined => {\n      let fieldStyle: React.CSSProperties | undefined;\n      let rgbaString = \"\";\n      if (inStyle || backgroundColor || foregroundColor) {\n        fieldStyle = inStyle ? inStyle : {};\n        if (backgroundColor) {\n          rgbaString = typeof backgroundColor === \"string\" ? backgroundColor : getCSSColorFromDef(backgroundColor);\n          fieldStyle = { ...fieldStyle, backgroundColor: rgbaString };\n        }\n        if (foregroundColor) {\n          rgbaString = typeof foregroundColor === \"string\" ? foregroundColor : getCSSColorFromDef(foregroundColor);\n          fieldStyle = { ...fieldStyle, color: rgbaString };\n        }\n      }\n      return fieldStyle;\n    };\n\n    const processAccuDrawUiSettings = (settings?: AccuDrawUiSettings) => {\n      setXStyle(settings ? createFieldStyle(settings.xStyle, settings.xBackgroundColor, settings.xForegroundColor) : undefined);\n      setYStyle(settings ? createFieldStyle(settings.yStyle, settings.yBackgroundColor, settings.yForegroundColor) : undefined);\n      setZStyle(settings ? createFieldStyle(settings.zStyle, settings.zBackgroundColor, settings.zForegroundColor) : undefined);\n      setAngleStyle(settings ? createFieldStyle(settings.angleStyle, settings.angleBackgroundColor, settings.angleForegroundColor) : undefined);\n      setDistanceStyle(settings ? createFieldStyle(settings.distanceStyle, settings.distanceBackgroundColor, settings.distanceForegroundColor) : undefined);\n\n      setXLabel(settings && settings.xLabel !== undefined ? settings.xLabel : defaultXLabel);\n      setYLabel(settings && settings.yLabel !== undefined ? settings.yLabel : defaultYLabel);\n      setZLabel(settings && settings.zLabel !== undefined ? settings.zLabel : defaultZLabel);\n      setAngleLabel(settings && settings.angleLabel !== undefined ? settings.angleLabel : undefined);\n      setDistanceLabel(settings && settings.distanceLabel !== undefined ? settings.distanceLabel : undefined);\n\n      setXIcon(settings && settings.xIcon !== undefined ? settings.xIcon : undefined);\n      setYIcon(settings && settings.yIcon !== undefined ? settings.yIcon : undefined);\n      setZIcon(settings && settings.zIcon !== undefined ? settings.zIcon : undefined);\n      setAngleIcon(settings && settings.angleIcon !== undefined ? settings.angleIcon : defaultAngleIcon);\n      setDistanceIcon(settings && settings.distanceIcon !== undefined ? settings.distanceIcon : defaultDistanceIcon);\n    };\n\n    if (FrameworkAccuDraw.uiStateStorage)\n      processAccuDrawUiSettings(FrameworkAccuDraw.uiStateStorage);\n\n    // istanbul ignore next\n    const handleAccuDrawUiSettingsChanged = () => {\n      processAccuDrawUiSettings(FrameworkAccuDraw.uiStateStorage);\n    };\n\n    return FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(handleAccuDrawUiSettingsChanged);\n  }, []);\n\n  const classNames = classnames(\n    \"uifw-accudraw-field-container\",\n    (orientation === Orientation.Vertical) ? \"uifw-accudraw-field-container-vertical\" : \"uifw-accudraw-field-container-horizontal\",\n    className,\n  );\n\n  const delay = 250;\n  const labelCentered = (xLabel !== undefined && xLabel.length === 1 && yLabel !== undefined && yLabel.length === 1 && zLabel !== undefined && zLabel.length === 1);\n\n  return (\n    <div className={classNames} style={style} {...otherProps}>\n      {mode === CompassMode.Rectangular &&\n        <>\n          <AccuDrawInputField ref={xInputRef} isLocked={xLock} className=\"uifw-accudraw-x-value\" style={xStyle}\n            field={ItemField.X_Item} id={`uifw-accudraw-x-${containerIndex}`} data-testid=\"uifw-accudraw-x\"\n            label={xLabel} iconSpec={xIcon} labelCentered={labelCentered}\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.X_Item, stringValue)}\n            onEscPressed={handleEscPressed} />\n          <AccuDrawInputField ref={yInputRef} isLocked={yLock} className=\"uifw-accudraw-y-value\" style={yStyle}\n            field={ItemField.Y_Item} id={`uifw-accudraw-y-${containerIndex}`} data-testid=\"uifw-accudraw-y\"\n            label={yLabel} iconSpec={yIcon} labelCentered={labelCentered}\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.Y_Item, stringValue)}\n            onEscPressed={handleEscPressed} />\n          {showZ &&\n            <AccuDrawInputField ref={zInputRef} isLocked={zLock} className=\"uifw-accudraw-z-value\" style={zStyle}\n              field={ItemField.Z_Item} id={`uifw-accudraw-z-${containerIndex}`} data-testid=\"uifw-accudraw-z\"\n              label={zLabel} iconSpec={zIcon} labelCentered={labelCentered}\n              valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.Z_Item, stringValue)}\n              onEscPressed={handleEscPressed} />\n          }\n        </>\n      }\n      {mode === CompassMode.Polar &&\n        <>\n          <AccuDrawInputField ref={angleInputRef} isLocked={angleLock} className=\"uifw-accudraw-angle-value\" style={angleStyle}\n            field={ItemField.ANGLE_Item} id={`uifw-accudraw-angle-${containerIndex}`} data-testid=\"uifw-accudraw-angle\"\n            label={angleLabel} iconSpec={angleIcon}\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.ANGLE_Item, stringValue)}\n            onEscPressed={handleEscPressed} />\n          <AccuDrawInputField ref={distanceInputRef} isLocked={distanceLock} className=\"uifw-accudraw-distance-value\" style={distanceStyle}\n            field={ItemField.DIST_Item} id={`uifw-accudraw-distance-${containerIndex}`} data-testid=\"uifw-accudraw-distance\"\n            label={distanceLabel} iconSpec={distanceIcon}\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.DIST_Item, stringValue)}\n            onEscPressed={handleEscPressed} />\n        </>\n      }\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"AccuDrawFieldContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawFieldContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport \"./AccuDrawFieldContainer.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ColorDef } from \"@itwin/core-common\";\r\nimport { CompassMode, IModelApp, ItemField, ScreenViewport, SelectedViewportChangedArgs } from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, IconSpec, Orientation, UiStateStorage } from \"@itwin/core-react\";\r\nimport { getCSSColorFromDef } from \"@itwin/imodel-components-react\";\r\n\r\nimport { AccuDrawInputField } from \"./AccuDrawInputField\";\r\nimport { AccuDrawSetCompassModeEventArgs, AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldLockEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\nimport { AccuDrawUiSettings } from \"./AccuDrawUiSettings\";\r\n\r\nimport angleIconSvg from \"./angle.svg\";\r\nimport distanceIconSvg from \"./distance.svg\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties for [[AccuDrawFieldContainer]] component\r\n * @beta */\r\nexport interface AccuDrawFieldContainerProps extends CommonProps {\r\n  /** Orientation of the fields */\r\n  orientation: Orientation;\r\n  /** Optional parameter for persistent UI settings. Defaults to LocalStateStorage. */\r\n  uiSettingsStorage?: UiStateStorage;\r\n  /** @internal */\r\n  showZOverride?: boolean;\r\n}\r\n\r\nlet AccuDrawContainerIndex = 0;\r\n\r\nfunction determineShowZ(vp?: ScreenViewport): boolean {\r\n  const showZ = (vp !== undefined) ? /* istanbul ignore next */ vp.view.is3d() : false;\r\n  return showZ;\r\n}\r\n\r\nconst defaultXLabel = \"X\";\r\nconst defaultYLabel = \"Y\";\r\nconst defaultZLabel = \"Z\";\r\nconst defaultAngleIcon = IconSpecUtilities.createWebComponentIconSpec(angleIconSvg);\r\nconst defaultDistanceIcon = IconSpecUtilities.createWebComponentIconSpec(distanceIconSvg);\r\n\r\n/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field\r\n * @beta */\r\nexport function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps) {\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  const { className, style, orientation, uiSettingsStorage, showZOverride, ...otherProps } = props;\r\n\r\n  const [containerIndex] = React.useState(() => ++AccuDrawContainerIndex);\r\n  const xInputRef = React.useRef<HTMLInputElement>(null);\r\n  const yInputRef = React.useRef<HTMLInputElement>(null);\r\n  const zInputRef = React.useRef<HTMLInputElement>(null);\r\n  const angleInputRef = React.useRef<HTMLInputElement>(null);\r\n  const distanceInputRef = React.useRef<HTMLInputElement>(null);\r\n  const focusField = React.useRef<ItemField | undefined>(undefined);\r\n  const [mode, setMode] = React.useState(CompassMode.Rectangular);\r\n  const [xLock, setXLock] = React.useState(false);\r\n  const [yLock, setYLock] = React.useState(false);\r\n  const [zLock, setZLock] = React.useState(false);\r\n  const [angleLock, setAngleLock] = React.useState(false);\r\n  const [distanceLock, setDistanceLock] = React.useState(false);\r\n  const [showZ, setShowZ] = React.useState(true);\r\n  const [xLabel, setXLabel] = React.useState<string | undefined>(defaultXLabel);\r\n  const [yLabel, setYLabel] = React.useState<string | undefined>(defaultYLabel);\r\n  const [zLabel, setZLabel] = React.useState<string | undefined>(defaultZLabel);\r\n  const [angleLabel, setAngleLabel] = React.useState<string | undefined>(undefined);\r\n  const [distanceLabel, setDistanceLabel] = React.useState<string | undefined>(undefined);\r\n  const [xIcon, setXIcon] = React.useState<IconSpec | undefined>(undefined);\r\n  const [yIcon, setYIcon] = React.useState<IconSpec | undefined>(undefined);\r\n  const [zIcon, setZIcon] = React.useState<IconSpec | undefined>(undefined);\r\n  const [angleIcon, setAngleIcon] = React.useState<IconSpec | undefined>(defaultAngleIcon);\r\n  const [distanceIcon, setDistanceIcon] = React.useState<IconSpec | undefined>(defaultDistanceIcon);\r\n  const [xStyle, setXStyle] = React.useState<React.CSSProperties | undefined>(undefined);\r\n  const [yStyle, setYStyle] = React.useState<React.CSSProperties | undefined>(undefined);\r\n  const [zStyle, setZStyle] = React.useState<React.CSSProperties | undefined>(undefined);\r\n  const [angleStyle, setAngleStyle] = React.useState<React.CSSProperties | undefined>(undefined);\r\n  const [distanceStyle, setDistanceStyle] = React.useState<React.CSSProperties | undefined>(undefined);\r\n\r\n  const getInputRef = (field: ItemField): React.RefObject<HTMLInputElement> => {\r\n    let inputRef: React.RefObject<HTMLInputElement>;\r\n    switch (field) {\r\n      case ItemField.X_Item:\r\n        inputRef = xInputRef;\r\n        break;\r\n      case ItemField.Y_Item:\r\n        inputRef = yInputRef;\r\n        break;\r\n      case ItemField.Z_Item:\r\n        inputRef = zInputRef;\r\n        break;\r\n      case ItemField.ANGLE_Item:\r\n        inputRef = angleInputRef;\r\n        break;\r\n      case ItemField.DIST_Item:\r\n        inputRef = distanceInputRef;\r\n        break;\r\n    }\r\n    return inputRef;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setXLock(IModelApp.accuDraw.getFieldLock(ItemField.X_Item));\r\n    setYLock(IModelApp.accuDraw.getFieldLock(ItemField.Y_Item));\r\n    setZLock(IModelApp.accuDraw.getFieldLock(ItemField.Z_Item));\r\n    setAngleLock(IModelApp.accuDraw.getFieldLock(ItemField.ANGLE_Item));\r\n    setDistanceLock(IModelApp.accuDraw.getFieldLock(ItemField.DIST_Item));\r\n\r\n    const handleSetFieldLock = (args: AccuDrawSetFieldLockEventArgs) => {\r\n      switch (args.field) {\r\n        case ItemField.X_Item:\r\n          setXLock(args.lock);\r\n          break;\r\n        case ItemField.Y_Item:\r\n          setYLock(args.lock);\r\n          break;\r\n        case ItemField.Z_Item:\r\n          setZLock(args.lock);\r\n          break;\r\n        case ItemField.ANGLE_Item:\r\n          setAngleLock(args.lock);\r\n          break;\r\n        case ItemField.DIST_Item:\r\n          setDistanceLock(args.lock);\r\n          break;\r\n      }\r\n    };\r\n    return FrameworkAccuDraw.onAccuDrawSetFieldLockEvent.addListener(handleSetFieldLock);\r\n  }, []);\r\n\r\n  const setFocusToField = React.useCallback((field: ItemField) => {\r\n    const inputRef = getInputRef(field);\r\n\r\n    // istanbul ignore else\r\n    if (inputRef.current && document.activeElement !== inputRef.current) {\r\n      inputRef.current.focus();\r\n      inputRef.current.select();\r\n    }\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\r\n      focusField.current = args.field;\r\n      setFocusToField(focusField.current);\r\n    };\r\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\r\n  }, [setFocusToField]);\r\n\r\n  React.useEffect(() => {\r\n    const handleGrabInputFocus = () => {\r\n      // istanbul ignore else\r\n      if (focusField.current)\r\n        setFocusToField(focusField.current);\r\n    };\r\n    return FrameworkAccuDraw.onAccuDrawGrabInputFocusEvent.addListener(handleGrabInputFocus);\r\n  }, [setFocusToField]);\r\n\r\n  React.useEffect(() => {\r\n    setMode(IModelApp.accuDraw.compassMode);\r\n\r\n    const handleSetMode = (args: AccuDrawSetCompassModeEventArgs) => {\r\n      setMode(args.mode);\r\n    };\r\n\r\n    return FrameworkAccuDraw.onAccuDrawSetCompassModeEvent.addListener(handleSetMode);\r\n  }, []);\r\n\r\n  const handleValueChanged = React.useCallback((field: ItemField, stringValue: string) => {\r\n    FrameworkAccuDraw.setFieldValueFromUi(field, stringValue);\r\n  }, []);\r\n\r\n  const handleEscPressed = React.useCallback(() => {\r\n    UiFramework.keyboardShortcuts.setFocusToHome();\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    setShowZ(showZOverride || determineShowZ(IModelApp.viewManager.selectedView));\r\n\r\n    // istanbul ignore next\r\n    const handleSelectedViewportChanged = (args: SelectedViewportChangedArgs) => {\r\n      setShowZ(determineShowZ(args.current));\r\n    };\r\n\r\n    return IModelApp.viewManager.onSelectedViewportChanged.addListener(handleSelectedViewportChanged);\r\n  }, [showZOverride]);\r\n\r\n  React.useEffect(() => {\r\n\r\n    const createFieldStyle = (inStyle: React.CSSProperties | undefined,\r\n      backgroundColor: ColorDef | string | undefined,\r\n      foregroundColor: ColorDef | string | undefined): React.CSSProperties | undefined => {\r\n      let fieldStyle: React.CSSProperties | undefined;\r\n      let rgbaString = \"\";\r\n      if (inStyle || backgroundColor || foregroundColor) {\r\n        fieldStyle = inStyle ? inStyle : {};\r\n        if (backgroundColor) {\r\n          rgbaString = typeof backgroundColor === \"string\" ? backgroundColor : getCSSColorFromDef(backgroundColor);\r\n          fieldStyle = { ...fieldStyle, backgroundColor: rgbaString };\r\n        }\r\n        if (foregroundColor) {\r\n          rgbaString = typeof foregroundColor === \"string\" ? foregroundColor : getCSSColorFromDef(foregroundColor);\r\n          fieldStyle = { ...fieldStyle, color: rgbaString };\r\n        }\r\n      }\r\n      return fieldStyle;\r\n    };\r\n\r\n    const processAccuDrawUiSettings = (settings?: AccuDrawUiSettings) => {\r\n      setXStyle(settings ? createFieldStyle(settings.xStyle, settings.xBackgroundColor, settings.xForegroundColor) : undefined);\r\n      setYStyle(settings ? createFieldStyle(settings.yStyle, settings.yBackgroundColor, settings.yForegroundColor) : undefined);\r\n      setZStyle(settings ? createFieldStyle(settings.zStyle, settings.zBackgroundColor, settings.zForegroundColor) : undefined);\r\n      setAngleStyle(settings ? createFieldStyle(settings.angleStyle, settings.angleBackgroundColor, settings.angleForegroundColor) : undefined);\r\n      setDistanceStyle(settings ? createFieldStyle(settings.distanceStyle, settings.distanceBackgroundColor, settings.distanceForegroundColor) : undefined);\r\n\r\n      setXLabel(settings && settings.xLabel !== undefined ? settings.xLabel : defaultXLabel);\r\n      setYLabel(settings && settings.yLabel !== undefined ? settings.yLabel : defaultYLabel);\r\n      setZLabel(settings && settings.zLabel !== undefined ? settings.zLabel : defaultZLabel);\r\n      setAngleLabel(settings && settings.angleLabel !== undefined ? settings.angleLabel : undefined);\r\n      setDistanceLabel(settings && settings.distanceLabel !== undefined ? settings.distanceLabel : undefined);\r\n\r\n      setXIcon(settings && settings.xIcon !== undefined ? settings.xIcon : undefined);\r\n      setYIcon(settings && settings.yIcon !== undefined ? settings.yIcon : undefined);\r\n      setZIcon(settings && settings.zIcon !== undefined ? settings.zIcon : undefined);\r\n      setAngleIcon(settings && settings.angleIcon !== undefined ? settings.angleIcon : defaultAngleIcon);\r\n      setDistanceIcon(settings && settings.distanceIcon !== undefined ? settings.distanceIcon : defaultDistanceIcon);\r\n    };\r\n\r\n    if (FrameworkAccuDraw.uiStateStorage)\r\n      processAccuDrawUiSettings(FrameworkAccuDraw.uiStateStorage);\r\n\r\n    // istanbul ignore next\r\n    const handleAccuDrawUiSettingsChanged = () => {\r\n      processAccuDrawUiSettings(FrameworkAccuDraw.uiStateStorage);\r\n    };\r\n\r\n    return FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(handleAccuDrawUiSettingsChanged);\r\n  }, []);\r\n\r\n  const classNames = classnames(\r\n    \"uifw-accudraw-field-container\",\r\n    (orientation === Orientation.Vertical) ? \"uifw-accudraw-field-container-vertical\" : \"uifw-accudraw-field-container-horizontal\",\r\n    className,\r\n  );\r\n\r\n  const delay = 250;\r\n  const labelCentered = (xLabel !== undefined && xLabel.length === 1 && yLabel !== undefined && yLabel.length === 1 && zLabel !== undefined && zLabel.length === 1);\r\n\r\n  return (\r\n    <div className={classNames} style={style} {...otherProps}>\r\n      {mode === CompassMode.Rectangular &&\r\n        <>\r\n          <AccuDrawInputField ref={xInputRef} isLocked={xLock} className=\"uifw-accudraw-x-value\" style={xStyle}\r\n            field={ItemField.X_Item} id={`uifw-accudraw-x-${containerIndex}`} data-testid=\"uifw-accudraw-x\"\r\n            label={xLabel} iconSpec={xIcon} labelCentered={labelCentered}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.X_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n          <AccuDrawInputField ref={yInputRef} isLocked={yLock} className=\"uifw-accudraw-y-value\" style={yStyle}\r\n            field={ItemField.Y_Item} id={`uifw-accudraw-y-${containerIndex}`} data-testid=\"uifw-accudraw-y\"\r\n            label={yLabel} iconSpec={yIcon} labelCentered={labelCentered}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.Y_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n          {showZ &&\r\n            <AccuDrawInputField ref={zInputRef} isLocked={zLock} className=\"uifw-accudraw-z-value\" style={zStyle}\r\n              field={ItemField.Z_Item} id={`uifw-accudraw-z-${containerIndex}`} data-testid=\"uifw-accudraw-z\"\r\n              label={zLabel} iconSpec={zIcon} labelCentered={labelCentered}\r\n              valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.Z_Item, stringValue)}\r\n              onEscPressed={handleEscPressed} />\r\n          }\r\n        </>\r\n      }\r\n      {mode === CompassMode.Polar &&\r\n        <>\r\n          <AccuDrawInputField ref={angleInputRef} isLocked={angleLock} className=\"uifw-accudraw-angle-value\" style={angleStyle}\r\n            field={ItemField.ANGLE_Item} id={`uifw-accudraw-angle-${containerIndex}`} data-testid=\"uifw-accudraw-angle\"\r\n            label={angleLabel} iconSpec={angleIcon}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.ANGLE_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n          <AccuDrawInputField ref={distanceInputRef} isLocked={distanceLock} className=\"uifw-accudraw-distance-value\" style={distanceStyle}\r\n            field={ItemField.DIST_Item} id={`uifw-accudraw-distance-${containerIndex}`} data-testid=\"uifw-accudraw-distance\"\r\n            label={distanceLabel} iconSpec={distanceIcon}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.DIST_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n        </>\r\n      }\r\n    </div>\r\n  );\r\n}\r\n"]}

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

@@ -1,28 +1,28 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/itwinui-css/scss/style/space";
-
-.uifw-accudraw-field-container {
-  padding: 6px;
-
-  .iui-input {
-    padding: $uicore-iui-input-padding;
-  }
-}
-
-.uifw-accudraw-field-container-horizontal {
-  max-width: 550px;
-  display: flex;
-  flex-direction: row;
-}
-
-.uifw-accudraw-field-container-vertical {
-  max-width: 250px;
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  row-gap: $iui-xs;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/itwinui-css/scss/style/space";
+
+.uifw-accudraw-field-container {
+  padding: 6px;
+
+  .iui-input {
+    padding: $uicore-iui-input-padding;
+  }
+}
+
+.uifw-accudraw-field-container-horizontal {
+  max-width: 550px;
+  display: flex;
+  flex-direction: row;
+}
+
+.uifw-accudraw-field-container-vertical {
+  max-width: 250px;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  row-gap: $iui-xs;
 }

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

@@ -1,43 +1,43 @@
-/** @packageDocumentation
- * @module AccuDraw
- */
-import "./AccuDrawInputField.scss";
-import * as React from "react";
-import { ItemField } from "@itwin/core-frontend";
-import { CommonProps, IconSpec } from "@itwin/core-react";
-/** Properties for [[AccuDrawInputField]] component
- * @beta
- */
-export interface AccuDrawInputFieldProps extends CommonProps {
-    /** Which AccuDraw field this represents */
-    field: ItemField;
-    /** id for the input element */
-    id: string;
-    /** Indicates whether field is locked */
-    isLocked?: boolean;
-    /** label for the input element */
-    label?: string;
-    /** icon for the input element */
-    iconSpec?: IconSpec;
-    /** Custom CSS class name for the label */
-    labelClassName?: string;
-    /** Custom CSS Style for the label */
-    labelStyle?: React.CSSProperties;
-    /** Center justified label */
-    labelCentered?: boolean;
-    /** Triggered when the content is changed */
-    onValueChanged: (stringValue: string) => void;
-    /** Frequency to poll for changes in value, in milliseconds */
-    valueChangedDelay?: number;
-    /** Listens for <Enter> keypress */
-    onEnterPressed?: () => void;
-    /** Listens for <Esc> keypress */
-    onEscPressed?: () => void;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-}
-/** Input field for AccuDraw Ui
- * @beta
- */
-export declare const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null;
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+import "./AccuDrawInputField.scss";
+import * as React from "react";
+import { ItemField } from "@itwin/core-frontend";
+import { CommonProps, IconSpec } from "@itwin/core-react";
+/** Properties for [[AccuDrawInputField]] component
+ * @beta
+ */
+export interface AccuDrawInputFieldProps extends CommonProps {
+    /** Which AccuDraw field this represents */
+    field: ItemField;
+    /** id for the input element */
+    id: string;
+    /** Indicates whether field is locked */
+    isLocked?: boolean;
+    /** label for the input element */
+    label?: string;
+    /** icon for the input element */
+    iconSpec?: IconSpec;
+    /** Custom CSS class name for the label */
+    labelClassName?: string;
+    /** Custom CSS Style for the label */
+    labelStyle?: React.CSSProperties;
+    /** Center justified label */
+    labelCentered?: boolean;
+    /** Triggered when the content is changed */
+    onValueChanged: (stringValue: string) => void;
+    /** Frequency to poll for changes in value, in milliseconds */
+    valueChangedDelay?: number;
+    /** Listens for <Enter> keypress */
+    onEnterPressed?: () => void;
+    /** Listens for <Esc> keypress */
+    onEscPressed?: () => void;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLInputElement>;
+}
+/** Input field for AccuDraw Ui
+ * @beta
+ */
+export declare const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null;
 //# sourceMappingURL=AccuDrawInputField.d.ts.map

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

@@ -1,123 +1,123 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module AccuDraw
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccuDrawInputField = void 0;
-require("./AccuDrawInputField.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const FrameworkAccuDraw_1 = require("./FrameworkAccuDraw");
-const UiFramework_1 = require("../UiFramework");
-const ForwardRefAccuDrawInput = React.forwardRef(function ForwardRefAccuDrawInputField(props, ref) {
-    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked, onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;
-    const [stringValue, setStringValue] = React.useState("");
-    const timeoutId = React.useRef(0);
-    const [needValueChanged, setNeedValueChanged] = React.useState(false);
-    const [needSelection, setNeedSelection] = React.useState(false);
-    const [isFocusField, setIsFocusField] = React.useState(false);
-    const inputElementRef = React.useRef(null);
-    const refs = (0, core_react_1.useRefs)(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
-    React.useEffect(() => {
-        const formattedValue = FrameworkAccuDraw_1.FrameworkAccuDraw.getFieldDisplayValue(field);
-        setStringValue(formattedValue);
-    }, [field]);
-    const handleChange = React.useCallback((event) => {
-        const value = event.currentTarget.value;
-        // istanbul ignore next
-        if (value === undefined)
-            return;
-        // istanbul ignore else
-        if (stringValue !== value) {
-            setStringValue(value);
-            setNeedValueChanged(true);
-        }
-    }, [stringValue]);
-    const unsetTimeout = () => {
-        // istanbul ignore else
-        if (timeoutId) {
-            window.clearTimeout(timeoutId.current);
-            timeoutId.current = 0;
-        }
-    };
-    React.useEffect(() => {
-        // After setStringValue & re-render
-        // istanbul ignore else
-        if (needValueChanged) {
-            if (valueChangedDelay) {
-                unsetTimeout();
-                timeoutId.current = window.setTimeout(() => {
-                    onValueChanged(stringValue);
-                }, valueChangedDelay);
-            }
-            else {
-                onValueChanged(stringValue);
-            }
-            setNeedValueChanged(false);
-        }
-    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);
-    React.useEffect(() => {
-        // On unmount
-        return () => unsetTimeout();
-    }, []);
-    const handleKeyDown = React.useCallback((e) => {
-        switch (e.key) {
-            case appui_abstract_1.SpecialKey.Escape:
-                onEscPressed && onEscPressed();
-                return;
-            case appui_abstract_1.SpecialKey.Enter:
-                onEnterPressed && onEnterPressed();
-                return;
-        }
-        if ((0, appui_abstract_1.isLetter)(e.key)) {
-            e.preventDefault();
-            UiFramework_1.UiFramework.keyboardShortcuts.processKey(e.key);
-            return;
-        }
-    }, [onEscPressed, onEnterPressed]);
-    React.useEffect(() => {
-        const handleSetFieldValueToUi = (args) => {
-            if (args.field === field && stringValue !== args.formattedValue) {
-                setStringValue(args.formattedValue);
-                // istanbul ignore else
-                if (isFocusField)
-                    setNeedSelection(true);
-            }
-        };
-        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);
-    }, [field, isFocusField, stringValue]);
-    React.useEffect(() => {
-        if (needSelection) {
-            // istanbul ignore else
-            if (inputElementRef.current)
-                inputElementRef.current.select();
-            setNeedSelection(false);
-        }
-    }, [needSelection]);
-    React.useEffect(() => {
-        const handleSetFieldFocus = (args) => {
-            setIsFocusField(args.field === field);
-        };
-        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);
-    }, [field]);
-    const inputClassNames = (0, classnames_1.default)("uifw-accudraw-input-field", className);
-    const labelClassNames = (0, classnames_1.default)("uifw-accudraw-input-label", labelCentered && "uifw-label-centered", labelClassName);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("label", { htmlFor: id, className: labelClassNames, style: labelStyle },
-            label,
-            iconSpec && React.createElement(core_react_1.Icon, { iconSpec: iconSpec })),
-        React.createElement(itwinui_react_1.Input, { ...inputProps, ref: refs, id: id, value: stringValue, className: inputClassNames, style: style, autoComplete: "off", onChange: handleChange, onKeyDown: handleKeyDown, size: "small" }),
-        React.createElement("span", { className: "uifw-accudraw-lock" }, isLocked && React.createElement(core_react_1.Icon, { iconSpec: "icon-lock" }))));
-});
-/** Input field for AccuDraw Ui
- * @beta
- */
-exports.AccuDrawInputField = ForwardRefAccuDrawInput;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccuDrawInputField = void 0;
+require("./AccuDrawInputField.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const FrameworkAccuDraw_1 = require("./FrameworkAccuDraw");
+const UiFramework_1 = require("../UiFramework");
+const ForwardRefAccuDrawInput = React.forwardRef(function ForwardRefAccuDrawInputField(props, ref) {
+    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked, onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;
+    const [stringValue, setStringValue] = React.useState("");
+    const timeoutId = React.useRef(0);
+    const [needValueChanged, setNeedValueChanged] = React.useState(false);
+    const [needSelection, setNeedSelection] = React.useState(false);
+    const [isFocusField, setIsFocusField] = React.useState(false);
+    const inputElementRef = React.useRef(null);
+    const refs = (0, core_react_1.useRefs)(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
+    React.useEffect(() => {
+        const formattedValue = FrameworkAccuDraw_1.FrameworkAccuDraw.getFieldDisplayValue(field);
+        setStringValue(formattedValue);
+    }, [field]);
+    const handleChange = React.useCallback((event) => {
+        const value = event.currentTarget.value;
+        // istanbul ignore next
+        if (value === undefined)
+            return;
+        // istanbul ignore else
+        if (stringValue !== value) {
+            setStringValue(value);
+            setNeedValueChanged(true);
+        }
+    }, [stringValue]);
+    const unsetTimeout = () => {
+        // istanbul ignore else
+        if (timeoutId) {
+            window.clearTimeout(timeoutId.current);
+            timeoutId.current = 0;
+        }
+    };
+    React.useEffect(() => {
+        // After setStringValue & re-render
+        // istanbul ignore else
+        if (needValueChanged) {
+            if (valueChangedDelay) {
+                unsetTimeout();
+                timeoutId.current = window.setTimeout(() => {
+                    onValueChanged(stringValue);
+                }, valueChangedDelay);
+            }
+            else {
+                onValueChanged(stringValue);
+            }
+            setNeedValueChanged(false);
+        }
+    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);
+    React.useEffect(() => {
+        // On unmount
+        return () => unsetTimeout();
+    }, []);
+    const handleKeyDown = React.useCallback((e) => {
+        switch (e.key) {
+            case appui_abstract_1.SpecialKey.Escape:
+                onEscPressed && onEscPressed();
+                return;
+            case appui_abstract_1.SpecialKey.Enter:
+                onEnterPressed && onEnterPressed();
+                return;
+        }
+        if ((0, appui_abstract_1.isLetter)(e.key)) {
+            e.preventDefault();
+            UiFramework_1.UiFramework.keyboardShortcuts.processKey(e.key);
+            return;
+        }
+    }, [onEscPressed, onEnterPressed]);
+    React.useEffect(() => {
+        const handleSetFieldValueToUi = (args) => {
+            if (args.field === field && stringValue !== args.formattedValue) {
+                setStringValue(args.formattedValue);
+                // istanbul ignore else
+                if (isFocusField)
+                    setNeedSelection(true);
+            }
+        };
+        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);
+    }, [field, isFocusField, stringValue]);
+    React.useEffect(() => {
+        if (needSelection) {
+            // istanbul ignore else
+            if (inputElementRef.current)
+                inputElementRef.current.select();
+            setNeedSelection(false);
+        }
+    }, [needSelection]);
+    React.useEffect(() => {
+        const handleSetFieldFocus = (args) => {
+            setIsFocusField(args.field === field);
+        };
+        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);
+    }, [field]);
+    const inputClassNames = (0, classnames_1.default)("uifw-accudraw-input-field", className);
+    const labelClassNames = (0, classnames_1.default)("uifw-accudraw-input-label", labelCentered && "uifw-label-centered", labelClassName);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("label", { htmlFor: id, className: labelClassNames, style: labelStyle },
+            label,
+            iconSpec && React.createElement(core_react_1.Icon, { iconSpec: iconSpec })),
+        React.createElement(itwinui_react_1.Input, { ...inputProps, ref: refs, id: id, value: stringValue, className: inputClassNames, style: style, autoComplete: "off", onChange: handleChange, onKeyDown: handleKeyDown, size: "small" }),
+        React.createElement("span", { className: "uifw-accudraw-lock" }, isLocked && React.createElement(core_react_1.Icon, { iconSpec: "icon-lock" }))));
+});
+/** Input field for AccuDraw Ui
+ * @beta
+ */
+exports.AccuDrawInputField = ForwardRefAccuDrawInput;
 //# sourceMappingURL=AccuDrawInputField.js.map

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":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport \"./AccuDrawInputField.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ItemField } from \"@itwin/core-frontend\";\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\nimport { isLetter, SpecialKey } from \"@itwin/appui-abstract\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties for [[AccuDrawInputField]] component\n * @beta\n */\nexport interface AccuDrawInputFieldProps extends CommonProps {\n  /** Which AccuDraw field this represents */\n  field: ItemField;\n  /** id for the input element */\n  id: string;\n  /** Indicates whether field is locked */\n  isLocked?: boolean;\n  /** label for the input element */\n  label?: string;\n  /** icon for the input element */\n  iconSpec?: IconSpec;\n  /** Custom CSS class name for the label */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n  /** Center justified label */\n  labelCentered?: boolean;\n  /** Triggered when the content is changed */\n  onValueChanged: (stringValue: string) => void;\n  /** Frequency to poll for changes in value, in milliseconds */\n  valueChangedDelay?: number;\n  /** Listens for <Enter> keypress */\n  onEnterPressed?: () => void;\n  /** Listens for <Esc> keypress */\n  onEscPressed?: () => void;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\n    const [stringValue, setStringValue] = React.useState(\"\");\n    const timeoutId = React.useRef(0);\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\n    const [needSelection, setNeedSelection] = React.useState(false);\n    const [isFocusField, setIsFocusField] = React.useState(false);\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\n    const refs = useRefs(inputElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\n      setStringValue(formattedValue);\n    }, [field]);\n\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\n      const value = event.currentTarget.value;\n\n      // istanbul ignore next\n      if (value === undefined)\n        return;\n\n      // istanbul ignore else\n      if (stringValue !== value) {\n        setStringValue(value);\n        setNeedValueChanged(true);\n      }\n    }, [stringValue]);\n\n    const unsetTimeout = (): void => {\n      // istanbul ignore else\n      if (timeoutId) {\n        window.clearTimeout(timeoutId.current);\n        timeoutId.current = 0;\n      }\n    };\n\n    React.useEffect(() => {\n      // After setStringValue & re-render\n      // istanbul ignore else\n      if (needValueChanged) {\n        if (valueChangedDelay) {\n          unsetTimeout();\n          timeoutId.current = window.setTimeout(() => {\n            onValueChanged(stringValue);\n          }, valueChangedDelay);\n        } else {\n          onValueChanged(stringValue);\n        }\n        setNeedValueChanged(false);\n      }\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\n\n    React.useEffect(() => {\n      // On unmount\n      return () => unsetTimeout();\n    }, []);\n\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case SpecialKey.Escape:\n          onEscPressed && onEscPressed();\n          return;\n        case SpecialKey.Enter:\n          onEnterPressed && onEnterPressed();\n          return;\n      }\n\n      if (isLetter(e.key)) {\n        e.preventDefault();\n        UiFramework.keyboardShortcuts.processKey(e.key);\n        return;\n      }\n    }, [onEscPressed, onEnterPressed]);\n\n    React.useEffect(() => {\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\n        if (args.field === field && stringValue !== args.formattedValue) {\n          setStringValue(args.formattedValue);\n          // istanbul ignore else\n          if (isFocusField)\n            setNeedSelection(true);\n        }\n      };\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\n    }, [field, isFocusField, stringValue]);\n\n    React.useEffect(() => {\n      if (needSelection) {\n        // istanbul ignore else\n        if (inputElementRef.current)\n          inputElementRef.current.select();\n        setNeedSelection(false);\n      }\n    }, [needSelection]);\n\n    React.useEffect(() => {\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\n        setIsFocusField(args.field === field);\n      };\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\n    }, [field]);\n\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\n      labelCentered && \"uifw-label-centered\",\n      labelClassName\n    );\n\n    return (\n      <>\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\n          {label}\n          {iconSpec && <Icon iconSpec={iconSpec} />}\n        </label>\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\n          className={inputClassNames} style={style} autoComplete=\"off\"\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\n        <span className=\"uifw-accudraw-lock\" >\n          {isLocked && <Icon iconSpec=\"icon-lock\" />}\n        </span>\n      </>\n    );\n  }\n);\n\n/** Input field for AccuDraw Ui\n * @beta\n */\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\n"]}
+{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport \"./AccuDrawInputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ItemField } from \"@itwin/core-frontend\";\r\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\r\nimport { isLetter, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties for [[AccuDrawInputField]] component\r\n * @beta\r\n */\r\nexport interface AccuDrawInputFieldProps extends CommonProps {\r\n  /** Which AccuDraw field this represents */\r\n  field: ItemField;\r\n  /** id for the input element */\r\n  id: string;\r\n  /** Indicates whether field is locked */\r\n  isLocked?: boolean;\r\n  /** label for the input element */\r\n  label?: string;\r\n  /** icon for the input element */\r\n  iconSpec?: IconSpec;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n  /** Center justified label */\r\n  labelCentered?: boolean;\r\n  /** Triggered when the content is changed */\r\n  onValueChanged: (stringValue: string) => void;\r\n  /** Frequency to poll for changes in value, in milliseconds */\r\n  valueChangedDelay?: number;\r\n  /** Listens for <Enter> keypress */\r\n  onEnterPressed?: () => void;\r\n  /** Listens for <Esc> keypress */\r\n  onEscPressed?: () => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\r\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\r\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\r\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\r\n    const [stringValue, setStringValue] = React.useState(\"\");\r\n    const timeoutId = React.useRef(0);\r\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\r\n    const [needSelection, setNeedSelection] = React.useState(false);\r\n    const [isFocusField, setIsFocusField] = React.useState(false);\r\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\r\n    const refs = useRefs(inputElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\r\n\r\n    React.useEffect(() => {\r\n      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\r\n      setStringValue(formattedValue);\r\n    }, [field]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\r\n      const value = event.currentTarget.value;\r\n\r\n      // istanbul ignore next\r\n      if (value === undefined)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (stringValue !== value) {\r\n        setStringValue(value);\r\n        setNeedValueChanged(true);\r\n      }\r\n    }, [stringValue]);\r\n\r\n    const unsetTimeout = (): void => {\r\n      // istanbul ignore else\r\n      if (timeoutId) {\r\n        window.clearTimeout(timeoutId.current);\r\n        timeoutId.current = 0;\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      // After setStringValue & re-render\r\n      // istanbul ignore else\r\n      if (needValueChanged) {\r\n        if (valueChangedDelay) {\r\n          unsetTimeout();\r\n          timeoutId.current = window.setTimeout(() => {\r\n            onValueChanged(stringValue);\r\n          }, valueChangedDelay);\r\n        } else {\r\n          onValueChanged(stringValue);\r\n        }\r\n        setNeedValueChanged(false);\r\n      }\r\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\r\n\r\n    React.useEffect(() => {\r\n      // On unmount\r\n      return () => unsetTimeout();\r\n    }, []);\r\n\r\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\r\n      switch (e.key) {\r\n        case SpecialKey.Escape:\r\n          onEscPressed && onEscPressed();\r\n          return;\r\n        case SpecialKey.Enter:\r\n          onEnterPressed && onEnterPressed();\r\n          return;\r\n      }\r\n\r\n      if (isLetter(e.key)) {\r\n        e.preventDefault();\r\n        UiFramework.keyboardShortcuts.processKey(e.key);\r\n        return;\r\n      }\r\n    }, [onEscPressed, onEnterPressed]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\r\n        if (args.field === field && stringValue !== args.formattedValue) {\r\n          setStringValue(args.formattedValue);\r\n          // istanbul ignore else\r\n          if (isFocusField)\r\n            setNeedSelection(true);\r\n        }\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\r\n    }, [field, isFocusField, stringValue]);\r\n\r\n    React.useEffect(() => {\r\n      if (needSelection) {\r\n        // istanbul ignore else\r\n        if (inputElementRef.current)\r\n          inputElementRef.current.select();\r\n        setNeedSelection(false);\r\n      }\r\n    }, [needSelection]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\r\n        setIsFocusField(args.field === field);\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\r\n    }, [field]);\r\n\r\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\r\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\r\n      labelCentered && \"uifw-label-centered\",\r\n      labelClassName\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\r\n          {label}\r\n          {iconSpec && <Icon iconSpec={iconSpec} />}\r\n        </label>\r\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\r\n          className={inputClassNames} style={style} autoComplete=\"off\"\r\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\r\n        <span className=\"uifw-accudraw-lock\" >\r\n          {isLocked && <Icon iconSpec=\"icon-lock\" />}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n);\r\n\r\n/** Input field for AccuDraw Ui\r\n * @beta\r\n */\r\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\r\n"]}