@itwin/appui-react 3.4.4 → 3.4.5

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

@@ -1,28 +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;
-}
+/** @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/esm/appui-react/widgets/StatusBarWidgetComposerControl.js

@@ -1,39 +1,39 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
-import { StatusBarComposer } from "../statusbar/StatusBarComposer";
-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 class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
-    constructor() {
-        super(...arguments);
-        this.id = StatusBarWidgetComposerControl.controlId;
-    }
-    getReactNode() {
-        return (React.createElement(StatusBarComposer, { key: FrontstageManager.activeFrontstageId, items: [] }));
-    }
-}
-StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { FrontstageManager } from "../frontstage/FrontstageManager";
+import { StatusBarComposer } from "../statusbar/StatusBarComposer";
+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 class StatusBarWidgetComposerControl extends StatusBarWidgetControl {
+    constructor() {
+        super(...arguments);
+        this.id = StatusBarWidgetComposerControl.controlId;
+    }
+    getReactNode() {
+        return (React.createElement(StatusBarComposer, { key: FrontstageManager.activeFrontstageId, items: [] }));
+    }
+}
+StatusBarWidgetComposerControl.controlId = "uifw:StatusBarWidgetComposerControl";
 //# sourceMappingURL=StatusBarWidgetComposerControl.js.map

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

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

@@ -1,30 +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 {};
+/** @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/esm/appui-react/widgets/ToolSettingsContent.js

@@ -1,51 +1,51 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import "./ToolSettingsContent.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { ResizableContainerObserver } from "@itwin/core-react";
-import { ToolSettingsWidgetMode, WidgetContent } from "@itwin/appui-layout-react";
-/**  @internal */
-export 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 = classnames("uifw-tool-settings-content", this.props.mode === ToolSettingsWidgetMode.TitleBar && "uifw-title-bar", this.props.mode === ToolSettingsWidgetMode.Tab && "uifw-tab");
-        return (React.createElement(WidgetContent // eslint-disable-line deprecation/deprecation
-        , { anchor: this.props.anchor, className: className, containerRef: this._container, content: React.createElement(ToolSettingsContentContext.Provider, { value: {
-                    availableContentWidth: this.state.availableContentWidth,
-                } },
-                this.props.children,
-                React.createElement("div", { className: "uifw-zone-measurer" },
-                    React.createElement(ResizableContainerObserver, { onResize: this._handleResize })),
-                React.createElement("div", { className: "uifw-measurer", ref: this._measurer }),
-                React.createElement("div", { className: "uifw-expander" })) }));
-    }
-}
-/** @internal */
-export const ToolSettingsContentContext = React.createContext({
-    availableContentWidth: 0,
-});
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import "./ToolSettingsContent.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { ResizableContainerObserver } from "@itwin/core-react";
+import { ToolSettingsWidgetMode, WidgetContent } from "@itwin/appui-layout-react";
+/**  @internal */
+export 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 = classnames("uifw-tool-settings-content", this.props.mode === ToolSettingsWidgetMode.TitleBar && "uifw-title-bar", this.props.mode === ToolSettingsWidgetMode.Tab && "uifw-tab");
+        return (React.createElement(WidgetContent // eslint-disable-line deprecation/deprecation
+        , { anchor: this.props.anchor, className: className, containerRef: this._container, content: React.createElement(ToolSettingsContentContext.Provider, { value: {
+                    availableContentWidth: this.state.availableContentWidth,
+                } },
+                this.props.children,
+                React.createElement("div", { className: "uifw-zone-measurer" },
+                    React.createElement(ResizableContainerObserver, { onResize: this._handleResize })),
+                React.createElement("div", { className: "uifw-measurer", ref: this._measurer }),
+                React.createElement("div", { className: "uifw-expander" })) }));
+    }
+}
+/** @internal */
+export const ToolSettingsContentContext = React.createContext({
+    availableContentWidth: 0,
+});
 //# sourceMappingURL=ToolSettingsContent.js.map

package/lib/esm/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,OAAO,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAoB,sBAAsB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAYpG,iBAAiB;AACjB,MAAM,OAAO,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,UAAU,CAC1B,4BAA4B,EAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAsB,CAAC,QAAQ,IAAI,gBAAgB,EACvE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAsB,CAAC,GAAG,IAAI,UAAU,CAC7D,CAAC;QAEF,OAAO,CACL,oBAAC,aAAa,CAAC,8CAA8C;YAC3D,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,CAAC,UAAU,EAC7B,OAAO,EAAE,oBAAC,0BAA0B,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,0BAA0B,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;AAOD,gBAAgB;AAChB,MAAM,CAAC,MAAM,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 \"./ToolSettingsContent.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\nimport { HorizontalAnchor, ToolSettingsWidgetMode, WidgetContent } from \"@itwin/appui-layout-react\";\n\n/** @internal */\ninterface ToolSettingsContentProps {\n  anchor: HorizontalAnchor; // eslint-disable-line deprecation/deprecation\n  mode: ToolSettingsWidgetMode;\n}\n\ninterface ToolSettingsContentState {\n  availableContentWidth: number;\n}\n\n/**  @internal */\nexport class ToolSettingsContent extends React.PureComponent<ToolSettingsContentProps, ToolSettingsContentState> {\n  private _container = React.createRef<HTMLDivElement>();\n  private _measurer = React.createRef<HTMLDivElement>();\n\n  public override readonly state: ToolSettingsContentState = {\n    availableContentWidth: 0,\n  };\n\n  public override render(): React.ReactNode | undefined {\n    const className = classnames(\n      \"uifw-tool-settings-content\",\n      this.props.mode === ToolSettingsWidgetMode.TitleBar && \"uifw-title-bar\",\n      this.props.mode === ToolSettingsWidgetMode.Tab && \"uifw-tab\",\n    );\n\n    return (\n      <WidgetContent // eslint-disable-line deprecation/deprecation\n        anchor={this.props.anchor}\n        className={className}\n        containerRef={this._container}\n        content={<ToolSettingsContentContext.Provider value={{\n          availableContentWidth: this.state.availableContentWidth,\n        }}>\n          {this.props.children}\n          <div className=\"uifw-zone-measurer\">\n            <ResizableContainerObserver onResize={this._handleResize} />\n          </div>\n          <div className=\"uifw-measurer\" ref={this._measurer} />\n          <div className=\"uifw-expander\" />\n        </ToolSettingsContentContext.Provider>}\n      />\n    );\n  }\n\n  private _handleResize = () => {\n    const container = this._container.current;\n    const measurer = this._measurer.current;\n\n    // istanbul ignore next\n    if (!container || !measurer)\n      return;\n\n    container.classList.add(\"uifw-measure\");\n    const measurerBounds = measurer.getBoundingClientRect();\n    container.classList.remove(\"uifw-measure\");\n\n    this.setState({ availableContentWidth: measurerBounds.width });\n  };\n}\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"]}
+{"version":3,"file":"ToolSettingsContent.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolSettingsContent.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAoB,sBAAsB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAYpG,iBAAiB;AACjB,MAAM,OAAO,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,UAAU,CAC1B,4BAA4B,EAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAsB,CAAC,QAAQ,IAAI,gBAAgB,EACvE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAsB,CAAC,GAAG,IAAI,UAAU,CAC7D,CAAC;QAEF,OAAO,CACL,oBAAC,aAAa,CAAC,8CAA8C;YAC3D,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,CAAC,UAAU,EAC7B,OAAO,EAAE,oBAAC,0BAA0B,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,0BAA0B,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;AAOD,gBAAgB;AAChB,MAAM,CAAC,MAAM,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"]}

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

@@ -1,61 +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;
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* 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/esm/appui-react/widgets/ToolWidget.d.ts

@@ -1,47 +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 {};
+/** @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