@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/timeline/ScheduleAnimationProvider.d.ts

@@ -0,0 +1,16 @@
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
+/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
+ * @public
+ */
+export declare class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {
+    private _viewState;
+    constructor(viewState: ViewState, viewport?: ScreenViewport);
+    loadTimelineData(): Promise<boolean>;
+    onAnimationFractionChanged: (animationFraction: number) => void;
+    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
+}
+//# sourceMappingURL=ScheduleAnimationProvider.d.ts.map

package/lib/cjs/appui-react/timeline/ScheduleAnimationProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleAnimationProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAE5F;;GAEG;AAGH,qBAAa,qCAAsC,SAAQ,wBAAwB;IACjF,OAAO,CAAC,UAAU,CAAY;gBAElB,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc;IASrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IA0B1C,0BAA0B,sBAAuB,MAAM,UAOrE;IAEc,wBAAwB,aAAc,gBAAgB,UAEpE;CACH"}

package/lib/cjs/appui-react/timeline/ScheduleAnimationProvider.js

@@ -0,0 +1,59 @@
+"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 Timeline
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleAnimationTimelineDataProvider = void 0;
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
+ * @public
+ */
+// No access to scheduleScript to even mock in test
+// istanbul ignore next
+class ScheduleAnimationTimelineDataProvider extends imodel_components_react_1.BaseTimelineDataProvider {
+    constructor(viewState, viewport) {
+        super(viewport);
+        this.onAnimationFractionChanged = (animationFraction) => {
+            this.animationFraction = animationFraction;
+            if (this._viewport) {
+                const script = this._viewport.displayStyle.scheduleScript;
+                if (script)
+                    this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);
+            }
+        };
+        this.onPlaybackSettingChanged = (settings) => {
+            this.updateSettings(settings);
+        };
+        this._viewState = viewState;
+        if (viewState && viewState.scheduleScript) {
+            this.supportsTimelineAnimation = true;
+        }
+    }
+    async loadTimelineData() {
+        const script = this._viewState.scheduleScript;
+        if (this.supportsTimelineAnimation && script) {
+            // for now just initial settings
+            this.updateSettings({
+                duration: 20 * 1000,
+                loop: true,
+            });
+            const timeRange = script.duration;
+            this.start = new Date(timeRange.low * 1000);
+            this.end = new Date(timeRange.high * 1000);
+            if (this._viewport) {
+                if (this._viewport.timePoint)
+                    this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();
+                else
+                    this.animationFraction = 0;
+            }
+            return true;
+        }
+        return false;
+    }
+}
+exports.ScheduleAnimationTimelineDataProvider = ScheduleAnimationTimelineDataProvider;
+//# sourceMappingURL=ScheduleAnimationProvider.js.map

package/lib/cjs/appui-react/timeline/ScheduleAnimationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleAnimationProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,4EAA4F;AAE5F;;GAEG;AACH,mDAAmD;AACnD,uBAAuB;AACvB,MAAa,qCAAsC,SAAQ,kDAAwB;IAGjF,YAAY,SAAoB,EAAE,QAAyB;QACzD,KAAK,CAAC,QAAQ,CAAC,CAAC;QAkCF,+BAA0B,GAAG,CAAC,iBAAyB,EAAE,EAAE;YACzE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC3C,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,cAAc,CAAC;gBAC1D,IAAI,MAAM;oBACR,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;aACjF;QACH,CAAC,CAAC;QAEc,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QA5CA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,IAAI,SAAS,IAAI,SAAS,CAAC,cAAc,EAAE;YACzC,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;SACvC;IACH,CAAC;IAEe,KAAK,CAAC,gBAAgB;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC;QAC9C,IAAI,IAAI,CAAC,yBAAyB,IAAI,MAAM,EAAE;YAC5C,gCAAgC;YAChC,IAAI,CAAC,cAAc,CAAC;gBAClB,QAAQ,EAAE,EAAE,GAAG,IAAI;gBACnB,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YAEH,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;YAC5C,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;YAE3C,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS;oBAC1B,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;;oBAEzF,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;aAC9B;YAED,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CAcF;AAlDD,sFAkDC","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 Timeline\r\n */\r\n\r\nimport { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { BaseTimelineDataProvider, PlaybackSettings } from \"@itwin/imodel-components-react\";\r\n\r\n/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.\r\n * @public\r\n */\r\n// No access to scheduleScript to even mock in test\r\n// istanbul ignore next\r\nexport class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {\r\n  private _viewState: ViewState;\r\n\r\n  constructor(viewState: ViewState, viewport?: ScreenViewport) {\r\n    super(viewport);\r\n    this._viewState = viewState;\r\n\r\n    if (viewState && viewState.scheduleScript) {\r\n      this.supportsTimelineAnimation = true;\r\n    }\r\n  }\r\n\r\n  public override async loadTimelineData(): Promise<boolean> {\r\n    const script = this._viewState.scheduleScript;\r\n    if (this.supportsTimelineAnimation && script) {\r\n      // for now just initial settings\r\n      this.updateSettings({\r\n        duration: 20 * 1000,      // this is playback duration\r\n        loop: true,\r\n      });\r\n\r\n      const timeRange = script.duration;\r\n      this.start = new Date(timeRange.low * 1000);\r\n      this.end = new Date(timeRange.high * 1000);\r\n\r\n      if (this._viewport) {\r\n        if (this._viewport.timePoint)\r\n          this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();\r\n        else\r\n          this.animationFraction = 0;\r\n      }\r\n\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  public override onAnimationFractionChanged = (animationFraction: number) => {\r\n    this.animationFraction = animationFraction;\r\n    if (this._viewport) {\r\n      const script = this._viewport.displayStyle.scheduleScript;\r\n      if (script)\r\n        this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);\r\n    }\r\n  };\r\n\r\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\r\n    this.updateSettings(settings);\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/timeline/SolarTimelineDataProvider.d.ts

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { ColorDef } from "@itwin/core-common";
+import { DisplayStyle3dState, ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { BaseSolarDataProvider } from "@itwin/imodel-components-react";
+/** Default Solar Data Provider interface for getting and setting solar position from iModels view definitions.
+ * @alpha
+ */
+export declare class SolarTimelineDataProvider extends BaseSolarDataProvider {
+    protected _viewState: ViewState;
+    protected get _displayStyle3d(): DisplayStyle3dState | undefined;
+    /** constructor that takes an optional viewport and optional position on globe that is used if the imodel is not "GeoLocated"  */
+    constructor(viewState: ViewState, viewport?: ScreenViewport, longitude?: number, latitude?: number);
+    get shouldShowTimeline(): boolean;
+    onTimeChanged: (time: Date) => void;
+    get shadowColor(): ColorDef;
+    set shadowColor(color: ColorDef);
+}
+//# sourceMappingURL=SolarTimelineDataProvider.d.ts.map

package/lib/cjs/appui-react/timeline/SolarTimelineDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolarTimelineDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/SolarTimelineDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAA6B,QAAQ,EAAuB,MAAM,oBAAoB,CAAC;AAC9F,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAKvE;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,qBAAqB;IAClE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC;IAEhC,SAAS,KAAK,eAAe,IAAI,mBAAmB,GAAG,SAAS,CAE/D;IAED,iIAAiI;gBACrH,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAgBlG,IAAoB,kBAAkB,YAGrC;IAEe,aAAa,SAAU,IAAI,UAIzC;IAEF,IAAoB,WAAW,IAAI,QAAQ,CAG1C;IAED,IAAoB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAgB9C;CACF"}

package/lib/cjs/appui-react/timeline/SolarTimelineDataProvider.js

@@ -0,0 +1,66 @@
+"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 Timeline
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SolarTimelineDataProvider = void 0;
+const core_common_1 = require("@itwin/core-common");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+// the interface and class are in alpha state - it may change after usability testing - test coverage not complete
+/* istanbul ignore file */
+/** Default Solar Data Provider interface for getting and setting solar position from iModels view definitions.
+ * @alpha
+ */
+class SolarTimelineDataProvider extends imodel_components_react_1.BaseSolarDataProvider {
+    /** constructor that takes an optional viewport and optional position on globe that is used if the imodel is not "GeoLocated"  */
+    constructor(viewState, viewport, longitude, latitude) {
+        super(viewport, longitude, latitude);
+        this.onTimeChanged = (time) => {
+            if (this._viewport && this._viewport.view.is3d()) {
+                this._viewport.view.displayStyle.setSunTime(time.getTime());
+            }
+        };
+        this._viewState = viewState;
+        if (viewState.is3d()) {
+            this.supportsTimelineAnimation = true;
+            this._cartographicCenter = this.getCartographicCenter(viewState.iModel);
+        }
+        else {
+            this._cartographicCenter = core_common_1.Cartographic.fromDegrees({ longitude: this.longitude, latitude: this.latitude, height: 0.0 });
+        }
+        this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);
+        this.initializeData(this._projectTimeZoneOffset);
+        this.onTimeChanged(this.timeOfDay);
+    }
+    get _displayStyle3d() {
+        return undefined !== this._viewport && this._viewport.view.is3d() ? this._viewport.view.displayStyle : undefined;
+    }
+    get shouldShowTimeline() {
+        const style = this._displayStyle3d;
+        return undefined !== style && style.viewFlags.shadows;
+    }
+    get shadowColor() {
+        const style = this._displayStyle3d;
+        return style ? style.settings.solarShadows.color.toColorDef() : core_common_1.ColorDef.create(core_common_1.ColorByName.gray);
+    }
+    set shadowColor(color) {
+        const displayStyle = this._displayStyle3d;
+        if (!displayStyle)
+            return;
+        const prevColor = displayStyle.settings.solarShadows.color;
+        const newColor = color.colors;
+        if (prevColor.r === newColor.r && prevColor.g === newColor.g && prevColor.b === newColor.b)
+            return;
+        const newSettings = displayStyle.settings.solarShadows.toJSON();
+        if (!newSettings)
+            return;
+        newSettings.color = color.tbgr;
+        displayStyle.settings.solarShadows = core_common_1.SolarShadowSettings.fromJSON(newSettings);
+    }
+}
+exports.SolarTimelineDataProvider = SolarTimelineDataProvider;
+//# sourceMappingURL=SolarTimelineDataProvider.js.map

package/lib/cjs/appui-react/timeline/SolarTimelineDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolarTimelineDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/SolarTimelineDataProvider.ts"],"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 Timeline\r\n */\r\n\r\nimport { Cartographic, ColorByName, ColorDef, SolarShadowSettings } from \"@itwin/core-common\";\r\nimport { DisplayStyle3dState, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { BaseSolarDataProvider } from \"@itwin/imodel-components-react\";\r\n\r\n// the interface and class are in alpha state - it may change after usability testing - test coverage not complete\r\n/* istanbul ignore file */\r\n\r\n/** Default Solar Data Provider interface for getting and setting solar position from iModels view definitions.\r\n * @alpha\r\n */\r\nexport class SolarTimelineDataProvider extends BaseSolarDataProvider {\r\n  protected _viewState: ViewState;\r\n\r\n  protected get _displayStyle3d(): DisplayStyle3dState | undefined {\r\n    return undefined !== this._viewport && this._viewport.view.is3d() ? this._viewport.view.displayStyle : undefined;\r\n  }\r\n\r\n  /** constructor that takes an optional viewport and optional position on globe that is used if the imodel is not \"GeoLocated\"  */\r\n  constructor(viewState: ViewState, viewport?: ScreenViewport, longitude?: number, latitude?: number) {\r\n    super(viewport, longitude, latitude);\r\n    this._viewState = viewState;\r\n\r\n    if (viewState.is3d()) {\r\n      this.supportsTimelineAnimation = true;\r\n      this._cartographicCenter = this.getCartographicCenter(viewState.iModel);\r\n    } else {\r\n      this._cartographicCenter = Cartographic.fromDegrees({ longitude: this.longitude, latitude: this.latitude, height: 0.0 });\r\n    }\r\n\r\n    this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);\r\n    this.initializeData(this._projectTimeZoneOffset);\r\n    this.onTimeChanged(this.timeOfDay);\r\n  }\r\n\r\n  public override get shouldShowTimeline() {\r\n    const style = this._displayStyle3d;\r\n    return undefined !== style && style.viewFlags.shadows;\r\n  }\r\n\r\n  public override onTimeChanged = (time: Date) => {\r\n    if (this._viewport && this._viewport.view.is3d()) {\r\n      this._viewport.view.displayStyle.setSunTime(time.getTime());\r\n    }\r\n  };\r\n\r\n  public override get shadowColor(): ColorDef {\r\n    const style = this._displayStyle3d;\r\n    return style ? style.settings.solarShadows.color.toColorDef() : ColorDef.create(ColorByName.gray);\r\n  }\r\n\r\n  public override set shadowColor(color: ColorDef) {\r\n    const displayStyle = this._displayStyle3d;\r\n    if (!displayStyle)\r\n      return;\r\n\r\n    const prevColor = displayStyle.settings.solarShadows.color;\r\n    const newColor = color.colors;\r\n    if (prevColor.r === newColor.r && prevColor.g === newColor.g && prevColor.b === newColor.b)\r\n      return;\r\n\r\n    const newSettings = displayStyle.settings.solarShadows.toJSON();\r\n    if (!newSettings)\r\n      return;\r\n\r\n    newSettings.color = color.tbgr;\r\n    displayStyle.settings.solarShadows = SolarShadowSettings.fromJSON(newSettings);\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+/// <reference types="react" />
+import { ActionButton, OnItemExecutedFunc } from "@itwin/appui-abstract";
+/** Action button props
+ *  @internal
+ */
+interface ActionButtonProps {
+    item: ActionButton;
+    onItemExecuted?: OnItemExecutedFunc;
+}
+/** ActionItem toolbar Function component
+ * @internal
+ */
+export declare function ActionButtonItem(props: ActionButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=ActionButtonItem.d.ts.map

package/lib/cjs/appui-react/toolbar/ActionButtonItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionButtonItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,YAAY,EAAmD,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM1H;;GAEG;AACH,UAAU,iBAAiB;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eAiBxD"}

package/lib/cjs/appui-react/toolbar/ActionButtonItem.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 Toolbar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionButtonItem = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const ToolbarHelper_1 = require("./ToolbarHelper");
+const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
+/** ActionItem toolbar Function component
+ * @internal
+ */
+function ActionButtonItem(props) {
+    const { item } = props;
+    const execute = () => {
+        item.execute();
+        if (props.onItemExecuted)
+            props.onItemExecuted(item);
+    };
+    return (React.createElement(appui_layout_react_1.Item, { isActive: item.isActive, isDisabled: appui_abstract_1.ConditionalBooleanValue.getValue(item.isDisabled), title: appui_abstract_1.ConditionalStringValue.getValue(item.label), key: item.id, onClick: execute, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, icon: ToolbarHelper_1.ToolbarHelper.getIconReactNode(item), badge: core_react_1.BadgeUtilities.getComponentForBadgeType(item.badgeType) }));
+}
+exports.ActionButtonItem = ActionButtonItem;
+//# sourceMappingURL=ActionButtonItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonItem.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionButtonItem.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAA0H;AAC1H,kDAAmD;AACnD,kEAAiD;AACjD,mDAAgD;AAChD,8EAA0E;AAU1E;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAwB;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,KAAK,CAAC,cAAc;YACtB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,OAAO,CAAC,oBAAC,yBAAI,IACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAC7D,KAAK,EAAE,uCAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAClD,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,gDAAsB,EACjC,IAAI,EAAE,6BAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,2BAAc,CAAC,wBAAwB,CAAC,IAAI,CAAC,SAAS,CAAC,GAC9D,CAAC,CAAC;AACN,CAAC;AAjBD,4CAiBC","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 Toolbar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ActionButton, ConditionalBooleanValue, ConditionalStringValue, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { BadgeUtilities } from \"@itwin/core-react\";\r\nimport { Item } from \"@itwin/appui-layout-react\";\r\nimport { ToolbarHelper } from \"./ToolbarHelper\";\r\nimport { onEscapeSetFocusToHome } from \"../hooks/useEscapeSetFocusToHome\";\r\n\r\n/** Action button props\r\n *  @internal\r\n */\r\ninterface ActionButtonProps {\r\n  item: ActionButton;\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n}\r\n\r\n/** ActionItem toolbar Function component\r\n * @internal\r\n */\r\nexport function ActionButtonItem(props: ActionButtonProps) {\r\n  const { item } = props;\r\n  const execute = () => {\r\n    item.execute();\r\n    if (props.onItemExecuted)\r\n      props.onItemExecuted(item);\r\n  };\r\n  return (<Item\r\n    isActive={item.isActive}\r\n    isDisabled={ConditionalBooleanValue.getValue(item.isDisabled)}\r\n    title={ConditionalStringValue.getValue(item.label)}\r\n    key={item.id}\r\n    onClick={execute}\r\n    onKeyDown={onEscapeSetFocusToHome}\r\n    icon={ToolbarHelper.getIconReactNode(item)}\r\n    badge={BadgeUtilities.getComponentForBadgeType(item.badgeType)}\r\n  />);\r\n}\r\n"]}

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

@@ -0,0 +1,38 @@
+/** @packageDocumentation
+ * @module Item
+ */
+import * as React from "react";
+import { CommonProps, SizeProps } from "@itwin/core-react";
+import { ActionButtonItemDef } from "../shared/ActionButtonItemDef";
+import { BaseItemState } from "../shared/ItemDefBase";
+/** Properties that must be specified for an [[ActionItemButton]] component
+ * @public
+ */
+export interface ActionItemButtonProps extends CommonProps {
+    /** Action Button item definition containing the action information */
+    actionItem: ActionButtonItemDef;
+    /** Indicates whether the button is enabled or disabled */
+    isEnabled?: boolean;
+    /** Called when the button is initialized and the size is known */
+    onSizeKnown?: (size: SizeProps) => void;
+}
+/** A Toolbar button React Component that executes an action defined by a CommandItemDef or a ToolItemDef.
+ * @public
+ */
+export declare class ActionItemButton extends React.Component<ActionItemButtonProps, BaseItemState> {
+    private _componentUnmounting;
+    /** @internal */
+    readonly state: Readonly<BaseItemState>;
+    constructor(props: ActionItemButtonProps);
+    private _handleSyncUiEvent;
+    /** @internal */
+    static getDerivedStateFromProps(props: ActionItemButtonProps, state: BaseItemState): BaseItemState | null;
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    private _execute;
+    /** @internal */
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=ActionItemButton.d.ts.map

package/lib/cjs/appui-react/toolbar/ActionItemButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionItemButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionItemButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,WAAW,EAAQ,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKtD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,UAAU,EAAE,mBAAmB,CAAC;IAChC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAaD;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,aAAa,CAAC;IACzF,OAAO,CAAC,oBAAoB,CAAS;IAErC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;gBAE5C,KAAK,EAAE,qBAAqB;IAMxC,OAAO,CAAC,kBAAkB,CAsCxB;IAEF,gBAAgB;WACF,wBAAwB,CAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,aAAa;IASzF,gBAAgB;IACA,iBAAiB;IAIjC,gBAAgB;IACA,oBAAoB;IAKpC,OAAO,CAAC,QAAQ,CAKd;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}

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

@@ -0,0 +1,102 @@
+"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.ActionItemButton = 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 SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const PropsHelper_1 = require("../utils/PropsHelper");
+const useEscapeSetFocusToHome_1 = require("../hooks/useEscapeSetFocusToHome");
+/** Helper method to set state from props */
+const getItemStateFromProps = (props) => {
+    // Parent Component can only modify the isEnable state if the actionItem.isEnabled value is set to true.
+    return {
+        isEnabled: undefined !== props.isEnabled ? props.isEnabled && props.actionItem.isEnabled : props.actionItem.isEnabled,
+        isVisible: props.actionItem.isVisible,
+        isActive: undefined !== props.actionItem.isActive ? props.actionItem.isActive : /* istanbul ignore next */ false,
+    };
+};
+/** A Toolbar button React Component that executes an action defined by a CommandItemDef or a ToolItemDef.
+ * @public
+ */
+class ActionItemButton extends React.Component {
+    constructor(props) {
+        super(props);
+        this._componentUnmounting = false;
+        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.actionItem.id === FrontstageManager_1.FrontstageManager.activeToolId;
+                refreshState = true;
+            }
+            if (!refreshState && this.props.actionItem.stateSyncIds && this.props.actionItem.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation
+                refreshState = this.props.actionItem.stateSyncIds.some((value) => args.eventIds.has(value.toLowerCase())); // eslint-disable-line deprecation/deprecation
+            if (refreshState) {
+                if (this.props.actionItem.stateFunc) // eslint-disable-line deprecation/deprecation
+                    newState = this.props.actionItem.stateFunc(newState); // eslint-disable-line deprecation/deprecation
+                if ((this.state.isActive !== newState.isActive) || (this.state.isEnabled !== newState.isEnabled) || (this.state.isVisible !== newState.isVisible)) {
+                    // update actionItem as it hold the 'truth' for all state
+                    /* istanbul ignore else */
+                    if (undefined !== newState.isVisible) // eslint-disable-line deprecation/deprecation
+                        this.props.actionItem.isVisible = newState.isVisible; // eslint-disable-line deprecation/deprecation
+                    /* istanbul ignore else */
+                    if (undefined !== newState.isActive)
+                        this.props.actionItem.isActive = newState.isActive;
+                    this.setState({
+                        isActive: newState.isActive,
+                        isEnabled: newState.isEnabled,
+                        isVisible: newState.isVisible,
+                    });
+                }
+            }
+        };
+        this._execute = () => {
+            // istanbul ignore else
+            if (this.props.actionItem.execute) {
+                this.props.actionItem.execute();
+            }
+        };
+        this.state = getItemStateFromProps(props);
+    }
+    /** @internal */
+    static getDerivedStateFromProps(props, state) {
+        const updatedState = getItemStateFromProps(props);
+        // istanbul ignore else
+        if (!PropsHelper_1.PropsHelper.isShallowEqual(updatedState, state))
+            return updatedState;
+        return null;
+    }
+    /** @internal */
+    componentDidMount() {
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+    }
+    /** @internal */
+    componentWillUnmount() {
+        this._componentUnmounting = true;
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
+    }
+    /** @internal */
+    render() {
+        if (!this.state.isVisible)
+            return null;
+        const { actionItem, ...props } = this.props;
+        const icon = React.createElement(core_react_1.Icon, { iconSpec: actionItem.iconSpec });
+        const badge = core_react_1.BadgeUtilities.getComponentForBadgeType(actionItem.badgeType);
+        return (React.createElement(appui_layout_react_1.Item, { ...props, isActive: this.state.isActive, isDisabled: !this.state.isEnabled, title: actionItem.label, key: actionItem.getKey(), onClick: this._execute, onKeyDown: useEscapeSetFocusToHome_1.onEscapeSetFocusToHome, icon: icon, onSizeKnown: this.props.onSizeKnown, badge: badge }));
+    }
+}
+exports.ActionItemButton = ActionItemButton;
+//# sourceMappingURL=ActionItemButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionItemButton.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ActionItemButton.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 { BadgeUtilities, CommonProps, Icon, SizeProps } from \"@itwin/core-react\";\r\nimport { Item } from \"@itwin/appui-layout-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\r\nimport { BaseItemState } from \"../shared/ItemDefBase\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { onEscapeSetFocusToHome } from \"../hooks/useEscapeSetFocusToHome\";\r\n\r\n/** Properties that must be specified for an [[ActionItemButton]] component\r\n * @public\r\n */\r\nexport interface ActionItemButtonProps extends CommonProps {\r\n  /** Action Button item definition containing the action information */\r\n  actionItem: ActionButtonItemDef;\r\n  /** Indicates whether the button is enabled or disabled */\r\n  isEnabled?: boolean;\r\n  /** Called when the button is initialized and the size is known */\r\n  onSizeKnown?: (size: SizeProps) => void;\r\n}\r\n\r\n/** Helper method to set state from props */\r\nconst getItemStateFromProps = (props: ActionItemButtonProps): BaseItemState => {\r\n\r\n  // Parent Component can only modify the isEnable state if the actionItem.isEnabled value is set to true.\r\n  return {\r\n    isEnabled: undefined !== props.isEnabled ? props.isEnabled && props.actionItem.isEnabled : props.actionItem.isEnabled, // eslint-disable-line deprecation/deprecation\r\n    isVisible: props.actionItem.isVisible, // eslint-disable-line deprecation/deprecation\r\n    isActive: undefined !== props.actionItem.isActive ? props.actionItem.isActive : /* istanbul ignore next */ false,\r\n  };\r\n};\r\n\r\n/** A Toolbar button React Component that executes an action defined by a CommandItemDef or a ToolItemDef.\r\n * @public\r\n */\r\nexport class ActionItemButton extends React.Component<ActionItemButtonProps, BaseItemState> {\r\n  private _componentUnmounting = false;\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<BaseItemState>;\r\n\r\n  constructor(props: ActionItemButtonProps) {\r\n    super(props);\r\n\r\n    this.state = getItemStateFromProps(props);\r\n  }\r\n\r\n  private _handleSyncUiEvent = (args: SyncUiEventArgs): void => {\r\n    // istanbul ignore if\r\n    if (this._componentUnmounting)\r\n      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.actionItem.id === FrontstageManager.activeToolId;\r\n      refreshState = true;\r\n    }\r\n\r\n    if (!refreshState && this.props.actionItem.stateSyncIds && this.props.actionItem.stateSyncIds.length > 0) // eslint-disable-line deprecation/deprecation\r\n      refreshState = this.props.actionItem.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.actionItem.stateFunc) // eslint-disable-line deprecation/deprecation\r\n        newState = this.props.actionItem.stateFunc(newState); // eslint-disable-line deprecation/deprecation\r\n\r\n      if ((this.state.isActive !== newState.isActive) || (this.state.isEnabled !== newState.isEnabled) || (this.state.isVisible !== newState.isVisible)) {\r\n        // update actionItem as it hold the 'truth' for all state\r\n        /* istanbul ignore else */\r\n        if (undefined !== newState.isVisible) // eslint-disable-line deprecation/deprecation\r\n          this.props.actionItem.isVisible = newState.isVisible; // eslint-disable-line deprecation/deprecation\r\n\r\n        /* istanbul ignore else */\r\n        if (undefined !== newState.isActive)\r\n          this.props.actionItem.isActive = newState.isActive;\r\n\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  /** @internal */\r\n  public static getDerivedStateFromProps(props: ActionItemButtonProps, state: BaseItemState) {\r\n    const updatedState = getItemStateFromProps(props);\r\n    // istanbul ignore else\r\n    if (!PropsHelper.isShallowEqual(updatedState, state))\r\n      return updatedState;\r\n\r\n    return null;\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  /** @internal */\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 = () => {\r\n    // istanbul ignore else\r\n    if (this.props.actionItem.execute) {\r\n      this.props.actionItem.execute();\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const { actionItem, ...props } = this.props;\r\n    const icon = <Icon iconSpec={actionItem.iconSpec} />;\r\n    const badge = BadgeUtilities.getComponentForBadgeType(actionItem.badgeType);\r\n\r\n    return (\r\n      <Item\r\n        {...props}\r\n        isActive={this.state.isActive}\r\n        isDisabled={!this.state.isEnabled}\r\n        title={actionItem.label}\r\n        key={actionItem.getKey()}\r\n        onClick={this._execute}\r\n        onKeyDown={onEscapeSetFocusToHome}\r\n        icon={icon}\r\n        onSizeKnown={this.props.onSizeKnown}\r\n        badge={badge}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Item
+ */
+import * as React from "react";
+/** Context used to enable toolbar drag interaction.
+ * @beta
+ */
+export declare const ToolbarDragInteractionContext: React.Context<boolean>;
+//# sourceMappingURL=DragInteraction.d.ts.map

package/lib/cjs/appui-react/toolbar/DragInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragInteraction.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,6BAA6B,wBAA6B,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarDragInteractionContext = void 0;
+const React = require("react");
+/** Context used to enable toolbar drag interaction.
+ * @beta
+ */
+exports.ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention
+//# sourceMappingURL=DragInteraction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragInteraction.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B;;GAEG;AACU,QAAA,6BAA6B,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,2DAA2D","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\n\r\n/** Context used to enable toolbar drag interaction.\r\n * @beta\r\n */\r\nexport const ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}

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

@@ -0,0 +1,79 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { ActionButton, GroupButton, OnItemExecutedFunc } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+interface ToolGroupItem {
+    trayId?: string;
+    item: ActionButton | GroupButton;
+}
+interface ToolGroupTray {
+    title?: string;
+    items: Map<string, ToolGroupItem>;
+    groupItem: GroupButton;
+}
+declare type ToolGroupTrayMap = Map<string, ToolGroupTray>;
+interface ToolbarGroupItemComponentProps extends CommonProps {
+    groupItem: GroupButton;
+    onItemExecuted?: OnItemExecutedFunc;
+}
+interface ToolbarGroupItemState {
+    activeItemId: string;
+    activeToolId: string;
+    groupItem: GroupButton;
+    trayId: string;
+    backTrays: ReadonlyArray<string>;
+    trays: ToolGroupTrayMap;
+    isEnabled: boolean;
+    isPressed: boolean;
+    isVisible: boolean;
+}
+/** Group Item React component.
+ * @internal
+ */
+export declare class ToolbarGroupItem extends React.Component<ToolbarGroupItemComponentProps, ToolbarGroupItemState> {
+    /** @internal */
+    readonly state: Readonly<ToolbarGroupItemState>;
+    private _trayIndex;
+    private _closeOnPanelOpened;
+    private _ref;
+    constructor(props: ToolbarGroupItemComponentProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private getGroupItemState;
+    private resetTrayId;
+    private generateTrayId;
+    private processGroupItem;
+    componentDidUpdate(prevProps: ToolbarGroupItemComponentProps, _prevState: ToolbarGroupItemState): void;
+    private get _tray();
+    private getTray;
+    render(): React.ReactNode;
+    private _handleOpenPanel;
+    private _handleClick;
+    private _handleDragInteractionClick;
+    private _handleDragInteractionOutsideClick;
+    private _handleOutsideClick;
+    private _handleToolActivatedEvent;
+    private _handleToolPanelOpenedEvent;
+    private closeGroupButton;
+    private handleToolGroupItemClicked;
+    private getItemsInColumn;
+    private getGroupTray;
+    getItemById(id: string): ActionButton | GroupButton | undefined;
+    private _handleBack;
+    private _handleExpanderClick;
+}
+/** Action button props
+ *  @internal
+ */
+interface GroupButtonProps {
+    item: GroupButton;
+    onItemExecuted?: OnItemExecutedFunc;
+}
+/** Group Button React component
+ * @internal
+ */
+export declare function GroupButtonItem(props: GroupButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=GroupButtonItem.d.ts.map

package/lib/cjs/appui-react/toolbar/GroupButtonItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupButtonItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupButtonItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EAAmD,WAAW,EAAE,kBAAkB,EAC/F,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAkB,WAAW,EAAsB,MAAM,mBAAmB,CAAC;AAyBpF,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY,GAAG,WAAW,CAAC;CAClC;AAED,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClC,SAAS,EAAE,WAAW,CAAC;CACxB;AACD,aAAK,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAEnD,UAAU,8BAA+B,SAAQ,WAAW;IAC1D,SAAS,EAAE,WAAW,CAAC;IACvB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED,UAAU,qBAAqB;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,8BAA8B,EAAE,qBAAqB,CAAC;IAC1G,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAChE,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,IAAI,CAAqC;gBAErC,KAAK,EAAE,8BAA8B;IAYjC,iBAAiB;IAKjB,oBAAoB;IAKpC,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,gBAAgB;IA2BR,kBAAkB,CAAC,SAAS,EAAE,8BAA8B,EAAE,UAAU,EAAE,qBAAqB;IAS/G,OAAO,KAAK,KAAK,GAOhB;IAED,OAAO,CAAC,OAAO;IASC,MAAM,IAAI,KAAK,CAAC,SAAS;IA8DzC,OAAO,CAAC,gBAAgB,CAOtB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,2BAA2B,CAGjC;IAEF,OAAO,CAAC,kCAAkC,CAExC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAGF,OAAO,CAAC,yBAAyB,CAI/B;IAGF,OAAO,CAAC,2BAA2B,CAIjC;IAEF,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,0BAA0B;IAyBlC,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,YAAY;IAsGb,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS;IAUtE,OAAO,CAAC,WAAW,CASjB;IAEF,OAAO,CAAC,oBAAoB,CAO1B;CACH;AA4BD;;GAEG;AACH,UAAU,gBAAgB;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,eAQtD"}