@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+import { ToolItemDef } from "../shared/ToolItemDef";
+/** AccuDraw Command Items - useful in Keyboard Shortcuts
+ * @beta
+ */
+export declare class AccuDrawCommandItems {
+    static get lockSmart(): ToolItemDef;
+    static get setOrigin(): ToolItemDef;
+    static get lockX(): ToolItemDef;
+    static get lockY(): ToolItemDef;
+    static get lockZ(): ToolItemDef;
+    static get lockAngle(): ToolItemDef;
+    static get lockDistance(): ToolItemDef;
+    static get changeCompassMode(): ToolItemDef;
+    static get rotateTop(): ToolItemDef;
+    static get rotateFront(): ToolItemDef;
+    static get rotateSide(): ToolItemDef;
+    static get rotateView(): ToolItemDef;
+    static get rotateCycle(): ToolItemDef;
+    static get rotateAxes(): ToolItemDef;
+    static get rotateToElement(): ToolItemDef;
+    static get defineACSByPoints(): ToolItemDef;
+    static get bumpToolSetting(): ToolItemDef;
+    static get focusToolSetting(): ToolItemDef;
+}
+//# sourceMappingURL=AccuDrawCommandItems.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccuDrawCommandItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawCommandItems.ts"],"names":[],"mappings":"AAIA;;GAEG;AAoBH,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD;;GAEG;AAEH,qBAAa,oBAAoB;IAE/B,WAAkB,SAAS,gBAE1B;IAED,WAAkB,SAAS,gBAE1B;IAED,WAAkB,KAAK,gBAEtB;IAED,WAAkB,KAAK,gBAEtB;IAED,WAAkB,KAAK,gBAEtB;IAED,WAAkB,SAAS,gBAE1B;IAED,WAAkB,YAAY,gBAE7B;IAED,WAAkB,iBAAiB,gBAElC;IAED,WAAkB,SAAS,gBAE1B;IAED,WAAkB,WAAW,gBAE5B;IAED,WAAkB,UAAU,gBAE3B;IAED,WAAkB,UAAU,gBAE3B;IAED,WAAkB,WAAW,gBAE5B;IAED,WAAkB,UAAU,gBAE3B;IAED,WAAkB,eAAe,gBAEhC;IAED,WAAkB,iBAAiB,gBAElC;IAED,WAAkB,eAAe,gBAEhC;IAED,WAAkB,gBAAgB,gBAEjC;CACF"}

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

@@ -0,0 +1,75 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccuDrawCommandItems = void 0;
+const core_frontend_1 = require("@itwin/core-frontend");
+const ToolItemDef_1 = require("../shared/ToolItemDef");
+const ToolSettingsTools_1 = require("../tools/ToolSettingsTools");
+/** AccuDraw Command Items - useful in Keyboard Shortcuts
+ * @beta
+ */
+// istanbul ignore next
+class AccuDrawCommandItems {
+    static get lockSmart() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawSetLockSmartTool);
+    }
+    static get setOrigin() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawSetOriginTool);
+    }
+    static get lockX() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawSetLockXTool);
+    }
+    static get lockY() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawSetLockYTool);
+    }
+    static get lockZ() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawSetLockZTool);
+    }
+    static get lockAngle() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawSetLockAngleTool);
+    }
+    static get lockDistance() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawSetLockDistanceTool);
+    }
+    static get changeCompassMode() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawChangeModeTool);
+    }
+    static get rotateTop() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawRotateTopTool);
+    }
+    static get rotateFront() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawRotateFrontTool);
+    }
+    static get rotateSide() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawRotateSideTool);
+    }
+    static get rotateView() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawRotateViewTool);
+    }
+    static get rotateCycle() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawRotateCycleTool);
+    }
+    static get rotateAxes() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawRotateAxesTool);
+    }
+    static get rotateToElement() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.AccuDrawRotateElementTool);
+    }
+    static get defineACSByPoints() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(core_frontend_1.DefineACSByPointsTool);
+    }
+    static get bumpToolSetting() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(ToolSettingsTools_1.BumpToolSetting);
+    }
+    static get focusToolSetting() {
+        return ToolItemDef_1.ToolItemDef.getItemDefForTool(ToolSettingsTools_1.FocusToolSettings);
+    }
+}
+exports.AccuDrawCommandItems = AccuDrawCommandItems;
+//# sourceMappingURL=AccuDrawCommandItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccuDrawCommandItems.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawCommandItems.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wDAiB8B;AAC9B,uDAAoD;AACpD,kEAAgF;AAEhF;;GAEG;AACH,uBAAuB;AACvB,MAAa,oBAAoB;IAExB,MAAM,KAAK,SAAS;QACzB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,wCAAwB,CAAC,CAAC;IACjE,CAAC;IAEM,MAAM,KAAK,SAAS;QACzB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,qCAAqB,CAAC,CAAC;IAC9D,CAAC;IAEM,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,oCAAoB,CAAC,CAAC;IAC7D,CAAC;IAEM,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,oCAAoB,CAAC,CAAC;IAC7D,CAAC;IAEM,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,oCAAoB,CAAC,CAAC;IAC7D,CAAC;IAEM,MAAM,KAAK,SAAS;QACzB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,wCAAwB,CAAC,CAAC;IACjE,CAAC;IAEM,MAAM,KAAK,YAAY;QAC5B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,2CAA2B,CAAC,CAAC;IACpE,CAAC;IAEM,MAAM,KAAK,iBAAiB;QACjC,OAAO,yBAAW,CAAC,iBAAiB,CAAC,sCAAsB,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM,KAAK,SAAS;QACzB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,qCAAqB,CAAC,CAAC;IAC9D,CAAC;IAEM,MAAM,KAAK,WAAW;QAC3B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,uCAAuB,CAAC,CAAC;IAChE,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,sCAAsB,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,sCAAsB,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM,KAAK,WAAW;QAC3B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,uCAAuB,CAAC,CAAC;IAChE,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,sCAAsB,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM,KAAK,eAAe;QAC/B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,yCAAyB,CAAC,CAAC;IAClE,CAAC;IAEM,MAAM,KAAK,iBAAiB;QACjC,OAAO,yBAAW,CAAC,iBAAiB,CAAC,qCAAqB,CAAC,CAAC;IAC9D,CAAC;IAEM,MAAM,KAAK,eAAe;QAC/B,OAAO,yBAAW,CAAC,iBAAiB,CAAC,mCAAe,CAAC,CAAC;IACxD,CAAC;IAEM,MAAM,KAAK,gBAAgB;QAChC,OAAO,yBAAW,CAAC,iBAAiB,CAAC,qCAAiB,CAAC,CAAC;IAC1D,CAAC;CACF;AAzED,oDAyEC","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 {\r\n  AccuDrawChangeModeTool,\r\n  AccuDrawRotateAxesTool,\r\n  AccuDrawRotateCycleTool,\r\n  AccuDrawRotateElementTool,\r\n  AccuDrawRotateFrontTool,\r\n  AccuDrawRotateSideTool,\r\n  AccuDrawRotateTopTool,\r\n  AccuDrawRotateViewTool,\r\n  AccuDrawSetLockAngleTool,\r\n  AccuDrawSetLockDistanceTool,\r\n  AccuDrawSetLockSmartTool,\r\n  AccuDrawSetLockXTool,\r\n  AccuDrawSetLockYTool,\r\n  AccuDrawSetLockZTool,\r\n  AccuDrawSetOriginTool,\r\n  DefineACSByPointsTool,\r\n} from \"@itwin/core-frontend\";\r\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\r\nimport { BumpToolSetting, FocusToolSettings } from \"../tools/ToolSettingsTools\";\r\n\r\n/** AccuDraw Command Items - useful in Keyboard Shortcuts\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport class AccuDrawCommandItems {\r\n\r\n  public static get lockSmart() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockSmartTool);\r\n  }\r\n\r\n  public static get setOrigin() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawSetOriginTool);\r\n  }\r\n\r\n  public static get lockX() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockXTool);\r\n  }\r\n\r\n  public static get lockY() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockYTool);\r\n  }\r\n\r\n  public static get lockZ() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockZTool);\r\n  }\r\n\r\n  public static get lockAngle() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockAngleTool);\r\n  }\r\n\r\n  public static get lockDistance() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockDistanceTool);\r\n  }\r\n\r\n  public static get changeCompassMode() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawChangeModeTool);\r\n  }\r\n\r\n  public static get rotateTop() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateTopTool);\r\n  }\r\n\r\n  public static get rotateFront() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateFrontTool);\r\n  }\r\n\r\n  public static get rotateSide() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateSideTool);\r\n  }\r\n\r\n  public static get rotateView() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateViewTool);\r\n  }\r\n\r\n  public static get rotateCycle() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateCycleTool);\r\n  }\r\n\r\n  public static get rotateAxes() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateAxesTool);\r\n  }\r\n\r\n  public static get rotateToElement() {\r\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateElementTool);\r\n  }\r\n\r\n  public static get defineACSByPoints() {\r\n    return ToolItemDef.getItemDefForTool(DefineACSByPointsTool);\r\n  }\r\n\r\n  public static get bumpToolSetting() {\r\n    return ToolItemDef.getItemDefForTool(BumpToolSetting);\r\n  }\r\n\r\n  public static get focusToolSetting() {\r\n    return ToolItemDef.getItemDefForTool(FocusToolSettings);\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+/// <reference types="react" />
+import "./AccuDrawDialog.scss";
+import { CommonProps, Orientation } from "@itwin/core-react";
+/** Properties for [[AccuDrawDialog]]
+ * @beta */
+export interface AccuDrawDialogProps extends CommonProps {
+    /** Indicates whether the dialog is open */
+    opened: boolean;
+    /** Unique id for the dialog */
+    dialogId: string;
+    /** Orientation of the fields */
+    orientation?: Orientation;
+    /** Callback for when the dialog closes */
+    onClose?: () => void;
+}
+/** Dialog displays [[AccuDrawFieldContainer]] for AccuDraw Ui
+ * @beta */
+export declare function AccuDrawDialog(props: AccuDrawDialogProps): JSX.Element;
+//# sourceMappingURL=AccuDrawDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccuDrawDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM7D;WACW;AACX,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;WACW;AACX,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqCxD"}

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

@@ -0,0 +1,41 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccuDrawDialog = void 0;
+require("./AccuDrawDialog.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const UiFramework_1 = require("../UiFramework");
+const ModelessDialog_1 = require("../dialog/ModelessDialog");
+const AccuDrawFieldContainer_1 = require("./AccuDrawFieldContainer");
+const KeyboardShortcut_1 = require("../keyboardshortcut/KeyboardShortcut");
+/** Dialog displays [[AccuDrawFieldContainer]] for AccuDraw Ui
+ * @beta */
+function AccuDrawDialog(props) {
+    const title = React.useRef(UiFramework_1.UiFramework.translate("accuDraw.dialogTitle"));
+    const [opened, setOpened] = React.useState(props.opened);
+    const closeDialog = React.useCallback(() => {
+        setOpened(false);
+        props.onClose && props.onClose();
+    }, [props]);
+    const handleClose = React.useCallback(() => {
+        closeDialog();
+    }, [closeDialog]);
+    const handleEscape = React.useCallback(() => {
+        KeyboardShortcut_1.KeyboardShortcutManager.setFocusToHome();
+    }, []);
+    const classNames = (0, classnames_1.default)("uifw-accudraw-dialog", props.className);
+    const orientation = (props.orientation !== undefined) ? props.orientation : core_react_1.Orientation.Vertical;
+    const dialogWidth = (orientation === core_react_1.Orientation.Horizontal) ? 500 : 250;
+    return (React.createElement(ModelessDialog_1.ModelessDialog, { className: classNames, style: props.style, title: title.current, opened: opened, dialogId: props.dialogId, width: dialogWidth, minHeight: 75, inset: false, movable: true, onClose: handleClose, onEscape: handleEscape },
+        React.createElement(AccuDrawFieldContainer_1.AccuDrawFieldContainer, { orientation: orientation })));
+}
+exports.AccuDrawDialog = AccuDrawDialog;
+//# sourceMappingURL=AccuDrawDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccuDrawDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAC/B,kDAA6D;AAC7D,gDAA6C;AAC7C,6DAA0D;AAC1D,qEAAkE;AAClE,2EAA+E;AAe/E;WACW;AACX,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,yBAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,0CAAuB,CAAC,cAAc,EAAE,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,wBAAW,CAAC,QAAQ,CAAC;IACjG,MAAM,WAAW,GAAG,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzE,OAAO,CACL,oBAAC,+BAAc,IACb,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EACzC,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,EAAE,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY;QAEtB,oBAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,CACpC,CACnB,CAAC;AACJ,CAAC;AArCD,wCAqCC","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 \"./AccuDrawDialog.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Orientation } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ModelessDialog } from \"../dialog/ModelessDialog\";\r\nimport { AccuDrawFieldContainer } from \"./AccuDrawFieldContainer\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\n\r\n/** Properties for [[AccuDrawDialog]]\r\n * @beta */\r\nexport interface AccuDrawDialogProps extends CommonProps {\r\n  /** Indicates whether the dialog is open */\r\n  opened: boolean;\r\n  /** Unique id for the dialog */\r\n  dialogId: string;\r\n  /** Orientation of the fields */\r\n  orientation?: Orientation;\r\n  /** Callback for when the dialog closes */\r\n  onClose?: () => void;\r\n}\r\n\r\n/** Dialog displays [[AccuDrawFieldContainer]] for AccuDraw Ui\r\n * @beta */\r\nexport function AccuDrawDialog(props: AccuDrawDialogProps) {\r\n  const title = React.useRef(UiFramework.translate(\"accuDraw.dialogTitle\"));\r\n  const [opened, setOpened] = React.useState(props.opened);\r\n\r\n  const closeDialog = React.useCallback(() => {\r\n    setOpened(false);\r\n    props.onClose && props.onClose();\r\n  }, [props]);\r\n\r\n  const handleClose = React.useCallback(() => {\r\n    closeDialog();\r\n  }, [closeDialog]);\r\n\r\n  const handleEscape = React.useCallback(() => {\r\n    KeyboardShortcutManager.setFocusToHome();\r\n  }, []);\r\n\r\n  const classNames = classnames(\"uifw-accudraw-dialog\", props.className);\r\n  const orientation = (props.orientation !== undefined) ? props.orientation : Orientation.Vertical;\r\n  const dialogWidth = (orientation === Orientation.Horizontal) ? 500 : 250;\r\n\r\n  return (\r\n    <ModelessDialog\r\n      className={classNames} style={props.style}\r\n      title={title.current}\r\n      opened={opened}\r\n      dialogId={props.dialogId}\r\n      width={dialogWidth}\r\n      minHeight={75}\r\n      inset={false}\r\n      movable={true}\r\n      onClose={handleClose}\r\n      onEscape={handleEscape}\r\n    >\r\n      <AccuDrawFieldContainer orientation={orientation} />\r\n    </ModelessDialog >\r\n  );\r\n}\r\n"]}

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

@@ -0,0 +1,15 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-accudraw-dialog {
+  opacity: 0.90;
+
+  &:hover {
+    opacity: 1.00;
+  }
+
+  .core-dialog-container .core-dialog-area {
+    flex-grow: unset;
+  }
+}

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

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+/// <reference types="react" />
+import "./AccuDrawFieldContainer.scss";
+import { CommonProps, Orientation, UiSettingsStorage } 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 LocalSettingsStorage. */
+    uiSettingsStorage?: UiSettingsStorage;
+    /** @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/cjs/appui-react/accudraw/AccuDrawFieldContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccuDrawFieldContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawFieldContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,+BAA+B,CAAC;AAMvC,OAAO,EAAE,WAAW,EAAY,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAW1F;WACW;AACX,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,gCAAgC;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gBAAgB;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAeD;WACW;AACX,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAiPxE"}

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

@@ -0,0 +1,217 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccuDrawFieldContainer = void 0;
+require("./AccuDrawFieldContainer.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const AccuDrawInputField_1 = require("./AccuDrawInputField");
+const KeyboardShortcut_1 = require("../keyboardshortcut/KeyboardShortcut");
+const FrameworkAccuDraw_1 = require("./FrameworkAccuDraw");
+const angle_svg_sprite_1 = require("./angle.svg?sprite");
+const distance_svg_sprite_1 = require("./distance.svg?sprite");
+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 = appui_abstract_1.IconSpecUtilities.createSvgIconSpec(angle_svg_sprite_1.default);
+const defaultDistanceIcon = appui_abstract_1.IconSpecUtilities.createSvgIconSpec(distance_svg_sprite_1.default);
+/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field
+ * @beta */
+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(core_frontend_1.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 core_frontend_1.ItemField.X_Item:
+                inputRef = xInputRef;
+                break;
+            case core_frontend_1.ItemField.Y_Item:
+                inputRef = yInputRef;
+                break;
+            case core_frontend_1.ItemField.Z_Item:
+                inputRef = zInputRef;
+                break;
+            case core_frontend_1.ItemField.ANGLE_Item:
+                inputRef = angleInputRef;
+                break;
+            case core_frontend_1.ItemField.DIST_Item:
+                inputRef = distanceInputRef;
+                break;
+        }
+        return inputRef;
+    };
+    React.useEffect(() => {
+        setXLock(core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.X_Item));
+        setYLock(core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.Y_Item));
+        setZLock(core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.Z_Item));
+        setAngleLock(core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.ANGLE_Item));
+        setDistanceLock(core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.DIST_Item));
+        const handleSetFieldLock = (args) => {
+            switch (args.field) {
+                case core_frontend_1.ItemField.X_Item:
+                    setXLock(args.lock);
+                    break;
+                case core_frontend_1.ItemField.Y_Item:
+                    setYLock(args.lock);
+                    break;
+                case core_frontend_1.ItemField.Z_Item:
+                    setZLock(args.lock);
+                    break;
+                case core_frontend_1.ItemField.ANGLE_Item:
+                    setAngleLock(args.lock);
+                    break;
+                case core_frontend_1.ItemField.DIST_Item:
+                    setDistanceLock(args.lock);
+                    break;
+            }
+        };
+        return FrameworkAccuDraw_1.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_1.FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);
+    }, [setFocusToField]);
+    React.useEffect(() => {
+        const handleGrabInputFocus = () => {
+            // istanbul ignore else
+            if (focusField.current)
+                setFocusToField(focusField.current);
+        };
+        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawGrabInputFocusEvent.addListener(handleGrabInputFocus);
+    }, [setFocusToField]);
+    React.useEffect(() => {
+        setMode(core_frontend_1.IModelApp.accuDraw.compassMode);
+        const handleSetMode = (args) => {
+            setMode(args.mode);
+        };
+        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetCompassModeEvent.addListener(handleSetMode);
+    }, []);
+    const handleValueChanged = React.useCallback((field, stringValue) => {
+        FrameworkAccuDraw_1.FrameworkAccuDraw.setFieldValueFromUi(field, stringValue);
+    }, []);
+    const handleEscPressed = React.useCallback(() => {
+        KeyboardShortcut_1.KeyboardShortcutManager.setFocusToHome();
+    }, []);
+    React.useEffect(() => {
+        setShowZ(showZOverride || determineShowZ(core_frontend_1.IModelApp.viewManager.selectedView));
+        // istanbul ignore next
+        const handleSelectedViewportChanged = (args) => {
+            setShowZ(determineShowZ(args.current));
+        };
+        return core_frontend_1.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 : (0, imodel_components_react_1.getCSSColorFromDef)(backgroundColor);
+                    fieldStyle = { ...fieldStyle, backgroundColor: rgbaString };
+                }
+                if (foregroundColor) {
+                    rgbaString = typeof foregroundColor === "string" ? foregroundColor : (0, imodel_components_react_1.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_1.FrameworkAccuDraw.uiSettings)
+            processAccuDrawUiSettings(FrameworkAccuDraw_1.FrameworkAccuDraw.uiSettings);
+        // istanbul ignore next
+        const handleAccuDrawUiSettingsChanged = () => {
+            processAccuDrawUiSettings(FrameworkAccuDraw_1.FrameworkAccuDraw.uiSettings);
+        };
+        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(handleAccuDrawUiSettingsChanged);
+    }, []);
+    const classNames = (0, classnames_1.default)("uifw-accudraw-field-container", (orientation === core_react_1.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 === core_frontend_1.CompassMode.Rectangular &&
+            React.createElement(React.Fragment, null,
+                React.createElement(AccuDrawInputField_1.AccuDrawInputField, { ref: xInputRef, isLocked: xLock, className: "uifw-accudraw-x-value", style: xStyle, field: core_frontend_1.ItemField.X_Item, id: `uifw-accudraw-x-${containerIndex}`, "data-testid": "uifw-accudraw-x", label: xLabel, iconSpec: xIcon, labelCentered: labelCentered, valueChangedDelay: delay, onValueChanged: (stringValue) => handleValueChanged(core_frontend_1.ItemField.X_Item, stringValue), onEscPressed: handleEscPressed }),
+                React.createElement(AccuDrawInputField_1.AccuDrawInputField, { ref: yInputRef, isLocked: yLock, className: "uifw-accudraw-y-value", style: yStyle, field: core_frontend_1.ItemField.Y_Item, id: `uifw-accudraw-y-${containerIndex}`, "data-testid": "uifw-accudraw-y", label: yLabel, iconSpec: yIcon, labelCentered: labelCentered, valueChangedDelay: delay, onValueChanged: (stringValue) => handleValueChanged(core_frontend_1.ItemField.Y_Item, stringValue), onEscPressed: handleEscPressed }),
+                showZ &&
+                    React.createElement(AccuDrawInputField_1.AccuDrawInputField, { ref: zInputRef, isLocked: zLock, className: "uifw-accudraw-z-value", style: zStyle, field: core_frontend_1.ItemField.Z_Item, id: `uifw-accudraw-z-${containerIndex}`, "data-testid": "uifw-accudraw-z", label: zLabel, iconSpec: zIcon, labelCentered: labelCentered, valueChangedDelay: delay, onValueChanged: (stringValue) => handleValueChanged(core_frontend_1.ItemField.Z_Item, stringValue), onEscPressed: handleEscPressed })),
+        mode === core_frontend_1.CompassMode.Polar &&
+            React.createElement(React.Fragment, null,
+                React.createElement(AccuDrawInputField_1.AccuDrawInputField, { ref: angleInputRef, isLocked: angleLock, className: "uifw-accudraw-angle-value", style: angleStyle, field: core_frontend_1.ItemField.ANGLE_Item, id: `uifw-accudraw-angle-${containerIndex}`, "data-testid": "uifw-accudraw-angle", label: angleLabel, iconSpec: angleIcon, valueChangedDelay: delay, onValueChanged: (stringValue) => handleValueChanged(core_frontend_1.ItemField.ANGLE_Item, stringValue), onEscPressed: handleEscPressed }),
+                React.createElement(AccuDrawInputField_1.AccuDrawInputField, { ref: distanceInputRef, isLocked: distanceLock, className: "uifw-accudraw-distance-value", style: distanceStyle, field: core_frontend_1.ItemField.DIST_Item, id: `uifw-accudraw-distance-${containerIndex}`, "data-testid": "uifw-accudraw-distance", label: distanceLabel, iconSpec: distanceIcon, valueChangedDelay: delay, onValueChanged: (stringValue) => handleValueChanged(core_frontend_1.ItemField.DIST_Item, stringValue), onEscPressed: handleEscPressed }))));
+}
+exports.AccuDrawFieldContainer = AccuDrawFieldContainer;
+//# sourceMappingURL=AccuDrawFieldContainer.js.map

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

@@ -0,0 +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, UiSettingsStorage } 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?sprite\";\r\nimport distanceIconSvg from \"./distance.svg?sprite\";\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 LocalSettingsStorage. */\r\n  uiSettingsStorage?: UiSettingsStorage;\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.createSvgIconSpec(angleIconSvg);\r\nconst defaultDistanceIcon = IconSpecUtilities.createSvgIconSpec(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.uiSettings)\r\n      processAccuDrawUiSettings(FrameworkAccuDraw.uiSettings);\r\n\r\n    // istanbul ignore next\r\n    const handleAccuDrawUiSettingsChanged = () => {\r\n      processAccuDrawUiSettings(FrameworkAccuDraw.uiSettings);\r\n    };\r\n\r\n    return FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(handleAccuDrawUiSettingsChanged);\r\n  }, []);\r\n\r\n  const classNames = classnames(\r\n    \"uifw-accudraw-field-container\",\r\n    (orientation === Orientation.Vertical) ? \"uifw-accudraw-field-container-vertical\" : \"uifw-accudraw-field-container-horizontal\",\r\n    className,\r\n  );\r\n\r\n  const delay = 250;\r\n  const labelCentered = (xLabel !== undefined && xLabel.length === 1 && yLabel !== undefined && yLabel.length === 1 && zLabel !== undefined && zLabel.length === 1);\r\n\r\n  return (\r\n    <div className={classNames} style={style} {...otherProps}>\r\n      {mode === CompassMode.Rectangular &&\r\n        <>\r\n          <AccuDrawInputField ref={xInputRef} isLocked={xLock} className=\"uifw-accudraw-x-value\" style={xStyle}\r\n            field={ItemField.X_Item} id={`uifw-accudraw-x-${containerIndex}`} data-testid=\"uifw-accudraw-x\"\r\n            label={xLabel} iconSpec={xIcon} labelCentered={labelCentered}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.X_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n          <AccuDrawInputField ref={yInputRef} isLocked={yLock} className=\"uifw-accudraw-y-value\" style={yStyle}\r\n            field={ItemField.Y_Item} id={`uifw-accudraw-y-${containerIndex}`} data-testid=\"uifw-accudraw-y\"\r\n            label={yLabel} iconSpec={yIcon} labelCentered={labelCentered}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.Y_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n          {showZ &&\r\n            <AccuDrawInputField ref={zInputRef} isLocked={zLock} className=\"uifw-accudraw-z-value\" style={zStyle}\r\n              field={ItemField.Z_Item} id={`uifw-accudraw-z-${containerIndex}`} data-testid=\"uifw-accudraw-z\"\r\n              label={zLabel} iconSpec={zIcon} labelCentered={labelCentered}\r\n              valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.Z_Item, stringValue)}\r\n              onEscPressed={handleEscPressed} />\r\n          }\r\n        </>\r\n      }\r\n      {mode === CompassMode.Polar &&\r\n        <>\r\n          <AccuDrawInputField ref={angleInputRef} isLocked={angleLock} className=\"uifw-accudraw-angle-value\" style={angleStyle}\r\n            field={ItemField.ANGLE_Item} id={`uifw-accudraw-angle-${containerIndex}`} data-testid=\"uifw-accudraw-angle\"\r\n            label={angleLabel} iconSpec={angleIcon}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.ANGLE_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n          <AccuDrawInputField ref={distanceInputRef} isLocked={distanceLock} className=\"uifw-accudraw-distance-value\" style={distanceStyle}\r\n            field={ItemField.DIST_Item} id={`uifw-accudraw-distance-${containerIndex}`} data-testid=\"uifw-accudraw-distance\"\r\n            label={distanceLabel} iconSpec={distanceIcon}\r\n            valueChangedDelay={delay} onValueChanged={(stringValue) => handleValueChanged(ItemField.DIST_Item, stringValue)}\r\n            onEscPressed={handleEscPressed} />\r\n        </>\r\n      }\r\n    </div>\r\n  );\r\n}\r\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccuDrawInputField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAQ,QAAQ,EAAW,MAAM,mBAAmB,CAAC;AAMzE;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AAkID;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,GAAG,IAA8B,CAAC"}