@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/content/DefaultViewOverlay.js

@@ -0,0 +1,51 @@
+"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 ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultViewOverlay = void 0;
+require("./DefaultViewOverlay.scss");
+const React = require("react");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const useScheduleAnimationDataProvider_1 = require("../hooks/useScheduleAnimationDataProvider");
+const useActiveViewport_1 = require("../hooks/useActiveViewport");
+const useSolarDataProvider_1 = require("../hooks/useSolarDataProvider");
+const useAnalysisAnimationDataProvider_1 = require("../hooks/useAnalysisAnimationDataProvider");
+/**
+ * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding
+ * data provider is attached to the TimelineComponent and the overlay is made visible.
+ * @public
+ */
+// istanbul ignore next
+function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }) {
+    var _a, _b, _c;
+    const solarDataTimelineProvider = (0, useSolarDataProvider_1.useSolarDataProvider)(viewport);
+    const analysisAnimationTimelineDataProvider = (0, useAnalysisAnimationDataProvider_1.useAnalysisAnimationDataProvider)(viewport);
+    const scheduleTimelineDataProvider = (0, useScheduleAnimationDataProvider_1.useScheduleAnimationDataProvider)(viewport);
+    const currentViewport = (0, useActiveViewport_1.useActiveViewport)();
+    if (!currentViewport)
+        return null;
+    // Solar gets first shot
+    if (solarDataTimelineProvider && !!((_a = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _a === void 0 ? void 0 : _a.enableSolarTimelineViewOverlay)) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(imodel_components_react_1.SolarTimeline, { dataProvider: solarDataTimelineProvider }))));
+    }
+    if (analysisAnimationTimelineDataProvider && !!((_b = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _b === void 0 ? void 0 : _b.enableAnalysisTimelineViewOverlay)) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(imodel_components_react_1.TimelineComponent, { startDate: analysisAnimationTimelineDataProvider.start, endDate: analysisAnimationTimelineDataProvider.end, initialDuration: analysisAnimationTimelineDataProvider.initialDuration, totalDuration: analysisAnimationTimelineDataProvider.duration, minimized: true, onChange: analysisAnimationTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
+    }
+    if (scheduleTimelineDataProvider && !!((_c = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _c === void 0 ? void 0 : _c.enableScheduleAnimationViewOverlay)) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(imodel_components_react_1.TimelineComponent, { startDate: scheduleTimelineDataProvider.start, endDate: scheduleTimelineDataProvider.end, initialDuration: scheduleTimelineDataProvider.initialDuration, totalDuration: scheduleTimelineDataProvider.duration, minimized: true, onChange: scheduleTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
+    }
+    return null;
+}
+exports.DefaultViewOverlay = DefaultViewOverlay;
+//# sourceMappingURL=DefaultViewOverlay.js.map

package/lib/cjs/appui-react/content/DefaultViewOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultViewOverlay.js","sourceRoot":"","sources":["../../../../src/appui-react/content/DefaultViewOverlay.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,qCAAmC;AACnC,+BAA+B;AAE/B,4EAAkF;AAClF,gGAA6F;AAC7F,kEAA+D;AAC/D,wEAAqE;AACrE,gGAA6F;AAW7F;;;;GAIG;AACH,uBAAuB;AACvB,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAoB;;IAC5F,MAAM,yBAAyB,GAAG,IAAA,2CAAoB,EAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,qCAAqC,GAAG,IAAA,mEAAgC,EAAC,QAAQ,CAAC,CAAC;IACzF,MAAM,4BAA4B,GAAG,IAAA,mEAAgC,EAAC,QAAQ,CAAC,CAAC;IAChF,MAAM,eAAe,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAE5C,IAAI,CAAC,eAAe;QAClB,OAAO,IAAI,CAAC;IAEd,wBAAwB;IACxB,IAAI,yBAAyB,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,8BAA8B,CAAA,EAAE;QACrG,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,uCAAa,IAAC,YAAY,EAAE,yBAAyB,GAAI,CACtD,CACF,CACP,CAAC;KACH;IAED,IAAI,qCAAqC,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,iCAAiC,CAAA,EAAE;QACpH,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,2CAAiB,IAChB,SAAS,EAAE,qCAAqC,CAAC,KAAK,EACtD,OAAO,EAAE,qCAAqC,CAAC,GAAG,EAClD,eAAe,EAAE,qCAAqC,CAAC,eAAe,EACtE,aAAa,EAAE,qCAAqC,CAAC,QAAQ,EAC7D,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,qCAAqC,CAAC,0BAA0B,EAC1E,WAAW,EAAE,WAAW,GACxB,CACE,CACF,CACP,CAAC;KACH;IAED,IAAI,4BAA4B,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,kCAAkC,CAAA,EAAE;QAC5G,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,2CAAiB,IAChB,SAAS,EAAE,4BAA4B,CAAC,KAAK,EAC7C,OAAO,EAAE,4BAA4B,CAAC,GAAG,EACzC,eAAe,EAAE,4BAA4B,CAAC,eAAe,EAC7D,aAAa,EAAE,4BAA4B,CAAC,QAAQ,EACpD,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,4BAA4B,CAAC,0BAA0B,EACjE,WAAW,EAAE,WAAW,GACxB,CACE,CACF,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAzDD,gDAyDC","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 ContentView\r\n */\r\n\r\nimport \"./DefaultViewOverlay.scss\";\r\nimport * as React from \"react\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { SolarTimeline, TimelineComponent } from \"@itwin/imodel-components-react\";\r\nimport { useScheduleAnimationDataProvider } from \"../hooks/useScheduleAnimationDataProvider\";\r\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\r\nimport { useSolarDataProvider } from \"../hooks/useSolarDataProvider\";\r\nimport { useAnalysisAnimationDataProvider } from \"../hooks/useAnalysisAnimationDataProvider\";\r\n\r\n/** Props of Viewport Overlay Control that show timelines\r\n * @public\r\n */\r\nexport interface ViewOverlayProps {\r\n  viewport: ScreenViewport;\r\n  onPlayPause?: (playing: boolean) => void; // callback with play/pause button is pressed\r\n  featureOptions?: { [key: string]: any };\r\n}\r\n\r\n/**\r\n * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding\r\n * data provider is attached to the TimelineComponent and the overlay is made visible.\r\n * @public\r\n */\r\n// istanbul ignore next\r\nexport function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }: ViewOverlayProps) {\r\n  const solarDataTimelineProvider = useSolarDataProvider(viewport);\r\n  const analysisAnimationTimelineDataProvider = useAnalysisAnimationDataProvider(viewport);\r\n  const scheduleTimelineDataProvider = useScheduleAnimationDataProvider(viewport);\r\n  const currentViewport = useActiveViewport();\r\n\r\n  if (!currentViewport)\r\n    return null;\r\n\r\n  // Solar gets first shot\r\n  if (solarDataTimelineProvider && !!featureOptions?.defaultViewOverlay?.enableSolarTimelineViewOverlay) {\r\n    return (\r\n      <div className=\"uifw-view-overlay\">\r\n        <div className=\"uifw-animation-overlay\">\r\n          <SolarTimeline dataProvider={solarDataTimelineProvider} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (analysisAnimationTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableAnalysisTimelineViewOverlay) {\r\n    return (\r\n      <div className=\"uifw-view-overlay\">\r\n        <div className=\"uifw-animation-overlay\">\r\n          <TimelineComponent\r\n            startDate={analysisAnimationTimelineDataProvider.start}\r\n            endDate={analysisAnimationTimelineDataProvider.end}\r\n            initialDuration={analysisAnimationTimelineDataProvider.initialDuration}\r\n            totalDuration={analysisAnimationTimelineDataProvider.duration}\r\n            minimized={true}\r\n            onChange={analysisAnimationTimelineDataProvider.onAnimationFractionChanged}\r\n            onPlayPause={onPlayPause}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (scheduleTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableScheduleAnimationViewOverlay) {\r\n    return (\r\n      <div className=\"uifw-view-overlay\">\r\n        <div className=\"uifw-animation-overlay\">\r\n          <TimelineComponent\r\n            startDate={scheduleTimelineDataProvider.start}\r\n            endDate={scheduleTimelineDataProvider.end}\r\n            initialDuration={scheduleTimelineDataProvider.initialDuration}\r\n            totalDuration={scheduleTimelineDataProvider.duration}\r\n            minimized={true}\r\n            onChange={scheduleTimelineDataProvider.onAnimationFractionChanged}\r\n            onPlayPause={onPlayPause}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return null;\r\n}\r\n"]}

package/lib/cjs/appui-react/content/DefaultViewOverlay.scss

@@ -0,0 +1,44 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+// 40px is used to ensure scrubber is not drawn behind a widget tab
+.uifw-view-overlay {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: calc(100% - 80px);
+  height: auto;
+  position: absolute;
+  bottom: 10px;
+  left: 40px;
+  right: 40px;
+  pointer-events: none;
+  @include uicore-z-index(view-overlay);
+}
+
+$widget-transparency: 0.90;
+
+.uifw-animation-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 80%;
+  max-width: 1000px;
+  height: auto;
+  background: $buic-background-dialog;
+  border: 1px solid $buic-background-dialog-stroke;
+  border-radius: $iui-border-radius;
+  // overflow: hidden;
+  opacity: $widget-transparency;
+  pointer-events: auto;
+
+  &:hover {
+    opacity: 1.00;
+  }
+}

package/lib/cjs/appui-react/content/IModelViewport.d.ts

@@ -0,0 +1,69 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import { Id64String } from "@itwin/core-bentley";
+import { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { ViewStateProp } from "@itwin/imodel-components-react";
+import { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
+import { ViewportContentControl } from "./ViewportContentControl";
+/** Viewport that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
+ * @public
+ */
+export declare const IModelConnectedViewport: import("react-redux").ConnectedComponent<React.ComponentType<import("@itwin/imodel-components-react").ViewportProps & import("@itwin/presentation-components").ViewWithUnifiedSelectionProps>, any>;
+/** [[IModelViewportControl]] options. These options are set in the applicationData property of the [[ContentProps]].
+ * @public
+ */
+export interface IModelViewportControlOptions {
+    /** ViewState or a function to return a ViewState */
+    viewState?: ViewStateProp;
+    /** IModelConnection of data in Viewport */
+    iModelConnection?: IModelConnection | (() => IModelConnection);
+    /** Map of options that can be used to enable/disable features within the view */
+    featureOptions?: {
+        [key: string]: any;
+    };
+    /** Optional background color which may be used if viewState and iModelConnection are undefined */
+    bgColor?: string;
+    /** Optional property to always use the supplied `viewState` property instead of using viewport.view when set */
+    alwaysUseSuppliedViewState?: boolean;
+    /** Optional property to supply custom view overlay. Uses when caller want to supply custom overlay component. */
+    supplyViewOverlay?: (_viewport: ScreenViewport) => React.ReactNode;
+    /** Optional property to defer reactNode initialization until first reactNode property in needed. Useful when subclassing the `IModelViewportControl`. */
+    deferNodeInitialization?: boolean;
+}
+/** iModel Viewport Control
+ * @public
+ */
+export declare class IModelViewportControl extends ViewportContentControl {
+    protected _options: IModelViewportControlOptions;
+    static get id(): string;
+    protected _featureOptions: {
+        [key: string]: boolean | string;
+    };
+    protected _viewState: ViewStateProp | undefined;
+    protected _iModelConnection: IModelConnection | undefined;
+    protected _alwaysUseSuppliedViewState: boolean;
+    private _userSuppliedViewOverlay?;
+    constructor(info: ConfigurableCreateInfo, _options: IModelViewportControlOptions);
+    protected initializeReactNode(): void;
+    protected getReactNode(): React.ReactNode;
+    /**
+     * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().
+     * It is called by ViewportComponent on a mount to resolve the viewState.
+     */
+    private _determineViewState;
+    /** Get the React component that will contain the Viewport */
+    protected getImodelConnectedViewportReactElement(): React.ReactNode;
+    /** Get the React component that will contain the Viewport */
+    protected getImodelViewportReactElement(iModelConnection: IModelConnection, viewState: ViewStateProp): React.ReactNode;
+    /** Get the React component that will be shown when no iModel data is available */
+    protected getNoContentReactElement(_options: IModelViewportControlOptions): React.ReactNode;
+    /** Get the React.Element for a ViewSelector change. */
+    getReactElementForViewSelectorChange(iModelConnection: IModelConnection, _unusedViewDefinitionId: Id64String, viewState: ViewState, _name: string): React.ReactNode;
+    /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */
+    protected _getViewOverlay: (viewport: ScreenViewport) => React.ReactNode;
+    /** Get the NavigationAidControl associated with this ContentControl */
+    get navigationAidControl(): string;
+}
+//# sourceMappingURL=IModelViewport.d.ts.map

package/lib/cjs/appui-react/content/IModelViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IModelViewport.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/IModelViewport.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEnF,OAAO,EAAqB,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAIlF,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAQlE;;GAEG;AACH,eAAO,MAAM,uBAAuB,qMAA4E,CAAC;AAEjH;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,oDAAoD;IACpD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,CAAC,MAAM,gBAAgB,CAAC,CAAC;IAC/D,iFAAiF;IACjF,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACxC,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gHAAgH;IAChH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,iHAAiH;IACjH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,yJAAyJ;IACzJ,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AAEH,qBAAa,qBAAsB,SAAQ,sBAAsB;IAUrB,SAAS,CAAC,QAAQ,EAAE,4BAA4B;IAT1F,WAAkB,EAAE,WAEnB;IACD,SAAS,CAAC,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;KAAE,CAAM;IACpE,SAAS,CAAC,UAAU,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,iBAAiB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC1D,SAAS,CAAC,2BAA2B,EAAE,OAAO,CAAC;IAC/C,OAAO,CAAC,wBAAwB,CAAC,CAAiD;gBAEtE,IAAI,EAAE,sBAAsB,EAAY,QAAQ,EAAE,4BAA4B;IAY1F,SAAS,CAAC,mBAAmB;cAqBV,YAAY,IAAI,KAAK,CAAC,SAAS;IAOlD;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAczB;IAEF,6DAA6D;IAC7D,SAAS,CAAC,sCAAsC,IAAI,KAAK,CAAC,SAAS;IAcnE,6DAA6D;IAC7D,SAAS,CAAC,6BAA6B,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,GAAG,KAAK,CAAC,SAAS;IAiBtH,kFAAkF;IAClF,SAAS,CAAC,wBAAwB,CAAC,QAAQ,EAAE,4BAA4B,GAAG,KAAK,CAAC,SAAS;IAK3F,uDAAuD;IACvC,oCAAoC,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;IAInL,+HAA+H;IAC/H,SAAS,CAAC,eAAe,aAAc,cAAc,KAAG,MAAM,SAAS,CAKrE;IAEF,uEAAuE;IACvE,IAAoB,oBAAoB,IAAI,MAAM,CAKjD;CACF"}

package/lib/cjs/appui-react/content/IModelViewport.js

@@ -0,0 +1,144 @@
+"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 ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IModelViewportControl = exports.IModelConnectedViewport = void 0;
+const React = require("react");
+const presentation_components_1 = require("@itwin/presentation-components");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const core_react_1 = require("@itwin/core-react");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const ConfigurableUiManager_1 = require("../configurableui/ConfigurableUiManager");
+const connectIModel_1 = require("../redux/connectIModel");
+const UiFramework_1 = require("../UiFramework");
+const DefaultViewOverlay_1 = require("./DefaultViewOverlay");
+const ViewportContentControl_1 = require("./ViewportContentControl");
+const StandardRotationNavigationAid_1 = require("../navigationaids/StandardRotationNavigationAid");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+// create a HOC viewport component that supports unified selection
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const UnifiedSelectionViewport = (0, presentation_components_1.viewWithUnifiedSelection)(imodel_components_react_1.ViewportComponent);
+/** Viewport that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
+ * @public
+ */
+exports.IModelConnectedViewport = (0, connectIModel_1.connectIModelConnectionAndViewState)(null, null)(UnifiedSelectionViewport); // eslint-disable-line @typescript-eslint/naming-convention
+/** iModel Viewport Control
+ * @public
+ */
+// istanbul ignore next
+class IModelViewportControl extends ViewportContentControl_1.ViewportContentControl {
+    constructor(info, _options) {
+        var _a;
+        super(info, _options);
+        this._options = _options;
+        this._featureOptions = {};
+        /**
+         * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().
+         * It is called by ViewportComponent on a mount to resolve the viewState.
+         */
+        this._determineViewState = () => {
+            let viewState;
+            if (this.viewport && !this._alwaysUseSuppliedViewState)
+                viewState = this.viewport.view;
+            else if (this._viewState) {
+                if (typeof this._viewState === "function")
+                    viewState = this._viewState();
+                else
+                    viewState = this._viewState;
+            }
+            else
+                throw new appui_abstract_1.UiError(UiFramework_1.UiFramework.loggerCategory(this), "No ViewState could be determined");
+            return viewState;
+        };
+        /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */
+        this._getViewOverlay = (viewport) => {
+            if (this._userSuppliedViewOverlay)
+                return this._userSuppliedViewOverlay(viewport);
+            return React.createElement(DefaultViewOverlay_1.DefaultViewOverlay, { viewport: viewport, featureOptions: this._featureOptions });
+        };
+        if (_options.featureOptions)
+            this._featureOptions = _options.featureOptions;
+        this._alwaysUseSuppliedViewState = (_a = _options.alwaysUseSuppliedViewState) !== null && _a !== void 0 ? _a : false;
+        this._userSuppliedViewOverlay = _options.supplyViewOverlay;
+        if (!_options.deferNodeInitialization)
+            this.initializeReactNode();
+    }
+    static get id() {
+        return "UiFramework.IModelViewportControl";
+    }
+    initializeReactNode() {
+        const options = this._options;
+        if (options.viewState)
+            this._viewState = options.viewState;
+        const iModelConnection = (typeof options.iModelConnection === "function") ? options.iModelConnection() : options.iModelConnection;
+        if (this._viewState && iModelConnection) {
+            /** Passing _determineViewState as a function reference; it is not called here. */
+            this._reactNode = this.getImodelViewportReactElement(iModelConnection, this._determineViewState);
+        }
+        else {
+            if (UiFramework_1.UiFramework.getIModelConnection() && UiFramework_1.UiFramework.getDefaultViewState()) {
+                this._reactNode = this.getImodelConnectedViewportReactElement();
+            }
+            else {
+                this._reactNode = this.getNoContentReactElement(options);
+                this.setIsReady();
+            }
+        }
+    }
+    getReactNode() {
+        if (!React.isValidElement(this._reactNode) && this._options.deferNodeInitialization)
+            this.initializeReactNode();
+        return this.getKeyedReactNode();
+    }
+    /** Get the React component that will contain the Viewport */
+    getImodelConnectedViewportReactElement() {
+        return React.createElement(exports.IModelConnectedViewport, { viewportRef: (v) => {
+                var _a;
+                this.viewport = v;
+                // for convenience, if window defined bind viewport to window
+                if (undefined !== window)
+                    window.viewport = v;
+                if (!FrontstageManager_1.FrontstageManager.isLoading)
+                    (_a = FrontstageManager_1.FrontstageManager.activeFrontstageDef) === null || _a === void 0 ? void 0 : _a.setActiveViewFromViewport(v);
+            }, getViewOverlay: this._getViewOverlay });
+    }
+    /** Get the React component that will contain the Viewport */
+    getImodelViewportReactElement(iModelConnection, viewState) {
+        return React.createElement(UnifiedSelectionViewport, { viewState: viewState, imodel: iModelConnection, controlId: this.controlId, viewportRef: (v) => {
+                var _a;
+                this.viewport = v;
+                // for convenience, if window defined bind viewport to window
+                if (undefined !== window)
+                    window.viewport = v;
+                if (!FrontstageManager_1.FrontstageManager.isLoading)
+                    (_a = FrontstageManager_1.FrontstageManager.activeFrontstageDef) === null || _a === void 0 ? void 0 : _a.setActiveViewFromViewport(v);
+            }, getViewOverlay: this._getViewOverlay });
+    }
+    /** Get the React component that will be shown when no iModel data is available */
+    getNoContentReactElement(_options) {
+        const noContent = UiFramework_1.UiFramework.translate("general.no-content");
+        return React.createElement(core_react_1.FillCentered, null,
+            " ",
+            noContent,
+            " ");
+    }
+    /** Get the React.Element for a ViewSelector change. */
+    getReactElementForViewSelectorChange(iModelConnection, _unusedViewDefinitionId, viewState, _name) {
+        return this.getImodelViewportReactElement(iModelConnection, viewState);
+    }
+    /** Get the NavigationAidControl associated with this ContentControl */
+    get navigationAidControl() {
+        if (this.viewport)
+            return super.navigationAidControl;
+        else
+            return StandardRotationNavigationAid_1.StandardRotationNavigationAidControl.navigationAidId;
+    }
+}
+exports.IModelViewportControl = IModelViewportControl;
+ConfigurableUiManager_1.ConfigurableUiManager.registerControl(IModelViewportControl.id, IModelViewportControl);
+//# sourceMappingURL=IModelViewport.js.map

package/lib/cjs/appui-react/content/IModelViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IModelViewport.js","sourceRoot":"","sources":["../../../../src/appui-react/content/IModelViewport.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 ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport { IModelConnection, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { viewWithUnifiedSelection } from \"@itwin/presentation-components\";\r\nimport { ViewportComponent, ViewStateProp } from \"@itwin/imodel-components-react\";\r\nimport { FillCentered } from \"@itwin/core-react\";\r\n\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { ConfigurableUiManager } from \"../configurableui/ConfigurableUiManager\";\r\nimport { connectIModelConnectionAndViewState } from \"../redux/connectIModel\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { DefaultViewOverlay } from \"./DefaultViewOverlay\";\r\nimport { ViewportContentControl } from \"./ViewportContentControl\";\r\nimport { StandardRotationNavigationAidControl } from \"../navigationaids/StandardRotationNavigationAid\";\r\nimport { UiError } from \"@itwin/appui-abstract\";\r\n\r\n// create a HOC viewport component that supports unified selection\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst UnifiedSelectionViewport = viewWithUnifiedSelection(ViewportComponent);\r\n\r\n/** Viewport that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\r\n * @public\r\n */\r\nexport const IModelConnectedViewport = connectIModelConnectionAndViewState(null, null)(UnifiedSelectionViewport); // eslint-disable-line @typescript-eslint/naming-convention\r\n\r\n/** [[IModelViewportControl]] options. These options are set in the applicationData property of the [[ContentProps]].\r\n * @public\r\n */\r\nexport interface IModelViewportControlOptions {\r\n  /** ViewState or a function to return a ViewState */\r\n  viewState?: ViewStateProp;\r\n  /** IModelConnection of data in Viewport */\r\n  iModelConnection?: IModelConnection | (() => IModelConnection);\r\n  /** Map of options that can be used to enable/disable features within the view */\r\n  featureOptions?: { [key: string]: any };\r\n  /** Optional background color which may be used if viewState and iModelConnection are undefined */\r\n  bgColor?: string;\r\n  /** Optional property to always use the supplied `viewState` property instead of using viewport.view when set */\r\n  alwaysUseSuppliedViewState?: boolean;\r\n  /** Optional property to supply custom view overlay. Uses when caller want to supply custom overlay component. */\r\n  supplyViewOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\r\n  /** Optional property to defer reactNode initialization until first reactNode property in needed. Useful when subclassing the `IModelViewportControl`. */\r\n  deferNodeInitialization?: boolean;\r\n}\r\n\r\n/** iModel Viewport Control\r\n * @public\r\n */\r\n// istanbul ignore next\r\nexport class IModelViewportControl extends ViewportContentControl {\r\n  public static get id() {\r\n    return \"UiFramework.IModelViewportControl\";\r\n  }\r\n  protected _featureOptions: { [key: string]: boolean | string } = {};\r\n  protected _viewState: ViewStateProp | undefined;\r\n  protected _iModelConnection: IModelConnection | undefined;\r\n  protected _alwaysUseSuppliedViewState: boolean;\r\n  private _userSuppliedViewOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\r\n\r\n  constructor(info: ConfigurableCreateInfo, protected _options: IModelViewportControlOptions) {\r\n    super(info, _options);\r\n\r\n    if (_options.featureOptions)\r\n      this._featureOptions = _options.featureOptions;\r\n    this._alwaysUseSuppliedViewState = _options.alwaysUseSuppliedViewState ?? false;\r\n    this._userSuppliedViewOverlay = _options.supplyViewOverlay;\r\n\r\n    if (!_options.deferNodeInitialization)\r\n      this.initializeReactNode();\r\n  }\r\n\r\n  protected initializeReactNode() {\r\n    const options = this._options;\r\n\r\n    if (options.viewState)\r\n      this._viewState = options.viewState;\r\n\r\n    const iModelConnection = (typeof options.iModelConnection === \"function\") ? options.iModelConnection() : options.iModelConnection;\r\n\r\n    if (this._viewState && iModelConnection) {\r\n      /** Passing _determineViewState as a function reference; it is not called here. */\r\n      this._reactNode = this.getImodelViewportReactElement(iModelConnection, this._determineViewState);\r\n    } else {\r\n      if (UiFramework.getIModelConnection() && UiFramework.getDefaultViewState()) {\r\n        this._reactNode = this.getImodelConnectedViewportReactElement();\r\n      } else {\r\n        this._reactNode = this.getNoContentReactElement(options);\r\n        this.setIsReady();\r\n      }\r\n    }\r\n  }\r\n\r\n  protected override getReactNode(): React.ReactNode {\r\n    if (!React.isValidElement(this._reactNode) && this._options.deferNodeInitialization)\r\n      this.initializeReactNode();\r\n\r\n    return this.getKeyedReactNode();\r\n  }\r\n\r\n  /**\r\n   * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().\r\n   * It is called by ViewportComponent on a mount to resolve the viewState.\r\n   */\r\n  private _determineViewState = (): ViewState => {\r\n    let viewState: ViewState;\r\n\r\n    if (this.viewport && !this._alwaysUseSuppliedViewState)\r\n      viewState = this.viewport.view;\r\n    else if (this._viewState) {\r\n      if (typeof this._viewState === \"function\")\r\n        viewState = this._viewState();\r\n      else\r\n        viewState = this._viewState;\r\n    } else\r\n      throw new UiError(UiFramework.loggerCategory(this), \"No ViewState could be determined\");\r\n\r\n    return viewState!;\r\n  };\r\n\r\n  /** Get the React component that will contain the Viewport */\r\n  protected getImodelConnectedViewportReactElement(): React.ReactNode {\r\n    return <IModelConnectedViewport\r\n      viewportRef={(v: ScreenViewport) => {\r\n        this.viewport = v;\r\n        // for convenience, if window defined bind viewport to window\r\n        if (undefined !== window)\r\n          (window as any).viewport = v;\r\n        if (!FrontstageManager.isLoading)\r\n          FrontstageManager.activeFrontstageDef?.setActiveViewFromViewport(v);\r\n      }}\r\n      getViewOverlay={this._getViewOverlay}\r\n    />;\r\n  }\r\n\r\n  /** Get the React component that will contain the Viewport */\r\n  protected getImodelViewportReactElement(iModelConnection: IModelConnection, viewState: ViewStateProp): React.ReactNode {\r\n    return <UnifiedSelectionViewport\r\n      viewState={viewState}\r\n      imodel={iModelConnection}\r\n      controlId={this.controlId}\r\n      viewportRef={(v: ScreenViewport) => {\r\n        this.viewport = v;\r\n        // for convenience, if window defined bind viewport to window\r\n        if (undefined !== window)\r\n          (window as any).viewport = v;\r\n        if (!FrontstageManager.isLoading)\r\n          FrontstageManager.activeFrontstageDef?.setActiveViewFromViewport(v);\r\n      }}\r\n      getViewOverlay={this._getViewOverlay}\r\n    />;\r\n  }\r\n\r\n  /** Get the React component that will be shown when no iModel data is available */\r\n  protected getNoContentReactElement(_options: IModelViewportControlOptions): React.ReactNode {\r\n    const noContent = UiFramework.translate(\"general.no-content\");\r\n    return <FillCentered> {noContent} </FillCentered>;\r\n  }\r\n\r\n  /** Get the React.Element for a ViewSelector change. */\r\n  public override getReactElementForViewSelectorChange(iModelConnection: IModelConnection, _unusedViewDefinitionId: Id64String, viewState: ViewState, _name: string): React.ReactNode {\r\n    return this.getImodelViewportReactElement(iModelConnection, viewState);\r\n  }\r\n\r\n  /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */\r\n  protected _getViewOverlay = (viewport: ScreenViewport): React.ReactNode => {\r\n    if (this._userSuppliedViewOverlay)\r\n      return this._userSuppliedViewOverlay(viewport);\r\n\r\n    return <DefaultViewOverlay viewport={viewport} featureOptions={this._featureOptions} />;\r\n  };\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public override get navigationAidControl(): string {\r\n    if (this.viewport)\r\n      return super.navigationAidControl;\r\n    else\r\n      return StandardRotationNavigationAidControl.navigationAidId;\r\n  }\r\n}\r\n\r\nConfigurableUiManager.registerControl(IModelViewportControl.id, IModelViewportControl);\r\n"]}

package/lib/cjs/appui-react/content/SavedView.d.ts

@@ -0,0 +1,26 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import { EmphasizeElementsProps, ViewStateProps } from "@itwin/core-common";
+import { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-frontend";
+/** SavedViewProps interface for sharing ViewState and EmphasizeElements information.
+ * @public
+ */
+export interface SavedViewProps extends ViewStateProps {
+    bisBaseClass: string;
+    emphasizeElementsProps?: EmphasizeElementsProps;
+}
+/** SavedView class. Used to serialize/deserialize a ViewState.
+ * @public
+ */
+export declare class SavedView {
+    /** Create a ViewState from the SavedView */
+    static viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: SavedViewProps): Promise<ViewState | undefined>;
+    /** Apply EmphasizeElements from the SavedView */
+    static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: SavedViewProps): boolean;
+    /** Create props for a ViewState */
+    static viewStateToProps(viewState: ViewState): SavedViewProps;
+    /** Create props for an EmphasizeElements and store in SavedViewProps */
+    static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: SavedViewProps): void;
+}
+//# sourceMappingURL=SavedView.d.ts.map

package/lib/cjs/appui-react/content/SavedView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedView.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/SavedView.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAC2B,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAC5E,MAAM,sBAAsB,CAAC;AAG9B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED;;GAEG;AACH,qBAAa,SAAS;IACpB,4CAA4C;WACxB,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,GAAG,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAc1I,iDAAiD;WACnC,0BAA0B,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,GAAG,OAAO;IASrG,mCAAmC;WACrB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,cAAc;IAMpE,wEAAwE;WAC1D,wBAAwB,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,GAAG,IAAI;CAMjG"}

package/lib/cjs/appui-react/content/SavedView.js

@@ -0,0 +1,51 @@
+"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 ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SavedView = void 0;
+const core_frontend_1 = require("@itwin/core-frontend");
+const ViewUtilities_1 = require("../utils/ViewUtilities");
+/** SavedView class. Used to serialize/deserialize a ViewState.
+ * @public
+ */
+class SavedView {
+    /** Create a ViewState from the SavedView */
+    static async viewStateFromProps(iModelConnection, savedViewProps) {
+        const className = savedViewProps.viewDefinitionProps.classFullName;
+        const ctor = await iModelConnection.findClassFor(className, undefined);
+        // istanbul ignore next
+        if (undefined === ctor)
+            throw new Error(`Invalid ViewState class name of [${className}]`);
+        const viewState = ctor.createFromProps(savedViewProps, iModelConnection);
+        await viewState.load(); // loads models for ModelSelector
+        return viewState;
+    }
+    /** Apply EmphasizeElements from the SavedView */
+    static emphasizeElementsFromProps(vp, savedViewProps) {
+        let changed = false;
+        if (savedViewProps.emphasizeElementsProps) {
+            const emphasizeElements = new core_frontend_1.EmphasizeElements();
+            changed = emphasizeElements.fromJSON(savedViewProps.emphasizeElementsProps, vp);
+        }
+        return changed;
+    }
+    /** Create props for a ViewState */
+    static viewStateToProps(viewState) {
+        const savedViewProps = viewState.toProps();
+        savedViewProps.bisBaseClass = ViewUtilities_1.ViewUtilities.getBisBaseClass(viewState.classFullName);
+        return savedViewProps;
+    }
+    /** Create props for an EmphasizeElements and store in SavedViewProps */
+    static emphasizeElementsToProps(vp, savedViewProps) {
+        const ee = core_frontend_1.EmphasizeElements.get(vp);
+        const emphasizeElementsProps = ee ? ee.toJSON(vp) : undefined;
+        savedViewProps.emphasizeElementsProps = emphasizeElementsProps;
+    }
+}
+exports.SavedView = SavedView;
+//# sourceMappingURL=SavedView.js.map

package/lib/cjs/appui-react/content/SavedView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedView.js","sourceRoot":"","sources":["../../../../src/appui-react/content/SavedView.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,wDAE8B;AAC9B,0DAAuD;AAUvD;;GAEG;AACH,MAAa,SAAS;IACpB,4CAA4C;IACrC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,gBAAkC,EAAE,cAA8B;QACvG,MAAM,SAAS,GAAG,cAAc,CAAC,mBAAmB,CAAC,aAAa,CAAC;QACnE,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,YAAY,CAAqB,SAAS,EAAE,SAAS,CAAiC,CAAC;QAE3H,uBAAuB;QACvB,IAAI,SAAS,KAAK,IAAI;YACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,SAAS,GAAG,CAAC,CAAC;QAEpE,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,gBAAgB,CAAE,CAAC;QAC1E,MAAM,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,iCAAiC;QAEzD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,0BAA0B,CAAC,EAAkB,EAAE,cAA8B;QACzF,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,cAAc,CAAC,sBAAsB,EAAE;YACzC,MAAM,iBAAiB,GAAG,IAAI,iCAAiB,EAAE,CAAC;YAClD,OAAO,GAAG,iBAAiB,CAAC,QAAQ,CAAC,cAAc,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;SACjF;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,mCAAmC;IAC5B,MAAM,CAAC,gBAAgB,CAAC,SAAoB;QACjD,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,EAAoB,CAAC;QAC7D,cAAc,CAAC,YAAY,GAAG,6BAAa,CAAC,eAAe,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QACrF,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,wEAAwE;IACjE,MAAM,CAAC,wBAAwB,CAAC,EAAkB,EAAE,cAA8B;QACvF,MAAM,EAAE,GAAG,iCAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrC,MAAM,sBAAsB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9D,cAAc,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IACjE,CAAC;CAEF;AAxCD,8BAwCC","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 ContentView\r\n */\r\n\r\nimport { EmphasizeElementsProps, ViewStateProps } from \"@itwin/core-common\";\r\nimport {\r\n  EmphasizeElements, EntityState, IModelConnection, ScreenViewport, ViewState,\r\n} from \"@itwin/core-frontend\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\n\r\n/** SavedViewProps interface for sharing ViewState and EmphasizeElements information.\r\n * @public\r\n */\r\nexport interface SavedViewProps extends ViewStateProps {\r\n  bisBaseClass: string;\r\n  emphasizeElementsProps?: EmphasizeElementsProps;\r\n}\r\n\r\n/** SavedView class. Used to serialize/deserialize a ViewState.\r\n * @public\r\n */\r\nexport class SavedView {\r\n  /** Create a ViewState from the SavedView */\r\n  public static async viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: SavedViewProps): Promise<ViewState | undefined> {\r\n    const className = savedViewProps.viewDefinitionProps.classFullName;\r\n    const ctor = await iModelConnection.findClassFor<typeof EntityState>(className, undefined) as typeof ViewState | undefined;\r\n\r\n    // istanbul ignore next\r\n    if (undefined === ctor)\r\n      throw new Error(`Invalid ViewState class name of [${className}]`);\r\n\r\n    const viewState = ctor.createFromProps(savedViewProps, iModelConnection)!;\r\n    await viewState.load(); // loads models for ModelSelector\r\n\r\n    return viewState;\r\n  }\r\n\r\n  /** Apply EmphasizeElements from the SavedView */\r\n  public static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: SavedViewProps): boolean {\r\n    let changed = false;\r\n    if (savedViewProps.emphasizeElementsProps) {\r\n      const emphasizeElements = new EmphasizeElements();\r\n      changed = emphasizeElements.fromJSON(savedViewProps.emphasizeElementsProps, vp);\r\n    }\r\n    return changed;\r\n  }\r\n\r\n  /** Create props for a ViewState */\r\n  public static viewStateToProps(viewState: ViewState): SavedViewProps {\r\n    const savedViewProps = viewState.toProps() as SavedViewProps;\r\n    savedViewProps.bisBaseClass = ViewUtilities.getBisBaseClass(viewState.classFullName);\r\n    return savedViewProps;\r\n  }\r\n\r\n  /** Create props for an EmphasizeElements and store in SavedViewProps */\r\n  public static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: SavedViewProps): void {\r\n    const ee = EmphasizeElements.get(vp);\r\n    const emphasizeElementsProps = ee ? ee.toJSON(vp) : undefined;\r\n    savedViewProps.emphasizeElementsProps = emphasizeElementsProps;\r\n  }\r\n\r\n}\r\n"]}

package/lib/cjs/appui-react/content/SavedViewLayout.d.ts

@@ -0,0 +1,36 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import { IModelConnection, ViewState } from "@itwin/core-frontend";
+import { ContentCallback, ContentGroup, ContentGroupProps } from "./ContentGroup";
+import { ContentLayoutDef } from "./ContentLayout";
+import { SavedViewProps } from "./SavedView";
+import { ContentLayoutProps } from "@itwin/appui-abstract";
+/** SavedViewLayoutProps interface for sharing view layout information.
+ * @public
+ */
+export interface SavedViewLayoutProps {
+    contentLayoutProps?: ContentLayoutProps;
+    contentGroupProps: ContentGroupProps;
+    savedViews: SavedViewProps[];
+}
+/** ViewLayout interface for sharing view layout information.
+ * @public
+ */
+export interface ViewLayout {
+    contentLayoutDef: ContentLayoutDef;
+    contentGroup: ContentGroup;
+    viewStates: Array<ViewState | undefined>;
+}
+/** SavedViewLayout class. Used to serialize/deserialize a View Layout with Saved Views.
+ * @public
+ */
+export declare class SavedViewLayout {
+    /** Create props for a View Layout */
+    static viewLayoutToProps(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup, emphasizeElements?: boolean, contentCallback?: ContentCallback): SavedViewLayoutProps;
+    /** Create an array of ViewStates from the SavedViewLayout */
+    static viewStatesFromProps(iModelConnection: IModelConnection, savedProps: SavedViewLayoutProps): Promise<Array<ViewState | undefined>>;
+    /** Apply EmphasizeElements from the SavedView */
+    static emphasizeElementsFromProps(contentGroup: ContentGroup, savedProps: SavedViewLayoutProps): boolean;
+}
+//# sourceMappingURL=SavedViewLayout.d.ts.map

package/lib/cjs/appui-react/content/SavedViewLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/SavedViewLayout.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,qCAAqC;WACvB,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,GAAE,OAAe,EAAE,eAAe,CAAC,EAAE,eAAe,GAAG,oBAAoB;IAwB5L,6DAA6D;WACzC,mBAAmB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,oBAAoB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAWpJ,iDAAiD;WACnC,0BAA0B,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,GAAG,OAAO;CAiBhH"}

package/lib/cjs/appui-react/content/SavedViewLayout.js

@@ -0,0 +1,65 @@
+"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 ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SavedViewLayout = void 0;
+const SavedView_1 = require("./SavedView");
+/** SavedViewLayout class. Used to serialize/deserialize a View Layout with Saved Views.
+ * @public
+ */
+class SavedViewLayout {
+    /** Create props for a View Layout */
+    static viewLayoutToProps(contentLayoutDef, contentGroup, emphasizeElements = false, contentCallback) {
+        const contentLayoutProps = contentLayoutDef.toJSON();
+        // update layout in contentGroup to contain latest values from contentLayoutDef this way we don't need to save both.
+        const contentGroupProps = { ...contentGroup.toJSON(contentCallback), layout: contentLayoutProps };
+        const savedViews = new Array();
+        const viewports = contentGroup.getViewports();
+        for (const viewport of viewports) {
+            // istanbul ignore else
+            if (viewport) {
+                const savedViewProps = SavedView_1.SavedView.viewStateToProps(viewport.view);
+                if (emphasizeElements)
+                    SavedView_1.SavedView.emphasizeElementsToProps(viewport, savedViewProps);
+                savedViews.push(savedViewProps);
+            }
+        }
+        const savedViewLayoutProps = {
+            contentGroupProps,
+            savedViews,
+        };
+        return savedViewLayoutProps;
+    }
+    /** Create an array of ViewStates from the SavedViewLayout */
+    static async viewStatesFromProps(iModelConnection, savedProps) {
+        const viewStates = new Array();
+        for (const savedViewProps of savedProps.savedViews) {
+            const viewState = await SavedView_1.SavedView.viewStateFromProps(iModelConnection, savedViewProps);
+            viewStates.push(viewState);
+        }
+        return viewStates;
+    }
+    /** Apply EmphasizeElements from the SavedView */
+    static emphasizeElementsFromProps(contentGroup, savedProps) {
+        const changedList = new Array();
+        const viewports = contentGroup.getViewports();
+        let index = 0;
+        for (const savedViewProps of savedProps.savedViews) {
+            const viewport = viewports[index];
+            // istanbul ignore else
+            if (viewport) {
+                const changed = SavedView_1.SavedView.emphasizeElementsFromProps(viewport, savedViewProps);
+                changedList.push(changed);
+            }
+            index++;
+        }
+        return changedList.some((changed) => changed);
+    }
+}
+exports.SavedViewLayout = SavedViewLayout;
+//# sourceMappingURL=SavedViewLayout.js.map

package/lib/cjs/appui-react/content/SavedViewLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewLayout.js","sourceRoot":"","sources":["../../../../src/appui-react/content/SavedViewLayout.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAKH,2CAAwD;AAqBxD;;GAEG;AACH,MAAa,eAAe;IAC1B,qCAAqC;IAC9B,MAAM,CAAC,iBAAiB,CAAC,gBAAkC,EAAE,YAA0B,EAAE,oBAA6B,KAAK,EAAE,eAAiC;QACnK,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC;QACrD,oHAAoH;QACpH,MAAM,iBAAiB,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC;QAClG,MAAM,UAAU,GAAG,IAAI,KAAK,EAAkB,CAAC;QAC/C,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,CAAC;QAC9C,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;YAChC,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,MAAM,cAAc,GAAG,qBAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjE,IAAI,iBAAiB;oBACnB,qBAAS,CAAC,wBAAwB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBAC/D,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;aACjC;SACF;QAED,MAAM,oBAAoB,GAAyB;YACjD,iBAAiB;YACjB,UAAU;SACX,CAAC;QAEF,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAkC,EAAE,UAAgC;QAC1G,MAAM,UAAU,GAAG,IAAI,KAAK,EAAyB,CAAC;QAEtD,KAAK,MAAM,cAAc,IAAI,UAAU,CAAC,UAAU,EAAE;YAClD,MAAM,SAAS,GAAG,MAAM,qBAAS,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;YACvF,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC5B;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,0BAA0B,CAAC,YAA0B,EAAE,UAAgC;QACnG,MAAM,WAAW,GAAG,IAAI,KAAK,EAAW,CAAC;QACzC,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,CAAC;QAE9C,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,MAAM,cAAc,IAAI,UAAU,CAAC,UAAU,EAAE;YAClD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;YAClC,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,MAAM,OAAO,GAAG,qBAAS,CAAC,0BAA0B,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBAC/E,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aAC3B;YACD,KAAK,EAAE,CAAC;SACT;QAED,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC;CACF;AAxDD,0CAwDC","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 ContentView\r\n */\r\n\r\nimport { IModelConnection, ViewState } from \"@itwin/core-frontend\";\r\nimport { ContentCallback, ContentGroup, ContentGroupProps } from \"./ContentGroup\";\r\nimport { ContentLayoutDef } from \"./ContentLayout\";\r\nimport { SavedView, SavedViewProps } from \"./SavedView\";\r\nimport { ContentLayoutProps } from \"@itwin/appui-abstract\";\r\n\r\n/** SavedViewLayoutProps interface for sharing view layout information.\r\n * @public\r\n */\r\nexport interface SavedViewLayoutProps {\r\n  contentLayoutProps?: ContentLayoutProps;\r\n  contentGroupProps: ContentGroupProps;\r\n  savedViews: SavedViewProps[];\r\n}\r\n\r\n/** ViewLayout interface for sharing view layout information.\r\n * @public\r\n */\r\nexport interface ViewLayout {\r\n  contentLayoutDef: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n  viewStates: Array<ViewState | undefined>;\r\n}\r\n\r\n/** SavedViewLayout class. Used to serialize/deserialize a View Layout with Saved Views.\r\n * @public\r\n */\r\nexport class SavedViewLayout {\r\n  /** Create props for a View Layout */\r\n  public static viewLayoutToProps(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup, emphasizeElements: boolean = false, contentCallback?: ContentCallback): SavedViewLayoutProps {\r\n    const contentLayoutProps = contentLayoutDef.toJSON();\r\n    // update layout in contentGroup to contain latest values from contentLayoutDef this way we don't need to save both.\r\n    const contentGroupProps = { ...contentGroup.toJSON(contentCallback), layout: contentLayoutProps };\r\n    const savedViews = new Array<SavedViewProps>();\r\n    const viewports = contentGroup.getViewports();\r\n    for (const viewport of viewports) {\r\n      // istanbul ignore else\r\n      if (viewport) {\r\n        const savedViewProps = SavedView.viewStateToProps(viewport.view);\r\n        if (emphasizeElements)\r\n          SavedView.emphasizeElementsToProps(viewport, savedViewProps);\r\n        savedViews.push(savedViewProps);\r\n      }\r\n    }\r\n\r\n    const savedViewLayoutProps: SavedViewLayoutProps = {\r\n      contentGroupProps,\r\n      savedViews,\r\n    };\r\n\r\n    return savedViewLayoutProps;\r\n  }\r\n\r\n  /** Create an array of ViewStates from the SavedViewLayout */\r\n  public static async viewStatesFromProps(iModelConnection: IModelConnection, savedProps: SavedViewLayoutProps): Promise<Array<ViewState | undefined>> {\r\n    const viewStates = new Array<ViewState | undefined>();\r\n\r\n    for (const savedViewProps of savedProps.savedViews) {\r\n      const viewState = await SavedView.viewStateFromProps(iModelConnection, savedViewProps);\r\n      viewStates.push(viewState);\r\n    }\r\n\r\n    return viewStates;\r\n  }\r\n\r\n  /** Apply EmphasizeElements from the SavedView */\r\n  public static emphasizeElementsFromProps(contentGroup: ContentGroup, savedProps: SavedViewLayoutProps): boolean {\r\n    const changedList = new Array<boolean>();\r\n    const viewports = contentGroup.getViewports();\r\n\r\n    let index = 0;\r\n    for (const savedViewProps of savedProps.savedViews) {\r\n      const viewport = viewports[index];\r\n      // istanbul ignore else\r\n      if (viewport) {\r\n        const changed = SavedView.emphasizeElementsFromProps(viewport, savedViewProps);\r\n        changedList.push(changed);\r\n      }\r\n      index++;\r\n    }\r\n\r\n    return changedList.some((changed: boolean) => changed);\r\n  }\r\n}\r\n"]}