@itwin/appui-react 4.0.0-dev.8 → 4.0.0

package/lib/esm/appui-react/accudraw/AccuDrawFieldContainer.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module AccuDraw
- */
-/// <reference types="react" />
-import "./AccuDrawFieldContainer.scss";
-import { CommonProps, Orientation, UiStateStorage } from "@itwin/core-react";
-/** Properties for [[AccuDrawFieldContainer]] component
- * @beta */
-export interface AccuDrawFieldContainerProps extends CommonProps {
-    /** Orientation of the fields */
-    orientation: Orientation;
-    /** Optional parameter for persistent UI settings. Defaults to LocalStateStorage. */
-    uiSettingsStorage?: UiStateStorage;
-    /** @internal */
-    showZOverride?: boolean;
-}
-/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field
- * @beta */
-export declare function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps): JSX.Element;
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+/// <reference types="react" />
+import "./AccuDrawFieldContainer.scss";
+import { CommonProps, Orientation, UiStateStorage } from "@itwin/core-react";
+/** Properties for [[AccuDrawFieldContainer]] component
+ * @beta */
+export interface AccuDrawFieldContainerProps extends CommonProps {
+    /** Orientation of the fields */
+    orientation: Orientation;
+    /** Optional parameter for persistent UI settings. Defaults to LocalStateStorage. */
+    uiSettingsStorage?: UiStateStorage;
+    /** @internal */
+    showZOverride?: boolean;
+}
+/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field
+ * @beta */
+export declare function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps): JSX.Element;
 //# sourceMappingURL=AccuDrawFieldContainer.d.ts.map

package/lib/esm/appui-react/accudraw/AccuDrawFieldContainer.js

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

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

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

@@ -4,7 +4,6 @@
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
 @import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/itwinui-css/scss/style/space";
 
 .uifw-accudraw-field-container {
   padding: 6px;
@@ -24,5 +23,5 @@
   max-width: 250px;
   display: grid;
   grid-template-columns: auto 1fr auto;
-  row-gap: $iui-xs;
-}
+  row-gap: var(--iui-size-2xs);
+}