@itwin/appui-react 3.4.0-dev.61 → 3.4.0-dev.63

package/lib/cjs/appui-react/toolbar/ToolButton.js

@@ -1,99 +1,99 @@
-"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 Item
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolButton = void 0;
-const React = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-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 SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
-const UiFramework_1 = require("../UiFramework");
-const PropsHelper_1 = require("../utils/PropsHelper");
-const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
-/** Tool Button React Component.
- * @public
- */
-class ToolButton extends React.Component {
-    constructor(props) {
-        super(props);
-        this._componentUnmounting = false;
-        this._label = "";
-        this._handleSyncUiEvent = (args) => {
-            // istanbul ignore if
-            if (this._componentUnmounting)
-                return;
-            let refreshState = false;
-            let newState = { ...this.state };
-            // since this is a tool button automatically monitor the activation of tools so the active state of the button is updated.
-            if (args.eventIds.has(SyncUiEventDispatcher_1.SyncUiEventId.ToolActivated)) {
-                newState.isActive = this.props.toolId === FrontstageManager_1.FrontstageManager.activeToolId;
-                refreshState = true;
-            }
-            if (!refreshState && this.props.stateSyncIds && this.props.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation
-                refreshState = this.props.stateSyncIds.some((value) => args.eventIds.has(value.toLowerCase())); // eslint-disable-line deprecation/deprecation
-            if (refreshState) {
-                if (this.props.stateFunc) // eslint-disable-line deprecation/deprecation
-                    newState = this.props.stateFunc(newState); // eslint-disable-line deprecation/deprecation
-                // istanbul ignore next
-                if ((this.state.isActive !== newState.isActive) ||
-                    ( /* istanbul ignore next */this.state.isEnabled !== newState.isEnabled) ||
-                    ( /* istanbul ignore next */this.state.isVisible !== newState.isVisible)) {
-                    this.setState({
-                        isActive: newState.isActive,
-                        isEnabled: newState.isEnabled,
-                        isVisible: newState.isVisible,
-                    });
-                }
-            }
-        };
-        this._execute = async () => {
-            if (this.props.execute) {
-                this.props.execute();
-            }
-            else {
-                const thisTool = core_frontend_1.IModelApp.tools.find(this.props.toolId);
-                // istanbul ignore next
-                if (thisTool)
-                    await (new thisTool()).run();
-            }
-        };
-        if (props.label)
-            this._label = props.label;
-        else if (props.labelKey)
-            this._label = UiFramework_1.UiFramework.localization.getLocalizedString(props.labelKey);
-        this.state = {
-            isVisible: undefined !== props.isVisible ? props.isVisible : true,
-            isEnabled: undefined !== props.isEnabled ? props.isEnabled : true,
-            isActive: undefined !== props.isActive ? props.isActive : false,
-            isPressed: undefined !== props.isPressed ? props.isPressed : false,
-        };
-    }
-    componentDidMount() {
-        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
-    }
-    componentWillUnmount() {
-        this._componentUnmounting = true;
-        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
-    }
-    get label() {
-        return PropsHelper_1.PropsHelper.getStringFromSpec(this._label);
-    }
-    render() {
-        if (!this.state.isVisible)
-            return null;
-        const icon = React.createElement(core_react_1.Icon, { iconSpec: this.props.iconSpec });
-        const toolbarItemProps = (0, appui_layout_react_1.getToolbarItemProps)(this.props);
-        const badge = core_react_1.BadgeUtilities.getComponentForBadgeType(this.props.badgeType);
-        return (React.createElement(appui_layout_react_1.Item // eslint-disable-line deprecation/deprecation
-        , { ...toolbarItemProps, className: this.props.className, style: this.props.style, isActive: this.state.isActive, isDisabled: !this.state.isEnabled, title: this.label, key: this.props.toolId, onClick: this._execute, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, icon: icon, badge: badge }));
-    }
-}
-exports.ToolButton = ToolButton;
+"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 Item
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolButton = void 0;
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+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 SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+const PropsHelper_1 = require("../utils/PropsHelper");
+const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
+/** Tool Button React Component.
+ * @public
+ */
+class ToolButton extends React.Component {
+    constructor(props) {
+        super(props);
+        this._componentUnmounting = false;
+        this._label = "";
+        this._handleSyncUiEvent = (args) => {
+            // istanbul ignore if
+            if (this._componentUnmounting)
+                return;
+            let refreshState = false;
+            let newState = { ...this.state };
+            // since this is a tool button automatically monitor the activation of tools so the active state of the button is updated.
+            if (args.eventIds.has(SyncUiEventDispatcher_1.SyncUiEventId.ToolActivated)) {
+                newState.isActive = this.props.toolId === FrontstageManager_1.FrontstageManager.activeToolId;
+                refreshState = true;
+            }
+            if (!refreshState && this.props.stateSyncIds && this.props.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation
+                refreshState = this.props.stateSyncIds.some((value) => args.eventIds.has(value.toLowerCase())); // eslint-disable-line deprecation/deprecation
+            if (refreshState) {
+                if (this.props.stateFunc) // eslint-disable-line deprecation/deprecation
+                    newState = this.props.stateFunc(newState); // eslint-disable-line deprecation/deprecation
+                // istanbul ignore next
+                if ((this.state.isActive !== newState.isActive) ||
+                    ( /* istanbul ignore next */this.state.isEnabled !== newState.isEnabled) ||
+                    ( /* istanbul ignore next */this.state.isVisible !== newState.isVisible)) {
+                    this.setState({
+                        isActive: newState.isActive,
+                        isEnabled: newState.isEnabled,
+                        isVisible: newState.isVisible,
+                    });
+                }
+            }
+        };
+        this._execute = async () => {
+            if (this.props.execute) {
+                this.props.execute();
+            }
+            else {
+                const thisTool = core_frontend_1.IModelApp.tools.find(this.props.toolId);
+                // istanbul ignore next
+                if (thisTool)
+                    await (new thisTool()).run();
+            }
+        };
+        if (props.label)
+            this._label = props.label;
+        else if (props.labelKey)
+            this._label = UiFramework_1.UiFramework.localization.getLocalizedString(props.labelKey);
+        this.state = {
+            isVisible: undefined !== props.isVisible ? props.isVisible : true,
+            isEnabled: undefined !== props.isEnabled ? props.isEnabled : true,
+            isActive: undefined !== props.isActive ? props.isActive : false,
+            isPressed: undefined !== props.isPressed ? props.isPressed : false,
+        };
+    }
+    componentDidMount() {
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+    }
+    componentWillUnmount() {
+        this._componentUnmounting = true;
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
+    }
+    get label() {
+        return PropsHelper_1.PropsHelper.getStringFromSpec(this._label);
+    }
+    render() {
+        if (!this.state.isVisible)
+            return null;
+        const icon = React.createElement(core_react_1.Icon, { iconSpec: this.props.iconSpec });
+        const toolbarItemProps = (0, appui_layout_react_1.getToolbarItemProps)(this.props);
+        const badge = core_react_1.BadgeUtilities.getComponentForBadgeType(this.props.badgeType);
+        return (React.createElement(appui_layout_react_1.Item // eslint-disable-line deprecation/deprecation
+        , { ...toolbarItemProps, className: this.props.className, style: this.props.style, isActive: this.state.isActive, isDisabled: !this.state.isEnabled, title: this.label, key: this.props.toolId, onClick: this._execute, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, icon: icon, badge: badge }));
+    }
+}
+exports.ToolButton = ToolButton;
 //# sourceMappingURL=ToolButton.js.map

package/lib/cjs/appui-react/toolbar/ToolButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolButton.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolButton.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 Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\r\nimport { ConditionalStringValue, StringGetter, UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { BadgeUtilities, CommonProps, Icon } from \"@itwin/core-react\";\r\nimport { getToolbarItemProps, Item } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { BaseItemState } from \"../shared/ItemDefBase\";\r\nimport { ToolItemProps } from \"../shared/ItemProps\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { onEscapeSetFocusToHome } from \"../hooks/useEscapeSetFocusToHome\";\r\n\r\n/** Properties for the [[ToolButton]] React Component.\r\n * @public\r\n */\r\nexport interface ToolButtonProps extends ToolItemProps, CommonProps { }\r\n\r\n/** Tool Button React Component.\r\n * @public\r\n */\r\nexport class ToolButton extends React.Component<ToolButtonProps, BaseItemState> {\r\n  private _componentUnmounting = false;\r\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<BaseItemState>;\r\n\r\n  constructor(props: ToolItemProps) {\r\n    super(props);\r\n\r\n    if (props.label)\r\n      this._label = props.label;\r\n    else if (props.labelKey)\r\n      this._label = UiFramework.localization.getLocalizedString(props.labelKey);\r\n\r\n    this.state = {\r\n      isVisible: undefined !== props.isVisible ? props.isVisible : true, // eslint-disable-line deprecation/deprecation\r\n      isEnabled: undefined !== props.isEnabled ? props.isEnabled : true, // eslint-disable-line deprecation/deprecation\r\n      isActive: undefined !== props.isActive ? props.isActive : false,\r\n      isPressed: undefined !== props.isPressed ? props.isPressed : false,\r\n    };\r\n  }\r\n\r\n  private _handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n    // istanbul ignore if\r\n    if (this._componentUnmounting) return;\r\n\r\n    let refreshState = false;\r\n    let newState: BaseItemState = { ...this.state };\r\n\r\n    // since this is a tool button automatically monitor the activation of tools so the active state of the button is updated.\r\n    if (args.eventIds.has(SyncUiEventId.ToolActivated)) {\r\n      newState.isActive = this.props.toolId === FrontstageManager.activeToolId;\r\n      refreshState = true;\r\n    }\r\n\r\n    if (!refreshState && this.props.stateSyncIds && this.props.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation\r\n      refreshState = this.props.stateSyncIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase())); // eslint-disable-line deprecation/deprecation\r\n\r\n    if (refreshState) {\r\n      if (this.props.stateFunc) // eslint-disable-line deprecation/deprecation\r\n        newState = this.props.stateFunc(newState); // eslint-disable-line deprecation/deprecation\r\n\r\n      // istanbul ignore next\r\n      if ((this.state.isActive !== newState.isActive) ||\r\n        ( /* istanbul ignore next */ this.state.isEnabled !== newState.isEnabled) ||\r\n        ( /* istanbul ignore next */ this.state.isVisible !== newState.isVisible)) {\r\n        this.setState({\r\n          isActive: newState.isActive,\r\n          isEnabled: newState.isEnabled,\r\n          isVisible: newState.isVisible,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  private _execute = async () => {\r\n    if (this.props.execute) {\r\n      this.props.execute();\r\n    } else {\r\n      const thisTool: typeof Tool | undefined = IModelApp.tools.find(this.props.toolId);\r\n      // istanbul ignore next\r\n      if (thisTool)\r\n        await (new thisTool()).run();\r\n    }\r\n  };\r\n\r\n  public get label(): string {\r\n    return PropsHelper.getStringFromSpec(this._label);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const icon = <Icon iconSpec={this.props.iconSpec} />;\r\n    const toolbarItemProps = getToolbarItemProps(this.props);\r\n    const badge = BadgeUtilities.getComponentForBadgeType(this.props.badgeType);\r\n\r\n    return (\r\n      <Item // eslint-disable-line deprecation/deprecation\r\n        {...toolbarItemProps}\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        isActive={this.state.isActive}\r\n        isDisabled={!this.state.isEnabled}\r\n        title={this.label}\r\n        key={this.props.toolId}\r\n        onClick={this._execute}\r\n        onKeyDown={onEscapeSetFocusToHome}\r\n        icon={icon}\r\n        badge={badge}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ToolButton.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport * as React from \"react\";\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\nimport { ConditionalStringValue, StringGetter, UiSyncEventArgs } from \"@itwin/appui-abstract\";\nimport { BadgeUtilities, CommonProps, Icon } from \"@itwin/core-react\";\nimport { getToolbarItemProps, Item } from \"@itwin/appui-layout-react\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { BaseItemState } from \"../shared/ItemDefBase\";\nimport { ToolItemProps } from \"../shared/ItemProps\";\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { UiFramework } from \"../UiFramework\";\nimport { PropsHelper } from \"../utils/PropsHelper\";\nimport { onEscapeSetFocusToHome } from \"../hooks/useEscapeSetFocusToHome\";\n\n/** Properties for the [[ToolButton]] React Component.\n * @public\n */\nexport interface ToolButtonProps extends ToolItemProps, CommonProps { }\n\n/** Tool Button React Component.\n * @public\n */\nexport class ToolButton extends React.Component<ToolButtonProps, BaseItemState> {\n  private _componentUnmounting = false;\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\n\n  /** @internal */\n  public override readonly state: Readonly<BaseItemState>;\n\n  constructor(props: ToolItemProps) {\n    super(props);\n\n    if (props.label)\n      this._label = props.label;\n    else if (props.labelKey)\n      this._label = UiFramework.localization.getLocalizedString(props.labelKey);\n\n    this.state = {\n      isVisible: undefined !== props.isVisible ? props.isVisible : true, // eslint-disable-line deprecation/deprecation\n      isEnabled: undefined !== props.isEnabled ? props.isEnabled : true, // eslint-disable-line deprecation/deprecation\n      isActive: undefined !== props.isActive ? props.isActive : false,\n      isPressed: undefined !== props.isPressed ? props.isPressed : false,\n    };\n  }\n\n  private _handleSyncUiEvent = (args: UiSyncEventArgs): void => {\n    // istanbul ignore if\n    if (this._componentUnmounting) return;\n\n    let refreshState = false;\n    let newState: BaseItemState = { ...this.state };\n\n    // since this is a tool button automatically monitor the activation of tools so the active state of the button is updated.\n    if (args.eventIds.has(SyncUiEventId.ToolActivated)) {\n      newState.isActive = this.props.toolId === FrontstageManager.activeToolId;\n      refreshState = true;\n    }\n\n    if (!refreshState && this.props.stateSyncIds && this.props.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation\n      refreshState = this.props.stateSyncIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase())); // eslint-disable-line deprecation/deprecation\n\n    if (refreshState) {\n      if (this.props.stateFunc) // eslint-disable-line deprecation/deprecation\n        newState = this.props.stateFunc(newState); // eslint-disable-line deprecation/deprecation\n\n      // istanbul ignore next\n      if ((this.state.isActive !== newState.isActive) ||\n        ( /* istanbul ignore next */ this.state.isEnabled !== newState.isEnabled) ||\n        ( /* istanbul ignore next */ this.state.isVisible !== newState.isVisible)) {\n        this.setState({\n          isActive: newState.isActive,\n          isEnabled: newState.isEnabled,\n          isVisible: newState.isVisible,\n        });\n      }\n    }\n  };\n\n  public override componentDidMount() {\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\n  }\n\n  public override componentWillUnmount() {\n    this._componentUnmounting = true;\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\n  }\n\n  private _execute = async () => {\n    if (this.props.execute) {\n      this.props.execute();\n    } else {\n      const thisTool: typeof Tool | undefined = IModelApp.tools.find(this.props.toolId);\n      // istanbul ignore next\n      if (thisTool)\n        await (new thisTool()).run();\n    }\n  };\n\n  public get label(): string {\n    return PropsHelper.getStringFromSpec(this._label);\n  }\n\n  public override render(): React.ReactNode {\n    if (!this.state.isVisible)\n      return null;\n\n    const icon = <Icon iconSpec={this.props.iconSpec} />;\n    const toolbarItemProps = getToolbarItemProps(this.props);\n    const badge = BadgeUtilities.getComponentForBadgeType(this.props.badgeType);\n\n    return (\n      <Item // eslint-disable-line deprecation/deprecation\n        {...toolbarItemProps}\n        className={this.props.className}\n        style={this.props.style}\n        isActive={this.state.isActive}\n        isDisabled={!this.state.isEnabled}\n        title={this.label}\n        key={this.props.toolId}\n        onClick={this._execute}\n        onKeyDown={onEscapeSetFocusToHome}\n        icon={icon}\n        badge={badge}\n      />\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/toolbar/Toolbar.d.ts

@@ -1,55 +1,55 @@
-/** @packageDocumentation
- * @module Item
- */
-import * as React from "react";
-import { CommonProps, NoChildrenProps, Orientation, Size } from "@itwin/core-react";
-import { Direction, ToolbarPanelAlignment } from "@itwin/appui-layout-react";
-import { ItemList } from "../shared/ItemMap";
-/** Properties of [[Toolbar]] component. An ancestor of this toolbar must provide the WidgetOpacityContext.
- * @internal
- */
-export interface ToolbarProps extends CommonProps, NoChildrenProps {
-    /** Items of the toolbar. */
-    items: ItemList;
-    /** Orientation of the toolbar. */
-    orientation: Orientation;
-    /** Logging and debugging Id */
-    toolbarId?: string;
-    /** Describes to which direction the history/panel items are expanded. Defaults to: [[Direction.Bottom]] */
-    expandsTo?: Direction;
-    /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */
-    panelAlignment?: ToolbarPanelAlignment;
-    /** initial size */
-    initialSize?: Size;
-}
-/** State of [[Toolbar]] component.
- * @internal
- */
-interface ToolbarState {
-    width: number;
-    height: number;
-    items: React.ReactNode;
-}
-/** Toolbar React component.
- * @internal
- */
-export declare class Toolbar extends React.Component<ToolbarProps, ToolbarState> {
-    private _dimension;
-    private _minToolbarSize;
-    private _isMounted;
-    constructor(props: ToolbarProps);
-    private get _toolbarId();
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: ToolbarProps, _prevState: ToolbarState): void;
-    private setCurrentStateValues;
-    private _processSyncUiEvent;
-    private _handleSyncUiEvent;
-    private layoutToolbarItems;
-    private generateToolbarItems;
-    private _onResize;
-    private hasVisibleItems;
-    render(): JSX.Element | null;
-}
-export {};
+/** @packageDocumentation
+ * @module Item
+ */
+import * as React from "react";
+import { CommonProps, NoChildrenProps, Orientation, Size } from "@itwin/core-react";
+import { Direction, ToolbarPanelAlignment } from "@itwin/appui-layout-react";
+import { ItemList } from "../shared/ItemMap";
+/** Properties of [[Toolbar]] component. An ancestor of this toolbar must provide the WidgetOpacityContext.
+ * @internal
+ */
+export interface ToolbarProps extends CommonProps, NoChildrenProps {
+    /** Items of the toolbar. */
+    items: ItemList;
+    /** Orientation of the toolbar. */
+    orientation: Orientation;
+    /** Logging and debugging Id */
+    toolbarId?: string;
+    /** Describes to which direction the history/panel items are expanded. Defaults to: [[Direction.Bottom]] */
+    expandsTo?: Direction;
+    /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */
+    panelAlignment?: ToolbarPanelAlignment;
+    /** initial size */
+    initialSize?: Size;
+}
+/** State of [[Toolbar]] component.
+ * @internal
+ */
+interface ToolbarState {
+    width: number;
+    height: number;
+    items: React.ReactNode;
+}
+/** Toolbar React component.
+ * @internal
+ */
+export declare class Toolbar extends React.Component<ToolbarProps, ToolbarState> {
+    private _dimension;
+    private _minToolbarSize;
+    private _isMounted;
+    constructor(props: ToolbarProps);
+    private get _toolbarId();
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: ToolbarProps, _prevState: ToolbarState): void;
+    private setCurrentStateValues;
+    private _processSyncUiEvent;
+    private _handleSyncUiEvent;
+    private layoutToolbarItems;
+    private generateToolbarItems;
+    private _onResize;
+    private hasVisibleItems;
+    render(): JSX.Element | null;
+}
+export {};
 //# sourceMappingURL=Toolbar.d.ts.map