@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/frontstage/StandardFrontstageProvider.js

@@ -0,0 +1,52 @@
+"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 Frontstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StandardFrontstageProvider = void 0;
+const React = require("react");
+const StagePanel_1 = require("../stagepanels/StagePanel");
+const ContentGroup_1 = require("../content/ContentGroup");
+const FrontstageProvider_1 = require("./FrontstageProvider");
+const Frontstage_1 = require("./Frontstage");
+const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
+const Zone_1 = require("../zones/Zone");
+const ContentToolWidgetComposer_1 = require("../widgets/ContentToolWidgetComposer");
+const Widget_1 = require("../widgets/Widget");
+const ViewToolWidgetComposer_1 = require("../widgets/ViewToolWidgetComposer");
+const StatusBarWidgetComposerControl_1 = require("../widgets/StatusBarWidgetComposerControl");
+const StagePanelDef_1 = require("../stagepanels/StagePanelDef");
+/**
+ * FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
+ * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).
+ * @public
+ */
+class StandardFrontstageProvider extends FrontstageProvider_1.FrontstageProvider {
+    constructor(props) {
+        super();
+        this.props = props;
+    }
+    get id() {
+        return this.props.id;
+    }
+    get frontstage() {
+        var _a;
+        const contentGroup = (this.props.contentGroupProps instanceof ContentGroup_1.ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup_1.ContentGroup(this.props.contentGroupProps);
+        return (React.createElement(Frontstage_1.Frontstage, { key: this.props.id, id: this.props.id, version: (_a = this.props.version) !== null && _a !== void 0 ? _a : 1.0, defaultTool: CoreToolDefinitions_1.CoreTools.selectElementCommand, contentGroup: contentGroup, isInFooterMode: true, usage: this.props.usage, applicationData: this.props.applicationData, contentManipulationTools: React.createElement(Zone_1.Zone, { widgets: [
+                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-contentManipulationTools`, key: `${this.props.id}-contentManipulationTools`, isFreeform: true, element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }) }),
+                ] }), viewNavigationTools: React.createElement(Zone_1.Zone, { widgets: [
+                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-viewNavigationTools`, key: `${this.props.id}-viewNavigationTools`, isFreeform: true, element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }) }),
+                ] }), toolSettings: React.createElement(Zone_1.Zone, { widgets: [
+                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-toolSettings`, key: `${this.props.id}-toolSettings`, isToolSettings: true }),
+                ] }), statusBar: React.createElement(Zone_1.Zone, { widgets: this.props.hideStatusBar ? [] :
+                    [
+                        React.createElement(Widget_1.Widget, { id: `${this.props.id}-statusBar`, key: `${this.props.id}-statusBar`, isStatusBar: true, control: StatusBarWidgetComposerControl_1.StatusBarWidgetComposerControl }),
+                    ] }), leftPanel: React.createElement(StagePanel_1.StagePanel, { size: 300, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.leftPanelProps }), topPanel: React.createElement(StagePanel_1.StagePanel, { size: 90, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.topPanelProps }), rightPanel: React.createElement(StagePanel_1.StagePanel, { defaultState: StagePanelDef_1.StagePanelState.Open, ...this.props.rightPanelProps }), bottomPanel: React.createElement(StagePanel_1.StagePanel, { size: 180, defaultState: StagePanelDef_1.StagePanelState.Open, ...this.props.bottomPanelProps }) }));
+    }
+}
+exports.StandardFrontstageProvider = StandardFrontstageProvider;
+//# sourceMappingURL=StandardFrontstageProvider.js.map

package/lib/cjs/appui-react/frontstage/StandardFrontstageProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.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 Frontstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StageUsage } from \"@itwin/appui-abstract\";\r\nimport { StagePanel, StagePanelProps } from \"../stagepanels/StagePanel\";\r\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { FrontstageProvider } from \"./FrontstageProvider\";\r\nimport { Frontstage, FrontstageProps } from \"./Frontstage\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { Zone } from \"../zones/Zone\";\r\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\r\nimport { Widget } from \"../widgets/Widget\";\r\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\r\nimport { StatusBarWidgetComposerControl } from \"../widgets/StatusBarWidgetComposerControl\";\r\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\r\n\r\n/** Properties of a [[WidgetPanelProps]] component\r\n * @public\r\n */\r\nexport type WidgetPanelProps = Omit<StagePanelProps, \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\">;\r\n\r\n/**\r\n * Props for [[StandardFrontstageProvider]]\r\n * @public\r\n */\r\nexport interface StandardFrontstageProps {\r\n  /* unique stage id. To ensure uniqueness it is common practice to format id like `appName:stageId` */\r\n  id: string;\r\n  /* version id that is used to store state of stage */\r\n  version?: number;\r\n  // Usage of stage. To allow generic UiItemProvides to populate this stage set to `StageUsage.General`.\r\n  usage: StageUsage | string;\r\n  /** Definition of available content groups or a function that provides them */\r\n  contentGroupProps: ContentGroupProps | ContentGroupProvider;\r\n  /** Specify button to use to open backstage. Leave undefined for no backstage button.\r\n   * ```\r\n   * <BackstageAppButton icon={\"icon-bentley-systems\"} />\r\n   * ```\r\n   */\r\n  cornerButton?: React.ReactNode;\r\n  /** Set to true if default Navigation aid is not desired */\r\n  hideNavigationAid?: boolean;\r\n  /** Set to true if no status bar is needed in stage */\r\n  hideStatusBar?: boolean;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 300, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  leftPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 90, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  topPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 200, pinned=true, defaultState:StagePanelState.Open} */\r\n  rightPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 180, pinned=true, defaultState:StagePanelState.Open} */\r\n  bottomPanelProps?: WidgetPanelProps;\r\n  /** Application data is not require but exists for stages to pass feature settings to UiItemsProviders.\r\n   * It is expected that the UiItemsProvider supply an xxxAppData interface to define the properties it\r\n   * supports. See [[DefaultContentToolsAppData]] for an example.\r\n   */\r\n  applicationData?: any;\r\n}\r\n\r\n/**\r\n * FrontstageProvider that provides an \"empty\" stage. All tool buttons, statusbar items, and widgets must\r\n * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).\r\n * @public\r\n */\r\nexport class StandardFrontstageProvider extends FrontstageProvider {\r\n  constructor(private props: StandardFrontstageProps) {\r\n    super();\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.props.id;\r\n  }\r\n\r\n  public get frontstage(): React.ReactElement<FrontstageProps> {\r\n    const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\r\n    return (\r\n      <Frontstage\r\n        key={this.props.id}\r\n        id={this.props.id}\r\n        version={this.props.version ?? 1.0}\r\n        defaultTool={CoreTools.selectElementCommand}\r\n        contentGroup={contentGroup}\r\n        isInFooterMode={true}\r\n        usage={this.props.usage}\r\n        applicationData={this.props.applicationData}\r\n\r\n        contentManipulationTools={\r\n          <Zone\r\n            widgets={\r\n              [\r\n                <Widget id={`${this.props.id}-contentManipulationTools`} key={`${this.props.id}-contentManipulationTools`} isFreeform={true}\r\n                  element={<ContentToolWidgetComposer cornerButton={this.props.cornerButton} />}\r\n                />,\r\n              ]}\r\n          />\r\n        }\r\n        viewNavigationTools={\r\n          <Zone\r\n            widgets={\r\n              [\r\n                <Widget id={`${this.props.id}-viewNavigationTools`} key={`${this.props.id}-viewNavigationTools`} isFreeform={true}\r\n                  element={<ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />}\r\n                />,\r\n              ]}\r\n          />\r\n        }\r\n        toolSettings={\r\n          <Zone\r\n            widgets={\r\n              [\r\n                <Widget id={`${this.props.id}-toolSettings`} key={`${this.props.id}-toolSettings`} isToolSettings={true} />,\r\n              ]}\r\n          />\r\n        }\r\n        statusBar={\r\n          <Zone\r\n            widgets={\r\n              this.props.hideStatusBar ? [] :\r\n                [\r\n                  <Widget id={`${this.props.id}-statusBar`} key={`${this.props.id}-statusBar`} isStatusBar={true}\r\n                    control={StatusBarWidgetComposerControl} />,\r\n                ]\r\n            }\r\n          />\r\n        }\r\n\r\n        leftPanel={\r\n          <StagePanel\r\n            size={300}\r\n            pinned={false}\r\n            defaultState={StagePanelState.Minimized}\r\n            {...this.props.leftPanelProps}\r\n          />\r\n        }\r\n\r\n        topPanel={\r\n          <StagePanel\r\n            size={90}\r\n            pinned={false}\r\n            defaultState={StagePanelState.Minimized}\r\n            {...this.props.topPanelProps}\r\n          />\r\n        }\r\n\r\n        rightPanel={\r\n          <StagePanel\r\n            defaultState={StagePanelState.Open}\r\n            {...this.props.rightPanelProps}\r\n\r\n          />\r\n        }\r\n\r\n        bottomPanel={\r\n          <StagePanel\r\n            size={180}\r\n            defaultState={StagePanelState.Open}\r\n            {...this.props.bottomPanelProps}\r\n          />\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useActiveIModelConnection.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+import { IModelConnection } from "@itwin/core-frontend";
+/** React hook that maintains the active IModelConnection. For this hook to work properly the
+ * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires
+ * that the host app includes the UiFramework reducer into its Redux store.
+ * @public
+ */
+export declare function useActiveIModelConnection(): IModelConnection | undefined;
+//# sourceMappingURL=useActiveIModelConnection.d.ts.map

package/lib/cjs/appui-react/hooks/useActiveIModelConnection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveIModelConnection.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveIModelConnection.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKxD;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,gBAAgB,GAAG,SAAS,CAkBxE"}

package/lib/cjs/appui-react/hooks/useActiveIModelConnection.js

@@ -0,0 +1,38 @@
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveIModelConnection = void 0;
+const react_1 = require("react");
+const SessionState_1 = require("../redux/SessionState");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const UiFramework_1 = require("../UiFramework");
+/** React hook that maintains the active IModelConnection. For this hook to work properly the
+ * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires
+ * that the host app includes the UiFramework reducer into its Redux store.
+ * @public
+ */
+function useActiveIModelConnection() {
+    const [activeConnection, setActiveConnection] = (0, react_1.useState)(UiFramework_1.UiFramework.getIModelConnection());
+    (0, react_1.useEffect)(() => {
+        const handleSyncUiEvent = (args) => {
+            const eventIds = [SessionState_1.SessionStateActionId.SetIModelConnection];
+            // istanbul ignore else
+            if (eventIds.some((value) => args.eventIds.has(value.toLowerCase()))) {
+                setActiveConnection(UiFramework_1.UiFramework.getIModelConnection());
+            }
+        };
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
+        return () => {
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);
+        };
+    }, [activeConnection]);
+    return activeConnection;
+}
+exports.useActiveIModelConnection = useActiveIModelConnection;
+//# sourceMappingURL=useActiveIModelConnection.js.map

package/lib/cjs/appui-react/hooks/useActiveIModelConnection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveIModelConnection.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveIModelConnection.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAE5C,wDAA6D;AAC7D,2EAAyF;AACzF,gDAA6C;AAE7C;;;;GAIG;AACH,SAAgB,yBAAyB;IACvC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC5F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,MAAM,QAAQ,GAAG,CAAC,mCAAoB,CAAC,mBAAmB,CAAC,CAAC;YAC5D,uBAAuB;YACvB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE;gBACrF,mBAAmB,CAAC,yBAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC;aACxD;QACH,CAAC,CAAC;QAEF,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,6CAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAlBD,8DAkBC","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 Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { IModelConnection } from \"@itwin/core-frontend\";\r\nimport { SessionStateActionId } from \"../redux/SessionState\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** React hook that maintains the active IModelConnection. For this hook to work properly the\r\n * IModelConnection must be set using UiFramework.setIModelConnection method. This also requires\r\n * that the host app includes the UiFramework reducer into its Redux store.\r\n * @public\r\n */\r\nexport function useActiveIModelConnection(): IModelConnection | undefined {\r\n  const [activeConnection, setActiveConnection] = useState(UiFramework.getIModelConnection());\r\n  useEffect(() => {\r\n    const handleSyncUiEvent = (args: SyncUiEventArgs): void => {\r\n      const eventIds = [SessionStateActionId.SetIModelConnection];\r\n      // istanbul ignore else\r\n      if (eventIds.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n        setActiveConnection(UiFramework.getIModelConnection());\r\n      }\r\n    };\r\n\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n    return () => {\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\r\n    };\r\n  }, [activeConnection]);\r\n\r\n  return activeConnection;\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useActiveStageId.d.ts

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+/** React hook that maintains the active stage Id.
+ * @public
+ */
+export declare function useActiveStageId(): string;
+//# sourceMappingURL=useActiveStageId.d.ts.map

package/lib/cjs/appui-react/hooks/useActiveStageId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveStageId.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveStageId.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAazC"}

package/lib/cjs/appui-react/hooks/useActiveStageId.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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveStageId = void 0;
+const react_1 = require("react");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+/** React hook that maintains the active stage Id.
+ * @public
+ */
+function useActiveStageId() {
+    const [activeStageId, setActiveStageId] = (0, react_1.useState)(FrontstageManager_1.FrontstageManager.activeFrontstageId);
+    (0, react_1.useEffect)(() => {
+        const handleFrontstageActivatedEvent = (args) => {
+            setActiveStageId(args.activatedFrontstageDef.id);
+        };
+        FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);
+        return () => {
+            FrontstageManager_1.FrontstageManager.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);
+        };
+    }, []);
+    return activeStageId;
+}
+exports.useActiveStageId = useActiveStageId;
+//# sourceMappingURL=useActiveStageId.js.map

package/lib/cjs/appui-react/hooks/useActiveStageId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveStageId.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveStageId.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAC5C,uEAAkG;AAElG;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,qCAAiB,CAAC,kBAAkB,CAAC,CAAC;IACzF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,8BAA8B,GAAG,CAAC,IAAkC,EAAE,EAAE;YAC5E,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC,CAAC;QAEF,qCAAiB,CAAC,0BAA0B,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;QACzF,OAAO,GAAG,EAAE;YACV,qCAAiB,CAAC,0BAA0B,CAAC,cAAc,CAAC,8BAA8B,CAAC,CAAC;QAC9F,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,aAAa,CAAC;AACvB,CAAC;AAbD,4CAaC","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 Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { FrontstageActivatedEventArgs, FrontstageManager } from \"../frontstage/FrontstageManager\";\r\n\r\n/** React hook that maintains the active stage Id.\r\n * @public\r\n */\r\nexport function useActiveStageId(): string {\r\n  const [activeStageId, setActiveStageId] = useState(FrontstageManager.activeFrontstageId);\r\n  useEffect(() => {\r\n    const handleFrontstageActivatedEvent = (args: FrontstageActivatedEventArgs) => {\r\n      setActiveStageId(args.activatedFrontstageDef.id);\r\n    };\r\n\r\n    FrontstageManager.onFrontstageActivatedEvent.addListener(handleFrontstageActivatedEvent);\r\n    return () => {\r\n      FrontstageManager.onFrontstageActivatedEvent.removeListener(handleFrontstageActivatedEvent);\r\n    };\r\n  }, []);\r\n  return activeStageId;\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useActiveViewport.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+import { ScreenViewport } from "@itwin/core-frontend";
+/** React hook that maintains the active viewport.
+ * @public
+ */
+export declare function useActiveViewport(): ScreenViewport | undefined;
+//# sourceMappingURL=useActiveViewport.d.ts.map

package/lib/cjs/appui-react/hooks/useActiveViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveViewport.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveViewport.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE;;GAEG;AAEH,wBAAgB,iBAAiB,IAAI,cAAc,GAAG,SAAS,CA8B9D"}

package/lib/cjs/appui-react/hooks/useActiveViewport.js

@@ -0,0 +1,47 @@
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveViewport = void 0;
+const react_1 = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const ContentViewManager_1 = require("../content/ContentViewManager");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+/** React hook that maintains the active viewport.
+ * @public
+ */
+// istanbul ignore next
+function useActiveViewport() {
+    const [activeViewport, setActiveViewport] = (0, react_1.useState)(core_frontend_1.IModelApp.viewManager.selectedView);
+    (0, react_1.useEffect)(() => {
+        const onActiveContentChanged = (_args) => {
+            setActiveViewport(core_frontend_1.IModelApp.viewManager.selectedView);
+        };
+        // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted
+        // so use ContentViewManager.onActiveContentChangedEvent which will always trigger once all stage components
+        // are loaded and when the IModelApp.viewManager.selectedView changes.
+        ContentViewManager_1.ContentViewManager.onActiveContentChangedEvent.addListener(onActiveContentChanged);
+        return () => {
+            ContentViewManager_1.ContentViewManager.onActiveContentChangedEvent.removeListener(onActiveContentChanged);
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const syncIdsOfInterest = [SyncUiEventDispatcher_1.SyncUiEventId.ActiveContentChanged, SyncUiEventDispatcher_1.SyncUiEventId.ContentControlActivated, SyncUiEventDispatcher_1.SyncUiEventId.FrontstageReady];
+        const handleSyncUiEvent = (args) => {
+            // istanbul ignore else
+            if (syncIdsOfInterest.some((value) => args.eventIds.has(value))) {
+                const activeContentControl = ContentViewManager_1.ContentViewManager.getActiveContentControl();
+                setActiveViewport(activeContentControl && activeContentControl.viewport);
+            }
+        };
+        return SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
+    }, []);
+    return activeViewport;
+}
+exports.useActiveViewport = useActiveViewport;
+//# sourceMappingURL=useActiveViewport.js.map

package/lib/cjs/appui-react/hooks/useActiveViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveViewport.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useActiveViewport.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAC5C,wDAAiE;AACjE,sEAAkG;AAClG,2EAAwG;AAExG;;GAEG;AACH,uBAAuB;AACvB,SAAgB,iBAAiB;IAC/B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACzF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,sBAAsB,GAAG,CAAC,KAAoC,EAAE,EAAE;YACtE,iBAAiB,CAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,oGAAoG;QACpG,4GAA4G;QAC5G,sEAAsE;QACtE,uCAAkB,CAAC,2BAA2B,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACnF,OAAO,GAAG,EAAE;YACV,uCAAkB,CAAC,2BAA2B,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACxF,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,qCAAa,CAAC,oBAAoB,EAAE,qCAAa,CAAC,uBAAuB,EAAE,qCAAa,CAAC,eAAe,CAAC,CAAC;QACrI,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAQ,EAAE;YACxD,uBAAuB;YACvB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;gBAChF,MAAM,oBAAoB,GAAG,uCAAkB,CAAC,uBAAuB,EAAE,CAAC;gBAC1E,iBAAiB,CAAC,oBAAoB,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;aAC1E;QACH,CAAC,CAAC;QAEF,OAAO,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,cAAc,CAAC;AACxB,CAAC;AA9BD,8CA8BC","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 Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { IModelApp, ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { ActiveContentChangedEventArgs, ContentViewManager } from \"../content/ContentViewManager\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\n\r\n/** React hook that maintains the active viewport.\r\n * @public\r\n */\r\n// istanbul ignore next\r\nexport function useActiveViewport(): ScreenViewport | undefined {\r\n  const [activeViewport, setActiveViewport] = useState(IModelApp.viewManager.selectedView);\r\n  useEffect(() => {\r\n    const onActiveContentChanged = (_args: ActiveContentChangedEventArgs) => {\r\n      setActiveViewport(IModelApp.viewManager.selectedView);\r\n    };\r\n\r\n    // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted\r\n    // so use ContentViewManager.onActiveContentChangedEvent which will always trigger once all stage components\r\n    // are loaded and when the IModelApp.viewManager.selectedView changes.\r\n    ContentViewManager.onActiveContentChangedEvent.addListener(onActiveContentChanged);\r\n    return () => {\r\n      ContentViewManager.onActiveContentChangedEvent.removeListener(onActiveContentChanged);\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const syncIdsOfInterest = [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ContentControlActivated, SyncUiEventId.FrontstageReady];\r\n    const handleSyncUiEvent = (args: SyncUiEventArgs): void => {\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n        const activeContentControl = ContentViewManager.getActiveContentControl();\r\n        setActiveViewport(activeContentControl && activeContentControl.viewport);\r\n      }\r\n    };\r\n\r\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n  }, []);\r\n\r\n  return activeViewport;\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useAnalysisAnimationDataProvider.d.ts

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+import { AnalysisAnimationTimelineDataProvider } from "../timeline/AnalysisAnimationProvider";
+import { ScreenViewport } from "@itwin/core-frontend";
+/** Hook that returns either a AnalysisAnimationTimelineDataProvider or undefined based on if the supplied viewport contains analysis data.
+ * @public
+ **/
+export declare function useAnalysisAnimationDataProvider(viewport: ScreenViewport | undefined): AnalysisAnimationTimelineDataProvider | undefined;
+//# sourceMappingURL=useAnalysisAnimationDataProvider.d.ts.map

package/lib/cjs/appui-react/hooks/useAnalysisAnimationDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnalysisAnimationDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAnalysisAnimationDataProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,qCAAqC,EAAE,MAAM,uCAAuC,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAY,MAAM,sBAAsB,CAAC;AA+BhE;;IAEI;AAEJ,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,qDA2BpF"}

package/lib/cjs/appui-react/hooks/useAnalysisAnimationDataProvider.js

@@ -0,0 +1,72 @@
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnalysisAnimationDataProvider = void 0;
+const React = require("react");
+const AnalysisAnimationProvider_1 = require("../timeline/AnalysisAnimationProvider");
+/** @internal */
+// istanbul ignore next
+function useSupportsAnalysisAnimation(viewport) {
+    var _a;
+    const [supportsAnalysisAnimation, setSupportsAnalysisAnimation] = React.useState(!!((_a = viewport === null || viewport === void 0 ? void 0 : viewport.view) === null || _a === void 0 ? void 0 : _a.analysisStyle));
+    React.useEffect(() => {
+        var _a;
+        setSupportsAnalysisAnimation(!!((_a = viewport === null || viewport === void 0 ? void 0 : viewport.view) === null || _a === void 0 ? void 0 : _a.analysisStyle));
+    }, [viewport]);
+    React.useEffect(() => {
+        const handleViewChanged = (vp) => {
+            var _a;
+            const hasAnalysisData = !!((_a = vp === null || vp === void 0 ? void 0 : vp.view) === null || _a === void 0 ? void 0 : _a.analysisStyle);
+            if (hasAnalysisData !== supportsAnalysisAnimation)
+                setSupportsAnalysisAnimation(hasAnalysisData);
+        };
+        return viewport === null || viewport === void 0 ? void 0 : viewport.onChangeView.addListener(handleViewChanged);
+    }, [supportsAnalysisAnimation, viewport]);
+    React.useEffect(() => {
+        const handleDisplayStyleChange = (vp) => {
+            var _a;
+            const hasAnalysisData = !!((_a = vp === null || vp === void 0 ? void 0 : vp.view) === null || _a === void 0 ? void 0 : _a.analysisStyle);
+            if (hasAnalysisData !== supportsAnalysisAnimation)
+                setSupportsAnalysisAnimation(hasAnalysisData);
+        };
+        return viewport === null || viewport === void 0 ? void 0 : viewport.onDisplayStyleChanged.addListener(handleDisplayStyleChange);
+    }, [viewport, supportsAnalysisAnimation]);
+    return supportsAnalysisAnimation;
+}
+/** Hook that returns either a AnalysisAnimationTimelineDataProvider or undefined based on if the supplied viewport contains analysis data.
+ * @public
+ **/
+// istanbul ignore next
+function useAnalysisAnimationDataProvider(viewport) {
+    const supportsAnalysisAnimation = useSupportsAnalysisAnimation(viewport);
+    const [analysisAnimationTimelineDataProvider, setAnalysisAnimationTimelineDataProvider] = React.useState();
+    const isMountedRef = React.useRef(false);
+    React.useEffect(() => {
+        isMountedRef.current = true;
+        return () => { isMountedRef.current = false; };
+    }, []);
+    React.useEffect(() => {
+        async function fetchNewDataProvider(vp) {
+            let newProvider = new AnalysisAnimationProvider_1.AnalysisAnimationTimelineDataProvider(vp.view, vp);
+            if (newProvider === null || newProvider === void 0 ? void 0 : newProvider.supportsTimelineAnimation) {
+                const dataLoaded = await newProvider.loadTimelineData();
+                if (!dataLoaded)
+                    newProvider = undefined;
+            }
+            isMountedRef.current && setAnalysisAnimationTimelineDataProvider(newProvider);
+        }
+        if (supportsAnalysisAnimation && viewport)
+            void fetchNewDataProvider(viewport);
+        else
+            isMountedRef.current && setAnalysisAnimationTimelineDataProvider(undefined);
+    }, [supportsAnalysisAnimation, viewport]);
+    return analysisAnimationTimelineDataProvider;
+}
+exports.useAnalysisAnimationDataProvider = useAnalysisAnimationDataProvider;
+//# sourceMappingURL=useAnalysisAnimationDataProvider.js.map

package/lib/cjs/appui-react/hooks/useAnalysisAnimationDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnalysisAnimationDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAnalysisAnimationDataProvider.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 Hooks\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { AnalysisAnimationTimelineDataProvider } from \"../timeline/AnalysisAnimationProvider\";\r\nimport { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\r\n\r\n/** @internal */\r\n// istanbul ignore next\r\nfunction useSupportsAnalysisAnimation(viewport: Viewport | undefined) {\r\n  const [supportsAnalysisAnimation, setSupportsAnalysisAnimation] = React.useState(!!viewport?.view?.analysisStyle);\r\n\r\n  React.useEffect(() => {\r\n    setSupportsAnalysisAnimation(!!viewport?.view?.analysisStyle);\r\n  }, [viewport]);\r\n\r\n  React.useEffect(() => {\r\n    const handleViewChanged = (vp: Viewport): void => {\r\n      const hasAnalysisData = !!vp?.view?.analysisStyle;\r\n      if (hasAnalysisData !== supportsAnalysisAnimation)\r\n        setSupportsAnalysisAnimation(hasAnalysisData);\r\n    };\r\n    return viewport?.onChangeView.addListener(handleViewChanged);\r\n  }, [supportsAnalysisAnimation, viewport]);\r\n\r\n  React.useEffect(() => {\r\n    const handleDisplayStyleChange = (vp: Viewport): void => {\r\n      const hasAnalysisData = !!vp?.view?.analysisStyle;\r\n      if (hasAnalysisData !== supportsAnalysisAnimation)\r\n        setSupportsAnalysisAnimation(hasAnalysisData);\r\n    };\r\n    return viewport?.onDisplayStyleChanged.addListener(handleDisplayStyleChange);\r\n  }, [viewport, supportsAnalysisAnimation]);\r\n  return supportsAnalysisAnimation;\r\n}\r\n\r\n/** Hook that returns either a AnalysisAnimationTimelineDataProvider or undefined based on if the supplied viewport contains analysis data.\r\n * @public\r\n **/\r\n// istanbul ignore next\r\nexport function useAnalysisAnimationDataProvider(viewport: ScreenViewport | undefined) {\r\n  const supportsAnalysisAnimation = useSupportsAnalysisAnimation(viewport);\r\n  const [analysisAnimationTimelineDataProvider, setAnalysisAnimationTimelineDataProvider] = React.useState<AnalysisAnimationTimelineDataProvider | undefined>();\r\n  const isMountedRef = React.useRef(false);\r\n\r\n  React.useEffect(() => {\r\n    isMountedRef.current = true;\r\n    return () => { isMountedRef.current = false; };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    async function fetchNewDataProvider(vp: ScreenViewport) {\r\n      let newProvider: AnalysisAnimationTimelineDataProvider | undefined = new AnalysisAnimationTimelineDataProvider(vp.view, vp);\r\n      if (newProvider?.supportsTimelineAnimation) {\r\n        const dataLoaded = await newProvider.loadTimelineData();\r\n        if (!dataLoaded)\r\n          newProvider = undefined;\r\n      }\r\n      isMountedRef.current && setAnalysisAnimationTimelineDataProvider(newProvider);\r\n    }\r\n    if (supportsAnalysisAnimation && viewport)\r\n      void fetchNewDataProvider(viewport);\r\n    else\r\n      isMountedRef.current && setAnalysisAnimationTimelineDataProvider(undefined);\r\n  }, [supportsAnalysisAnimation, viewport]);\r\n\r\n  return analysisAnimationTimelineDataProvider;\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useAvailableUiItemsProviders.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+/** React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a
+ * UiItemsProviders is added or removed allowing the ui component to be re-rendered.
+ * @internal
+ */
+export declare function useAvailableUiItemsProviders(): readonly string[];
+//# sourceMappingURL=useAvailableUiItemsProviders.d.ts.map

package/lib/cjs/appui-react/hooks/useAvailableUiItemsProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableUiItemsProviders.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;;GAGG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,MAAM,EAAE,CAchE"}

package/lib/cjs/appui-react/hooks/useAvailableUiItemsProviders.js

@@ -0,0 +1,31 @@
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAvailableUiItemsProviders = void 0;
+const react_1 = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/** React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a
+ * UiItemsProviders is added or removed allowing the ui component to be re-rendered.
+ * @internal
+ */
+function useAvailableUiItemsProviders() {
+    const [uiItemsProviderIds, setUiItemsProviderIds] = (0, react_1.useState)(appui_abstract_1.UiItemsManager.registeredProviderIds);
+    (0, react_1.useEffect)(() => {
+        const handleUiProviderRegisteredEvent = () => {
+            setUiItemsProviderIds(appui_abstract_1.UiItemsManager.registeredProviderIds);
+        };
+        appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent);
+        return () => {
+            appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent);
+        };
+    }, []);
+    return uiItemsProviderIds;
+}
+exports.useAvailableUiItemsProviders = useAvailableUiItemsProviders;
+//# sourceMappingURL=useAvailableUiItemsProviders.js.map

package/lib/cjs/appui-react/hooks/useAvailableUiItemsProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableUiItemsProviders.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAC5C,0DAAuD;AAEvD;;;GAGG;AACH,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC;IACnG,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,+BAA+B,GAAG,GAAS,EAAE;YACjD,qBAAqB,CAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC;QAC9D,CAAC,CAAC;QAEF,+BAAc,CAAC,2BAA2B,CAAC,WAAW,CAAC,+BAA+B,CAAC,CAAC;QACxF,OAAO,GAAG,EAAE;YACV,+BAAc,CAAC,2BAA2B,CAAC,cAAc,CAAC,+BAA+B,CAAC,CAAC;QAC7F,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AAdD,oEAcC","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 Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { UiItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a\r\n * UiItemsProviders is added or removed allowing the ui component to be re-rendered.\r\n * @internal\r\n */\r\nexport function useAvailableUiItemsProviders(): readonly string[] {\r\n  const [uiItemsProviderIds, setUiItemsProviderIds] = useState(UiItemsManager.registeredProviderIds);\r\n  useEffect(() => {\r\n    const handleUiProviderRegisteredEvent = (): void => {\r\n      setUiItemsProviderIds(UiItemsManager.registeredProviderIds);\r\n    };\r\n\r\n    UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent);\r\n    return () => {\r\n      UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent);\r\n    };\r\n  }, []);\r\n\r\n  return uiItemsProviderIds;\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useEscapeSetFocusToHome.d.ts

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+import * as React from "react";
+/** Keyboard Event handler to set focus to Home on Escape key
+ * @internal
+ */
+export declare function onEscapeSetFocusToHome(e: React.KeyboardEvent): void;
+/** useCallback Hook for Keyboard Event handler to set focus to Home on Escape key
+ * @internal
+ */
+export declare function useEscapeSetFocusToHome(): typeof onEscapeSetFocusToHome;
+//# sourceMappingURL=useEscapeSetFocusToHome.d.ts.map

package/lib/cjs/appui-react/hooks/useEscapeSetFocusToHome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeSetFocusToHome.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useEscapeSetFocusToHome.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI,CAKnE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,kCAEtC"}

package/lib/cjs/appui-react/hooks/useEscapeSetFocusToHome.js

@@ -0,0 +1,31 @@
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEscapeSetFocusToHome = exports.onEscapeSetFocusToHome = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const KeyboardShortcut_1 = require("../keyboardshortcut/KeyboardShortcut");
+/** Keyboard Event handler to set focus to Home on Escape key
+ * @internal
+ */
+function onEscapeSetFocusToHome(e) {
+    // istanbul ignore else
+    if (e.key === appui_abstract_1.SpecialKey.Escape) {
+        KeyboardShortcut_1.KeyboardShortcutManager.setFocusToHome();
+    }
+}
+exports.onEscapeSetFocusToHome = onEscapeSetFocusToHome;
+/** useCallback Hook for Keyboard Event handler to set focus to Home on Escape key
+ * @internal
+ */
+function useEscapeSetFocusToHome() {
+    return React.useCallback(onEscapeSetFocusToHome, []);
+}
+exports.useEscapeSetFocusToHome = useEscapeSetFocusToHome;
+//# sourceMappingURL=useEscapeSetFocusToHome.js.map

package/lib/cjs/appui-react/hooks/useEscapeSetFocusToHome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeSetFocusToHome.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useEscapeSetFocusToHome.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAmD;AACnD,2EAA+E;AAE/E;;GAEG;AACH,SAAgB,sBAAsB,CAAC,CAAsB;IAC3D,uBAAuB;IACvB,IAAI,CAAC,CAAC,GAAG,KAAK,2BAAU,CAAC,MAAM,EAAE;QAC/B,0CAAuB,CAAC,cAAc,EAAE,CAAC;KAC1C;AACH,CAAC;AALD,wDAKC;AAED;;GAEG;AACH,SAAgB,uBAAuB;IACrC,OAAO,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;AACvD,CAAC;AAFD,0DAEC","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 Hooks\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\n\r\n/** Keyboard Event handler to set focus to Home on Escape key\r\n * @internal\r\n */\r\nexport function onEscapeSetFocusToHome(e: React.KeyboardEvent): void {\r\n  // istanbul ignore else\r\n  if (e.key === SpecialKey.Escape) {\r\n    KeyboardShortcutManager.setFocusToHome();\r\n  }\r\n}\r\n\r\n/** useCallback Hook for Keyboard Event handler to set focus to Home on Escape key\r\n * @internal\r\n */\r\nexport function useEscapeSetFocusToHome() {\r\n  return React.useCallback(onEscapeSetFocusToHome, []);\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useFrameworkVersion.d.ts

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+import * as React from "react";
+import { FrameworkVersionId } from "../UiFramework";
+/** @public */
+export declare function useFrameworkVersion(): FrameworkVersionId;
+/** @public */
+export declare const FrameworkVersionContext: React.Context<FrameworkVersionId>;
+/** @public */
+export interface FrameworkVersionProps {
+    children?: React.ReactNode;
+}
+/** The FrameworkVersion component provides uiVersion context to react component. The
+ * component uses the property frameworkState.configurableUiState.frameworkVersion from the redux store
+ * to determine the ui version. This version will default to "2" and should only be set to "1" for older
+ * iModelApp applications.
+ * @public
+ */
+export declare function FrameworkVersion(props: FrameworkVersionProps): JSX.Element;
+/** @internal */
+export interface FrameworkVersionSwitchProps {
+    v1?: React.ReactNode;
+    v2?: React.ReactNode;
+}
+/** @internal */
+export declare function FrameworkVersionSwitch(props: FrameworkVersionSwitchProps): JSX.Element;
+//# sourceMappingURL=useFrameworkVersion.d.ts.map

package/lib/cjs/appui-react/hooks/useFrameworkVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameworkVersion.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useFrameworkVersion.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAe,MAAM,gBAAgB,CAAC;AAEjE,cAAc;AACd,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,cAAc;AACd,eAAO,MAAM,uBAAuB,mCAA+C,CAAC;AAEpF,cAAc;AACd,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAS5D;AAED,gBAAgB;AAChB,MAAM,WAAW,2BAA2B;IAC1C,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAWxE"}

package/lib/cjs/appui-react/hooks/useFrameworkVersion.js

@@ -0,0 +1,49 @@
+"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 Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FrameworkVersionSwitch = exports.FrameworkVersion = exports.FrameworkVersionContext = exports.useFrameworkVersion = void 0;
+const React = require("react");
+const react_redux_1 = require("react-redux");
+const UiFramework_1 = require("../UiFramework");
+/** @public */
+function useFrameworkVersion() {
+    return React.useContext(exports.FrameworkVersionContext);
+}
+exports.useFrameworkVersion = useFrameworkVersion;
+/** @public */
+exports.FrameworkVersionContext = React.createContext("2"); // eslint-disable-line @typescript-eslint/naming-convention
+/** The FrameworkVersion component provides uiVersion context to react component. The
+ * component uses the property frameworkState.configurableUiState.frameworkVersion from the redux store
+ * to determine the ui version. This version will default to "2" and should only be set to "1" for older
+ * iModelApp applications.
+ * @public
+ */
+function FrameworkVersion(props) {
+    const uiVersion = (0, react_redux_1.useSelector)((state) => {
+        const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey];
+        return frameworkState ? frameworkState.configurableUiState.frameworkVersion : "2";
+    });
+    return React.createElement(exports.FrameworkVersionContext.Provider, { children: props.children, value: uiVersion });
+}
+exports.FrameworkVersion = FrameworkVersion;
+/** @internal */
+function FrameworkVersionSwitch(props) {
+    const version = useFrameworkVersion();
+    switch (version) {
+        case "1": {
+            return React.createElement(React.Fragment, null, props.v1);
+        }
+        case "2":
+        default: {
+            return React.createElement(React.Fragment, null, props.v2);
+        }
+    }
+}
+exports.FrameworkVersionSwitch = FrameworkVersionSwitch;
+//# sourceMappingURL=useFrameworkVersion.js.map

package/lib/cjs/appui-react/hooks/useFrameworkVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameworkVersion.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useFrameworkVersion.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAA0C;AAE1C,gDAAiE;AAEjE,cAAc;AACd,SAAgB,mBAAmB;IACjC,OAAO,KAAK,CAAC,UAAU,CAAC,+BAAuB,CAAC,CAAC;AACnD,CAAC;AAFD,kDAEC;AAED,cAAc;AACD,QAAA,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAqB,GAAG,CAAC,CAAC,CAAC,2DAA2D;AAOhJ;;;;;GAKG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,SAAS,GAAG,IAAA,yBAAW,EAAC,CAAC,KAAgB,EAAE,EAAE;QACjD,MAAM,cAAc,GAAI,KAAa,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC;QACrE,OAAO,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,mBAAmB,CAAC,gBAAsC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1G,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,+BAAuB,CAAC,QAAQ,IACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,SAAS,GAChB,CAAC;AACL,CAAC;AATD,4CASC;AAQD,gBAAgB;AAChB,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,QAAQ,OAAO,EAAE;QACf,KAAK,GAAG,CAAC,CAAC;YACR,OAAO,0CAAG,KAAK,CAAC,EAAE,CAAI,CAAC;SACxB;QACD,KAAK,GAAG,CAAC;QACT,OAAO,CAAC,CAAC;YACP,OAAO,0CAAG,KAAK,CAAC,EAAE,CAAI,CAAC;SACxB;KACF;AACH,CAAC;AAXD,wDAWC","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 Hooks\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { RootState } from \"../../test/TestUtils\";\r\nimport { FrameworkVersionId, UiFramework } from \"../UiFramework\";\r\n\r\n/** @public */\r\nexport function useFrameworkVersion(): FrameworkVersionId {\r\n  return React.useContext(FrameworkVersionContext);\r\n}\r\n\r\n/** @public */\r\nexport const FrameworkVersionContext = React.createContext<FrameworkVersionId>(\"2\"); // eslint-disable-line @typescript-eslint/naming-convention\r\n\r\n/** @public */\r\nexport interface FrameworkVersionProps {\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** The FrameworkVersion component provides uiVersion context to react component. The\r\n * component uses the property frameworkState.configurableUiState.frameworkVersion from the redux store\r\n * to determine the ui version. This version will default to \"2\" and should only be set to \"1\" for older\r\n * iModelApp applications.\r\n * @public\r\n */\r\nexport function FrameworkVersion(props: FrameworkVersionProps) { // eslint-disable-line @typescript-eslint/no-redeclare\r\n  const uiVersion = useSelector((state: RootState) => {\r\n    const frameworkState = (state as any)[UiFramework.frameworkStateKey];\r\n    return frameworkState ? frameworkState.configurableUiState.frameworkVersion as FrameworkVersionId : \"2\";\r\n  });\r\n  return <FrameworkVersionContext.Provider\r\n    children={props.children} // eslint-disable-line react/no-children-prop\r\n    value={uiVersion}\r\n  />;\r\n}\r\n\r\n/** @internal */\r\nexport interface FrameworkVersionSwitchProps {\r\n  v1?: React.ReactNode;\r\n  v2?: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\nexport function FrameworkVersionSwitch(props: FrameworkVersionSwitchProps) {\r\n  const version = useFrameworkVersion();\r\n  switch (version) {\r\n    case \"1\": {\r\n      return <>{props.v1}</>;\r\n    }\r\n    case \"2\":\r\n    default: {\r\n      return <>{props.v2}</>;\r\n    }\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/hooks/useScheduleAnimationDataProvider.d.ts

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module Hooks
+ */
+import { ScheduleAnimationTimelineDataProvider } from "../timeline/ScheduleAnimationProvider";
+import { ScreenViewport } from "@itwin/core-frontend";
+/** Hook that returns either a ScheduleAnimationTimelineDataProvider or undefined based on if the supplied viewport contains schedule script.
+ * @public
+ **/
+export declare function useScheduleAnimationDataProvider(viewport: ScreenViewport | undefined): ScheduleAnimationTimelineDataProvider | undefined;
+//# sourceMappingURL=useScheduleAnimationDataProvider.d.ts.map

package/lib/cjs/appui-react/hooks/useScheduleAnimationDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScheduleAnimationDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useScheduleAnimationDataProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,qCAAqC,EAAE,MAAM,uCAAuC,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAY,MAAM,sBAAsB,CAAC;AA+BhE;;IAEI;AAEJ,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,qDA2BpF"}