@itwin/appui-react 3.6.0-dev.7 → 4.0.0-dev.2

package/lib/cjs/appui-react/widgets/ToolSettingsContent.js

@@ -1,55 +1,16 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolSettingsContentContext = exports.ToolSettingsContent = void 0;
-require("./ToolSettingsContent.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-/**  @internal */
-class ToolSettingsContent extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._container = React.createRef();
-        this._measurer = React.createRef();
-        this.state = {
-            availableContentWidth: 0,
-        };
-        this._handleResize = () => {
-            const container = this._container.current;
-            const measurer = this._measurer.current;
-            // istanbul ignore next
-            if (!container || !measurer)
-                return;
-            container.classList.add("uifw-measure");
-            const measurerBounds = measurer.getBoundingClientRect();
-            container.classList.remove("uifw-measure");
-            this.setState({ availableContentWidth: measurerBounds.width });
-        };
-    }
-    render() {
-        const className = (0, classnames_1.default)("uifw-tool-settings-content", this.props.mode === appui_layout_react_1.ToolSettingsWidgetMode.TitleBar && "uifw-title-bar", this.props.mode === appui_layout_react_1.ToolSettingsWidgetMode.Tab && "uifw-tab");
-        return (React.createElement(appui_layout_react_1.WidgetContent // eslint-disable-line deprecation/deprecation
-        , { anchor: this.props.anchor, className: className, containerRef: this._container, content: React.createElement(exports.ToolSettingsContentContext.Provider, { value: {
-                    availableContentWidth: this.state.availableContentWidth,
-                } },
-                this.props.children,
-                React.createElement("div", { className: "uifw-zone-measurer" },
-                    React.createElement(core_react_1.ResizableContainerObserver, { onResize: this._handleResize })),
-                React.createElement("div", { className: "uifw-measurer", ref: this._measurer }),
-                React.createElement("div", { className: "uifw-expander" })) }));
-    }
-}
-exports.ToolSettingsContent = ToolSettingsContent;
-/** @internal */
-exports.ToolSettingsContentContext = React.createContext({
-    availableContentWidth: 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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolSettingsContentContext = void 0;
+const React = require("react");
+/** @internal */
+exports.ToolSettingsContentContext = React.createContext({
+    availableContentWidth: 0,
+});
 //# sourceMappingURL=ToolSettingsContent.js.map

package/lib/cjs/appui-react/widgets/ToolSettingsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,sCAAoC;AACpC,2CAAoC;AACpC,+BAA+B;AAC/B,kDAA+D;AAC/D,kEAAoG;AAYpG,iBAAiB;AACjB,MAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAiE;IAAhH;;QACU,eAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC/C,cAAS,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAE7B,UAAK,GAA6B;YACzD,qBAAqB,EAAE,CAAC;SACzB,CAAC;QA4BM,kBAAa,GAAG,GAAG,EAAE;YAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;YAExC,uBAAuB;YACvB,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ;gBACzB,OAAO;YAET,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACxC,MAAM,cAAc,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;YACxD,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,qBAAqB,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC;IAxCiB,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,4BAA4B,EAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,2CAAsB,CAAC,QAAQ,IAAI,gBAAgB,EACvE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,2CAAsB,CAAC,GAAG,IAAI,UAAU,CAC7D,CAAC;QAEF,OAAO,CACL,oBAAC,kCAAa,CAAC,8CAA8C;YAC3D,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,CAAC,UAAU,EAC7B,OAAO,EAAE,oBAAC,kCAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE;oBACnD,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;iBACxD;gBACE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACpB,6BAAK,SAAS,EAAC,oBAAoB;oBACjC,oBAAC,uCAA0B,IAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,GAAI,CACxD;gBACN,6BAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,GAAI;gBACtD,6BAAK,SAAS,EAAC,eAAe,GAAG,CACG,GACtC,CACH,CAAC;IACJ,CAAC;CAgBF;AAhDD,kDAgDC;AAOD,gBAAgB;AACH,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,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 Widget\r\n */\r\n\r\nimport \"./ToolSettingsContent.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { HorizontalAnchor, ToolSettingsWidgetMode, WidgetContent } from \"@itwin/appui-layout-react\";\r\n\r\n/** @internal */\r\ninterface ToolSettingsContentProps {\r\n  anchor: HorizontalAnchor; // eslint-disable-line deprecation/deprecation\r\n  mode: ToolSettingsWidgetMode;\r\n}\r\n\r\ninterface ToolSettingsContentState {\r\n  availableContentWidth: number;\r\n}\r\n\r\n/**  @internal */\r\nexport class ToolSettingsContent extends React.PureComponent<ToolSettingsContentProps, ToolSettingsContentState> {\r\n  private _container = React.createRef<HTMLDivElement>();\r\n  private _measurer = React.createRef<HTMLDivElement>();\r\n\r\n  public override readonly state: ToolSettingsContentState = {\r\n    availableContentWidth: 0,\r\n  };\r\n\r\n  public override render(): React.ReactNode | undefined {\r\n    const className = classnames(\r\n      \"uifw-tool-settings-content\",\r\n      this.props.mode === ToolSettingsWidgetMode.TitleBar && \"uifw-title-bar\",\r\n      this.props.mode === ToolSettingsWidgetMode.Tab && \"uifw-tab\",\r\n    );\r\n\r\n    return (\r\n      <WidgetContent // eslint-disable-line deprecation/deprecation\r\n        anchor={this.props.anchor}\r\n        className={className}\r\n        containerRef={this._container}\r\n        content={<ToolSettingsContentContext.Provider value={{\r\n          availableContentWidth: this.state.availableContentWidth,\r\n        }}>\r\n          {this.props.children}\r\n          <div className=\"uifw-zone-measurer\">\r\n            <ResizableContainerObserver onResize={this._handleResize} />\r\n          </div>\r\n          <div className=\"uifw-measurer\" ref={this._measurer} />\r\n          <div className=\"uifw-expander\" />\r\n        </ToolSettingsContentContext.Provider>}\r\n      />\r\n    );\r\n  }\r\n\r\n  private _handleResize = () => {\r\n    const container = this._container.current;\r\n    const measurer = this._measurer.current;\r\n\r\n    // istanbul ignore next\r\n    if (!container || !measurer)\r\n      return;\r\n\r\n    container.classList.add(\"uifw-measure\");\r\n    const measurerBounds = measurer.getBoundingClientRect();\r\n    container.classList.remove(\"uifw-measure\");\r\n\r\n    this.setState({ availableContentWidth: measurerBounds.width });\r\n  };\r\n}\r\n\r\n/** @internal */\r\nexport interface ToolSettingsContentContextProps {\r\n  readonly availableContentWidth: number;\r\n}\r\n\r\n/** @internal */\r\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({ // eslint-disable-line @typescript-eslint/naming-convention\r\n  availableContentWidth: 0,\r\n});\r\n"]}
+{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAS/B,gBAAgB;AACH,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAkC;IAC7F,qBAAqB,EAAE,CAAC;CACzB,CAAC,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 Widget\n */\n\nimport * as React from \"react\";\n\n// TODO: remove? This is only used in ToolSettingsGridContainer.\n\n/** @internal */\nexport interface ToolSettingsContentContextProps {\n  readonly availableContentWidth: number;\n}\n\n/** @internal */\nexport const ToolSettingsContentContext = React.createContext<ToolSettingsContentContextProps>({ // eslint-disable-line @typescript-eslint/naming-convention\n  availableContentWidth: 0,\n});\n"]}

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.d.ts

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for the [[ToolbarComposer]] React components
- * @public
- */
-export interface ToolWidgetComposerProps extends CommonProps {
-    /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */
-    cornerItem?: React.ReactNode;
-    /** Optional Horizontal Toolbar */
-    horizontalToolbar?: React.ReactNode;
-    /** Optional Vertical Toolbar */
-    verticalToolbar?: React.ReactNode;
-}
-/**
- * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
- * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
- * selected items. The vertical toolbar typically contains a more fixed list of tools.
- * @public
- */
-export declare function ToolWidgetComposer(props: ToolWidgetComposerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for the [[ToolbarComposer]] React components
+ * @public
+ */
+export interface ToolWidgetComposerProps extends CommonProps {
+    /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */
+    cornerItem?: React.ReactNode;
+    /** Optional Horizontal Toolbar */
+    horizontalToolbar?: React.ReactNode;
+    /** Optional Vertical Toolbar */
+    verticalToolbar?: React.ReactNode;
+}
+/**
+ * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
+ * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
+ * selected items. The vertical toolbar typically contains a more fixed list of tools.
+ * @public
+ */
+export declare function ToolWidgetComposer(props: ToolWidgetComposerProps): JSX.Element;
 //# sourceMappingURL=ToolWidgetComposer.d.ts.map

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.js

@@ -1,35 +1,35 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolWidgetComposer = void 0;
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const UiShowHideManager_1 = require("../utils/UiShowHideManager");
-/**
- * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
- * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
- * selected items. The vertical toolbar typically contains a more fixed list of tools.
- * @public
- */
-function ToolWidgetComposer(props) {
-    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
-    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
-    const handleChildRef = React.useCallback((elementRef) => {
-        elementSet.add(elementRef);
-    }, [elementSet]);
-    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity);
-    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
-            onElementRef: handleChildRef,
-            proximityScale,
-        } },
-        React.createElement(appui_layout_react_1.ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter })));
-}
-exports.ToolWidgetComposer = ToolWidgetComposer;
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolWidgetComposer = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const UiShowHideManager_1 = require("../utils/UiShowHideManager");
+/**
+ * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area
+ * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on
+ * selected items. The vertical toolbar typically contains a more fixed list of tools.
+ * @public
+ */
+function ToolWidgetComposer(props) {
+    const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;
+    const [elementSet] = React.useState(new core_react_1.WidgetElementSet());
+    const handleChildRef = React.useCallback((elementRef) => {
+        elementSet.add(elementRef);
+    }, [elementSet]);
+    const proximityScale = (0, core_react_1.useProximityToMouse)(elementSet, UiShowHideManager_1.UiShowHideManager.snapWidgetOpacity);
+    return (React.createElement(core_react_1.WidgetOpacityContext.Provider, { value: {
+            onElementRef: handleChildRef,
+            proximityScale,
+        } },
+        React.createElement(appui_layout_react_1.ToolsArea, { button: cornerItem, horizontalToolbar: horizontalToolbar, verticalToolbar: verticalToolbar, ...otherProps, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter })));
+}
+exports.ToolWidgetComposer = ToolWidgetComposer;
 //# sourceMappingURL=ToolWidgetComposer.js.map

package/lib/cjs/appui-react/widgets/ToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAA6G;AAC7G,kEAAsD;AACtD,kEAA+D;AAc/D;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,6BAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,UAAoC,EAAE,EAAE;QAChF,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,IAAA,gCAAmB,EAAC,UAAU,EAAE,qCAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,iCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,8BAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,qCAAiB,CAAC,sBAAsB,GACtD,CAC4B,CACjC,CAAC;AACJ,CAAC;AAxBD,gDAwBC","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 Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\r\nimport { ToolsArea } from \"@itwin/appui-layout-react\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\n\r\n/** Properties for the [[ToolbarComposer]] React components\r\n * @public\r\n */\r\nexport interface ToolWidgetComposerProps extends CommonProps {\r\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\r\n  cornerItem?: React.ReactNode;\r\n  /** Optional Horizontal Toolbar */\r\n  horizontalToolbar?: React.ReactNode;\r\n  /** Optional Vertical Toolbar */\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\r\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\r\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\r\n * @public\r\n */\r\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\r\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;\r\n  const [elementSet] = React.useState(new WidgetElementSet());\r\n  const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\r\n    elementSet.add(elementRef);\r\n  }, [elementSet]);\r\n  const proximityScale = useProximityToMouse(elementSet, UiShowHideManager.snapWidgetOpacity);\r\n\r\n  return (\r\n    <WidgetOpacityContext.Provider\r\n      value={{\r\n        onElementRef: handleChildRef,\r\n        proximityScale,\r\n      }}\r\n    >\r\n      <ToolsArea\r\n        button={cornerItem}\r\n        horizontalToolbar={horizontalToolbar}\r\n        verticalToolbar={verticalToolbar}\r\n        {...otherProps}\r\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n      />\r\n    </WidgetOpacityContext.Provider>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAA6G;AAC7G,kEAAsD;AACtD,kEAA+D;AAc/D;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,6BAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,UAAoC,EAAE,EAAE;QAChF,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,IAAA,gCAAmB,EAAC,UAAU,EAAE,qCAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,iCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,8BAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,qCAAiB,CAAC,sBAAsB,GACtD,CAC4B,CACjC,CAAC;AACJ,CAAC;AAxBD,gDAwBC","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 Widget\n */\n\nimport * as React from \"react\";\nimport { CommonProps, useProximityToMouse, WidgetElementSet, WidgetOpacityContext } from \"@itwin/core-react\";\nimport { ToolsArea } from \"@itwin/appui-layout-react\";\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n */\nexport interface ToolWidgetComposerProps extends CommonProps {\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\n  cornerItem?: React.ReactNode;\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n}\n\n/**\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\n * @public\n */\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback((elementRef: React.RefObject<Element>) => {\n    elementSet.add(elementRef);\n  }, [elementSet]);\n  const proximityScale = useProximityToMouse(elementSet, UiShowHideManager.snapWidgetOpacity);\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <ToolsArea\n        button={cornerItem}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.d.ts

@@ -1,27 +1,27 @@
-/** @packageDocumentation
- * @module Widget
- */
-/// <reference types="react" />
-/**
- * Props for [[ViewToolWidgetComposer]].
- * @public
- */
-export interface ViewToolWidgetComposerProps {
-    /** If true no navigation aid will be shown. Defaults to false. */
-    hideNavigationAid?: boolean;
-}
-/**
- * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
- * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].
- *  @example
- * ```
- * <ViewToolWidgetComposer />
- * ```
- * If no NavigationAid control is to be shown set hideNavigationAid.
- *  * ```
- * <ViewToolWidgetComposer hideNavigationAid />
- * ```
- * @public
- */
-export declare function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Widget
+ */
+/// <reference types="react" />
+/**
+ * Props for [[ViewToolWidgetComposer]].
+ * @public
+ */
+export interface ViewToolWidgetComposerProps {
+    /** If true no navigation aid will be shown. Defaults to false. */
+    hideNavigationAid?: boolean;
+}
+/**
+ * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
+ * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].
+ *  @example
+ * ```
+ * <ViewToolWidgetComposer />
+ * ```
+ * If no NavigationAid control is to be shown set hideNavigationAid.
+ *  * ```
+ * <ViewToolWidgetComposer hideNavigationAid />
+ * ```
+ * @public
+ */
+export declare function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps): JSX.Element;
 //# sourceMappingURL=ViewToolWidgetComposer.d.ts.map

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.js

@@ -1,37 +1,37 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewToolWidgetComposer = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
-const useUiVisibility_1 = require("../hooks/useUiVisibility");
-const NavigationWidgetComposer_1 = require("./NavigationWidgetComposer");
-/**
- * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
- * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].
- *  @example
- * ```
- * <ViewToolWidgetComposer />
- * ```
- * If no NavigationAid control is to be shown set hideNavigationAid.
- *  * ```
- * <ViewToolWidgetComposer hideNavigationAid />
- * ```
- * @public
- */
-function ViewToolWidgetComposer(props) {
-    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
-    // istanbul ignore next
-    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(NavigationWidgetComposer_1.NavigationWidgetComposer, { className: className, hideNavigationAid: props.hideNavigationAid, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ViewNavigation, orientation: appui_abstract_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ViewNavigation, orientation: appui_abstract_1.ToolbarOrientation.Vertical }) }));
-}
-exports.ViewToolWidgetComposer = ViewToolWidgetComposer;
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewToolWidgetComposer = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
+const useUiVisibility_1 = require("../hooks/useUiVisibility");
+const NavigationWidgetComposer_1 = require("./NavigationWidgetComposer");
+/**
+ * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders
+ * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].
+ *  @example
+ * ```
+ * <ViewToolWidgetComposer />
+ * ```
+ * If no NavigationAid control is to be shown set hideNavigationAid.
+ *  * ```
+ * <ViewToolWidgetComposer hideNavigationAid />
+ * ```
+ * @public
+ */
+function ViewToolWidgetComposer(props) {
+    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
+    // istanbul ignore next
+    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
+    return (React.createElement(NavigationWidgetComposer_1.NavigationWidgetComposer, { className: className, hideNavigationAid: props.hideNavigationAid, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ViewNavigation, orientation: appui_abstract_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: appui_abstract_1.ToolbarUsage.ViewNavigation, orientation: appui_abstract_1.ToolbarOrientation.Vertical }) }));
+}
+exports.ViewToolWidgetComposer = ViewToolWidgetComposer;
 //# sourceMappingURL=ViewToolWidgetComposer.js.map

package/lib/cjs/appui-react/widgets/ViewToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAyE;AACzE,gEAA6D;AAC7D,8DAA2D;AAC3D,yEAAsE;AAWtE;;;;;;;;;;;;GAYG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,mDAAwB,IAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EACxF,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EACjI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,QAAQ,GAAI,GAC7H,CACH,CAAC;AACJ,CAAC;AAbD,wDAaC","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 Widget\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\r\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\r\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\r\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\r\n\r\n/**\r\n * Props for [[ViewToolWidgetComposer]].\r\n * @public\r\n */\r\nexport interface ViewToolWidgetComposerProps {\r\n  /** If true no navigation aid will be shown. Defaults to false. */\r\n  hideNavigationAid?: boolean;\r\n}\r\n\r\n/**\r\n * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\r\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\r\n *  @example\r\n * ```\r\n * <ViewToolWidgetComposer />\r\n * ```\r\n * If no NavigationAid control is to be shown set hideNavigationAid.\r\n *  * ```\r\n * <ViewToolWidgetComposer hideNavigationAid />\r\n * ```\r\n * @public\r\n */\r\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\r\n  const uiIsVisible = useUiVisibility();\r\n  // istanbul ignore next\r\n  const className = classnames(\r\n    !uiIsVisible && \"nz-hidden\",\r\n  );\r\n\r\n  return (\r\n    <NavigationWidgetComposer className={className} hideNavigationAid={props.hideNavigationAid}\r\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\r\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ViewToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ViewToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAyE;AACzE,gEAA6D;AAC7D,8DAA2D;AAC3D,yEAAsE;AAWtE;;;;;;;;;;;;GAYG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,uBAAuB;IACvB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,CAAC,WAAW,IAAI,WAAW,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,mDAAwB,IAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EACxF,iBAAiB,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,UAAU,GAAI,EACjI,eAAe,EAAE,oBAAC,iCAAe,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,6BAAY,CAAC,cAAc,EAAE,WAAW,EAAE,mCAAkB,CAAC,QAAQ,GAAI,GAC7H,CACH,CAAC;AACJ,CAAC;AAbD,wDAaC","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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarOrientation, ToolbarUsage } from \"@itwin/appui-abstract\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\n\n/**\n * Props for [[ViewToolWidgetComposer]].\n * @public\n */\nexport interface ViewToolWidgetComposerProps {\n  /** If true no navigation aid will be shown. Defaults to false. */\n  hideNavigationAid?: boolean;\n}\n\n/**\n * ViewToolWidgetComposer composes a Navigation Widget with no tools defined by default. UiItemsProviders\n * must be used to provide tools to populate the toolbars. See [[StandardNavigationToolsProvider]].\n *  @example\n * ```\n * <ViewToolWidgetComposer />\n * ```\n * If no NavigationAid control is to be shown set hideNavigationAid.\n *  * ```\n * <ViewToolWidgetComposer hideNavigationAid />\n * ```\n * @public\n */\nexport function ViewToolWidgetComposer(props: ViewToolWidgetComposerProps) {\n  const uiIsVisible = useUiVisibility();\n  // istanbul ignore next\n  const className = classnames(\n    !uiIsVisible && \"nz-hidden\",\n  );\n\n  return (\n    <NavigationWidgetComposer className={className} hideNavigationAid={props.hideNavigationAid}\n      horizontalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Horizontal} />}\n      verticalToolbar={<ToolbarComposer items={[]} usage={ToolbarUsage.ViewNavigation} orientation={ToolbarOrientation.Vertical} />}\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/WidgetConfig.d.ts

@@ -1,11 +1,26 @@
-/** @packageDocumentation
- * @module Widget
- */
-import { WidgetProps } from "./WidgetProps";
-/** Configuration from which a widget is created.
- * @beta
- */
-export declare type WidgetConfig = Readonly<Omit<WidgetProps, "id">> & {
-    readonly id: string;
-};
+/** @packageDocumentation
+ * @module Widget
+ */
+/// <reference types="react" />
+import { AbstractWidgetProps } from "@itwin/appui-abstract";
+import { IconProps } from "@itwin/core-react";
+import { ConfigurableUiControlConstructor } from "../configurableui/ConfigurableUiControl";
+/** Configuration from which a widget is created.
+ * @public
+ */
+export interface WidgetConfig extends Omit<AbstractWidgetProps, "getWidgetContent" | "id">, IconProps {
+    readonly id: string;
+    /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
+    readonly labelKey?: string;
+    /** if set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */
+    readonly tooltipKey?: string;
+    /** A [[WidgetControl]] providing information about the Widget. */
+    readonly control?: ConfigurableUiControlConstructor;
+    /** A React component for the Widget. */
+    readonly element?: React.ReactNode;
+    /** Control's class id */
+    readonly classId?: string | ConfigurableUiControlConstructor;
+    /** @alpha */
+    readonly preferredPanelSize?: "fit-content";
+}
 //# sourceMappingURL=WidgetConfig.d.ts.map

package/lib/cjs/appui-react/widgets/WidgetConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;GAEG;AACH,oBAAY,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WidgetConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAE3F;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,GAAG,IAAI,CAAC,EAAE,SAAS;IACnG,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,6IAA6I;IAC7I,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,+IAA+I;IAC/I,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,gCAAgC,CAAC;IACpD,wCAAwC;IACxC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,yBAAyB;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,gCAAgC,CAAC;IAC7D,aAAa;IACb,QAAQ,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC;CAC7C"}

package/lib/cjs/appui-react/widgets/WidgetConfig.js

@@ -1,10 +1,10 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=WidgetConfig.js.map

package/lib/cjs/appui-react/widgets/WidgetConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.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 Widget\r\n */\r\n\r\nimport { WidgetProps } from \"./WidgetProps\";\r\n\r\n/** Configuration from which a widget is created.\r\n * @beta\r\n */\r\nexport type WidgetConfig = Readonly<Omit<WidgetProps, \"id\">> & { readonly id: string }; // eslint-disable-line deprecation/deprecation\r\n"]}
+{"version":3,"file":"WidgetConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetConfig.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 Widget\n */\n\nimport { AbstractWidgetProps } from \"@itwin/appui-abstract\";\nimport { IconProps } from \"@itwin/core-react\";\nimport { ConfigurableUiControlConstructor } from \"../configurableui/ConfigurableUiControl\";\n\n/** Configuration from which a widget is created.\n * @public\n */\nexport interface WidgetConfig extends Omit<AbstractWidgetProps, \"getWidgetContent\" | \"id\">, IconProps {\n  readonly id: string;\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\n  readonly labelKey?: string;\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */\n  readonly tooltipKey?: string;\n  /** A [[WidgetControl]] providing information about the Widget. */\n  readonly control?: ConfigurableUiControlConstructor;\n  /** A React component for the Widget. */\n  readonly element?: React.ReactNode;\n  /** Control's class id */\n  readonly classId?: string | ConfigurableUiControlConstructor;\n  /** @alpha */\n  readonly preferredPanelSize?: \"fit-content\";\n}\n"]}

package/lib/cjs/appui-react/widgets/WidgetControl.d.ts

@@ -1,34 +1,34 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { WidgetState } from "@itwin/appui-abstract";
-import { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
-import { WidgetDef } from "./WidgetDef";
-/** The base class for Widget controls.
- * @public
- */
-export declare class WidgetControl extends ConfigurableUiControl {
-    private _widgetDef;
-    private _reactNode;
-    constructor(info: ConfigurableCreateInfo, options: any);
-    /** The ReactNode associated with this control */
-    get reactNode(): React.ReactNode;
-    set reactNode(r: React.ReactNode);
-    /** The [[WidgetDef]] associated with this control */
-    get widgetDef(): WidgetDef;
-    set widgetDef(w: WidgetDef);
-    /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */
-    getType(): ConfigurableUiControlType;
-    /** Sets the [[WidgetState]] for this control */
-    setWidgetState(state: WidgetState): void;
-    /** Called when widget state changes. */
-    onWidgetStateChanged(): void;
-    /** Overwrite to save transient DOM state (i.e. scroll offset). */
-    saveTransientState(): void;
-    /** Overwrite to restore transient DOM state.
-     * @note Return true if the state is restored or the Widget will remount.
-     */
-    restoreTransientState(): boolean;
-}
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { WidgetState } from "@itwin/appui-abstract";
+import { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
+import { WidgetDef } from "./WidgetDef";
+/** The base class for Widget controls.
+ * @public
+ */
+export declare class WidgetControl extends ConfigurableUiControl {
+    private _widgetDef;
+    private _reactNode;
+    constructor(info: ConfigurableCreateInfo, options: any);
+    /** The ReactNode associated with this control */
+    get reactNode(): React.ReactNode;
+    set reactNode(r: React.ReactNode);
+    /** The [[WidgetDef]] associated with this control */
+    get widgetDef(): WidgetDef;
+    set widgetDef(w: WidgetDef);
+    /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */
+    getType(): ConfigurableUiControlType;
+    /** Sets the [[WidgetState]] for this control */
+    setWidgetState(state: WidgetState): void;
+    /** Called when widget state changes. */
+    onWidgetStateChanged(): void;
+    /** Overwrite to save transient DOM state (i.e. scroll offset). */
+    saveTransientState(): void;
+    /** Overwrite to restore transient DOM state.
+     * @note Return true if the state is restored or the Widget will remount.
+     */
+    restoreTransientState(): boolean;
+}
 //# sourceMappingURL=WidgetControl.d.ts.map

package/lib/cjs/appui-react/widgets/WidgetControl.js

@@ -1,45 +1,45 @@
-"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 Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetControl = void 0;
-const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
-/** The base class for Widget controls.
- * @public
- */
-class WidgetControl extends ConfigurableUiControl_1.ConfigurableUiControl {
-    constructor(info, options) {
-        super(info, options);
-    }
-    /** The ReactNode associated with this control */
-    get reactNode() { return this._reactNode; }
-    set reactNode(r) { this._reactNode = r; }
-    /** The [[WidgetDef]] associated with this control */
-    get widgetDef() { return this._widgetDef; }
-    set widgetDef(w) { this._widgetDef = w; }
-    /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */
-    getType() { return ConfigurableUiControl_1.ConfigurableUiControlType.Widget; }
-    /** Sets the [[WidgetState]] for this control */
-    setWidgetState(state) {
-        this.widgetDef.setWidgetState(state);
-    }
-    /** Called when widget state changes. */
-    onWidgetStateChanged() {
-    }
-    /** Overwrite to save transient DOM state (i.e. scroll offset). */
-    saveTransientState() {
-    }
-    /** Overwrite to restore transient DOM state.
-     * @note Return true if the state is restored or the Widget will remount.
-     */
-    restoreTransientState() {
-        return false;
-    }
-}
-exports.WidgetControl = WidgetControl;
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetControl = void 0;
+const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
+/** The base class for Widget controls.
+ * @public
+ */
+class WidgetControl extends ConfigurableUiControl_1.ConfigurableUiControl {
+    constructor(info, options) {
+        super(info, options);
+    }
+    /** The ReactNode associated with this control */
+    get reactNode() { return this._reactNode; }
+    set reactNode(r) { this._reactNode = r; }
+    /** The [[WidgetDef]] associated with this control */
+    get widgetDef() { return this._widgetDef; }
+    set widgetDef(w) { this._widgetDef = w; }
+    /** Gets the type of ConfigurableUiControl, which is 'Widget' in this case */
+    getType() { return ConfigurableUiControl_1.ConfigurableUiControlType.Widget; }
+    /** Sets the [[WidgetState]] for this control */
+    setWidgetState(state) {
+        this.widgetDef.setWidgetState(state);
+    }
+    /** Called when widget state changes. */
+    onWidgetStateChanged() {
+    }
+    /** Overwrite to save transient DOM state (i.e. scroll offset). */
+    saveTransientState() {
+    }
+    /** Overwrite to restore transient DOM state.
+     * @note Return true if the state is restored or the Widget will remount.
+     */
+    restoreTransientState() {
+        return false;
+    }
+}
+exports.WidgetControl = WidgetControl;
 //# sourceMappingURL=WidgetControl.js.map