@itwin/appui-react 5.3.1 → 5.4.0

package/lib/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 { Orientation } from \"@itwin/components-react\";\nimport type { ColorDef } from \"@itwin/core-common\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { CompassMode, IModelApp, ItemField } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { getCSSColorFromDef } from \"@itwin/imodel-components-react/internal\";\nimport { AccuDrawInputField } from \"./AccuDrawInputField.js\";\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw.js\";\nimport type { AccuDrawUiSettings } from \"./AccuDrawUiSettings.js\";\nimport angleIconSvg from \"./angle.svg\";\nimport distanceIconSvg from \"./distance.svg\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { UiStateStorage } from \"../uistate/UiStateStorage.js\";\n\n/** Properties for [[AccuDrawFieldContainer]] component\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof AccuDrawFieldContainer>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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  /** Indicates whether the field is displaying a bearing angles. */\n  isBearingAngle?: boolean;\n}\n\nlet AccuDrawContainerIndex = 0;\n\nfunction determineShowZ(vp?: ScreenViewport): boolean {\n  const showZ = vp !== undefined ? vp.view.is3d() : false;\n  return showZ;\n}\n\nconst defaultXLabel = \"X\";\nconst defaultYLabel = \"Y\";\nconst defaultZLabel = \"Z\";\n\n/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps) {\n  const {\n    className,\n    style,\n    orientation,\n    uiSettingsStorage,\n    showZOverride,\n    isBearingAngle = false,\n    ...otherProps\n  } = 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(() => IModelApp.accuDraw.compassMode);\n  const [xLock, setXLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.X_Item)\n  );\n  const [yLock, setYLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.Y_Item)\n  );\n  const [zLock, setZLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.Z_Item)\n  );\n  const [angleLock, setAngleLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.ANGLE_Item)\n  );\n  const [distanceLock, setDistanceLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.DIST_Item)\n  );\n  const [showZ, setShowZ] = React.useState(true);\n\n  const [uiSettings, setUiSettings] = React.useState<\n    AccuDrawUiSettings | undefined\n  >(FrameworkAccuDraw.uiStateStorage);\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(\n      () => {\n        setUiSettings(FrameworkAccuDraw.uiStateStorage);\n      }\n    );\n  }, []);\n\n  const getFieldInput = (field: ItemField) => {\n    switch (field) {\n      case ItemField.X_Item:\n        return getCurrent(xInputRef);\n      case ItemField.Y_Item:\n        return getCurrent(yInputRef);\n      case ItemField.Z_Item:\n        return getCurrent(zInputRef);\n      case ItemField.ANGLE_Item:\n        return getCurrent(angleInputRef);\n      case ItemField.DIST_Item:\n        return getCurrent(distanceInputRef);\n    }\n  };\n\n  const getInputToFocus = React.useCallback((field: ItemField | undefined) => {\n    const fieldInput = field === undefined ? undefined : getFieldInput(field);\n    if (fieldInput) {\n      if (document.activeElement === fieldInput) return undefined;\n      return fieldInput;\n    }\n\n    const focusedInput = [\n      xInputRef,\n      yInputRef,\n      zInputRef,\n      angleInputRef,\n      distanceInputRef,\n    ].find((inputRef) => document.activeElement === inputRef.current);\n\n    // One of AccuDraw input fields is focused already.\n    if (focusedInput) return undefined;\n\n    // Focus one of fallback fields.\n    let fallbackInput = getFieldInput(ItemField.DIST_Item);\n    if (fallbackInput) return fallbackInput;\n\n    fallbackInput = getFieldInput(ItemField.X_Item);\n    return fallbackInput;\n  }, []);\n\n  // Moves focus to `field` input if not focused OR fallbacks to default field if none of accudraw fields are focused.\n  const setFocusToField = React.useCallback(\n    (field: ItemField | undefined) => {\n      const input = getInputToFocus(field);\n      if (!input) return;\n\n      input.focus();\n      input.select();\n    },\n    [getInputToFocus]\n  );\n\n  React.useEffect(() => {\n    // Set the focus to the first input field when the component is mounted and when the compass mode changes.\n    const itemToFocus =\n      mode === CompassMode.Polar ? ItemField.DIST_Item : ItemField.X_Item;\n    IModelApp.accuDraw.setFocusItem(itemToFocus);\n    setFocusToField(itemToFocus);\n    const inputToFocus =\n      mode === CompassMode.Rectangular\n        ? getFieldInput(ItemField.X_Item)\n        : getFieldInput(ItemField.DIST_Item);\n    if (!inputToFocus) return;\n    const timeoutId = setTimeout(() => {\n      // Timeout to force an highlight on the field.\n      inputToFocus.focus();\n      inputToFocus.select();\n    }, 1);\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [mode, setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldLockEvent.addListener((args) => {\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  }, []);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(\n      (args) => {\n        focusField.current = args.field;\n        setFocusToField(focusField.current);\n      }\n    );\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawGrabInputFocusEvent.addListener(() => {\n      setFocusToField(focusField.current);\n    });\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetCompassModeEvent.addListener(\n      (args) => {\n        setMode(args.mode);\n      }\n    );\n  }, []);\n\n  const handleValueChanged = React.useCallback(\n    (field: ItemField, stringValue: string) => {\n      FrameworkAccuDraw.setFieldValueFromUi(field, stringValue);\n    },\n    []\n  );\n\n  const handleEscPressed = React.useCallback(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n\n  React.useEffect(() => {\n    setShowZ(\n      showZOverride || determineShowZ(IModelApp.viewManager.selectedView)\n    );\n\n    return IModelApp.viewManager.onSelectedViewportChanged.addListener(\n      (args) => {\n        setShowZ(determineShowZ(args.current));\n      }\n    );\n  }, [showZOverride]);\n\n  const createFieldStyle = (\n    inStyle: React.CSSProperties | undefined,\n    backgroundColor: ColorDef | string | undefined,\n    foregroundColor: ColorDef | string | undefined\n  ): 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 =\n          typeof backgroundColor === \"string\"\n            ? backgroundColor\n            : getCSSColorFromDef(backgroundColor);\n        fieldStyle = { ...fieldStyle, backgroundColor: rgbaString };\n      }\n      if (foregroundColor) {\n        rgbaString =\n          typeof foregroundColor === \"string\"\n            ? foregroundColor\n            : getCSSColorFromDef(foregroundColor);\n        fieldStyle = { ...fieldStyle, color: rgbaString };\n      }\n    }\n    return fieldStyle;\n  };\n\n  const xStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.xStyle,\n      uiSettings.xBackgroundColor,\n      uiSettings.xForegroundColor\n    );\n  }, [uiSettings]);\n  const yStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.yStyle,\n      uiSettings.yBackgroundColor,\n      uiSettings.yForegroundColor\n    );\n  }, [uiSettings]);\n  const zStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.zStyle,\n      uiSettings.zBackgroundColor,\n      uiSettings.zForegroundColor\n    );\n  }, [uiSettings]);\n  const angleStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.angleStyle,\n      uiSettings.angleBackgroundColor,\n      uiSettings.angleForegroundColor\n    );\n  }, [uiSettings]);\n  const distanceStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.distanceStyle,\n      uiSettings.distanceBackgroundColor,\n      uiSettings.distanceForegroundColor\n    );\n  }, [uiSettings]);\n  const xLabel = uiSettings?.xLabel ?? defaultXLabel;\n  const yLabel = uiSettings?.yLabel ?? defaultYLabel;\n  const zLabel = uiSettings?.zLabel ?? defaultZLabel;\n  const angleLabel = uiSettings?.angleLabel;\n  const distanceLabel = uiSettings?.distanceLabel;\n\n  const classNames = classnames(\n    \"uifw-accudraw-field-container\",\n    orientation === Orientation.Vertical ? \"uifw-vertical\" : \"uifw-horizontal\",\n    className\n  );\n\n  const labelCentered =\n    xLabel !== undefined &&\n    xLabel.length === 1 &&\n    yLabel !== undefined &&\n    yLabel.length === 1 &&\n    zLabel !== undefined &&\n    zLabel.length === 1;\n\n  return (\n    <div className={classNames} style={style} {...otherProps}>\n      {mode === CompassMode.Rectangular && (\n        <>\n          <AccuDrawInputField\n            ref={xInputRef}\n            isLocked={xLock}\n            style={xStyle}\n            field={ItemField.X_Item}\n            id={`uifw-accudraw-x-${containerIndex}`}\n            data-testid=\"uifw-accudraw-x\"\n            label={xLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.xIcon}\n            icon={uiSettings?.xIconNode}\n            labelCentered={labelCentered}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.X_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              IModelApp.accuDraw.setFocusItem(ItemField.Y_Item)\n            }\n          />\n          <AccuDrawInputField\n            ref={yInputRef}\n            isLocked={yLock}\n            style={yStyle}\n            field={ItemField.Y_Item}\n            id={`uifw-accudraw-y-${containerIndex}`}\n            data-testid=\"uifw-accudraw-y\"\n            label={yLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.yIcon}\n            icon={uiSettings?.yIconNode}\n            labelCentered={labelCentered}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.Y_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              showZ\n                ? IModelApp.accuDraw.setFocusItem(ItemField.Z_Item)\n                : IModelApp.accuDraw.setFocusItem(ItemField.X_Item)\n            }\n          />\n          {showZ && (\n            <AccuDrawInputField\n              ref={zInputRef}\n              isLocked={zLock}\n              style={zStyle}\n              field={ItemField.Z_Item}\n              id={`uifw-accudraw-z-${containerIndex}`}\n              data-testid=\"uifw-accudraw-z\"\n              label={zLabel}\n              // eslint-disable-next-line @typescript-eslint/no-deprecated\n              iconSpec={uiSettings?.zIcon}\n              icon={uiSettings?.zIconNode}\n              labelCentered={labelCentered}\n              onValueChanged={(stringValue) =>\n                handleValueChanged(ItemField.Z_Item, stringValue)\n              }\n              onEscPressed={handleEscPressed}\n              onTabPressed={() =>\n                IModelApp.accuDraw.setFocusItem(ItemField.X_Item)\n              }\n            />\n          )}\n        </>\n      )}\n      {mode === CompassMode.Polar && (\n        <>\n          <AccuDrawInputField\n            ref={distanceInputRef}\n            isLocked={distanceLock}\n            style={distanceStyle}\n            field={ItemField.DIST_Item}\n            id={`uifw-accudraw-distance-${containerIndex}`}\n            data-testid=\"uifw-accudraw-distance\"\n            label={distanceLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.distanceIcon ?? distanceIconSvg}\n            icon={uiSettings?.distanceIconNode}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.DIST_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              IModelApp.accuDraw.setFocusItem(ItemField.ANGLE_Item)\n            }\n          />\n          <AccuDrawInputField\n            ref={angleInputRef}\n            isLocked={angleLock}\n            isBearingAngle={isBearingAngle}\n            style={angleStyle}\n            field={ItemField.ANGLE_Item}\n            id={`uifw-accudraw-angle-${containerIndex}`}\n            data-testid=\"uifw-accudraw-angle\"\n            label={angleLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.angleIcon ?? angleIconSvg}\n            icon={uiSettings?.angleIconNode}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.ANGLE_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              IModelApp.accuDraw.setFocusItem(ItemField.DIST_Item)\n            }\n          />\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction getCurrent<T>(ref: React.RefObject<T>) {\n  if (ref.current === null) return undefined;\n  return ref.current;\n}\n"]}
+{"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 { Orientation } from \"@itwin/components-react\";\nimport type { ColorDef } from \"@itwin/core-common\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { CompassMode, IModelApp, ItemField } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { getCSSColorFromDef } from \"@itwin/imodel-components-react/internal\";\nimport { AccuDrawInputField } from \"./AccuDrawInputField.js\";\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw.js\";\nimport type { AccuDrawUiSettings } from \"./AccuDrawUiSettings.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { UiStateStorage } from \"../uistate/UiStateStorage.js\";\nimport { SvgDistance } from \"../icons/SvgDistance.js\";\nimport { SvgAngle } from \"../icons/SvgAngle.js\";\n\n/** Properties for [[AccuDrawFieldContainer]] component\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof AccuDrawFieldContainer>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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  /** Indicates whether the field is displaying a bearing angles. */\n  isBearingAngle?: boolean;\n}\n\nlet AccuDrawContainerIndex = 0;\n\nfunction determineShowZ(vp?: ScreenViewport): boolean {\n  const showZ = vp !== undefined ? vp.view.is3d() : false;\n  return showZ;\n}\n\nconst defaultXLabel = \"X\";\nconst defaultYLabel = \"Y\";\nconst defaultZLabel = \"Z\";\n\n/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps) {\n  const {\n    className,\n    style,\n    orientation,\n    uiSettingsStorage,\n    showZOverride,\n    isBearingAngle = false,\n    ...otherProps\n  } = 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(() => IModelApp.accuDraw.compassMode);\n  const [xLock, setXLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.X_Item)\n  );\n  const [yLock, setYLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.Y_Item)\n  );\n  const [zLock, setZLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.Z_Item)\n  );\n  const [angleLock, setAngleLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.ANGLE_Item)\n  );\n  const [distanceLock, setDistanceLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.DIST_Item)\n  );\n  const [showZ, setShowZ] = React.useState(true);\n\n  const [uiSettings, setUiSettings] = React.useState<\n    AccuDrawUiSettings | undefined\n  >(FrameworkAccuDraw.uiStateStorage);\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(\n      () => {\n        setUiSettings(FrameworkAccuDraw.uiStateStorage);\n      }\n    );\n  }, []);\n\n  const getFieldInput = (field: ItemField) => {\n    switch (field) {\n      case ItemField.X_Item:\n        return getCurrent(xInputRef);\n      case ItemField.Y_Item:\n        return getCurrent(yInputRef);\n      case ItemField.Z_Item:\n        return getCurrent(zInputRef);\n      case ItemField.ANGLE_Item:\n        return getCurrent(angleInputRef);\n      case ItemField.DIST_Item:\n        return getCurrent(distanceInputRef);\n    }\n  };\n\n  const getInputToFocus = React.useCallback((field: ItemField | undefined) => {\n    const fieldInput = field === undefined ? undefined : getFieldInput(field);\n    if (fieldInput) {\n      if (document.activeElement === fieldInput) return undefined;\n      return fieldInput;\n    }\n\n    const focusedInput = [\n      xInputRef,\n      yInputRef,\n      zInputRef,\n      angleInputRef,\n      distanceInputRef,\n    ].find((inputRef) => document.activeElement === inputRef.current);\n\n    // One of AccuDraw input fields is focused already.\n    if (focusedInput) return undefined;\n\n    // Focus one of fallback fields.\n    let fallbackInput = getFieldInput(ItemField.DIST_Item);\n    if (fallbackInput) return fallbackInput;\n\n    fallbackInput = getFieldInput(ItemField.X_Item);\n    return fallbackInput;\n  }, []);\n\n  // Moves focus to `field` input if not focused OR fallbacks to default field if none of accudraw fields are focused.\n  const setFocusToField = React.useCallback(\n    (field: ItemField | undefined) => {\n      const input = getInputToFocus(field);\n      if (!input) return;\n\n      input.focus();\n      input.select();\n    },\n    [getInputToFocus]\n  );\n\n  React.useEffect(() => {\n    // Set the focus to the first input field when the component is mounted and when the compass mode changes.\n    const itemToFocus =\n      mode === CompassMode.Polar ? ItemField.DIST_Item : ItemField.X_Item;\n    IModelApp.accuDraw.setFocusItem(itemToFocus);\n    setFocusToField(itemToFocus);\n    const inputToFocus =\n      mode === CompassMode.Rectangular\n        ? getFieldInput(ItemField.X_Item)\n        : getFieldInput(ItemField.DIST_Item);\n    if (!inputToFocus) return;\n    const timeoutId = setTimeout(() => {\n      // Timeout to force an highlight on the field.\n      inputToFocus.focus();\n      inputToFocus.select();\n    }, 1);\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [mode, setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldLockEvent.addListener((args) => {\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  }, []);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(\n      (args) => {\n        focusField.current = args.field;\n        setFocusToField(focusField.current);\n      }\n    );\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawGrabInputFocusEvent.addListener(() => {\n      setFocusToField(focusField.current);\n    });\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetCompassModeEvent.addListener(\n      (args) => {\n        setMode(args.mode);\n      }\n    );\n  }, []);\n\n  const handleValueChanged = React.useCallback(\n    (field: ItemField, stringValue: string) => {\n      FrameworkAccuDraw.setFieldValueFromUi(field, stringValue);\n    },\n    []\n  );\n\n  const handleEscPressed = React.useCallback(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n\n  React.useEffect(() => {\n    setShowZ(\n      showZOverride || determineShowZ(IModelApp.viewManager.selectedView)\n    );\n\n    return IModelApp.viewManager.onSelectedViewportChanged.addListener(\n      (args) => {\n        setShowZ(determineShowZ(args.current));\n      }\n    );\n  }, [showZOverride]);\n\n  const createFieldStyle = (\n    inStyle: React.CSSProperties | undefined,\n    backgroundColor: ColorDef | string | undefined,\n    foregroundColor: ColorDef | string | undefined\n  ): 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 =\n          typeof backgroundColor === \"string\"\n            ? backgroundColor\n            : getCSSColorFromDef(backgroundColor);\n        fieldStyle = { ...fieldStyle, backgroundColor: rgbaString };\n      }\n      if (foregroundColor) {\n        rgbaString =\n          typeof foregroundColor === \"string\"\n            ? foregroundColor\n            : getCSSColorFromDef(foregroundColor);\n        fieldStyle = { ...fieldStyle, color: rgbaString };\n      }\n    }\n    return fieldStyle;\n  };\n\n  const xStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.xStyle,\n      uiSettings.xBackgroundColor,\n      uiSettings.xForegroundColor\n    );\n  }, [uiSettings]);\n  const yStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.yStyle,\n      uiSettings.yBackgroundColor,\n      uiSettings.yForegroundColor\n    );\n  }, [uiSettings]);\n  const zStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.zStyle,\n      uiSettings.zBackgroundColor,\n      uiSettings.zForegroundColor\n    );\n  }, [uiSettings]);\n  const angleStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.angleStyle,\n      uiSettings.angleBackgroundColor,\n      uiSettings.angleForegroundColor\n    );\n  }, [uiSettings]);\n  const distanceStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.distanceStyle,\n      uiSettings.distanceBackgroundColor,\n      uiSettings.distanceForegroundColor\n    );\n  }, [uiSettings]);\n  const xLabel = uiSettings?.xLabel ?? defaultXLabel;\n  const yLabel = uiSettings?.yLabel ?? defaultYLabel;\n  const zLabel = uiSettings?.zLabel ?? defaultZLabel;\n  const angleLabel = uiSettings?.angleLabel;\n  const distanceLabel = uiSettings?.distanceLabel;\n\n  const classNames = classnames(\n    \"uifw-accudraw-field-container\",\n    orientation === Orientation.Vertical ? \"uifw-vertical\" : \"uifw-horizontal\",\n    className\n  );\n\n  const labelCentered =\n    xLabel !== undefined &&\n    xLabel.length === 1 &&\n    yLabel !== undefined &&\n    yLabel.length === 1 &&\n    zLabel !== undefined &&\n    zLabel.length === 1;\n\n  return (\n    <div className={classNames} style={style} {...otherProps}>\n      {mode === CompassMode.Rectangular && (\n        <>\n          <AccuDrawInputField\n            ref={xInputRef}\n            isLocked={xLock}\n            style={xStyle}\n            field={ItemField.X_Item}\n            id={`uifw-accudraw-x-${containerIndex}`}\n            data-testid=\"uifw-accudraw-x\"\n            label={xLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.xIcon}\n            icon={uiSettings?.xIconNode}\n            labelCentered={labelCentered}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.X_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              IModelApp.accuDraw.setFocusItem(ItemField.Y_Item)\n            }\n          />\n          <AccuDrawInputField\n            ref={yInputRef}\n            isLocked={yLock}\n            style={yStyle}\n            field={ItemField.Y_Item}\n            id={`uifw-accudraw-y-${containerIndex}`}\n            data-testid=\"uifw-accudraw-y\"\n            label={yLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.yIcon}\n            icon={uiSettings?.yIconNode}\n            labelCentered={labelCentered}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.Y_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              showZ\n                ? IModelApp.accuDraw.setFocusItem(ItemField.Z_Item)\n                : IModelApp.accuDraw.setFocusItem(ItemField.X_Item)\n            }\n          />\n          {showZ && (\n            <AccuDrawInputField\n              ref={zInputRef}\n              isLocked={zLock}\n              style={zStyle}\n              field={ItemField.Z_Item}\n              id={`uifw-accudraw-z-${containerIndex}`}\n              data-testid=\"uifw-accudraw-z\"\n              label={zLabel}\n              // eslint-disable-next-line @typescript-eslint/no-deprecated\n              iconSpec={uiSettings?.zIcon}\n              icon={uiSettings?.zIconNode}\n              labelCentered={labelCentered}\n              onValueChanged={(stringValue) =>\n                handleValueChanged(ItemField.Z_Item, stringValue)\n              }\n              onEscPressed={handleEscPressed}\n              onTabPressed={() =>\n                IModelApp.accuDraw.setFocusItem(ItemField.X_Item)\n              }\n            />\n          )}\n        </>\n      )}\n      {mode === CompassMode.Polar && (\n        <>\n          <AccuDrawInputField\n            ref={distanceInputRef}\n            isLocked={distanceLock}\n            style={distanceStyle}\n            field={ItemField.DIST_Item}\n            id={`uifw-accudraw-distance-${containerIndex}`}\n            data-testid=\"uifw-accudraw-distance\"\n            label={distanceLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.distanceIcon ?? <SvgDistance />}\n            icon={uiSettings?.distanceIconNode}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.DIST_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              IModelApp.accuDraw.setFocusItem(ItemField.ANGLE_Item)\n            }\n          />\n          <AccuDrawInputField\n            ref={angleInputRef}\n            isLocked={angleLock}\n            isBearingAngle={isBearingAngle}\n            style={angleStyle}\n            field={ItemField.ANGLE_Item}\n            id={`uifw-accudraw-angle-${containerIndex}`}\n            data-testid=\"uifw-accudraw-angle\"\n            label={angleLabel}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            iconSpec={uiSettings?.angleIcon ?? <SvgAngle />}\n            icon={uiSettings?.angleIconNode}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.ANGLE_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n            onTabPressed={() =>\n              IModelApp.accuDraw.setFocusItem(ItemField.DIST_Item)\n            }\n          />\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction getCurrent<T>(ref: React.RefObject<T>) {\n  if (ref.current === null) return undefined;\n  return ref.current;\n}\n"]}

package/lib/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,uBAAuB,CAAC;AASjE;;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"}
+{"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,uBAAuB,CAAC;AASjE;;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;IAaV,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;WAaI,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;CAYX"}

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

@@ -11,9 +11,10 @@ import { PopupManager } from "../popup/PopupManager.js";
 import { MenuItemHelpers } from "../shared/MenuItem.js";
 import { CalculatorPopup } from "./CalculatorPopup.js";
 import { MenuButtonPopup } from "./MenuButtonPopup.js";
-import angleIcon from "./angle.svg";
-import lengthIcon from "./distance.svg";
-import heightIcon from "./height-2.svg";
+import { SvgDistance } from "../icons/SvgDistance.js";
+import { SvgAngle } from "../icons/SvgAngle.js";
+import { addIconNodeParam } from "@itwin/components-react/internal";
+import { SvgHeight } from "../icons/SvgHeight.js";
 /** AccuDraw Popup Manager class
  * @public
  */
@@ -56,7 +57,8 @@ export class AccuDrawPopupManager {
         return PopupManager.removePopup(AccuDrawPopupManager._calculatorId);
     }
     static showAngleEditor(el, pt, value, onCommit, onCancel) {
-        const propertyDescription = new AngleDescription(undefined, undefined, angleIcon);
+        const propertyDescription = new AngleDescription();
+        addIconNodeParam(propertyDescription, React.createElement(SvgAngle, null));
         return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit, onCancel);
     }
     /** @internal */
@@ -67,11 +69,13 @@ export class AccuDrawPopupManager {
         return AccuDrawPopupManager.showLengthEditor(el, pt, value, onCommit, onCancel);
     }
     static showLengthEditor(el, pt, value, onCommit, onCancel) {
-        const propertyDescription = new LengthDescription(undefined, undefined, lengthIcon);
+        const propertyDescription = new LengthDescription();
+        addIconNodeParam(propertyDescription, React.createElement(SvgDistance, null));
         return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit, onCancel);
     }
     static showHeightEditor(el, pt, value, onCommit, onCancel) {
-        const propertyDescription = new LengthDescription(undefined, undefined, heightIcon);
+        const propertyDescription = new LengthDescription();
+        addIconNodeParam(propertyDescription, React.createElement(SvgHeight, null));
         return PopupManager.showInputEditor(el, pt, value, propertyDescription, onCommit, onCancel);
     }
 }

package/lib/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.js\";\nimport { PopupManager } from \"../popup/PopupManager.js\";\nimport type { CursorMenuItemProps } from \"../shared/MenuItem.js\";\nimport { MenuItemHelpers } from \"../shared/MenuItem.js\";\nimport { CalculatorPopup } from \"./CalculatorPopup.js\";\nimport { MenuButtonPopup } from \"./MenuButtonPopup.js\";\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 @typescript-eslint/no-deprecated\n    const menuItems = MenuItemHelpers.createMenuItems(menuItemsProps);\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\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 @typescript-eslint/no-deprecated\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.js\";\nimport { PopupManager } from \"../popup/PopupManager.js\";\nimport type { CursorMenuItemProps } from \"../shared/MenuItem.js\";\nimport { MenuItemHelpers } from \"../shared/MenuItem.js\";\nimport { CalculatorPopup } from \"./CalculatorPopup.js\";\nimport { MenuButtonPopup } from \"./MenuButtonPopup.js\";\nimport { SvgDistance } from \"../icons/SvgDistance.js\";\nimport { SvgAngle } from \"../icons/SvgAngle.js\";\nimport { addIconNodeParam } from \"@itwin/components-react/internal\";\nimport { SvgHeight } from \"../icons/SvgHeight.js\";\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 @typescript-eslint/no-deprecated\n    const menuItems = MenuItemHelpers.createMenuItems(menuItemsProps);\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\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 @typescript-eslint/no-deprecated\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    addIconNodeParam(propertyDescription, <SvgAngle />);\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    addIconNodeParam(propertyDescription, <SvgDistance />);\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    addIconNodeParam(propertyDescription, <SvgHeight />);\n    return PopupManager.showInputEditor(\n      el,\n      pt,\n      value,\n      propertyDescription,\n      onCommit as OnValueCommitFunc,\n      onCancel\n    );\n  }\n}\n"]}

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

@@ -14,7 +14,7 @@ import { Button, Input } from "@itwin/itwinui-react";
 import { CalculatorEngine, CalculatorOperator } from "./CalculatorEngine.js";
 import { SquareButton } from "./SquareButton.js";
 import { SvgCheckmark, SvgRemove } from "@itwin/itwinui-icons-react";
-import backspaceIcon from "./backspace.svg";
+import { SvgBackspace } from "../icons/SvgBackspace.js";
 /** @public */
 export class Calculator extends React.PureComponent {
     constructor(props) {
@@ -161,7 +161,7 @@ class CalculatorKeyPad extends React.PureComponent {
             React.createElement(OperatorButton, { operator: CalculatorOperator.Clear, onClick: this.props.onOperatorClick }, "C"),
             React.createElement(OperatorButton, { operator: CalculatorOperator.Backspace, onClick: this.props.onOperatorClick },
                 React.createElement("div", { className: "uifw-calculator-button-svg" },
-                    React.createElement(Icon, { iconSpec: backspaceIcon }))),
+                    React.createElement(Icon, { iconSpec: React.createElement(SvgBackspace, null) }))),
             React.createElement(OperatorButton, { operator: CalculatorOperator.Divide, onClick: this.props.onOperatorClick, className: "uifw-calculator-large-font" }, "\u00F7"),
             React.createElement(ValueButton, { keyChar: "7", onClick: this.props.onValueClick }),
             React.createElement(ValueButton, { keyChar: "8", onClick: this.props.onValueClick }),

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

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

package/lib/appui-react/childwindow/ChildWindowRenderer.d.ts

@@ -9,5 +9,7 @@ interface ChildWindowRendererProps {
 }
 /** @internal */
 export declare function ChildWindowRenderer({ windowManager, }: ChildWindowRendererProps): React.JSX.Element;
+/** @internal */
+export declare const ChildWindowContext: React.Context<Window | undefined>;
 export {};
 //# sourceMappingURL=ChildWindowRenderer.d.ts.map

package/lib/appui-react/childwindow/ChildWindowRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowRenderer.d.ts","sourceRoot":"","sources":["../../../src/appui-react/childwindow/ChildWindowRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,0BAA0B,EAE3B,MAAM,iCAAiC,CAAC;AAUzC,UAAU,wBAAwB;IAChC,aAAa,EAAE,0BAA0B,CAAC;CAC3C;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,GACd,EAAE,wBAAwB,qBAuB1B"}
+{"version":3,"file":"ChildWindowRenderer.d.ts","sourceRoot":"","sources":["../../../src/appui-react/childwindow/ChildWindowRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,0BAA0B,EAE3B,MAAM,iCAAiC,CAAC;AAWzC,UAAU,wBAAwB;IAChC,aAAa,EAAE,0BAA0B,CAAC;CAC3C;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,GACd,EAAE,wBAAwB,qBAuB1B;AAuED,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,mCAE9B,CAAC"}

package/lib/appui-react/childwindow/ChildWindowRenderer.js

@@ -16,6 +16,7 @@ import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager.js";
 import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu.js";
 import { copyStyles } from "./CopyStyles.js";
 import { ConfigurableUiContext } from "../configurableui/ConfigurableUiContent.js";
+import { CursorPopupRenderer } from "../../appui-react.js";
 /** @internal */
 export function ChildWindowRenderer({ windowManager, }) {
     const [childWindows, setChildWindows] = React.useState(windowManager.openChildWindows);
@@ -45,16 +46,18 @@ function ChildWindow({ content, tabId, window }) {
     if (!styled)
         return null;
     const ChildWindowWrapper = childWindow ?? DefaultChildWindowWrapper;
-    return ReactDOM.createPortal(React.createElement(TabIdContext.Provider, { value: tabId },
-        React.createElement(ThemeManager, null,
-            React.createElement(ChildWindowWrapper, null,
-                React.createElement("div", { className: "uifw-child-window-container-host" },
-                    React.createElement(PopupRenderer, null),
-                    React.createElement(ModalDialogRenderer, null),
-                    React.createElement(ModelessDialogRenderer, null),
-                    React.createElement(CursorPopupMenu, null),
-                    React.createElement("div", { className: "uifw-child-window-container nz-widget-widget" }, content)),
-                React.createElement("div", { className: "uifw-childwindow-internalChildWindowManager_portalContainer" })))), container);
+    return ReactDOM.createPortal(React.createElement(ChildWindowContext.Provider, { value: window },
+        React.createElement(TabIdContext.Provider, { value: tabId },
+            React.createElement(ThemeManager, null,
+                React.createElement(ChildWindowWrapper, null,
+                    React.createElement("div", { className: "uifw-child-window-container-host" },
+                        React.createElement(PopupRenderer, null),
+                        React.createElement(ModalDialogRenderer, null),
+                        React.createElement(ModelessDialogRenderer, null),
+                        React.createElement(CursorPopupMenu, null),
+                        React.createElement("div", { className: "uifw-child-window-container nz-widget-widget" }, content),
+                        React.createElement(CursorPopupRenderer, null)),
+                    React.createElement("div", { className: "uifw-childwindow-internalChildWindowManager_portalContainer" }))))), container);
 }
 const stylesUtils = (() => {
     // eslint-disable-next-line @typescript-eslint/promise-function-async
@@ -77,4 +80,6 @@ const stylesUtils = (() => {
 function DefaultChildWindowWrapper(props) {
     return React.createElement(React.Fragment, null, props.children);
 }
+/** @internal */
+export const ChildWindowContext = React.createContext(undefined);
 //# sourceMappingURL=ChildWindowRenderer.js.map

package/lib/appui-react/childwindow/ChildWindowRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowRenderer.js","sourceRoot":"","sources":["../../../src/appui-react/childwindow/ChildWindowRenderer.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 ChildWindowManager\n */\n\nimport \"./ChildWindowRenderer.scss\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type {\n  InternalChildWindowManager,\n  InternalOpenChildWindowInfo,\n} from \"./InternalChildWindowManager.js\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer.js\";\nimport { ThemeManager } from \"../theme/ThemeManager.js\";\nimport { PopupRenderer } from \"../popup/PopupManager.js\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager.js\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager.js\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu.js\";\nimport { copyStyles } from \"./CopyStyles.js\";\nimport { ConfigurableUiContext } from \"../configurableui/ConfigurableUiContent.js\";\n\ninterface ChildWindowRendererProps {\n  windowManager: InternalChildWindowManager;\n}\n\n/** @internal */\nexport function ChildWindowRenderer({\n  windowManager,\n}: ChildWindowRendererProps) {\n  const [childWindows, setChildWindows] = React.useState(\n    windowManager.openChildWindows\n  );\n  React.useEffect(() => {\n    return windowManager.onChildWindowsChanged.addListener(() => {\n      setChildWindows([...windowManager.openChildWindows]);\n    });\n  }, [windowManager]);\n  return (\n    <>\n      {childWindows.map((childWindow) => {\n        return (\n          <ChildWindow\n            key={childWindow.childWindowId}\n            content={childWindow.content}\n            tabId={childWindow.tabId}\n            window={childWindow.window}\n          />\n        );\n      })}\n    </>\n  );\n}\n\ntype ChildWindowProps = Pick<\n  InternalOpenChildWindowInfo,\n  \"content\" | \"tabId\" | \"window\"\n>;\n\nfunction ChildWindow({ content, tabId, window }: ChildWindowProps) {\n  const { childWindow } = React.useContext(ConfigurableUiContext);\n  const container = React.useMemo(() => {\n    return window.document.getElementById(\"root\");\n  }, [window]);\n  const [styled, setStyled] = React.useState(false);\n  React.useEffect(() => {\n    void (async () => {\n      await stylesUtils.copyStyles(window);\n      setStyled(true);\n    })();\n  }, [window]);\n\n  if (!container) return null;\n  if (!styled) return null;\n\n  const ChildWindowWrapper = childWindow ?? DefaultChildWindowWrapper;\n  return ReactDOM.createPortal(\n    <TabIdContext.Provider value={tabId}>\n      <ThemeManager>\n        <ChildWindowWrapper>\n          <div className=\"uifw-child-window-container-host\">\n            <PopupRenderer />\n            <ModalDialogRenderer />\n            <ModelessDialogRenderer />\n            <CursorPopupMenu />\n            <div className=\"uifw-child-window-container nz-widget-widget\">\n              {content}\n            </div>\n          </div>\n          <div className=\"uifw-childwindow-internalChildWindowManager_portalContainer\" />\n        </ChildWindowWrapper>\n      </ThemeManager>\n    </TabIdContext.Provider>,\n    container\n  );\n}\n\nconst stylesUtils = (() => {\n  // eslint-disable-next-line @typescript-eslint/promise-function-async\n  const getCopyStylesPromise = (window: Window) => {\n    const w = window as any;\n    return w.__appui_copy_styles as Promise<void> | undefined;\n  };\n  return {\n    copyStyles: async (window: Window) => {\n      let copyStylesPromise = getCopyStylesPromise(window);\n      if (copyStylesPromise === undefined) {\n        copyStylesPromise = copyStyles(window.document);\n        const w = window as any;\n        w.__appui_copy_styles = copyStylesPromise;\n      }\n      return copyStylesPromise;\n    },\n  };\n})();\n\nfunction DefaultChildWindowWrapper(props: React.PropsWithChildren) {\n  return <>{props.children}</>;\n}\n"]}
+{"version":3,"file":"ChildWindowRenderer.js","sourceRoot":"","sources":["../../../src/appui-react/childwindow/ChildWindowRenderer.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 ChildWindowManager\n */\n\nimport \"./ChildWindowRenderer.scss\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type {\n  InternalChildWindowManager,\n  InternalOpenChildWindowInfo,\n} from \"./InternalChildWindowManager.js\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer.js\";\nimport { ThemeManager } from \"../theme/ThemeManager.js\";\nimport { PopupRenderer } from \"../popup/PopupManager.js\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager.js\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager.js\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu.js\";\nimport { copyStyles } from \"./CopyStyles.js\";\nimport { ConfigurableUiContext } from \"../configurableui/ConfigurableUiContent.js\";\nimport { CursorPopupRenderer } from \"../../appui-react.js\";\n\ninterface ChildWindowRendererProps {\n  windowManager: InternalChildWindowManager;\n}\n\n/** @internal */\nexport function ChildWindowRenderer({\n  windowManager,\n}: ChildWindowRendererProps) {\n  const [childWindows, setChildWindows] = React.useState(\n    windowManager.openChildWindows\n  );\n  React.useEffect(() => {\n    return windowManager.onChildWindowsChanged.addListener(() => {\n      setChildWindows([...windowManager.openChildWindows]);\n    });\n  }, [windowManager]);\n  return (\n    <>\n      {childWindows.map((childWindow) => {\n        return (\n          <ChildWindow\n            key={childWindow.childWindowId}\n            content={childWindow.content}\n            tabId={childWindow.tabId}\n            window={childWindow.window}\n          />\n        );\n      })}\n    </>\n  );\n}\n\ntype ChildWindowProps = Pick<\n  InternalOpenChildWindowInfo,\n  \"content\" | \"tabId\" | \"window\"\n>;\n\nfunction ChildWindow({ content, tabId, window }: ChildWindowProps) {\n  const { childWindow } = React.useContext(ConfigurableUiContext);\n  const container = React.useMemo(() => {\n    return window.document.getElementById(\"root\");\n  }, [window]);\n  const [styled, setStyled] = React.useState(false);\n  React.useEffect(() => {\n    void (async () => {\n      await stylesUtils.copyStyles(window);\n      setStyled(true);\n    })();\n  }, [window]);\n\n  if (!container) return null;\n  if (!styled) return null;\n\n  const ChildWindowWrapper = childWindow ?? DefaultChildWindowWrapper;\n  return ReactDOM.createPortal(\n    <ChildWindowContext.Provider value={window}>\n      <TabIdContext.Provider value={tabId}>\n        <ThemeManager>\n          <ChildWindowWrapper>\n            <div className=\"uifw-child-window-container-host\">\n              <PopupRenderer />\n              <ModalDialogRenderer />\n              <ModelessDialogRenderer />\n              <CursorPopupMenu />\n              <div className=\"uifw-child-window-container nz-widget-widget\">\n                {content}\n              </div>\n              <CursorPopupRenderer />\n            </div>\n            <div className=\"uifw-childwindow-internalChildWindowManager_portalContainer\" />\n          </ChildWindowWrapper>\n        </ThemeManager>\n      </TabIdContext.Provider>\n    </ChildWindowContext.Provider>,\n    container\n  );\n}\n\nconst stylesUtils = (() => {\n  // eslint-disable-next-line @typescript-eslint/promise-function-async\n  const getCopyStylesPromise = (window: Window) => {\n    const w = window as any;\n    return w.__appui_copy_styles as Promise<void> | undefined;\n  };\n  return {\n    copyStyles: async (window: Window) => {\n      let copyStylesPromise = getCopyStylesPromise(window);\n      if (copyStylesPromise === undefined) {\n        copyStylesPromise = copyStyles(window.document);\n        const w = window as any;\n        w.__appui_copy_styles = copyStylesPromise;\n      }\n      return copyStylesPromise;\n    },\n  };\n})();\n\nfunction DefaultChildWindowWrapper(props: React.PropsWithChildren) {\n  return <>{props.children}</>;\n}\n\n/** @internal */\nexport const ChildWindowContext = React.createContext<Window | undefined>(\n  undefined\n);\n"]}

package/lib/appui-react/configurableui/ConfigurableUiContent.d.ts

@@ -4,10 +4,13 @@
 import "./ConfigurableUiContent.scss";
 import * as React from "react";
 import type { CommonProps } from "@itwin/core-react";
+import type { StagePanelSection } from "../stagepanels/StagePanelSection.js";
+import type { StagePanelLocation } from "../stagepanels/StagePanelLocation.js";
 /** @internal */
 export declare const ConfigurableUiContext: React.Context<ConfigurableUiContentProps & {
     contentElementRef?: React.RefObject<HTMLElement>;
-    widgetActions?: React.ReactNode;
+    widgetActions?: StandardLayoutProps["widgetActions"];
+    toolSettings?: StandardLayoutProps["toolSettings"];
 }>;
 /** Properties for [[ConfigurableUiContent]]
  * @public
@@ -49,11 +52,30 @@ export declare const WrapperContext: React.Context<HTMLElement>;
  * @public
  */
 export declare function ConfigurableUiContent(props: ConfigurableUiContentProps): React.JSX.Element;
+interface ToolSettingsLocation {
+    section: StagePanelSection;
+    location: StagePanelLocation;
+}
 interface StandardLayoutProps {
     /** Overrides widget specific actions displayed in the title bar area.
      * Use {@link WidgetActions} component to customize widget actions.
+     * @alpha
      */
     widgetActions?: React.ReactNode;
+    /** When enabled keeps the tool settings visible to the end user.
+     * This is especially useful when the tool settings is undocked as a regular widget.
+     * @alpha
+     */
+    visibleToolSettings?: boolean;
+    /** Tool settings related configuration.
+     * @alpha
+     */
+    toolSettings?: {
+        /** The default location of the tool settings. Only used when initializing the layout and ignored when restoring a saved layout.
+         * @alpha
+         */
+        defaultLocation?: ToolSettingsLocation;
+    };
 }
 /** The standard widget based layout used as a default layout for all frontstages.
  * @alpha

package/lib/appui-react/configurableui/ConfigurableUiContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA+BrD,gBAAgB;AAChB,eAAO,MAAM,qBAAqB;wBAGV,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;oBAChC,KAAK,CAAC,SAAS;EAE9B,CAAC;AAEN;;;GAGG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8HAA8H;IAC9H,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6GAA6G;IAC7G,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sIAAsI;IACtI,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sHAAsH;IACtH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gHAAgH;IAChH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAElC,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,4BAAkD,CAAC;AAE9E;;GAEG;AAEH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAWtE;AAED,UAAU,mBAAmB;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA8FxD"}
+{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA2BrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,gBAAgB;AAChB,eAAO,MAAM,qBAAqB;wBAGV,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;oBAChC,mBAAmB,CAAC,eAAe,CAAC;mBACrC,mBAAmB,CAAC,cAAc,CAAC;EAEjD,CAAC;AAEN;;;GAGG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8HAA8H;IAC9H,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6GAA6G;IAC7G,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sIAAsI;IACtI,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sHAAsH;IACtH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gHAAgH;IAChH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAElC,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,4BAAkD,CAAC;AAE9E;;GAEG;AAEH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAWtE;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,kBAAkB,CAAC;CAC9B;AAED,UAAU,mBAAmB;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE;QACb;;WAEG;QACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;KACxC,CAAC;CACH;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAsFxD"}

package/lib/appui-react/configurableui/ConfigurableUiContent.js

@@ -9,7 +9,7 @@ import "./ConfigurableUiContent.scss";
 import * as React from "react";
 import { Point } from "@itwin/core-react/internal";
 import { ThemeProvider } from "@itwin/itwinui-react";
-import { CursorInformation, useCursorInformationStore, } from "../cursor/CursorInformation.js";
+import { CursorInformation } from "../cursor/CursorInformation.js";
 import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu.js";
 import { CursorPopupRenderer } from "../cursor/cursorpopup/CursorPopupManager.js";
 import { ModalDialogRenderer } from "../dialog/ModalDialogManager.js";
@@ -52,7 +52,7 @@ export function ConfigurableUiContent(props) {
  * @alpha
  */
 export function StandardLayout(props) {
-    const { widgetActions } = props;
+    const { widgetActions, visibleToolSettings = false, toolSettings } = props;
     const context = React.useContext(ConfigurableUiContext);
     const { appBackstage, widgetOpacity, toolbarOpacity, idleTimeout, intervalTimeout, } = context;
     const contentElementRef = React.useRef(null);
@@ -72,33 +72,28 @@ export function StandardLayout(props) {
             InternalConfigurableUiManager.activityTracker.terminate();
         };
     }, [idleTimeout, intervalTimeout]);
-    const setContentHovered = useCursorInformationStore((state) => state.setContentHovered);
+    useVisibleToolSettings(visibleToolSettings);
     return (React.createElement(ConfigurableUiContext.Provider, { value: React.useMemo(() => ({
             ...context,
             contentElementRef,
             widgetActions,
-        }), [context, widgetActions]) },
+            toolSettings,
+        }), [context, widgetActions, toolSettings]) },
         React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: context.className, style: context.style, onMouseMove: (e) => {
                 const point = new Point(e.pageX, e.pageY);
-                CursorInformation.handleMouseMove(point);
-                if (!(e.target instanceof Node))
-                    return;
-                const contentHovered = contentElementRef.current?.contains(e.target);
-                setContentHovered(contentHovered ?? false);
-            }, onMouseLeave: () => {
-                setContentHovered(false);
+                CursorInformation.handleMouseMove(point, e.view.document);
             }, ref: (el) => setMainElement(el ?? undefined) },
             React.createElement(WrapperContext.Provider, { value: mainElement ?? document.body },
                 React.createElement(ThemeProvider, { style: { height: "100%" }, portalContainer: portalContainer },
                     appBackstage,
                     React.createElement(WidgetPanelsFrontstage, null),
-                    React.createElement(ElementTooltip, null),
                     React.createElement(PointerMessage, null),
                     React.createElement(KeyboardShortcutMenu, null),
                     React.createElement(InputFieldMessage, null),
                     React.createElement(CursorPopupMenu, null),
                     React.createElement(CursorPopupRenderer, null),
                     React.createElement(PopupRenderer, null),
+                    React.createElement(ElementTooltip, null),
                     React.createElement(MessageRenderer, null),
                     React.createElement(ChildWindowRenderer, { windowManager: appUi.windowManager }),
                     React.createElement("div", { className: "uifw-configurableui-portalContainer", ref: (instance) => setPortalContainer(instance ?? undefined) },
@@ -142,4 +137,17 @@ toolbarOpacity) {
         };
     }, [opacity]);
 }
+function useVisibleToolSettings(enabled) {
+    React.useEffect(() => {
+        if (!enabled)
+            return;
+        return UiFramework.frontstages.onToolSettingsReloadEvent.addListener(() => {
+            const frontstage = UiFramework.frontstages.activeFrontstageDef;
+            const toolSettings = frontstage?.toolSettings;
+            if (!toolSettings)
+                return;
+            toolSettings.show();
+        });
+    }, [enabled]);
+}
 //# sourceMappingURL=ConfigurableUiContent.js.map