@itwin/appui-react 4.17.6 → 5.0.0-dev.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccuDrawCommandItems.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawCommandItems.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wDAiB8B;AAC9B,uDAAoD;AACpD,kEAAgF;AAIhF,4CAA4C;AAE5C;;;GAGG;AACH,MAAa,oBAAoB;IACxB,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;AAxED,oDAwEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport {\n  AccuDrawChangeModeTool,\n  AccuDrawRotateAxesTool,\n  AccuDrawRotateCycleTool,\n  AccuDrawRotateElementTool,\n  AccuDrawRotateFrontTool,\n  AccuDrawRotateSideTool,\n  AccuDrawRotateTopTool,\n  AccuDrawRotateViewTool,\n  AccuDrawSetLockAngleTool,\n  AccuDrawSetLockDistanceTool,\n  AccuDrawSetLockSmartTool,\n  AccuDrawSetLockXTool,\n  AccuDrawSetLockYTool,\n  AccuDrawSetLockZTool,\n  AccuDrawSetOriginTool,\n  DefineACSByPointsTool,\n} from \"@itwin/core-frontend\";\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\nimport { BumpToolSetting, FocusToolSettings } from \"../tools/ToolSettingsTools\";\nimport type { KeyboardShortcutUtilities } from \"../keyboardshortcut/KeyboardShortcutUtilities\";\nimport type { ToolbarItemUtilities } from \"../toolbar/ToolbarItemUtilities\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** AccuDraw Command Items - useful in Keyboard Shortcuts\n * @public\n * @deprecated in 4.15.0. Use {@link KeyboardShortcutUtilities} or {@link ToolbarItemUtilities} instead.\n */\nexport class AccuDrawCommandItems {\n  public static get lockSmart() {\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockSmartTool);\n  }\n\n  public static get setOrigin() {\n    return ToolItemDef.getItemDefForTool(AccuDrawSetOriginTool);\n  }\n\n  public static get lockX() {\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockXTool);\n  }\n\n  public static get lockY() {\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockYTool);\n  }\n\n  public static get lockZ() {\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockZTool);\n  }\n\n  public static get lockAngle() {\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockAngleTool);\n  }\n\n  public static get lockDistance() {\n    return ToolItemDef.getItemDefForTool(AccuDrawSetLockDistanceTool);\n  }\n\n  public static get changeCompassMode() {\n    return ToolItemDef.getItemDefForTool(AccuDrawChangeModeTool);\n  }\n\n  public static get rotateTop() {\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateTopTool);\n  }\n\n  public static get rotateFront() {\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateFrontTool);\n  }\n\n  public static get rotateSide() {\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateSideTool);\n  }\n\n  public static get rotateView() {\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateViewTool);\n  }\n\n  public static get rotateCycle() {\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateCycleTool);\n  }\n\n  public static get rotateAxes() {\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateAxesTool);\n  }\n\n  public static get rotateToElement() {\n    return ToolItemDef.getItemDefForTool(AccuDrawRotateElementTool);\n  }\n\n  public static get defineACSByPoints() {\n    return ToolItemDef.getItemDefForTool(DefineACSByPointsTool);\n  }\n\n  public static get bumpToolSetting() {\n    return ToolItemDef.getItemDefForTool(BumpToolSetting);\n  }\n\n  public static get focusToolSetting() {\n    return ToolItemDef.getItemDefForTool(FocusToolSettings);\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccuDrawDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;;GAGG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AAEH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAuCxD"}

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

@@ -1,42 +0,0 @@
-"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 components_react_1 = require("@itwin/components-react");
-const AccuDrawFieldContainer_1 = require("./AccuDrawFieldContainer");
-const useTranslation_1 = require("../hooks/useTranslation");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/** Dialog displays [[AccuDrawFieldContainer]] for AccuDraw Ui
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-function AccuDrawDialog(props) {
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    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 classNames = (0, classnames_1.default)("uifw-accudraw-dialog", props.className);
-    const orientation = props.orientation !== undefined ? props.orientation : components_react_1.Orientation.Vertical;
-    const dialogWidth = orientation === components_react_1.Orientation.Horizontal ? 500 : 250;
-    return (React.createElement(itwinui_react_1.Dialog, { isOpen: opened, onClose: handleClose, className: classNames, style: props.style, closeOnEsc: true, isDraggable: true, preventDocumentScroll: true },
-        React.createElement(itwinui_react_1.Dialog.Main, { style: { minHeight: 75, width: dialogWidth }, "data-testid": "accudraw-dialog-container" },
-            React.createElement(itwinui_react_1.Dialog.TitleBar, { titleText: translate("accuDraw.dialogTitle") }),
-            React.createElement(itwinui_react_1.Dialog.Content, { style: { padding: 0 } },
-                React.createElement(AccuDrawFieldContainer_1.AccuDrawFieldContainer, { orientation: orientation })))));
-}
-exports.AccuDrawDialog = AccuDrawDialog;
-//# sourceMappingURL=AccuDrawDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccuDrawDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawDialog.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAC/B,8DAAsD;AAEtD,qEAAkE;AAClE,4DAAyD;AACzD,wDAA8C;AAoB9C;;GAEG;AACH,mDAAmD;AACnD,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,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,UAAU,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACvE,MAAM,WAAW,GACf,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAW,CAAC,QAAQ,CAAC;IAC7E,MAAM,WAAW,GAAG,WAAW,KAAK,8BAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAEvE,OAAO,CACL,oBAAC,sBAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,QACV,WAAW,QACX,qBAAqB;QAErB,oBAAC,sBAAM,CAAC,IAAI,IACV,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,iBAChC,2BAA2B;YAEvC,oBAAC,sBAAM,CAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,CAAC,sBAAsB,CAAC,GAAI;YACjE,oBAAC,sBAAM,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACnC,oBAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,CACrC,CACL,CACP,CACV,CAAC;AACJ,CAAC;AAvCD,wCAuCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport \"./AccuDrawDialog.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Orientation } from \"@itwin/components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { AccuDrawFieldContainer } from \"./AccuDrawFieldContainer\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { Dialog } from \"@itwin/itwinui-react\";\n\n/** Properties for [[AccuDrawDialog]]\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof AccuDrawDialog>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface AccuDrawDialogProps extends CommonProps {\n  /** Indicates whether the dialog is open */\n  opened: boolean;\n  /** Unique id for the dialog.\n   * @deprecated in 4.15.0. No longer used.\n   */\n  dialogId?: string;\n  /** Orientation of the fields */\n  orientation?: Orientation;\n  /** Callback for when the dialog closes */\n  onClose?: () => void;\n}\n\n/** Dialog displays [[AccuDrawFieldContainer]] for AccuDraw Ui\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function AccuDrawDialog(props: AccuDrawDialogProps) {\n  const { translate } = useTranslation();\n  const [opened, setOpened] = React.useState(props.opened);\n\n  const closeDialog = React.useCallback(() => {\n    setOpened(false);\n    props.onClose && props.onClose();\n  }, [props]);\n\n  const handleClose = React.useCallback(() => {\n    closeDialog();\n  }, [closeDialog]);\n\n  const classNames = classnames(\"uifw-accudraw-dialog\", props.className);\n  const orientation =\n    props.orientation !== undefined ? props.orientation : Orientation.Vertical;\n  const dialogWidth = orientation === Orientation.Horizontal ? 500 : 250;\n\n  return (\n    <Dialog\n      isOpen={opened}\n      onClose={handleClose}\n      className={classNames}\n      style={props.style}\n      closeOnEsc\n      isDraggable\n      preventDocumentScroll\n    >\n      <Dialog.Main\n        style={{ minHeight: 75, width: dialogWidth }}\n        data-testid=\"accudraw-dialog-container\"\n      >\n        <Dialog.TitleBar titleText={translate(\"accuDraw.dialogTitle\")} />\n        <Dialog.Content style={{ padding: 0 }}>\n          <AccuDrawFieldContainer orientation={orientation} />\n        </Dialog.Content>\n      </Dialog.Main>\n    </Dialog>\n  );\n}\n"]}

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

@@ -1,25 +0,0 @@
-/** @packageDocumentation
- * @module AccuDraw
- */
-import "./AccuDrawFieldContainer.scss";
-import * as React from "react";
-import { Orientation } from "@itwin/components-react";
-import type { CommonProps } from "@itwin/core-react";
-import type { UiStateStorage } from "../uistate/UiStateStorage";
-/** Properties for [[AccuDrawFieldContainer]] component
- * @public
- * @deprecated in 4.17.0. Use `React.ComponentProps<typeof AccuDrawFieldContainer>`
- */
-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
- * @public
- */
-export declare function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps): React.JSX.Element;
-//# sourceMappingURL=AccuDrawFieldContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccuDrawFieldContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawFieldContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,+BAA+B,CAAC;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE;;;GAGG;AAEH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,gCAAgC;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,gBAAgB;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAaD;;GAEG;AAEH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBA0WxE"}

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

@@ -1,236 +0,0 @@
-"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 components_react_1 = require("@itwin/components-react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-const AccuDrawInputField_1 = require("./AccuDrawInputField");
-const FrameworkAccuDraw_1 = require("./FrameworkAccuDraw");
-const angle_svg_1 = require("./angle.svg");
-const distance_svg_1 = require("./distance.svg");
-const UiFramework_1 = require("../UiFramework");
-let AccuDrawContainerIndex = 0;
-function determineShowZ(vp) {
-    const showZ = vp !== undefined ? vp.view.is3d() : false;
-    return showZ;
-}
-const defaultXLabel = "X";
-const defaultYLabel = "Y";
-const defaultZLabel = "Z";
-/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-function AccuDrawFieldContainer(props) {
-    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.IModelApp.accuDraw.compassMode);
-    const [xLock, setXLock] = React.useState(() => core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.X_Item));
-    const [yLock, setYLock] = React.useState(() => core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.Y_Item));
-    const [zLock, setZLock] = React.useState(() => core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.Z_Item));
-    const [angleLock, setAngleLock] = React.useState(() => core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.ANGLE_Item));
-    const [distanceLock, setDistanceLock] = React.useState(() => core_frontend_1.IModelApp.accuDraw.getFieldLock(core_frontend_1.ItemField.DIST_Item));
-    const [showZ, setShowZ] = React.useState(true);
-    const [uiSettings, setUiSettings] = React.useState(FrameworkAccuDraw_1.FrameworkAccuDraw.uiStateStorage);
-    React.useEffect(() => {
-        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(() => {
-            setUiSettings(FrameworkAccuDraw_1.FrameworkAccuDraw.uiStateStorage);
-        });
-    }, []);
-    const getFieldInput = (field) => {
-        switch (field) {
-            case core_frontend_1.ItemField.X_Item:
-                return getCurrent(xInputRef);
-            case core_frontend_1.ItemField.Y_Item:
-                return getCurrent(yInputRef);
-            case core_frontend_1.ItemField.Z_Item:
-                return getCurrent(zInputRef);
-            case core_frontend_1.ItemField.ANGLE_Item:
-                return getCurrent(angleInputRef);
-            case core_frontend_1.ItemField.DIST_Item:
-                return getCurrent(distanceInputRef);
-        }
-    };
-    const getInputToFocus = React.useCallback((field) => {
-        const fieldInput = field === undefined ? undefined : getFieldInput(field);
-        if (fieldInput) {
-            if (document.activeElement === fieldInput)
-                return undefined;
-            return fieldInput;
-        }
-        const focusedInput = [
-            xInputRef,
-            yInputRef,
-            zInputRef,
-            angleInputRef,
-            distanceInputRef,
-        ].find((inputRef) => document.activeElement === inputRef.current);
-        // One of AccuDraw input fields is focused already.
-        if (focusedInput)
-            return undefined;
-        // Focus one of fallback fields.
-        let fallbackInput = getFieldInput(core_frontend_1.ItemField.DIST_Item);
-        if (fallbackInput)
-            return fallbackInput;
-        fallbackInput = getFieldInput(core_frontend_1.ItemField.X_Item);
-        return fallbackInput;
-    }, []);
-    // Moves focus to `field` input if not focused OR fallbacks to default field if none of accudraw fields are focused.
-    const setFocusToField = React.useCallback((field) => {
-        const input = getInputToFocus(field);
-        if (!input)
-            return;
-        input.focus();
-        input.select();
-    }, [getInputToFocus]);
-    React.useEffect(() => {
-        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetFieldLockEvent.addListener((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;
-            }
-        });
-    }, []);
-    React.useEffect(() => {
-        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener((args) => {
-            focusField.current = args.field;
-            setFocusToField(focusField.current);
-        });
-    }, [setFocusToField]);
-    React.useEffect(() => {
-        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawGrabInputFocusEvent.addListener(() => {
-            setFocusToField(focusField.current);
-        });
-    }, [setFocusToField]);
-    React.useEffect(() => {
-        return FrameworkAccuDraw_1.FrameworkAccuDraw.onAccuDrawSetCompassModeEvent.addListener((args) => {
-            setMode(args.mode);
-        });
-    }, []);
-    const handleValueChanged = React.useCallback((field, stringValue) => {
-        FrameworkAccuDraw_1.FrameworkAccuDraw.setFieldValueFromUi(field, stringValue);
-    }, []);
-    const handleEscPressed = React.useCallback(() => {
-        UiFramework_1.UiFramework.keyboardShortcuts.setFocusToHome();
-    }, []);
-    React.useEffect(() => {
-        setShowZ(showZOverride || determineShowZ(core_frontend_1.IModelApp.viewManager.selectedView));
-        return core_frontend_1.IModelApp.viewManager.onSelectedViewportChanged.addListener((args) => {
-            setShowZ(determineShowZ(args.current));
-        });
-    }, [showZOverride]);
-    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 xStyle = React.useMemo(() => {
-        if (!uiSettings)
-            return undefined;
-        return createFieldStyle(uiSettings.xStyle, uiSettings.xBackgroundColor, uiSettings.xForegroundColor);
-    }, [uiSettings]);
-    const yStyle = React.useMemo(() => {
-        if (!uiSettings)
-            return undefined;
-        return createFieldStyle(uiSettings.yStyle, uiSettings.yBackgroundColor, uiSettings.yForegroundColor);
-    }, [uiSettings]);
-    const zStyle = React.useMemo(() => {
-        if (!uiSettings)
-            return undefined;
-        return createFieldStyle(uiSettings.zStyle, uiSettings.zBackgroundColor, uiSettings.zForegroundColor);
-    }, [uiSettings]);
-    const angleStyle = React.useMemo(() => {
-        if (!uiSettings)
-            return undefined;
-        return createFieldStyle(uiSettings.angleStyle, uiSettings.angleBackgroundColor, uiSettings.angleForegroundColor);
-    }, [uiSettings]);
-    const distanceStyle = React.useMemo(() => {
-        if (!uiSettings)
-            return undefined;
-        return createFieldStyle(uiSettings.distanceStyle, uiSettings.distanceBackgroundColor, uiSettings.distanceForegroundColor);
-    }, [uiSettings]);
-    const xLabel = uiSettings?.xLabel ?? defaultXLabel;
-    const yLabel = uiSettings?.yLabel ?? defaultYLabel;
-    const zLabel = uiSettings?.zLabel ?? defaultZLabel;
-    const angleLabel = uiSettings?.angleLabel;
-    const distanceLabel = uiSettings?.distanceLabel;
-    const classNames = (0, classnames_1.default)("uifw-accudraw-field-container", orientation === components_react_1.Orientation.Vertical ? "uifw-vertical" : "uifw-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, 
-                // eslint-disable-next-line deprecation/deprecation
-                iconSpec: uiSettings?.xIcon, icon: uiSettings?.xIconNode, 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, 
-                // eslint-disable-next-line deprecation/deprecation
-                iconSpec: uiSettings?.yIcon, icon: uiSettings?.yIconNode, 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, 
-                // eslint-disable-next-line deprecation/deprecation
-                iconSpec: uiSettings?.zIcon, icon: uiSettings?.zIconNode, 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: 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, 
-                // eslint-disable-next-line deprecation/deprecation
-                iconSpec: uiSettings?.distanceIcon ?? distance_svg_1.default, icon: uiSettings?.distanceIconNode, valueChangedDelay: delay, onValueChanged: (stringValue) => handleValueChanged(core_frontend_1.ItemField.DIST_Item, stringValue), onEscPressed: handleEscPressed }),
-            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, 
-                // eslint-disable-next-line deprecation/deprecation
-                iconSpec: uiSettings?.angleIcon ?? angle_svg_1.default, icon: uiSettings?.angleIconNode, valueChangedDelay: delay, onValueChanged: (stringValue) => handleValueChanged(core_frontend_1.ItemField.ANGLE_Item, stringValue), onEscPressed: handleEscPressed })))));
-}
-exports.AccuDrawFieldContainer = AccuDrawFieldContainer;
-function getCurrent(ref) {
-    if (ref.current === null)
-        return undefined;
-    return ref.current;
-}
-//# sourceMappingURL=AccuDrawFieldContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccuDrawFieldContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawFieldContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport \"./AccuDrawFieldContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Orientation } from \"@itwin/components-react\";\nimport type { ColorDef } from \"@itwin/core-common\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { CompassMode, IModelApp, ItemField } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { getCSSColorFromDef } from \"@itwin/imodel-components-react\";\nimport { AccuDrawInputField } from \"./AccuDrawInputField\";\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\nimport type { AccuDrawUiSettings } from \"./AccuDrawUiSettings\";\nimport angleIconSvg from \"./angle.svg\";\nimport distanceIconSvg from \"./distance.svg\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { UiStateStorage } from \"../uistate/UiStateStorage\";\n\n/** Properties for [[AccuDrawFieldContainer]] component\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof AccuDrawFieldContainer>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface AccuDrawFieldContainerProps extends CommonProps {\n  /** Orientation of the fields */\n  orientation: Orientation;\n  /** Optional parameter for persistent UI settings. Defaults to LocalStateStorage. */\n  uiSettingsStorage?: UiStateStorage;\n  /** @internal */\n  showZOverride?: boolean;\n}\n\nlet AccuDrawContainerIndex = 0;\n\nfunction determineShowZ(vp?: ScreenViewport): boolean {\n  const showZ = vp !== undefined ? vp.view.is3d() : false;\n  return showZ;\n}\n\nconst defaultXLabel = \"X\";\nconst defaultYLabel = \"Y\";\nconst defaultZLabel = \"Z\";\n\n/** AccuDraw Ui Field Container displays [[AccuDrawInputField]] for each field\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function AccuDrawFieldContainer(props: AccuDrawFieldContainerProps) {\n  const {\n    className,\n    style,\n    orientation,\n    uiSettingsStorage,\n    showZOverride,\n    ...otherProps\n  } = props;\n\n  const [containerIndex] = React.useState(() => ++AccuDrawContainerIndex);\n  const xInputRef = React.useRef<HTMLInputElement>(null);\n  const yInputRef = React.useRef<HTMLInputElement>(null);\n  const zInputRef = React.useRef<HTMLInputElement>(null);\n  const angleInputRef = React.useRef<HTMLInputElement>(null);\n  const distanceInputRef = React.useRef<HTMLInputElement>(null);\n  const focusField = React.useRef<ItemField | undefined>(undefined);\n  const [mode, setMode] = React.useState(() => IModelApp.accuDraw.compassMode);\n  const [xLock, setXLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.X_Item)\n  );\n  const [yLock, setYLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.Y_Item)\n  );\n  const [zLock, setZLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.Z_Item)\n  );\n  const [angleLock, setAngleLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.ANGLE_Item)\n  );\n  const [distanceLock, setDistanceLock] = React.useState(() =>\n    IModelApp.accuDraw.getFieldLock(ItemField.DIST_Item)\n  );\n  const [showZ, setShowZ] = React.useState(true);\n\n  const [uiSettings, setUiSettings] = React.useState<\n    AccuDrawUiSettings | undefined\n  >(FrameworkAccuDraw.uiStateStorage);\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawUiSettingsChangedEvent.addListener(\n      () => {\n        setUiSettings(FrameworkAccuDraw.uiStateStorage);\n      }\n    );\n  }, []);\n\n  const getFieldInput = (field: ItemField) => {\n    switch (field) {\n      case ItemField.X_Item:\n        return getCurrent(xInputRef);\n      case ItemField.Y_Item:\n        return getCurrent(yInputRef);\n      case ItemField.Z_Item:\n        return getCurrent(zInputRef);\n      case ItemField.ANGLE_Item:\n        return getCurrent(angleInputRef);\n      case ItemField.DIST_Item:\n        return getCurrent(distanceInputRef);\n    }\n  };\n\n  const getInputToFocus = React.useCallback((field: ItemField | undefined) => {\n    const fieldInput = field === undefined ? undefined : getFieldInput(field);\n    if (fieldInput) {\n      if (document.activeElement === fieldInput) return undefined;\n      return fieldInput;\n    }\n\n    const focusedInput = [\n      xInputRef,\n      yInputRef,\n      zInputRef,\n      angleInputRef,\n      distanceInputRef,\n    ].find((inputRef) => document.activeElement === inputRef.current);\n\n    // One of AccuDraw input fields is focused already.\n    if (focusedInput) return undefined;\n\n    // Focus one of fallback fields.\n    let fallbackInput = getFieldInput(ItemField.DIST_Item);\n    if (fallbackInput) return fallbackInput;\n\n    fallbackInput = getFieldInput(ItemField.X_Item);\n    return fallbackInput;\n  }, []);\n\n  // Moves focus to `field` input if not focused OR fallbacks to default field if none of accudraw fields are focused.\n  const setFocusToField = React.useCallback(\n    (field: ItemField | undefined) => {\n      const input = getInputToFocus(field);\n      if (!input) return;\n\n      input.focus();\n      input.select();\n    },\n    [getInputToFocus]\n  );\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldLockEvent.addListener((args) => {\n      switch (args.field) {\n        case ItemField.X_Item:\n          setXLock(args.lock);\n          break;\n        case ItemField.Y_Item:\n          setYLock(args.lock);\n          break;\n        case ItemField.Z_Item:\n          setZLock(args.lock);\n          break;\n        case ItemField.ANGLE_Item:\n          setAngleLock(args.lock);\n          break;\n        case ItemField.DIST_Item:\n          setDistanceLock(args.lock);\n          break;\n      }\n    });\n  }, []);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(\n      (args) => {\n        focusField.current = args.field;\n        setFocusToField(focusField.current);\n      }\n    );\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawGrabInputFocusEvent.addListener(() => {\n      setFocusToField(focusField.current);\n    });\n  }, [setFocusToField]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetCompassModeEvent.addListener(\n      (args) => {\n        setMode(args.mode);\n      }\n    );\n  }, []);\n\n  const handleValueChanged = React.useCallback(\n    (field: ItemField, stringValue: string) => {\n      FrameworkAccuDraw.setFieldValueFromUi(field, stringValue);\n    },\n    []\n  );\n\n  const handleEscPressed = React.useCallback(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n\n  React.useEffect(() => {\n    setShowZ(\n      showZOverride || determineShowZ(IModelApp.viewManager.selectedView)\n    );\n\n    return IModelApp.viewManager.onSelectedViewportChanged.addListener(\n      (args) => {\n        setShowZ(determineShowZ(args.current));\n      }\n    );\n  }, [showZOverride]);\n\n  const createFieldStyle = (\n    inStyle: React.CSSProperties | undefined,\n    backgroundColor: ColorDef | string | undefined,\n    foregroundColor: ColorDef | string | undefined\n  ): React.CSSProperties | undefined => {\n    let fieldStyle: React.CSSProperties | undefined;\n    let rgbaString = \"\";\n    if (inStyle || backgroundColor || foregroundColor) {\n      fieldStyle = inStyle ? inStyle : {};\n      if (backgroundColor) {\n        rgbaString =\n          typeof backgroundColor === \"string\"\n            ? backgroundColor\n            : getCSSColorFromDef(backgroundColor);\n        fieldStyle = { ...fieldStyle, backgroundColor: rgbaString };\n      }\n      if (foregroundColor) {\n        rgbaString =\n          typeof foregroundColor === \"string\"\n            ? foregroundColor\n            : getCSSColorFromDef(foregroundColor);\n        fieldStyle = { ...fieldStyle, color: rgbaString };\n      }\n    }\n    return fieldStyle;\n  };\n\n  const xStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.xStyle,\n      uiSettings.xBackgroundColor,\n      uiSettings.xForegroundColor\n    );\n  }, [uiSettings]);\n  const yStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.yStyle,\n      uiSettings.yBackgroundColor,\n      uiSettings.yForegroundColor\n    );\n  }, [uiSettings]);\n  const zStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.zStyle,\n      uiSettings.zBackgroundColor,\n      uiSettings.zForegroundColor\n    );\n  }, [uiSettings]);\n  const angleStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.angleStyle,\n      uiSettings.angleBackgroundColor,\n      uiSettings.angleForegroundColor\n    );\n  }, [uiSettings]);\n  const distanceStyle = React.useMemo(() => {\n    if (!uiSettings) return undefined;\n    return createFieldStyle(\n      uiSettings.distanceStyle,\n      uiSettings.distanceBackgroundColor,\n      uiSettings.distanceForegroundColor\n    );\n  }, [uiSettings]);\n  const xLabel = uiSettings?.xLabel ?? defaultXLabel;\n  const yLabel = uiSettings?.yLabel ?? defaultYLabel;\n  const zLabel = uiSettings?.zLabel ?? defaultZLabel;\n  const angleLabel = uiSettings?.angleLabel;\n  const distanceLabel = uiSettings?.distanceLabel;\n\n  const classNames = classnames(\n    \"uifw-accudraw-field-container\",\n    orientation === Orientation.Vertical ? \"uifw-vertical\" : \"uifw-horizontal\",\n    className\n  );\n\n  const delay = 250;\n  const labelCentered =\n    xLabel !== undefined &&\n    xLabel.length === 1 &&\n    yLabel !== undefined &&\n    yLabel.length === 1 &&\n    zLabel !== undefined &&\n    zLabel.length === 1;\n\n  return (\n    <div className={classNames} style={style} {...otherProps}>\n      {mode === CompassMode.Rectangular && (\n        <>\n          <AccuDrawInputField\n            ref={xInputRef}\n            isLocked={xLock}\n            className=\"uifw-accudraw-x-value\"\n            style={xStyle}\n            field={ItemField.X_Item}\n            id={`uifw-accudraw-x-${containerIndex}`}\n            data-testid=\"uifw-accudraw-x\"\n            label={xLabel}\n            // eslint-disable-next-line deprecation/deprecation\n            iconSpec={uiSettings?.xIcon}\n            icon={uiSettings?.xIconNode}\n            labelCentered={labelCentered}\n            valueChangedDelay={delay}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.X_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n          />\n          <AccuDrawInputField\n            ref={yInputRef}\n            isLocked={yLock}\n            className=\"uifw-accudraw-y-value\"\n            style={yStyle}\n            field={ItemField.Y_Item}\n            id={`uifw-accudraw-y-${containerIndex}`}\n            data-testid=\"uifw-accudraw-y\"\n            label={yLabel}\n            // eslint-disable-next-line deprecation/deprecation\n            iconSpec={uiSettings?.yIcon}\n            icon={uiSettings?.yIconNode}\n            labelCentered={labelCentered}\n            valueChangedDelay={delay}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.Y_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n          />\n          {showZ && (\n            <AccuDrawInputField\n              ref={zInputRef}\n              isLocked={zLock}\n              className=\"uifw-accudraw-z-value\"\n              style={zStyle}\n              field={ItemField.Z_Item}\n              id={`uifw-accudraw-z-${containerIndex}`}\n              data-testid=\"uifw-accudraw-z\"\n              label={zLabel}\n              // eslint-disable-next-line deprecation/deprecation\n              iconSpec={uiSettings?.zIcon}\n              icon={uiSettings?.zIconNode}\n              labelCentered={labelCentered}\n              valueChangedDelay={delay}\n              onValueChanged={(stringValue) =>\n                handleValueChanged(ItemField.Z_Item, stringValue)\n              }\n              onEscPressed={handleEscPressed}\n            />\n          )}\n        </>\n      )}\n      {mode === CompassMode.Polar && (\n        <>\n          <AccuDrawInputField\n            ref={distanceInputRef}\n            isLocked={distanceLock}\n            className=\"uifw-accudraw-distance-value\"\n            style={distanceStyle}\n            field={ItemField.DIST_Item}\n            id={`uifw-accudraw-distance-${containerIndex}`}\n            data-testid=\"uifw-accudraw-distance\"\n            label={distanceLabel}\n            // eslint-disable-next-line deprecation/deprecation\n            iconSpec={uiSettings?.distanceIcon ?? distanceIconSvg}\n            icon={uiSettings?.distanceIconNode}\n            valueChangedDelay={delay}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.DIST_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n          />\n          <AccuDrawInputField\n            ref={angleInputRef}\n            isLocked={angleLock}\n            className=\"uifw-accudraw-angle-value\"\n            style={angleStyle}\n            field={ItemField.ANGLE_Item}\n            id={`uifw-accudraw-angle-${containerIndex}`}\n            data-testid=\"uifw-accudraw-angle\"\n            label={angleLabel}\n            // eslint-disable-next-line deprecation/deprecation\n            iconSpec={uiSettings?.angleIcon ?? angleIconSvg}\n            icon={uiSettings?.angleIconNode}\n            valueChangedDelay={delay}\n            onValueChanged={(stringValue) =>\n              handleValueChanged(ItemField.ANGLE_Item, stringValue)\n            }\n            onEscPressed={handleEscPressed}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction getCurrent<T>(ref: React.RefObject<T>) {\n  if (ref.current === null) return undefined;\n  return ref.current;\n}\n"]}

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

@@ -1 +0,0 @@
-{"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;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW/D;;;GAGG;AAEH,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;;OAEG;IAEH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,kCAAkC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,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;AAmKD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,CAE/B,KAAK,EAAE,uBAAuB,KAC3B,KAAK,CAAC,SAAmC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,qCAAmC;AACnC,2CAAoC;AACpC,+BAA+B;AAC/B,6CAAkC;AAGlC,kDAAkD;AAClD,wDAA6C;AAC7C,2DAAwD;AACxD,gDAA6C;AAC7C,oEAAqD;AAErD,SAAS,QAAQ,CAAC,IAAY;IAC5B,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;AACxE,CAAC;AAyCD,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAK9C,SAAS,4BAA4B,CAAC,KAA8B,EAAE,GAAG;IACzE,MAAM,EACJ,SAAS,EACT,KAAK,EACL,EAAE,EACF,KAAK;IACL,mDAAmD;IACnD,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,aAAa,EACb,KAAK,EACL,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,IAAA,oBAAO,EAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,uGAAuG;IAEnJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,qCAAiB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACrE,cAAc,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,KAA0C,EAAQ,EAAE;QACnD,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;QAExC,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAEhC,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;YAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACvC,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,mCAAmC;QACnC,IAAI,gBAAgB,EAAE,CAAC;YACrB,IAAI,iBAAiB,EAAE,CAAC;gBACtB,YAAY,EAAE,CAAC;gBACf,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBACzC,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC9B,CAAC,EAAE,iBAAiB,CAAC,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,cAAc,CAAC,WAAW,CAAC,CAAC;YAC9B,CAAC;YACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa;QACb,OAAO,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,CAAsB,EAAE,EAAE;QACzB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,YAAY,IAAI,YAAY,EAAE,CAAC;gBAC/B,OAAO;YACT,KAAK,iBAAG,CAAC,KAAK,CAAC,OAAO,EAAE;gBACtB,cAAc,IAAI,cAAc,EAAE,CAAC;gBACnC,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,yBAAW,CAAC,iBAAiB,CAAC,UAAU,CACtC,CAAC,CAAC,GAAG,EACL,CAAC,CAAC,MAAM,EACR,CAAC,CAAC,OAAO,EACT,CAAC,CAAC,QAAQ,CACX,CAAC;YACF,OAAO;QACT,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,cAAc,CAAC,CAC/B,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qCAAiB,CAAC,gCAAgC,CAAC,WAAW,CACnE,CAAC,IAAI,EAAE,EAAE;YACP,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,WAAW,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC;gBAChE,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACpC,IAAI,YAAY;oBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,eAAe,CAAC,OAAO;gBAAE,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YAC9D,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qCAAiB,CAAC,4BAA4B,CAAC,WAAW,CAC/D,CAAC,IAAI,EAAE,EAAE;YACP,eAAe,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QACxC,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,IAAA,oBAAU,EAChC,2BAA2B,EAC3B,aAAa,IAAI,qBAAqB,EACtC,cAAc,CACf,CAAC;IAEF,OAAO,CACL;QACE,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU;YAC9D,KAAK;YAEL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACjD;QACR,oBAAC,qBAAK,OACA,UAAU,EACd,GAAG,EAAE,IAAI,EACT,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,OAAO,GACZ;QACF,8BAAM,SAAS,EAAC,oBAAoB,IAAE,QAAQ,IAAI,oBAAC,6BAAO,OAAG,CAAQ,CACpE,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACU,QAAA,kBAAkB,GAGR,uBAAuB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AccuDraw\n */\n\nimport \"./AccuDrawInputField.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { ItemField } from \"@itwin/core-frontend\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon, useRefs } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\nimport { UiFramework } from \"../UiFramework\";\nimport { SvgLock } from \"@itwin/itwinui-icons-react\";\n\nfunction isLetter(char: string): boolean {\n  return char.length === 1 && char.toLowerCase() !== char.toUpperCase();\n}\n\n/** Properties for [[AccuDrawInputField]] component\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof AccuDrawInputField>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface AccuDrawInputFieldProps extends CommonProps {\n  /** Which AccuDraw field this represents */\n  field: ItemField;\n  /** id for the input element */\n  id: string;\n  /** Indicates whether field is locked */\n  isLocked?: boolean;\n  /** label for the input element */\n  label?: string;\n  /** Icon for the input element.\n   * @deprecated in 4.16.0. Use `icon` instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  iconSpec?: IconSpec;\n  /** Icon for the input element. */\n  icon?: React.ReactNode;\n  /** Custom CSS class name for the label */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n  /** Center justified label */\n  labelCentered?: boolean;\n  /** Triggered when the content is changed */\n  onValueChanged: (stringValue: string) => void;\n  /** Frequency to poll for changes in value, in milliseconds */\n  valueChangedDelay?: number;\n  /** Listens for <Enter> keypress */\n  onEnterPressed?: () => void;\n  /** Listens for <Esc> keypress */\n  onEscPressed?: () => void;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\nconst ForwardRefAccuDrawInput = React.forwardRef<\n  HTMLInputElement,\n  /* eslint-disable-next-line deprecation/deprecation */\n  AccuDrawInputFieldProps\n  /* eslint-disable-next-line deprecation/deprecation */\n>(function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\n  const {\n    className,\n    style,\n    id,\n    label,\n    // eslint-disable-next-line deprecation/deprecation\n    iconSpec,\n    icon,\n    labelClassName,\n    labelStyle,\n    labelCentered,\n    field,\n    isLocked,\n    onValueChanged,\n    valueChangedDelay,\n    onEnterPressed,\n    onEscPressed,\n    ...inputProps\n  } = props;\n  const [stringValue, setStringValue] = React.useState(\"\");\n  const timeoutId = React.useRef(0);\n  const [needValueChanged, setNeedValueChanged] = React.useState(false);\n  const [needSelection, setNeedSelection] = React.useState(false);\n  const [isFocusField, setIsFocusField] = React.useState(false);\n  const inputElementRef = React.useRef<HTMLInputElement>(null);\n  const refs = useRefs(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n  React.useEffect(() => {\n    const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\n    setStringValue(formattedValue);\n  }, [field]);\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>): void => {\n      const value = event.currentTarget.value;\n\n      if (value === undefined) return;\n\n      if (stringValue !== value) {\n        setStringValue(value);\n        setNeedValueChanged(true);\n      }\n    },\n    [stringValue]\n  );\n\n  const unsetTimeout = (): void => {\n    if (timeoutId) {\n      window.clearTimeout(timeoutId.current);\n      timeoutId.current = 0;\n    }\n  };\n\n  React.useEffect(() => {\n    // After setStringValue & re-render\n    if (needValueChanged) {\n      if (valueChangedDelay) {\n        unsetTimeout();\n        timeoutId.current = window.setTimeout(() => {\n          onValueChanged(stringValue);\n        }, valueChangedDelay);\n      } else {\n        onValueChanged(stringValue);\n      }\n      setNeedValueChanged(false);\n    }\n  }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\n\n  React.useEffect(() => {\n    // On unmount\n    return () => unsetTimeout();\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case Key.Escape.valueOf():\n          onEscPressed && onEscPressed();\n          return;\n        case Key.Enter.valueOf():\n          onEnterPressed && onEnterPressed();\n          return;\n      }\n\n      if (isLetter(e.key)) {\n        e.preventDefault();\n        UiFramework.keyboardShortcuts.processKey(\n          e.key,\n          e.altKey,\n          e.ctrlKey,\n          e.shiftKey\n        );\n        return;\n      }\n    },\n    [onEscPressed, onEnterPressed]\n  );\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(\n      (args) => {\n        if (args.field === field && stringValue !== args.formattedValue) {\n          setStringValue(args.formattedValue);\n          if (isFocusField) setNeedSelection(true);\n        }\n      }\n    );\n  }, [field, isFocusField, stringValue]);\n\n  React.useEffect(() => {\n    if (needSelection) {\n      if (inputElementRef.current) inputElementRef.current.select();\n      setNeedSelection(false);\n    }\n  }, [needSelection]);\n\n  React.useEffect(() => {\n    return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(\n      (args) => {\n        setIsFocusField(args.field === field);\n      }\n    );\n  }, [field]);\n\n  const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\n  const labelClassNames = classnames(\n    \"uifw-accudraw-input-label\",\n    labelCentered && \"uifw-label-centered\",\n    labelClassName\n  );\n\n  return (\n    <>\n      <label htmlFor={id} className={labelClassNames} style={labelStyle}>\n        {label}\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        {icon ? icon : iconSpec && <Icon iconSpec={iconSpec} />}\n      </label>\n      <Input\n        {...inputProps}\n        ref={refs}\n        id={id}\n        value={stringValue}\n        className={inputClassNames}\n        style={style}\n        autoComplete=\"off\"\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        size=\"small\"\n      />\n      <span className=\"uifw-accudraw-lock\">{isLocked && <SvgLock />}</span>\n    </>\n  );\n});\n\n/** Input field for AccuDraw UI.\n * @public\n */\nexport const AccuDrawInputField: (\n  /* eslint-disable-next-line deprecation/deprecation */\n  props: AccuDrawInputFieldProps\n) => React.ReactNode = ForwardRefAccuDrawInput;\n"]}

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

@@ -1,21 +0,0 @@
-/** @packageDocumentation
- * @module AccuDraw
- */
-import type { KeyboardShortcutProps } from "../keyboardshortcut/KeyboardShortcutProps";
-/** Default AccuDraw Keyboard Shortcuts
- *
- * Expected to be used with [[UiFramework.keyboardShortcuts]].
- *
- * ```ts
- * UiFramework.keyboardShortcuts.loadShortcuts(
- *   AccuDrawKeyboardShortcuts.getDefaultShortcuts()
- * );
- * ```
- * @public
- */
-export declare class AccuDrawKeyboardShortcuts {
-    /** Get default AccuDraw Keyboard Shortcuts list.
-     */
-    static getDefaultShortcuts(): KeyboardShortcutProps[];
-}
-//# sourceMappingURL=AccuDrawKeyboardShortcuts.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccuDrawKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawKeyboardShortcuts.ts"],"names":[],"mappings":"AAIA;;GAEG;AAqBH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAGvF;;;;;;;;;;GAUG;AACH,qBAAa,yBAAyB;IACpC;OACG;WACW,mBAAmB,IAAI,qBAAqB,EAAE;CAsE7D"}