@itwin/appui-react 3.0.0-dev.98 → 3.0.0

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

@@ -7,7 +7,7 @@
  * @module ContentView
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IModelViewportControl = exports.IModelConnectedViewport = void 0;
+exports.IModelViewportControl = exports.ViewOverlayHost = 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");
@@ -20,6 +20,7 @@ const DefaultViewOverlay_1 = require("./DefaultViewOverlay");
 const ViewportContentControl_1 = require("./ViewportContentControl");
 const StandardRotationNavigationAid_1 = require("../navigationaids/StandardRotationNavigationAid");
 const appui_abstract_1 = require("@itwin/appui-abstract");
+const react_redux_1 = require("react-redux");
 // 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);
@@ -27,6 +28,20 @@ const UnifiedSelectionViewport = (0, presentation_components_1.viewWithUnifiedSe
  * @public
  */
 exports.IModelConnectedViewport = (0, connectIModel_1.connectIModelConnectionAndViewState)(null, null)(UnifiedSelectionViewport); // eslint-disable-line @typescript-eslint/naming-convention
+/** View Overlay component -- exported for testing
+ * @internal
+ */
+// istanbul ignore next
+function ViewOverlayHost({ viewport, featureOptions, userSuppliedOverlay }) {
+    const displayViewOverlay = (0, react_redux_1.useSelector)((state) => {
+        const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey];
+        return frameworkState ? frameworkState.configurableUiState.viewOverlayDisplay : true;
+    });
+    if (!displayViewOverlay)
+        return null;
+    return userSuppliedOverlay ? React.createElement(React.Fragment, null, "userSuppliedOverlay(viewport)") : React.createElement(DefaultViewOverlay_1.DefaultViewOverlay, { viewport: viewport, featureOptions: featureOptions });
+}
+exports.ViewOverlayHost = ViewOverlayHost;
 /** iModel Viewport Control
  * @public
  */
@@ -56,10 +71,8 @@ class IModelViewportControl extends ViewportContentControl_1.ViewportContentCont
             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 });
+        this._getViewOverlay = (vp) => {
+            return React.createElement(ViewOverlayHost, { viewport: vp, featureOptions: this._featureOptions, userSuppliedOverlay: this._userSuppliedViewOverlay, "data-testid": "ViewOverlay" });
         };
         if (_options.featureOptions)
             this._featureOptions = _options.featureOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"IModelViewport.js","sourceRoot":"","sources":["../../../../src/appui-react/content/IModelViewport.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAG/B,4EAA0E;AAC1E,4EAAkF;AAClF,kDAAiD;AAEjD,uEAAoE;AAEpE,mFAAgF;AAChF,0DAA6E;AAC7E,gDAA6C;AAC7C,6DAA0D;AAC1D,qEAAkE;AAClE,mGAAuG;AACvG,0DAAgD;AAEhD,kEAAkE;AAClE,gEAAgE;AAChE,MAAM,wBAAwB,GAAG,IAAA,kDAAwB,EAAC,2CAAiB,CAAC,CAAC;AAE7E;;GAEG;AACU,QAAA,uBAAuB,GAAG,IAAA,mDAAmC,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,2DAA2D;AAsB7K;;GAEG;AACH,uBAAuB;AACvB,MAAa,qBAAsB,SAAQ,+CAAsB;IAU/D,YAAY,IAA4B,EAAY,QAAsC;;QACxF,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAD4B,aAAQ,GAAR,QAAQ,CAA8B;QANhF,oBAAe,GAAwC,EAAE,CAAC;QA8CpE;;;WAGG;QACK,wBAAmB,GAAG,GAAc,EAAE;YAC5C,IAAI,SAAoB,CAAC;YAEzB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,2BAA2B;gBACpD,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;iBAC5B,IAAI,IAAI,CAAC,UAAU,EAAE;gBACxB,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU;oBACvC,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;;oBAE9B,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;aAC/B;;gBACC,MAAM,IAAI,wBAAO,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAE1F,OAAO,SAAU,CAAC;QACpB,CAAC,CAAC;QA8CF,+HAA+H;QACrH,oBAAe,GAAG,CAAC,QAAwB,EAAmB,EAAE;YACxE,IAAI,IAAI,CAAC,wBAAwB;gBAC/B,OAAO,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;YAEjD,OAAO,oBAAC,uCAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;QAC1F,CAAC,CAAC;QA3GA,IAAI,QAAQ,CAAC,cAAc;YACzB,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC;QACjD,IAAI,CAAC,2BAA2B,GAAG,MAAA,QAAQ,CAAC,0BAA0B,mCAAI,KAAK,CAAC;QAChF,IAAI,CAAC,wBAAwB,GAAG,QAAQ,CAAC,iBAAiB,CAAC;QAE3D,IAAI,CAAC,QAAQ,CAAC,uBAAuB;YACnC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAnBM,MAAM,KAAK,EAAE;QAClB,OAAO,mCAAmC,CAAC;IAC7C,CAAC;IAmBS,mBAAmB;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE9B,IAAI,OAAO,CAAC,SAAS;YACnB,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC;QAEtC,MAAM,gBAAgB,GAAG,CAAC,OAAO,OAAO,CAAC,gBAAgB,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAElI,IAAI,IAAI,CAAC,UAAU,IAAI,gBAAgB,EAAE;YACvC,kFAAkF;YAClF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,6BAA6B,CAAC,gBAAgB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;SAClG;aAAM;YACL,IAAI,yBAAW,CAAC,mBAAmB,EAAE,IAAI,yBAAW,CAAC,mBAAmB,EAAE,EAAE;gBAC1E,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,sCAAsC,EAAE,CAAC;aACjE;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;gBACzD,IAAI,CAAC,UAAU,EAAE,CAAC;aACnB;SACF;IACH,CAAC;IAEkB,YAAY;QAC7B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,uBAAuB;YACjF,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE7B,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC;IAsBD,6DAA6D;IACnD,sCAAsC;QAC9C,OAAO,oBAAC,+BAAuB,IAC7B,WAAW,EAAE,CAAC,CAAiB,EAAE,EAAE;;gBACjC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;gBAClB,6DAA6D;gBAC7D,IAAI,SAAS,KAAK,MAAM;oBACrB,MAAc,CAAC,QAAQ,GAAG,CAAC,CAAC;gBAC/B,IAAI,CAAC,qCAAiB,CAAC,SAAS;oBAC9B,MAAA,qCAAiB,CAAC,mBAAmB,0CAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;YACxE,CAAC,EACD,cAAc,EAAE,IAAI,CAAC,eAAe,GACpC,CAAC;IACL,CAAC;IAED,6DAA6D;IACnD,6BAA6B,CAAC,gBAAkC,EAAE,SAAwB;QAClG,OAAO,oBAAC,wBAAwB,IAC9B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,WAAW,EAAE,CAAC,CAAiB,EAAE,EAAE;;gBACjC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;gBAClB,6DAA6D;gBAC7D,IAAI,SAAS,KAAK,MAAM;oBACrB,MAAc,CAAC,QAAQ,GAAG,CAAC,CAAC;gBAC/B,IAAI,CAAC,qCAAiB,CAAC,SAAS;oBAC9B,MAAA,qCAAiB,CAAC,mBAAmB,0CAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;YACxE,CAAC,EACD,cAAc,EAAE,IAAI,CAAC,eAAe,GACpC,CAAC;IACL,CAAC;IAED,kFAAkF;IACxE,wBAAwB,CAAC,QAAsC;QACvE,MAAM,SAAS,GAAG,yBAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;QAC9D,OAAO,oBAAC,yBAAY;;YAAG,SAAS;gBAAiB,CAAC;IACpD,CAAC;IAED,uDAAuD;IACvC,oCAAoC,CAAC,gBAAkC,EAAE,uBAAmC,EAAE,SAAoB,EAAE,KAAa;QAC/J,OAAO,IAAI,CAAC,6BAA6B,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IACzE,CAAC;IAUD,uEAAuE;IACvE,IAAoB,oBAAoB;QACtC,IAAI,IAAI,CAAC,QAAQ;YACf,OAAO,KAAK,CAAC,oBAAoB,CAAC;;YAElC,OAAO,oEAAoC,CAAC,eAAe,CAAC;IAChE,CAAC;CACF;AAjID,sDAiIC;AAED,6CAAqB,CAAC,eAAe,CAAC,qBAAqB,CAAC,EAAE,EAAE,qBAAqB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module 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"]}
+{"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\nimport { useSelector } from \"react-redux\";\r\nimport { FrameworkState } from \"../redux/FrameworkState\";\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\ninterface ViewOverlayHostProps {\r\n  viewport: ScreenViewport;\r\n  featureOptions?: { [key: string]: any };\r\n  userSuppliedOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\r\n}\r\n/** View Overlay component -- exported for testing\r\n * @internal\r\n */\r\n// istanbul ignore next\r\nexport function ViewOverlayHost({viewport, featureOptions, userSuppliedOverlay}: ViewOverlayHostProps) {\r\n  const displayViewOverlay = useSelector((state: FrameworkState) => {\r\n    const frameworkState = (state as any)[UiFramework.frameworkStateKey];\r\n    return frameworkState ? frameworkState.configurableUiState.viewOverlayDisplay : true;\r\n  });\r\n  if (!displayViewOverlay)\r\n    return null;\r\n  return userSuppliedOverlay ? <React.Fragment>userSuppliedOverlay(viewport)</React.Fragment> : <DefaultViewOverlay viewport={viewport} featureOptions={featureOptions} />;\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 = (vp: ScreenViewport): React.ReactNode => {\r\n    return <ViewOverlayHost viewport={vp} featureOptions={this._featureOptions} userSuppliedOverlay={this._userSuppliedViewOverlay} data-testid=\"ViewOverlay\"/>;\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/{SavedViewLayout.d.ts → StageContentLayout.d.ts}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageContentLayout.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/StageContentLayout.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,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,cAAc,EAAE,oBAAoB,EAAE,CAAC;CACxC;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,kBAAkB;IAC7B,qCAAqC;WACvB,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,GAAE,OAAe,EAAE,eAAe,CAAC,EAAE,eAAe,GAAG,uBAAuB;IAwB/L,gEAAgE;WAC5C,mBAAmB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAavJ,iDAAiD;WACnC,0BAA0B,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,uBAAuB,GAAG,OAAO;CAiBnH"}

package/lib/cjs/appui-react/content/{SavedViewLayout.js → StageContentLayout.js}

@@ -7,40 +7,42 @@
  * @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.
+exports.StageContentLayout = void 0;
+const ViewStateHelper_1 = require("./ViewStateHelper");
+/** StageContentLayout class. Used to serialize/deserialize a View Layout with Saved Views.
  * @public
  */
-class SavedViewLayout {
+class StageContentLayout {
     /** 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 viewStateProps = new Array();
         const viewports = contentGroup.getViewports();
         for (const viewport of viewports) {
             // istanbul ignore else
             if (viewport) {
-                const savedViewProps = SavedView_1.SavedView.viewStateToProps(viewport.view);
+                const savedViewProps = ViewStateHelper_1.ViewStateHelper.viewStateToProps(viewport.view);
                 if (emphasizeElements)
-                    SavedView_1.SavedView.emphasizeElementsToProps(viewport, savedViewProps);
-                savedViews.push(savedViewProps);
+                    ViewStateHelper_1.ViewStateHelper.emphasizeElementsToProps(viewport, savedViewProps);
+                viewStateProps.push(savedViewProps);
             }
         }
         const savedViewLayoutProps = {
             contentGroupProps,
-            savedViews,
+            viewStateProps,
         };
         return savedViewLayoutProps;
     }
-    /** Create an array of ViewStates from the SavedViewLayout */
+    /** Create an array of ViewStates from the StageContentLayout */
     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);
+        if (savedProps.viewStateProps) {
+            for (const savedViewProps of savedProps.viewStateProps) {
+                const viewState = await ViewStateHelper_1.ViewStateHelper.viewStateFromProps(iModelConnection, savedViewProps);
+                viewStates.push(viewState);
+            }
         }
         return viewStates;
     }
@@ -49,11 +51,11 @@ class SavedViewLayout {
         const changedList = new Array();
         const viewports = contentGroup.getViewports();
         let index = 0;
-        for (const savedViewProps of savedProps.savedViews) {
+        for (const savedViewProps of savedProps.viewStateProps) {
             const viewport = viewports[index];
             // istanbul ignore else
             if (viewport) {
-                const changed = SavedView_1.SavedView.emphasizeElementsFromProps(viewport, savedViewProps);
+                const changed = ViewStateHelper_1.ViewStateHelper.emphasizeElementsFromProps(viewport, savedViewProps);
                 changedList.push(changed);
             }
             index++;
@@ -61,5 +63,5 @@ class SavedViewLayout {
         return changedList.some((changed) => changed);
     }
 }
-exports.SavedViewLayout = SavedViewLayout;
-//# sourceMappingURL=SavedViewLayout.js.map
+exports.StageContentLayout = StageContentLayout;
+//# sourceMappingURL=StageContentLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageContentLayout.js","sourceRoot":"","sources":["../../../../src/appui-react/content/StageContentLayout.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAKH,uDAA0E;AAqB1E;;GAEG;AACH,MAAa,kBAAkB;IAC7B,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,cAAc,GAAG,IAAI,KAAK,EAAwB,CAAC;QACzD,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,iCAAe,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACvE,IAAI,iBAAiB;oBACnB,iCAAe,CAAC,wBAAwB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBACrE,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;aACrC;SACF;QAED,MAAM,oBAAoB,GAA4B;YACpD,iBAAiB;YACjB,cAAc;SACf,CAAC;QAEF,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IAED,gEAAgE;IACzD,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAkC,EAAE,UAAmC;QAC7G,MAAM,UAAU,GAAG,IAAI,KAAK,EAAyB,CAAC;QAEtD,IAAI,UAAU,CAAC,cAAc,EAAE;YAC7B,KAAK,MAAM,cAAc,IAAI,UAAU,CAAC,cAAc,EAAE;gBACtD,MAAM,SAAS,GAAG,MAAM,iCAAe,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;gBAC7F,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC5B;SACF;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,0BAA0B,CAAC,YAA0B,EAAE,UAAmC;QACtG,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,cAAc,EAAE;YACtD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;YAClC,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,MAAM,OAAO,GAAG,iCAAe,CAAC,0BAA0B,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBACrF,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;AA1DD,gDA0DC","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 { ViewStateHelper, ViewStateHelperProps } from \"./ViewStateHelper\";\r\nimport { ContentLayoutProps } from \"@itwin/appui-abstract\";\r\n\r\n/** StageContentLayoutProps interface for sharing view layout information.\r\n * @public\r\n */\r\nexport interface StageContentLayoutProps {\r\n  contentLayoutProps?: ContentLayoutProps;\r\n  contentGroupProps: ContentGroupProps;\r\n  viewStateProps: ViewStateHelperProps[];\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/** StageContentLayout class. Used to serialize/deserialize a View Layout with Saved Views.\r\n * @public\r\n */\r\nexport class StageContentLayout {\r\n  /** Create props for a View Layout */\r\n  public static viewLayoutToProps(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup, emphasizeElements: boolean = false, contentCallback?: ContentCallback): StageContentLayoutProps {\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 viewStateProps = new Array<ViewStateHelperProps>();\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 = ViewStateHelper.viewStateToProps(viewport.view);\r\n        if (emphasizeElements)\r\n          ViewStateHelper.emphasizeElementsToProps(viewport, savedViewProps);\r\n        viewStateProps.push(savedViewProps);\r\n      }\r\n    }\r\n\r\n    const savedViewLayoutProps: StageContentLayoutProps = {\r\n      contentGroupProps,\r\n      viewStateProps,\r\n    };\r\n\r\n    return savedViewLayoutProps;\r\n  }\r\n\r\n  /** Create an array of ViewStates from the StageContentLayout */\r\n  public static async viewStatesFromProps(iModelConnection: IModelConnection, savedProps: StageContentLayoutProps): Promise<Array<ViewState | undefined>> {\r\n    const viewStates = new Array<ViewState | undefined>();\r\n\r\n    if (savedProps.viewStateProps) {\r\n      for (const savedViewProps of savedProps.viewStateProps) {\r\n        const viewState = await ViewStateHelper.viewStateFromProps(iModelConnection, savedViewProps);\r\n        viewStates.push(viewState);\r\n      }\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: StageContentLayoutProps): 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.viewStateProps) {\r\n      const viewport = viewports[index];\r\n      // istanbul ignore else\r\n      if (viewport) {\r\n        const changed = ViewStateHelper.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"]}

package/lib/cjs/appui-react/content/{SavedView.d.ts → ViewStateHelper.d.ts}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStateHelper.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewStateHelper.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,oBAAqB,SAAQ,cAAc;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,4CAA4C;WACxB,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,GAAG,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAchJ,iDAAiD;WACnC,0BAA0B,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,GAAG,OAAO;IAS3G,mCAAmC;WACrB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,oBAAoB;IAM1E,wEAAwE;WAC1D,wBAAwB,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,GAAG,IAAI;CAMvG"}

package/lib/cjs/appui-react/content/{SavedView.js → ViewStateHelper.js}

@@ -7,13 +7,13 @@
  * @module ContentView
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SavedView = void 0;
+exports.ViewStateHelper = 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 {
+class ViewStateHelper {
     /** Create a ViewState from the SavedView */
     static async viewStateFromProps(iModelConnection, savedViewProps) {
         const className = savedViewProps.viewDefinitionProps.classFullName;
@@ -47,5 +47,5 @@ class SavedView {
         savedViewProps.emphasizeElementsProps = emphasizeElementsProps;
     }
 }
-exports.SavedView = SavedView;
-//# sourceMappingURL=SavedView.js.map
+exports.ViewStateHelper = ViewStateHelper;
+//# sourceMappingURL=ViewStateHelper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStateHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewStateHelper.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,wDAE8B;AAC9B,0DAAuD;AAUvD;;GAEG;AACH,MAAa,eAAe;IAC1B,4CAA4C;IACrC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,gBAAkC,EAAE,cAAoC;QAC7G,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,cAAoC;QAC/F,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,EAA0B,CAAC;QACnE,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,cAAoC;QAC7F,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,0CAwCC","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 ViewStateHelperProps 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 ViewStateHelper {\r\n  /** Create a ViewState from the SavedView */\r\n  public static async viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: ViewStateHelperProps): 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: ViewStateHelperProps): 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): ViewStateHelperProps {\r\n    const savedViewProps = viewState.toProps() as ViewStateHelperProps;\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: ViewStateHelperProps): 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/split-pane/Pane.d.ts

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */
+/**
+ * @internal
+ */
+export interface PaneProps {
+    className?: string;
+    size?: string | number;
+    split?: "vertical" | "horizontal";
+    style?: React.CSSProperties;
+    eleRef: React.RefObject<HTMLDivElement>;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ */
+export declare function Pane(props: PaneProps): JSX.Element;
+//# sourceMappingURL=Pane.d.ts.map

package/lib/cjs/appui-react/content/split-pane/Pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Pane.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2GAA2G;AAE3G;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eAwCpC"}

package/lib/cjs/appui-react/content/split-pane/Pane.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pane = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+const React = require("react");
+const classnames_1 = require("classnames");
+/**
+ * @internal
+ */
+function Pane(props) {
+    const { children, className, split, style, size, eleRef, } = props;
+    const paneClasses = React.useMemo(() => (0, classnames_1.default)("Pane", split, className), [split, className]);
+    const paneStyle = React.useMemo(() => {
+        const baseStyle = {
+            flex: 1,
+            position: "relative",
+            outline: "none",
+        };
+        if (size !== undefined) {
+            if (split === "vertical") {
+                baseStyle.width = size;
+            }
+            else {
+                baseStyle.height = size;
+                baseStyle.display = "flex";
+            }
+            baseStyle.flex = "none";
+        }
+        return {
+            ...style,
+            ...baseStyle,
+        };
+    }, [size, split, style]);
+    return (React.createElement("div", { ref: eleRef, className: paneClasses, style: paneStyle }, children));
+}
+exports.Pane = Pane;
+//# sourceMappingURL=Pane.js.map

package/lib/cjs/appui-react/content/split-pane/Pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Pane.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,+BAA+B;AAC/B,2CAAoC;AAgBpC;;GAEG;AACH,SAAgB,IAAI,CAAC,KAAgB;IACnC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,oBAAU,EAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAElG,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,SAAS,GAAiC;YAC9C,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;SAChB,CAAC;QAEF,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,KAAK,KAAK,UAAU,EAAE;gBACxB,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;aACxB;iBAAM;gBACL,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC;gBACxB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;aAC5B;YACD,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;SACzB;QAED,OAAO;YACL,GAAG,KAAK;YACR,GAAG,SAAS;SACU,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,IACvD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAxCD,oBAwCC","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\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\n\r\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface PaneProps {\r\n  className?: string;\r\n  size?: string | number;\r\n  split?: \"vertical\" | \"horizontal\";\r\n  style?: React.CSSProperties;\r\n  eleRef: React.RefObject<HTMLDivElement>;\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function Pane(props: PaneProps) {\r\n  const {\r\n    children,\r\n    className,\r\n    split,\r\n    style,\r\n    size,\r\n    eleRef,\r\n  } = props;\r\n\r\n  const paneClasses = React.useMemo(() => classnames(\"Pane\", split, className), [split, className]);\r\n\r\n  const paneStyle = React.useMemo(() => {\r\n    const baseStyle: Partial<React.CSSProperties> = {\r\n      flex: 1,\r\n      position: \"relative\",\r\n      outline: \"none\",\r\n    };\r\n\r\n    if (size !== undefined) {\r\n      if (split === \"vertical\") {\r\n        baseStyle.width = size;\r\n      } else {\r\n        baseStyle.height = size;\r\n        baseStyle.display = \"flex\";\r\n      }\r\n      baseStyle.flex = \"none\";\r\n    }\r\n\r\n    return {\r\n      ...style,\r\n      ...baseStyle,\r\n    } as React.CSSProperties;\r\n  }, [size, split, style]);\r\n\r\n  return (\r\n    <div ref={eleRef} className={paneClasses} style={paneStyle}>\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\n"]}

package/lib/cjs/appui-react/content/split-pane/Resizer.d.ts

@@ -0,0 +1,23 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */
+/**
+ * @internal
+ */
+export interface ResizerProps {
+    split?: "vertical" | "horizontal";
+    style?: React.CSSProperties;
+    className: string;
+    onMouseDown: (event: MouseEvent) => void;
+    onTouchEnd: () => void;
+    onTouchStart: (event: TouchEvent) => void;
+    onClick?: (event: MouseEvent) => void;
+    onDoubleClick?: (event: MouseEvent) => void;
+}
+/**
+ * @internal
+ */
+export declare function Resizer(props: ResizerProps): JSX.Element;
+//# sourceMappingURL=Resizer.d.ts.map

package/lib/cjs/appui-react/content/split-pane/Resizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Resizer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2GAA2G;AAE3G;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eA2C1C"}

package/lib/cjs/appui-react/content/split-pane/Resizer.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Resizer = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+const React = require("react");
+const classnames_1 = require("classnames");
+/**
+ * @internal
+ */
+function Resizer(props) {
+    const { className, onClick, onDoubleClick, onMouseDown, onTouchEnd, onTouchStart, split, style, } = props;
+    const resizerClasses = React.useMemo(() => (0, classnames_1.default)(split, className), [split, className]);
+    return (React.createElement("span", { role: "presentation", className: resizerClasses, style: style, onMouseDown: (event) => onMouseDown(event.nativeEvent), onTouchStart: (event) => {
+            onTouchStart(event.nativeEvent);
+        }, onTouchEnd: (event) => {
+            event.preventDefault();
+            onTouchEnd();
+        }, onClick: (event) => {
+            // istanbul ignore else
+            if (onClick) {
+                event.preventDefault();
+                onClick(event.nativeEvent);
+            }
+        }, onDoubleClick: (event) => {
+            // istanbul ignore else
+            if (onDoubleClick) {
+                event.preventDefault();
+                onDoubleClick(event.nativeEvent);
+            }
+        } }));
+}
+exports.Resizer = Resizer;
+//# sourceMappingURL=Resizer.js.map

package/lib/cjs/appui-react/content/split-pane/Resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Resizer.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,+BAA+B;AAC/B,2CAAoC;AAkBpC;;GAEG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,EACJ,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,KAAK,EACL,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,oBAAU,EAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7F,OAAO,CACL,8BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,EACtD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAClC,CAAC,EACD,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,uBAAuB;YACvB,IAAI,OAAO,EAAE;gBACX,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;aAC5B;QACH,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,uBAAuB;YACvB,IAAI,aAAa,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;aAClC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AA3CD,0BA2CC","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\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\n\r\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface ResizerProps {\r\n  split?: \"vertical\" | \"horizontal\";\r\n  style?: React.CSSProperties;\r\n  className: string;\r\n  onMouseDown: (event: MouseEvent) => void;\r\n  onTouchEnd: () => void;\r\n  onTouchStart: (event: TouchEvent) => void;\r\n  onClick?: (event: MouseEvent) => void;\r\n  onDoubleClick?: (event: MouseEvent) => void;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function Resizer(props: ResizerProps) {\r\n  const {\r\n    className,\r\n    onClick,\r\n    onDoubleClick,\r\n    onMouseDown,\r\n    onTouchEnd,\r\n    onTouchStart,\r\n    split,\r\n    style,\r\n  } = props;\r\n\r\n  const resizerClasses = React.useMemo(() => classnames(split, className), [split, className]);\r\n\r\n  return (\r\n    <span\r\n      role=\"presentation\"\r\n      className={resizerClasses}\r\n      style={style}\r\n      onMouseDown={(event) => onMouseDown(event.nativeEvent)}\r\n      onTouchStart={(event) => {\r\n        onTouchStart(event.nativeEvent);\r\n      }}\r\n      onTouchEnd={(event) => {\r\n        event.preventDefault();\r\n        onTouchEnd();\r\n      }}\r\n      onClick={(event) => {\r\n        // istanbul ignore else\r\n        if (onClick) {\r\n          event.preventDefault();\r\n          onClick(event.nativeEvent);\r\n        }\r\n      }}\r\n      onDoubleClick={(event) => {\r\n        // istanbul ignore else\r\n        if (onDoubleClick) {\r\n          event.preventDefault();\r\n          onDoubleClick(event.nativeEvent);\r\n        }\r\n      }}\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/content/split-pane/SplitPane.d.ts

@@ -0,0 +1,70 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/**
+ * Props for [[SplitPane]] component
+ * @public
+ */
+export interface SplitPaneProps {
+    /** Pass false to disable resizing */
+    allowResize?: boolean;
+    /** The array of two react nodes, one for each pane. */
+    children: React.ReactNode[];
+    /** Determines which pane maintains its size when browser window is resized.*/
+    primary?: "first" | "second";
+    minSize?: string | number;
+    /** You can limit the maximal size of the 'fixed' pane using the maxSize parameter with a positive value
+     * (measured in pixels but state just a number). If you wrap the SplitPane into a container component
+     * (yes you can, just remember the container has to have the relative or absolute positioning), then you'll need to limit
+     *  the movement of the splitter (resizer) at the end of the SplitPane (otherwise it can be dragged outside the SplitPane
+     * and you don't catch it never more). For this purpose use the maxSize parameter with value 0. When dragged the splitter/resizer
+     * will stop at the border of the SplitPane component and think this you'll be able to pick it again and drag it back then.
+     *  And more: if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border
+     * (in other words it sets the minimal size of the 'resizable' pane in this case). This can be useful also in the
+     * full-screen case of use. */
+    maxSize?: string | number;
+    /** Default initial size of primary pane */
+    defaultSize?: string | number;
+    /** Size of primary pane */
+    size?: string | number;
+    /** You can use the step prop to only allow resizing in fixed increments. */
+    step?: number;
+    split?: "vertical" | "horizontal";
+    /** This callback is invoked when a drag start. */
+    onDragStarted?: () => void;
+    /** This callback is invoked when a drag ends. */
+    onDragFinished?: (newSize: number) => void;
+    /** Callback is invoked with the current drag during a drag event.*/
+    onChange?: (newSize: number) => void;
+    /** Callback is invoked if user clicks on Resizer. */
+    onResizerClick?: (event: MouseEvent) => void;
+    /** Callback is invoked if user double clicks on Resizer. */
+    onResizerDoubleClick?: (event: MouseEvent) => void;
+    /** Styling to be applied to the main container */
+    style?: React.CSSProperties;
+    /** Styling to be applied to both panes */
+    paneStyle?: React.CSSProperties;
+    /** Styling to be applied to the first pane, with precedence over paneStyle */
+    pane1Style?: React.CSSProperties;
+    /** Styling to be applied to the second pane, with precedence over paneStyle */
+    pane2Style?: React.CSSProperties;
+    /** Styling to be applied to the resizer bar */
+    resizerStyle?: React.CSSProperties;
+    /** Class name to be added to the SplitPane div */
+    className?: string;
+    /** Class name to be added to each Pane's div */
+    paneClassName?: string;
+    /** Class name to be added to Pane1's div */
+    pane1ClassName?: string;
+    /** Class name to be added to Pane2's div */
+    pane2ClassName?: string;
+}
+/**
+ * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that
+ * package is not regularly maintained.
+ * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.
+ * @public
+ */
+export declare function SplitPane(props: SplitPaneProps): JSX.Element;
+//# sourceMappingURL=SplitPane.d.ts.map

package/lib/cjs/appui-react/content/split-pane/SplitPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/SplitPane.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;;;;;;kCAQ8B;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAsCD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAmP9C"}