@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1,74 @@
+"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.ReviewToolWidget = void 0;
+const React = require("react");
+const Backstage_1 = require("../backstage/Backstage");
+const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
+const SelectionContextItemDef_1 = require("../selection/SelectionContextItemDef");
+const ItemMap_1 = require("../shared/ItemMap");
+const ToolWidget_1 = require("./ToolWidget");
+/** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
+ * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
+ * @beta
+ */
+class ReviewToolWidget extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?
+            new ItemMap_1.ItemList([
+                CoreToolDefinitions_1.CoreTools.clearSelectionItemDef,
+                SelectionContextItemDef_1.SelectionContextToolDefinitions.hideSectionToolGroup,
+                SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateSelectionToolGroup,
+                SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef,
+            ])
+            :
+                new ItemMap_1.ItemList([
+                    CoreToolDefinitions_1.CoreTools.clearSelectionItemDef,
+                    SelectionContextItemDef_1.SelectionContextToolDefinitions.hideElementsItemDef,
+                    SelectionContextItemDef_1.SelectionContextToolDefinitions.isolateElementsItemDef,
+                    SelectionContextItemDef_1.SelectionContextToolDefinitions.emphasizeElementsItemDef,
+                ]);
+        this._verticalToolbarItems = new ItemMap_1.ItemList([
+            CoreToolDefinitions_1.CoreTools.selectElementCommand,
+            CoreToolDefinitions_1.CoreTools.measureToolGroup,
+            CoreToolDefinitions_1.CoreTools.sectionToolGroup,
+        ]);
+    }
+    render() {
+        let appButtonCommandItemDef = Backstage_1.Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation
+        if (this.props.iconSpec) {
+            appButtonCommandItemDef = Backstage_1.Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation
+        }
+        const horizontalToolbarItems = new ItemMap_1.ItemList();
+        // istanbul ignore else
+        if (this.props.prefixHorizontalItems)
+            horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);
+        // istanbul ignore else
+        if (this._horizontalToolbarItems)
+            horizontalToolbarItems.addItems(this._horizontalToolbarItems);
+        // istanbul ignore else
+        if (this.props.suffixHorizontalItems)
+            horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);
+        const verticalToolbarItems = new ItemMap_1.ItemList();
+        // istanbul ignore else
+        if (this.props.prefixVerticalItems)
+            verticalToolbarItems.addItems(this.props.prefixVerticalItems);
+        // istanbul ignore else
+        if (this._verticalToolbarItems)
+            verticalToolbarItems.addItems(this._verticalToolbarItems);
+        // istanbul ignore else
+        if (this.props.suffixVerticalItems)
+            verticalToolbarItems.addItems(this.props.suffixVerticalItems);
+        return (React.createElement(ToolWidget_1.ToolWidget // eslint-disable-line deprecation/deprecation
+        , { appButton: appButtonCommandItemDef, horizontalItems: horizontalToolbarItems, verticalItems: verticalToolbarItems }));
+    }
+}
+exports.ReviewToolWidget = ReviewToolWidget;
+//# sourceMappingURL=ReviewToolWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ReviewToolWidget.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,sDAAmD;AACnD,sEAAyD;AACzD,kFAAuF;AACvF,+CAA6C;AAC7C,6CAA0C;AAoB1C;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAqC;IAAjF;;QAEU,4BAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;YAC9E,IAAI,kBAAQ,CAAC;gBACX,+BAAS,CAAC,qBAAqB;gBAC/B,yDAA+B,CAAC,oBAAoB;gBACpD,yDAA+B,CAAC,yBAAyB;gBACzD,yDAA+B,CAAC,wBAAwB;aACzD,CAAC;YACF,CAAC;gBACD,IAAI,kBAAQ,CAAC;oBACX,+BAAS,CAAC,qBAAqB;oBAC/B,yDAA+B,CAAC,mBAAmB;oBACnD,yDAA+B,CAAC,sBAAsB;oBACtD,yDAA+B,CAAC,wBAAwB;iBACzD,CAAC,CAAC;QAEG,0BAAqB,GAAG,IAAI,kBAAQ,CAAC;YAC3C,+BAAS,CAAC,oBAAoB;YAC9B,+BAAS,CAAC,gBAAgB;YAC1B,+BAAS,CAAC,gBAAgB;SAC3B,CAAC,CAAC;IAgCL,CAAC;IA9BiB,MAAM;QACpB,IAAI,uBAAuB,GAAG,qBAAS,CAAC,sBAAsB,CAAC,CAAC,8CAA8C;QAC9G,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,uBAAuB,GAAG,qBAAS,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,8CAA8C;SACnI;QAED,MAAM,sBAAsB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACxG,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAChG,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB;YAAE,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAExG,MAAM,oBAAoB,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAC5C,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAClG,uBAAuB;QACvB,IAAI,IAAI,CAAC,qBAAqB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC1F,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAElG,OAAO,CACL,oBAAC,uBAAU,CAAC,8CAA8C;YACxD,SAAS,EAAE,uBAAuB,EAClC,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AArDD,4CAqDC","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 { IconSpec } from \"@itwin/core-react\";\r\nimport { Backstage } from \"../backstage/Backstage\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\r\nimport { ItemList } from \"../shared/ItemMap\";\r\nimport { ToolWidget } from \"./ToolWidget\";\r\n\r\n/** Properties that can be used to append items to the default set of toolbar items of [[ReviewToolWidget]].\r\n * @beta\r\n */\r\nexport interface ReviewToolWidgetProps {\r\n  /** Item to add before the default items in the horizontal toolbar */\r\n  prefixHorizontalItems?: ItemList;\r\n  /** Item to add after the default items in the horizontal toolbar */\r\n  suffixHorizontalItems?: ItemList;\r\n  /** Item to add before the default items in the vertical toolbar */\r\n  prefixVerticalItems?: ItemList;\r\n  /** Item to add after the default items in the vertical toolbar */\r\n  suffixVerticalItems?: ItemList;\r\n  /** Controls visibility of hide/isolate tools that act on a selection set's categories/models */\r\n  showCategoryAndModelsContextTools?: boolean;\r\n  /** Icon specification for application button */\r\n  iconSpec?: IconSpec;\r\n}\r\n\r\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\r\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\r\n * @beta\r\n */\r\nexport class ReviewToolWidget extends React.Component<ReviewToolWidgetProps, any> {\r\n\r\n  private _horizontalToolbarItems = this.props.showCategoryAndModelsContextTools ?\r\n    new ItemList([\r\n      CoreTools.clearSelectionItemDef,\r\n      SelectionContextToolDefinitions.hideSectionToolGroup,\r\n      SelectionContextToolDefinitions.isolateSelectionToolGroup,\r\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\r\n    ])\r\n    :\r\n    new ItemList([\r\n      CoreTools.clearSelectionItemDef,\r\n      SelectionContextToolDefinitions.hideElementsItemDef,\r\n      SelectionContextToolDefinitions.isolateElementsItemDef,\r\n      SelectionContextToolDefinitions.emphasizeElementsItemDef,\r\n    ]);\r\n\r\n  private _verticalToolbarItems = new ItemList([\r\n    CoreTools.selectElementCommand,\r\n    CoreTools.measureToolGroup,\r\n    CoreTools.sectionToolGroup,\r\n  ]);\r\n\r\n  public override render() {\r\n    let appButtonCommandItemDef = Backstage.backstageToggleCommand; // eslint-disable-line deprecation/deprecation\r\n    if (this.props.iconSpec) {\r\n      appButtonCommandItemDef = Backstage.getBackstageToggleCommand(this.props.iconSpec); // eslint-disable-line deprecation/deprecation\r\n    }\r\n\r\n    const horizontalToolbarItems = new ItemList();\r\n    // istanbul ignore else\r\n    if (this.props.prefixHorizontalItems) horizontalToolbarItems.addItems(this.props.prefixHorizontalItems);\r\n    // istanbul ignore else\r\n    if (this._horizontalToolbarItems) horizontalToolbarItems.addItems(this._horizontalToolbarItems);\r\n    // istanbul ignore else\r\n    if (this.props.suffixHorizontalItems) horizontalToolbarItems.addItems(this.props.suffixHorizontalItems);\r\n\r\n    const verticalToolbarItems = new ItemList();\r\n    // istanbul ignore else\r\n    if (this.props.prefixVerticalItems) verticalToolbarItems.addItems(this.props.prefixVerticalItems);\r\n    // istanbul ignore else\r\n    if (this._verticalToolbarItems) verticalToolbarItems.addItems(this._verticalToolbarItems);\r\n    // istanbul ignore else\r\n    if (this.props.suffixVerticalItems) verticalToolbarItems.addItems(this.props.suffixVerticalItems);\r\n\r\n    return (\r\n      <ToolWidget // eslint-disable-line deprecation/deprecation\r\n        appButton={appButtonCommandItemDef}\r\n        horizontalItems={horizontalToolbarItems}\r\n        verticalItems={verticalToolbarItems}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import { WidgetDef } from "./WidgetDef";
+/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
+ * @internal
+ */
+export declare function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef;
+//# sourceMappingURL=StableWidgetDef.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StableWidgetDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAWvF"}

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

@@ -0,0 +1,30 @@
+"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.createStableWidgetDef = void 0;
+function isGenerated(value) {
+    return value.startsWith("Widget-");
+}
+/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.
+ * @internal
+ */
+function createStableWidgetDef(widgetDef, stableId) {
+    return new Proxy(widgetDef, {
+        get(target, name, receiver) {
+            const idName = "id";
+            const value = Reflect.get(target, name, receiver);
+            if (name === idName && isGenerated(value)) {
+                return stableId;
+            }
+            return value;
+        },
+    });
+}
+exports.createStableWidgetDef = createStableWidgetDef;
+//# sourceMappingURL=StableWidgetDef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StableWidgetDef.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StableWidgetDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,SAAS,WAAW,CAAC,KAAsB;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CAAC,SAAoB,EAAE,QAAgB;IAC1E,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;QAC1B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;YACxB,MAAM,MAAM,GAAgC,IAAI,CAAC;YACjD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;YAClD,IAAI,IAAI,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;gBACzC,OAAO,QAAQ,CAAC;aACjB;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAXD,sDAWC","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 { WidgetDef } from \"./WidgetDef\";\r\n\r\nfunction isGenerated(value: WidgetDef[\"id\"]) {\r\n  return value.startsWith(\"Widget-\");\r\n}\r\n\r\n/** Proxy will return `stableId` if target [[WidgetDef]] id is auto-generated.\r\n * @internal\r\n */\r\nexport function createStableWidgetDef(widgetDef: WidgetDef, stableId: string): WidgetDef {\r\n  return new Proxy(widgetDef, {\r\n    get(target, name, receiver) {\r\n      const idName: keyof Pick<WidgetDef, \"id\"> = \"id\";\r\n      const value = Reflect.get(target, name, receiver);\r\n      if (name === idName && isGenerated(value)) {\r\n        return stableId;\r\n      }\r\n      return value;\r\n    },\r\n  });\r\n}\r\n"]}

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

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl";
+/**
+ * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated
+ * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
+ * set of status fields.
+ * @example
+ * ```
+ *       statusBar={
+ *         <Zone
+ *           widgets={
+ *             [
+ *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />
+ *             ]}
+ *         />
+ *       }
+ * ```
+ * @public
+ */
+export declare class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
+    static controlId: string;
+    readonly id: string;
+    getReactNode(): React.ReactNode;
+}
+//# sourceMappingURL=StatusBarWidgetComposerControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarWidgetComposerControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE7E;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,8BAA+B,SAAQ,sBAAsB;IACxE,OAAc,SAAS,SAAyC;IAChE,SAAgB,EAAE,SAA4C;IAEvD,YAAY,IAAI,KAAK,CAAC,SAAS;CAKvC"}

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

@@ -0,0 +1,43 @@
+"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.StatusBarWidgetComposerControl = void 0;
+const React = require("react");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const StatusBarComposer_1 = require("../statusbar/StatusBarComposer");
+const StatusBarWidgetControl_1 = require("../statusbar/StatusBarWidgetControl");
+/**
+ * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated
+ * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common
+ * set of status fields.
+ * @example
+ * ```
+ *       statusBar={
+ *         <Zone
+ *           widgets={
+ *             [
+ *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />
+ *             ]}
+ *         />
+ *       }
+ * ```
+ * @public
+ */
+class StatusBarWidgetComposerControl extends StatusBarWidgetControl_1.StatusBarWidgetControl {
+    constructor() {
+        super(...arguments);
+        this.id = StatusBarWidgetComposerControl.controlId;
+    }
+    getReactNode() {
+        return (React.createElement(StatusBarComposer_1.StatusBarComposer, { key: FrontstageManager_1.FrontstageManager.activeFrontstageId, items: [] }));
+    }
+}
+exports.StatusBarWidgetComposerControl = StatusBarWidgetComposerControl;
+StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";
+//# sourceMappingURL=StatusBarWidgetComposerControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarWidgetComposerControl.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/StatusBarWidgetComposerControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,uEAAoE;AACpE,sEAAmE;AACnE,gFAA6E;AAE7E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAa,8BAA+B,SAAQ,+CAAsB;IAA1E;;QAEkB,OAAE,GAAG,8BAA8B,CAAC,SAAS,CAAC;IAOhE,CAAC;IALQ,YAAY;QACjB,OAAO,CACL,oBAAC,qCAAiB,IAAC,GAAG,EAAE,qCAAiB,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,GAAI,CAC5E,CAAC;IACJ,CAAC;;AARH,wEASC;AARe,wCAAS,GAAG,qCAAqC,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 * as React from \"react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\n\r\n/**\r\n * StatusBarWidgetComposerControl provides status bar to specified [[Frontstage]] that allows status bar items to be populated\r\n * via UiItemsProviders. See [[StandardStatusbarItemsProvider]] that can be used to populate this status bar with a common\r\n * set of status fields.\r\n * @example\r\n * ```\r\n *       statusBar={\r\n *         <Zone\r\n *           widgets={\r\n *             [\r\n *               <Widget isStatusBar={true} control={StatusBarWidgetComposerControl}  />\r\n *             ]}\r\n *         />\r\n *       }\r\n * ```\r\n * @public\r\n */\r\nexport class StatusBarWidgetComposerControl extends StatusBarWidgetControl {\r\n  public static controlId = \"uifw:StatusBarWidgetComposerControl\";\r\n  public readonly id = StatusBarWidgetComposerControl.controlId;\r\n\r\n  public getReactNode(): React.ReactNode {\r\n    return (\r\n      <StatusBarComposer key={FrontstageManager.activeFrontstageId} items={[]} />\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,30 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import "./ToolSettingsContent.scss";
+import * as React from "react";
+import { HorizontalAnchor, ToolSettingsWidgetMode } from "@itwin/appui-layout-react";
+/** @internal */
+interface ToolSettingsContentProps {
+    anchor: HorizontalAnchor;
+    mode: ToolSettingsWidgetMode;
+}
+interface ToolSettingsContentState {
+    availableContentWidth: number;
+}
+/**  @internal */
+export declare class ToolSettingsContent extends React.PureComponent<ToolSettingsContentProps, ToolSettingsContentState> {
+    private _container;
+    private _measurer;
+    readonly state: ToolSettingsContentState;
+    render(): React.ReactNode | undefined;
+    private _handleResize;
+}
+/** @internal */
+export interface ToolSettingsContentContextProps {
+    readonly availableContentWidth: number;
+}
+/** @internal */
+export declare const ToolSettingsContentContext: React.Context<ToolSettingsContentContextProps>;
+export {};
+//# sourceMappingURL=ToolSettingsContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSettingsContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAiB,MAAM,2BAA2B,CAAC;AAEpG,gBAAgB;AAChB,UAAU,wBAAwB;IAChC,MAAM,EAAE,gBAAgB,CAAC;IACzB,IAAI,EAAE,sBAAsB,CAAC;CAC9B;AAED,UAAU,wBAAwB;IAChC,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,iBAAiB;AACjB,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAC9G,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,SAAS,CAAqC;IAEtD,SAAyB,KAAK,EAAE,wBAAwB,CAEtD;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS;IA0BrD,OAAO,CAAC,aAAa,CAanB;CACH;AAED,gBAAgB;AAChB,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAC;CACxC;AAED,gBAAgB;AAChB,eAAO,MAAM,0BAA0B,gDAErC,CAAC"}

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

@@ -0,0 +1,54 @@
+"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, { 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,
+});
+//# sourceMappingURL=ToolSettingsContent.js.map

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

@@ -0,0 +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,IACZ,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;\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\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"]}

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

@@ -0,0 +1,61 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/widget/tool-settings/variables";
+
+.uifw-tool-settings-content {
+  padding: unset;
+
+  >.nz-container {
+    width: 100%;
+    box-sizing: border-box;
+
+    >.uifw-zone-measurer {
+      position: absolute;
+      left: 0;
+      top: 0;
+      height: 100%;
+      width: 100%;
+      visibility: hidden;
+    }
+
+    >.uifw-measurer {
+      height: 100%;
+      width: 100%;
+    }
+
+    >.uifw-expander {
+      width: 9999px;
+      height: 9999px;
+    }
+
+    &:not(.uifw-measure) {
+      >.uifw-measurer {
+        display: none;
+      }
+
+      >.uifw-expander {
+        display: none;
+      }
+    }
+
+    &.uifw-measure {
+      width: 100%;
+      height: 100%;
+      box-sizing: border-box;
+    }
+  }
+
+  &.uifw-title-bar {
+    >.nz-container {
+      padding: $nz-tool-settings-content-padding;
+    }
+  }
+
+  &.uifw-tab {
+    >.nz-container {
+      padding: 5px $nz-tool-settings-content-padding;
+    }
+  }
+}

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

@@ -0,0 +1,47 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { ToolbarWidgetDefBase } from "./ToolbarWidgetBase";
+import { ToolWidgetProps } from "./WidgetDef";
+/** Definition of a Tool Widget normally displayed in the top left zone in the 9-Zone Layout system.
+ * @public
+ * @deprecated use [ToolWidgetComposer]($appui-react) instead
+ */
+export declare class ToolWidgetDef extends ToolbarWidgetDefBase {
+    private _appButton;
+    private _reactNode;
+    private _backstageLabel;
+    constructor(props: ToolWidgetProps);
+    get reactNode(): React.ReactNode;
+    renderCornerItem(): React.ReactNode | undefined;
+}
+/** Properties for the [[ToolWidget]] React component.
+ * @public
+ * @deprecated use [ToolWidgetComposer]($appui-react) instead
+ */
+export interface ToolWidgetPropsEx extends ToolWidgetProps, CommonProps {
+    button?: React.ReactNode;
+    horizontalToolbar?: React.ReactNode;
+    verticalToolbar?: React.ReactNode;
+}
+/** State for the [[ToolWidget]] React component.
+ * @internal
+ */
+interface ToolWidgetState {
+    toolWidgetDef: ToolWidgetDef;
+}
+/** ToolWidget React component.
+ * @public
+ * @deprecated use [ToolWidgetComposer]($appui-react) instead
+ */
+export declare class ToolWidget extends React.Component<ToolWidgetPropsEx, ToolWidgetState> {
+    /** @internal */
+    readonly state: Readonly<ToolWidgetState>;
+    constructor(props: ToolWidgetPropsEx);
+    componentDidUpdate(prevProps: ToolWidgetPropsEx, _prevState: ToolWidgetState): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=ToolWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAQ,MAAM,mBAAmB,CAAC;AAKtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAc,MAAM,aAAa,CAAC;AAG1D;;;GAGG;AACH,qBAAa,aAAc,SAAQ,oBAAoB;IACrD,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,eAAe,CAAsD;gBAEjE,KAAK,EAAE,eAAe;IAYlC,IAAoB,SAAS,IAAI,KAAK,CAAC,SAAS,CAM/C;IAEM,gBAAgB,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS;CAevD;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe,EAAE,WAAW;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,UAAU,eAAe;IACvB,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED;;;GAGG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC;IAEjF,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;gBAE9C,KAAK,EAAE,iBAAiB;IAMpB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,eAAe;IAM5E,MAAM,IAAI,KAAK,CAAC,SAAS;CAY1C"}

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

@@ -0,0 +1,89 @@
+"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.ToolWidget = exports.ToolWidgetDef = 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 FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const UiShowHideManager_1 = require("../utils/UiShowHideManager");
+const ToolbarWidgetBase_1 = require("./ToolbarWidgetBase");
+const WidgetDef_1 = require("./WidgetDef");
+const UiFramework_1 = require("../UiFramework");
+/** Definition of a Tool Widget normally displayed in the top left zone in the 9-Zone Layout system.
+ * @public
+ * @deprecated use [ToolWidgetComposer]($appui-react) instead
+ */
+class ToolWidgetDef extends ToolbarWidgetBase_1.ToolbarWidgetDefBase {
+    constructor(props) {
+        super(props);
+        this._backstageLabel = UiFramework_1.UiFramework.translate("buttons.openBackstageMenu");
+        this._appButton = props.appButton;
+        this.widgetType = WidgetDef_1.WidgetType.Tool;
+        this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : appui_layout_react_1.Direction.Right;
+        const activeStageName = FrontstageManager_1.FrontstageManager.activeFrontstageDef ? FrontstageManager_1.FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */ "";
+        this.widgetBaseName = `[${activeStageName}]ToolWidget`;
+    }
+    get reactNode() {
+        // istanbul ignore else
+        if (!this._reactNode)
+            this._reactNode = React.createElement(ToolWidgetWithDef, { toolWidgetDef: this });
+        return this._reactNode;
+    }
+    renderCornerItem() {
+        if (this._appButton) {
+            return (React.createElement(appui_layout_react_1.AppButton, { onClick: this._appButton.execute, icon: React.createElement(core_react_1.Icon, { iconSpec: this._appButton.iconSpec }), title: this._appButton.tooltip || this._backstageLabel }));
+        }
+        return undefined;
+    }
+}
+exports.ToolWidgetDef = ToolWidgetDef;
+/** ToolWidget React component.
+ * @public
+ * @deprecated use [ToolWidgetComposer]($appui-react) instead
+ */
+class ToolWidget extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { toolWidgetDef: new ToolWidgetDef(props) }; // eslint-disable-line deprecation/deprecation
+    }
+    componentDidUpdate(prevProps, _prevState) {
+        if (this.props !== prevProps) {
+            this.setState((_, props) => ({ toolWidgetDef: new ToolWidgetDef(props) })); // eslint-disable-line deprecation/deprecation
+        }
+    }
+    render() {
+        return (React.createElement(ToolWidgetWithDef, { className: this.props.className, style: this.props.style, toolWidgetDef: this.state.toolWidgetDef, button: this.props.button, horizontalToolbar: this.props.horizontalToolbar, verticalToolbar: this.props.verticalToolbar }));
+    }
+}
+exports.ToolWidget = ToolWidget;
+/** Tool Widget React component.
+ */
+class ToolWidgetWithDef extends React.Component {
+    constructor(props) {
+        super(props);
+        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.toolWidgetDef.renderHorizontalToolbar();
+        const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();
+        const cornerItem = (this.props.button !== undefined) ? this.props.button : this.props.toolWidgetDef.renderCornerItem();
+        this.state = { horizontalToolbar, verticalToolbar, cornerItem };
+    }
+    reloadToolbars() {
+        const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.toolWidgetDef.renderHorizontalToolbar();
+        const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();
+        this.setState({ horizontalToolbar, verticalToolbar });
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props !== prevProps)
+            this.reloadToolbars();
+    }
+    render() {
+        return (React.createElement(appui_layout_react_1.Tools, { className: this.props.className, style: this.props.style, button: this.state.cornerItem, horizontalToolbar: this.state.horizontalToolbar, verticalToolbar: this.state.verticalToolbar, preserveSpace: true, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter }));
+    }
+}
+//# sourceMappingURL=ToolWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, Icon } from \"@itwin/core-react\";\r\nimport { AppButton, Direction, Tools as NZ_ToolsWidget } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ToolbarWidgetDefBase } from \"./ToolbarWidgetBase\";\r\nimport { ToolWidgetProps, WidgetType } from \"./WidgetDef\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Definition of a Tool Widget normally displayed in the top left zone in the 9-Zone Layout system.\r\n * @public\r\n * @deprecated use [ToolWidgetComposer]($appui-react) instead\r\n */\r\nexport class ToolWidgetDef extends ToolbarWidgetDefBase {\r\n  private _appButton: CommandItemDef | undefined;\r\n  private _reactNode: React.ReactNode;\r\n  private _backstageLabel = UiFramework.translate(\"buttons.openBackstageMenu\");\r\n\r\n  constructor(props: ToolWidgetProps) {\r\n    super(props);\r\n\r\n    this._appButton = props.appButton;\r\n\r\n    this.widgetType = WidgetType.Tool;\r\n    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Right;\r\n\r\n    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : /* istanbul ignore next */\"\";\r\n    this.widgetBaseName = `[${activeStageName}]ToolWidget`;\r\n  }\r\n\r\n  public override get reactNode(): React.ReactNode {\r\n    // istanbul ignore else\r\n    if (!this._reactNode)\r\n      this._reactNode = <ToolWidgetWithDef toolWidgetDef={this} />;\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  public renderCornerItem(): React.ReactNode | undefined {\r\n    if (this._appButton) {\r\n      return (\r\n        <AppButton\r\n          onClick={this._appButton.execute}\r\n          icon={\r\n            <Icon iconSpec={this._appButton.iconSpec} />\r\n          }\r\n          title={this._appButton.tooltip || this._backstageLabel}\r\n        />\r\n      );\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n}\r\n\r\n/** Properties for the [[ToolWidget]] React component.\r\n * @public\r\n * @deprecated use [ToolWidgetComposer]($appui-react) instead\r\n */\r\nexport interface ToolWidgetPropsEx extends ToolWidgetProps, CommonProps {\r\n  button?: React.ReactNode;\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\n/** State for the [[ToolWidget]] React component.\r\n * @internal\r\n */\r\ninterface ToolWidgetState {\r\n  toolWidgetDef: ToolWidgetDef; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** ToolWidget React component.\r\n * @public\r\n * @deprecated use [ToolWidgetComposer]($appui-react) instead\r\n */\r\nexport class ToolWidget extends React.Component<ToolWidgetPropsEx, ToolWidgetState> { // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ToolWidgetState>;\r\n\r\n  constructor(props: ToolWidgetPropsEx) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this.state = { toolWidgetDef: new ToolWidgetDef(props) }; // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ToolWidgetPropsEx, _prevState: ToolWidgetState) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props !== prevProps) {\r\n      this.setState((_, props) => ({ toolWidgetDef: new ToolWidgetDef(props) })); // eslint-disable-line deprecation/deprecation\r\n    }\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <ToolWidgetWithDef\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        toolWidgetDef={this.state.toolWidgetDef}\r\n        button={this.props.button}\r\n        horizontalToolbar={this.props.horizontalToolbar}\r\n        verticalToolbar={this.props.verticalToolbar}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the Tool Widget React component.\r\n */\r\ninterface Props extends CommonProps {\r\n  toolWidgetDef: ToolWidgetDef; // eslint-disable-line deprecation/deprecation\r\n  button?: React.ReactNode;\r\n  horizontalToolbar?: React.ReactNode;\r\n  verticalToolbar?: React.ReactNode;\r\n}\r\n\r\ninterface ToolWidgetWithDefState {\r\n  horizontalToolbar: React.ReactNode;\r\n  verticalToolbar: React.ReactNode;\r\n  cornerItem: React.ReactNode;\r\n}\r\n\r\n/** Tool Widget React component.\r\n */\r\nclass ToolWidgetWithDef extends React.Component<Props, ToolWidgetWithDefState> {\r\n  constructor(props: Props) {\r\n    super(props);\r\n\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : this.props.toolWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();\r\n    const cornerItem = (this.props.button !== undefined) ? this.props.button : this.props.toolWidgetDef.renderCornerItem();\r\n    this.state = { horizontalToolbar, verticalToolbar, cornerItem };\r\n  }\r\n\r\n  private reloadToolbars() {\r\n    const horizontalToolbar = (this.props.horizontalToolbar) ? this.props.horizontalToolbar : /* istanbul ignore next */ this.props.toolWidgetDef.renderHorizontalToolbar();\r\n    const verticalToolbar = (this.props.verticalToolbar) ? /* istanbul ignore next */ this.props.verticalToolbar : this.props.toolWidgetDef.renderVerticalToolbar();\r\n    this.setState({ horizontalToolbar, verticalToolbar });\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: Props) {\r\n    if (this.props !== prevProps)\r\n      this.reloadToolbars();\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <NZ_ToolsWidget\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        button={this.state.cornerItem}\r\n        horizontalToolbar={this.state.horizontalToolbar}\r\n        verticalToolbar={this.state.verticalToolbar}\r\n        preserveSpace={true}\r\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,36 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for the [[BackstageAppButton]] React component
+ * @public
+ */
+export interface BackstageAppButtonProps {
+    /** Icon specification for the App button */
+    icon?: string;
+}
+/**
+ * BackstageAppButton used to toggle display of Backstage.
+ * @public
+ */
+export declare function BackstageAppButton(props: BackstageAppButtonProps): JSX.Element;
+/** 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAA8F,MAAM,mBAAmB,CAAC;AAO5I;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAsChE;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,iIAAiI;IACjI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAwBhE"}