@itwin/appui-react 3.4.1 → 3.4.3

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

@@ -1,62 +1,62 @@
-/** @packageDocumentation
- * @module AccuDraw
- */
-/// <reference types="react" />
-import { ColorDef } from "@itwin/core-common";
-import { IconSpec } from "@itwin/core-react";
-/** AccuDraw User Interface Settings
- * @beta
- */
-export interface AccuDrawUiSettings {
-    /** X field style */
-    xStyle?: React.CSSProperties;
-    /** Y field style */
-    yStyle?: React.CSSProperties;
-    /** Z field style */
-    zStyle?: React.CSSProperties;
-    /** Angle field style */
-    angleStyle?: React.CSSProperties;
-    /** Distance field style */
-    distanceStyle?: React.CSSProperties;
-    /** X field background color */
-    xBackgroundColor?: ColorDef | string;
-    /** Y field background color */
-    yBackgroundColor?: ColorDef | string;
-    /** Z field background color */
-    zBackgroundColor?: ColorDef | string;
-    /** Angle field background color */
-    angleBackgroundColor?: ColorDef | string;
-    /** Distance field background color */
-    distanceBackgroundColor?: ColorDef | string;
-    /** X field foreground color */
-    xForegroundColor?: ColorDef | string;
-    /** Y field foreground color */
-    yForegroundColor?: ColorDef | string;
-    /** Z field foreground color */
-    zForegroundColor?: ColorDef | string;
-    /** Angle field foreground color */
-    angleForegroundColor?: ColorDef | string;
-    /** Distance field foreground color */
-    distanceForegroundColor?: ColorDef | string;
-    /** X field label */
-    xLabel?: string;
-    /** Y field label */
-    yLabel?: string;
-    /** Z field label */
-    zLabel?: string;
-    /** Angle field label */
-    angleLabel?: string;
-    /** Distance field label */
-    distanceLabel?: string;
-    /** X field icon */
-    xIcon?: IconSpec;
-    /** Y field icon */
-    yIcon?: IconSpec;
-    /** Z field icon */
-    zIcon?: IconSpec;
-    /** Angle field icon */
-    angleIcon?: IconSpec;
-    /** Distance field icon */
-    distanceIcon?: IconSpec;
-}
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+/// <reference types="react" />
+import { ColorDef } from "@itwin/core-common";
+import { IconSpec } from "@itwin/core-react";
+/** AccuDraw User Interface Settings
+ * @beta
+ */
+export interface AccuDrawUiSettings {
+    /** X field style */
+    xStyle?: React.CSSProperties;
+    /** Y field style */
+    yStyle?: React.CSSProperties;
+    /** Z field style */
+    zStyle?: React.CSSProperties;
+    /** Angle field style */
+    angleStyle?: React.CSSProperties;
+    /** Distance field style */
+    distanceStyle?: React.CSSProperties;
+    /** X field background color */
+    xBackgroundColor?: ColorDef | string;
+    /** Y field background color */
+    yBackgroundColor?: ColorDef | string;
+    /** Z field background color */
+    zBackgroundColor?: ColorDef | string;
+    /** Angle field background color */
+    angleBackgroundColor?: ColorDef | string;
+    /** Distance field background color */
+    distanceBackgroundColor?: ColorDef | string;
+    /** X field foreground color */
+    xForegroundColor?: ColorDef | string;
+    /** Y field foreground color */
+    yForegroundColor?: ColorDef | string;
+    /** Z field foreground color */
+    zForegroundColor?: ColorDef | string;
+    /** Angle field foreground color */
+    angleForegroundColor?: ColorDef | string;
+    /** Distance field foreground color */
+    distanceForegroundColor?: ColorDef | string;
+    /** X field label */
+    xLabel?: string;
+    /** Y field label */
+    yLabel?: string;
+    /** Z field label */
+    zLabel?: string;
+    /** Angle field label */
+    angleLabel?: string;
+    /** Distance field label */
+    distanceLabel?: string;
+    /** X field icon */
+    xIcon?: IconSpec;
+    /** Y field icon */
+    yIcon?: IconSpec;
+    /** Z field icon */
+    zIcon?: IconSpec;
+    /** Angle field icon */
+    angleIcon?: IconSpec;
+    /** Distance field icon */
+    distanceIcon?: IconSpec;
+}
 //# sourceMappingURL=AccuDrawUiSettings.d.ts.map

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

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+export {};
 //# sourceMappingURL=AccuDrawUiSettings.js.map

package/lib/esm/appui-react/accudraw/AccuDrawUiSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawUiSettings.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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 { ColorDef } from \"@itwin/core-common\";\nimport { IconSpec } from \"@itwin/core-react\";\n\n/** AccuDraw User Interface Settings\n * @beta\n */\nexport interface AccuDrawUiSettings {\n  /** X field style */\n  xStyle?: React.CSSProperties;\n  /** Y field style */\n  yStyle?: React.CSSProperties;\n  /** Z field style */\n  zStyle?: React.CSSProperties;\n  /** Angle field style */\n  angleStyle?: React.CSSProperties;\n  /** Distance field style */\n  distanceStyle?: React.CSSProperties;\n\n  /** X field background color */\n  xBackgroundColor?: ColorDef | string;\n  /** Y field background color */\n  yBackgroundColor?: ColorDef | string;\n  /** Z field background color */\n  zBackgroundColor?: ColorDef | string;\n  /** Angle field background color */\n  angleBackgroundColor?: ColorDef | string;\n  /** Distance field background color */\n  distanceBackgroundColor?: ColorDef | string;\n\n  /** X field foreground color */\n  xForegroundColor?: ColorDef | string;\n  /** Y field foreground color */\n  yForegroundColor?: ColorDef | string;\n  /** Z field foreground color */\n  zForegroundColor?: ColorDef | string;\n  /** Angle field foreground color */\n  angleForegroundColor?: ColorDef | string;\n  /** Distance field foreground color */\n  distanceForegroundColor?: ColorDef | string;\n\n  /** X field label */\n  xLabel?: string;\n  /** Y field label */\n  yLabel?: string;\n  /** Z field label */\n  zLabel?: string;\n  /** Angle field label */\n  angleLabel?: string;\n  /** Distance field label */\n  distanceLabel?: string;\n\n  /** X field icon */\n  xIcon?: IconSpec;\n  /** Y field icon */\n  yIcon?: IconSpec;\n  /** Z field icon */\n  zIcon?: IconSpec;\n  /** Angle field icon */\n  angleIcon?: IconSpec;\n  /** Distance field icon */\n  distanceIcon?: IconSpec;\n}\n"]}
+{"version":3,"file":"AccuDrawUiSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawUiSettings.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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 { ColorDef } from \"@itwin/core-common\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\n\r\n/** AccuDraw User Interface Settings\r\n * @beta\r\n */\r\nexport interface AccuDrawUiSettings {\r\n  /** X field style */\r\n  xStyle?: React.CSSProperties;\r\n  /** Y field style */\r\n  yStyle?: React.CSSProperties;\r\n  /** Z field style */\r\n  zStyle?: React.CSSProperties;\r\n  /** Angle field style */\r\n  angleStyle?: React.CSSProperties;\r\n  /** Distance field style */\r\n  distanceStyle?: React.CSSProperties;\r\n\r\n  /** X field background color */\r\n  xBackgroundColor?: ColorDef | string;\r\n  /** Y field background color */\r\n  yBackgroundColor?: ColorDef | string;\r\n  /** Z field background color */\r\n  zBackgroundColor?: ColorDef | string;\r\n  /** Angle field background color */\r\n  angleBackgroundColor?: ColorDef | string;\r\n  /** Distance field background color */\r\n  distanceBackgroundColor?: ColorDef | string;\r\n\r\n  /** X field foreground color */\r\n  xForegroundColor?: ColorDef | string;\r\n  /** Y field foreground color */\r\n  yForegroundColor?: ColorDef | string;\r\n  /** Z field foreground color */\r\n  zForegroundColor?: ColorDef | string;\r\n  /** Angle field foreground color */\r\n  angleForegroundColor?: ColorDef | string;\r\n  /** Distance field foreground color */\r\n  distanceForegroundColor?: ColorDef | string;\r\n\r\n  /** X field label */\r\n  xLabel?: string;\r\n  /** Y field label */\r\n  yLabel?: string;\r\n  /** Z field label */\r\n  zLabel?: string;\r\n  /** Angle field label */\r\n  angleLabel?: string;\r\n  /** Distance field label */\r\n  distanceLabel?: string;\r\n\r\n  /** X field icon */\r\n  xIcon?: IconSpec;\r\n  /** Y field icon */\r\n  yIcon?: IconSpec;\r\n  /** Z field icon */\r\n  zIcon?: IconSpec;\r\n  /** Angle field icon */\r\n  angleIcon?: IconSpec;\r\n  /** Distance field icon */\r\n  distanceIcon?: IconSpec;\r\n}\r\n"]}

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

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module AccuDraw
- */
-/// <reference types="react" />
-import { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
-import { WidgetControl } from "../widgets/WidgetControl";
-/** AccuDraw Widget Control
- * @beta
- */
-export declare class AccuDrawWidgetControl extends WidgetControl {
-    static id: string;
-    static get label(): string;
-    constructor(info: ConfigurableCreateInfo, options: any);
-}
-/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui
- * @beta
- */
-export declare function AccuDrawWidget(): JSX.Element;
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+/// <reference types="react" />
+import { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
+import { WidgetControl } from "../widgets/WidgetControl";
+/** AccuDraw Widget Control
+ * @beta
+ */
+export declare class AccuDrawWidgetControl extends WidgetControl {
+    static id: string;
+    static get label(): string;
+    constructor(info: ConfigurableCreateInfo, options: any);
+}
+/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui
+ * @beta
+ */
+export declare function AccuDrawWidget(): JSX.Element;
 //# sourceMappingURL=AccuDrawWidget.d.ts.map

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

@@ -1,40 +1,40 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module AccuDraw
- */
-import * as React from "react";
-import { Orientation, useResizeObserver } from "@itwin/core-react";
-import { AccuDrawFieldContainer } from "./AccuDrawFieldContainer";
-import { WidgetControl } from "../widgets/WidgetControl";
-import { UiFramework } from "../UiFramework";
-/** AccuDraw Widget Control
- * @beta
- */
-export class AccuDrawWidgetControl extends WidgetControl {
-    constructor(info, options) {
-        super(info, options);
-        this.reactNode = React.createElement(AccuDrawWidget, null);
-    }
-    static get label() {
-        return UiFramework.translate("accuDraw.dialogTitle");
-    }
-}
-AccuDrawWidgetControl.id = "AccuDrawWidget";
-/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui
- * @beta
- */
-export function AccuDrawWidget() {
-    const [orientation, setOrientation] = React.useState(Orientation.Vertical);
-    const breakpoint = 400;
-    // istanbul ignore next - currently unable to replicate resizing in unit test
-    const handleResize = React.useCallback((w, _h) => {
-        setOrientation(w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal);
-    }, []);
-    const ref = useResizeObserver(handleResize);
-    return (React.createElement("div", { ref: ref },
-        React.createElement(AccuDrawFieldContainer, { orientation: orientation })));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+import * as React from "react";
+import { Orientation, useResizeObserver } from "@itwin/core-react";
+import { AccuDrawFieldContainer } from "./AccuDrawFieldContainer";
+import { WidgetControl } from "../widgets/WidgetControl";
+import { UiFramework } from "../UiFramework";
+/** AccuDraw Widget Control
+ * @beta
+ */
+export class AccuDrawWidgetControl extends WidgetControl {
+    constructor(info, options) {
+        super(info, options);
+        this.reactNode = React.createElement(AccuDrawWidget, null);
+    }
+    static get label() {
+        return UiFramework.translate("accuDraw.dialogTitle");
+    }
+}
+AccuDrawWidgetControl.id = "AccuDrawWidget";
+/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui
+ * @beta
+ */
+export function AccuDrawWidget() {
+    const [orientation, setOrientation] = React.useState(Orientation.Vertical);
+    const breakpoint = 400;
+    // istanbul ignore next - currently unable to replicate resizing in unit test
+    const handleResize = React.useCallback((w, _h) => {
+        setOrientation(w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal);
+    }, []);
+    const ref = useResizeObserver(handleResize);
+    return (React.createElement("div", { ref: ref },
+        React.createElement(AccuDrawFieldContainer, { orientation: orientation })));
+}
 //# sourceMappingURL=AccuDrawWidget.js.map

package/lib/esm/appui-react/accudraw/AccuDrawWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,OAAO,qBAAsB,SAAQ,aAAa;IAQtD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,SAAS,GAAG,oBAAC,cAAc,OAAG,CAAC;IACtC,CAAC;IARM,MAAM,KAAK,KAAK;QACrB,OAAO,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;;AAJa,wBAAE,GAAG,gBAAgB,CAAC;AAatC;;GAEG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,CAAC;IAEvB,6EAA6E;IAC7E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAU,EAAE,EAAE;QAC/D,cAAc,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,iBAAiB,CAAiB,YAAY,CAAC,CAAC;IAE5D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QACX,oBAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,CAChD,CACP,CAAC;AACJ,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 * as React from \"react\";\nimport { Orientation, useResizeObserver } from \"@itwin/core-react\";\n\nimport { AccuDrawFieldContainer } from \"./AccuDrawFieldContainer\";\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { WidgetControl } from \"../widgets/WidgetControl\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** AccuDraw Widget Control\n * @beta\n */\nexport class AccuDrawWidgetControl extends WidgetControl {\n\n  public static id = \"AccuDrawWidget\";\n\n  public static get label(): string {\n    return UiFramework.translate(\"accuDraw.dialogTitle\");\n  }\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n\n    this.reactNode = <AccuDrawWidget />;\n  }\n}\n\n/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui\n * @beta\n */\nexport function AccuDrawWidget() {\n  const [orientation, setOrientation] = React.useState(Orientation.Vertical);\n  const breakpoint = 400;\n\n  // istanbul ignore next - currently unable to replicate resizing in unit test\n  const handleResize = React.useCallback((w: number, _h: number) => {\n    setOrientation(w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal);\n  }, []);\n\n  const ref = useResizeObserver<HTMLDivElement>(handleResize);\n\n  return (\n    <div ref={ref}>\n      <AccuDrawFieldContainer orientation={orientation} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"AccuDrawWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,OAAO,qBAAsB,SAAQ,aAAa;IAQtD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,SAAS,GAAG,oBAAC,cAAc,OAAG,CAAC;IACtC,CAAC;IARM,MAAM,KAAK,KAAK;QACrB,OAAO,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;;AAJa,wBAAE,GAAG,gBAAgB,CAAC;AAatC;;GAEG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,CAAC;IAEvB,6EAA6E;IAC7E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAU,EAAE,EAAE;QAC/D,cAAc,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,iBAAiB,CAAiB,YAAY,CAAC,CAAC;IAE5D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QACX,oBAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,CAChD,CACP,CAAC;AACJ,CAAC","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 * as React from \"react\";\r\nimport { Orientation, useResizeObserver } from \"@itwin/core-react\";\r\n\r\nimport { AccuDrawFieldContainer } from \"./AccuDrawFieldContainer\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { WidgetControl } from \"../widgets/WidgetControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** AccuDraw Widget Control\r\n * @beta\r\n */\r\nexport class AccuDrawWidgetControl extends WidgetControl {\r\n\r\n  public static id = \"AccuDrawWidget\";\r\n\r\n  public static get label(): string {\r\n    return UiFramework.translate(\"accuDraw.dialogTitle\");\r\n  }\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n\r\n    this.reactNode = <AccuDrawWidget />;\r\n  }\r\n}\r\n\r\n/** AccuDraw Widget displays [[AccuDrawFieldContainer]] for AccuDraw Ui\r\n * @beta\r\n */\r\nexport function AccuDrawWidget() {\r\n  const [orientation, setOrientation] = React.useState(Orientation.Vertical);\r\n  const breakpoint = 400;\r\n\r\n  // istanbul ignore next - currently unable to replicate resizing in unit test\r\n  const handleResize = React.useCallback((w: number, _h: number) => {\r\n    setOrientation(w <= breakpoint ? Orientation.Vertical : Orientation.Horizontal);\r\n  }, []);\r\n\r\n  const ref = useResizeObserver<HTMLDivElement>(handleResize);\r\n\r\n  return (\r\n    <div ref={ref}>\r\n      <AccuDrawFieldContainer orientation={orientation} />\r\n    </div>\r\n  );\r\n}\r\n"]}

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

@@ -1,47 +1,47 @@
-/** @packageDocumentation
- * @module AccuDraw
- */
-import "./Calculator.scss";
-import * as React from "react";
-import { OnCancelFunc, OnNumberCommitFunc } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-import { CalculatorEngine } from "./CalculatorEngine";
-/** @alpha */
-export interface CalculatorProps extends CommonProps {
-    /** Initial value */
-    initialValue?: number;
-    /** Icon to display beside the calculated result */
-    resultIcon?: React.ReactNode;
-    /** A function to be run when the OK button is clicked */
-    onOk?: OnNumberCommitFunc;
-    /** A function to be run when the Cancel button is clicked */
-    onCancel?: OnCancelFunc;
-    /** @internal  Calculator state machine. */
-    engine: CalculatorEngine;
-}
-interface CalculatorState {
-    displayValue: string;
-}
-/** @internal */
-export declare type CalculatorPropsProps = Pick<CalculatorProps, "engine">;
-/** @alpha */
-export declare class Calculator extends React.PureComponent<CalculatorProps, CalculatorState> {
-    private _mainDiv;
-    private _equalsClicked;
-    /** @internal */
-    static readonly defaultProps: CalculatorPropsProps;
-    constructor(props: CalculatorProps);
-    private _onValueButtonClick;
-    private _onOperatorButtonClick;
-    private _handleOk;
-    private _ok;
-    private _handleCancel;
-    private _cancel;
-    private _clearAll;
-    componentDidMount(): void;
-    private _mainDivFocus;
-    render(): JSX.Element;
-    private _handleKeyDown;
-}
-export {};
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+import "./Calculator.scss";
+import * as React from "react";
+import { OnCancelFunc, OnNumberCommitFunc } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+import { CalculatorEngine } from "./CalculatorEngine";
+/** @alpha */
+export interface CalculatorProps extends CommonProps {
+    /** Initial value */
+    initialValue?: number;
+    /** Icon to display beside the calculated result */
+    resultIcon?: React.ReactNode;
+    /** A function to be run when the OK button is clicked */
+    onOk?: OnNumberCommitFunc;
+    /** A function to be run when the Cancel button is clicked */
+    onCancel?: OnCancelFunc;
+    /** @internal  Calculator state machine. */
+    engine: CalculatorEngine;
+}
+interface CalculatorState {
+    displayValue: string;
+}
+/** @internal */
+export declare type CalculatorPropsProps = Pick<CalculatorProps, "engine">;
+/** @alpha */
+export declare class Calculator extends React.PureComponent<CalculatorProps, CalculatorState> {
+    private _mainDiv;
+    private _equalsClicked;
+    /** @internal */
+    static readonly defaultProps: CalculatorPropsProps;
+    constructor(props: CalculatorProps);
+    private _onValueButtonClick;
+    private _onOperatorButtonClick;
+    private _handleOk;
+    private _ok;
+    private _handleCancel;
+    private _cancel;
+    private _clearAll;
+    componentDidMount(): void;
+    private _mainDivFocus;
+    render(): JSX.Element;
+    private _handleKeyDown;
+}
+export {};
 //# sourceMappingURL=Calculator.d.ts.map