@itwin/appui-react 4.0.0-dev.3 → 4.0.0-dev.6

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

@@ -9,9 +9,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StandardFrontstageProvider = void 0;
 const React = require("react");
+const StagePanel_1 = require("../stagepanels/StagePanel");
 const ContentGroup_1 = require("../content/ContentGroup");
 const FrontstageProvider_1 = require("./FrontstageProvider");
+const Frontstage_1 = require("./Frontstage");
+const CoreToolDefinitions_1 = require("../tools/CoreToolDefinitions");
+const Zone_1 = require("../zones/Zone");
 const ContentToolWidgetComposer_1 = require("../widgets/ContentToolWidgetComposer");
+const Widget_1 = require("../widgets/Widget");
 const ViewToolWidgetComposer_1 = require("../widgets/ViewToolWidgetComposer");
 const StatusBarWidgetComposerControl_1 = require("../widgets/StatusBarWidgetComposerControl");
 const StagePanelDef_1 = require("../stagepanels/StagePanelDef");
@@ -28,51 +33,29 @@ class StandardFrontstageProvider extends FrontstageProvider_1.FrontstageProvider
     get id() {
         return this.props.id;
     }
-    frontstageConfig() {
-        var _a;
+    get frontstage() {
+        var _a, _b;
         const contentGroup = (this.props.contentGroupProps instanceof ContentGroup_1.ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup_1.ContentGroup(this.props.contentGroupProps);
-        return {
-            id: this.props.id,
-            version: (_a = this.props.version) !== null && _a !== void 0 ? _a : 1.0,
-            contentGroup,
-            usage: this.props.usage,
-            contentManipulation: {
-                id: `${this.props.id}-contentManipulationTools`,
-                element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
-            },
-            viewNavigation: {
-                id: `${this.props.id}-viewNavigationTools`,
-                element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }),
-            },
-            toolSettings: this.props.hideToolSettings ? undefined : {
-                id: `${this.props.id}-toolSettings`,
-            },
-            statusBar: this.props.hideStatusBar ? undefined : {
-                id: `${this.props.id}-statusBar`,
-                control: StatusBarWidgetComposerControl_1.StatusBarWidgetComposerControl,
-            },
-            leftPanel: {
-                size: 300,
-                pinned: false,
-                defaultState: StagePanelDef_1.StagePanelState.Minimized,
-                ...this.props.leftPanelProps,
-            },
-            topPanel: {
-                size: 90,
-                pinned: false,
-                defaultState: StagePanelDef_1.StagePanelState.Minimized,
-                ...this.props.topPanelProps,
-            },
-            rightPanel: {
-                defaultState: StagePanelDef_1.StagePanelState.Open,
-                ...this.props.rightPanelProps,
-            },
-            bottomPanel: {
-                size: 180,
-                defaultState: StagePanelDef_1.StagePanelState.Open,
-                ...this.props.bottomPanelProps,
-            },
-        };
+        return (React.createElement(Frontstage_1.Frontstage // eslint-disable-line deprecation/deprecation
+        , { key: this.props.id, id: this.props.id, version: (_a = this.props.version) !== null && _a !== void 0 ? _a : 1.0, defaultTool: (_b = this.props.defaultTool) !== null && _b !== void 0 ? _b : CoreToolDefinitions_1.CoreTools.selectElementCommand, contentGroup: contentGroup, isInFooterMode: true, usage: this.props.usage, applicationData: this.props.applicationData, contentManipulationTools: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: [
+                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-contentManipulationTools`, key: `${this.props.id}-contentManipulationTools`, isFreeform: true, element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }) }),
+                ] }), viewNavigationTools: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: [
+                    React.createElement(Widget_1.Widget, { id: `${this.props.id}-viewNavigationTools`, key: `${this.props.id}-viewNavigationTools`, isFreeform: true, element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }) }),
+                ] }), toolSettings: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: this.props.hideToolSettings ? [] :
+                    [
+                        React.createElement(Widget_1.Widget, { id: `${this.props.id}-toolSettings`, key: `${this.props.id}-toolSettings`, isToolSettings: true }),
+                    ] }), statusBar: React.createElement(Zone_1.Zone // eslint-disable-line deprecation/deprecation
+            , { widgets: this.props.hideStatusBar ? [] :
+                    [
+                        React.createElement(Widget_1.Widget, { id: `${this.props.id}-statusBar`, key: `${this.props.id}-statusBar`, isStatusBar: true, control: StatusBarWidgetComposerControl_1.StatusBarWidgetComposerControl }),
+                    ] }), leftPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { size: 300, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.leftPanelProps }), topPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { size: 90, pinned: false, defaultState: StagePanelDef_1.StagePanelState.Minimized, ...this.props.topPanelProps }), rightPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { defaultState: StagePanelDef_1.StagePanelState.Open, ...this.props.rightPanelProps }), bottomPanel: React.createElement(StagePanel_1.StagePanel // eslint-disable-line deprecation/deprecation
+            , { size: 180, defaultState: StagePanelDef_1.StagePanelState.Open, ...this.props.bottomPanelProps }) }));
     }
 }
 exports.StandardFrontstageProvider = StandardFrontstageProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,0DAAgG;AAChG,6DAA0D;AAC1D,oFAAiF;AACjF,8EAA2E;AAC3E,8FAA2F;AAC3F,gEAA+D;AAsD/D;;;;GAIG;AACH,MAAa,0BAA2B,SAAQ,uCAAkB;IAChE,YAAoB,KAA8B;QAChD,KAAK,EAAE,CAAC;QADU,UAAK,GAAL,KAAK,CAAyB;IAElD,CAAC;IAED,IAAoB,EAAE;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACvB,CAAC;IAEe,gBAAgB;;QAC9B,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,YAAY,mCAAoB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,2BAAY,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpK,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,GAAG;YAClC,YAAY;YACZ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mBAAmB,EAAE;gBACnB,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,2BAA2B;gBAC/C,OAAO,EAAE,oBAAC,qDAAyB,IAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;aAC9E;YACD,cAAc,EAAE;gBACd,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,sBAAsB;gBAC1C,OAAO,EAAE,oBAAC,+CAAsB,IAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAI;aACrF;YACD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBACtD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe;aACpC;YACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY;gBAChC,OAAO,EAAE,+DAA8B;aACxC;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc;aAC7B;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;aAC5B;YACD,UAAU,EAAE;gBACV,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;aAC9B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,GAAG;gBACT,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;aAC/B;SACF,CAAC;IACJ,CAAC;CACF;AAtDD,gEAsDC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StageUsage } from \"@itwin/appui-abstract\";\r\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { FrontstageProvider } from \"./FrontstageProvider\";\r\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\r\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\r\nimport { StatusBarWidgetComposerControl } from \"../widgets/StatusBarWidgetComposerControl\";\r\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\r\nimport { FrontstageConfig } from \"./FrontstageConfig\";\r\nimport { StagePanelConfig } from \"../stagepanels/StagePanelConfig\";\r\n\r\n/** Properties of a [[WidgetPanelProps]] component\r\n * @public\r\n */\r\nexport type WidgetPanelProps = Omit<StagePanelConfig, \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\">;\r\n\r\n/**\r\n * Props for [[StandardFrontstageProvider]]\r\n * @public\r\n */\r\nexport interface StandardFrontstageProps {\r\n  /* unique stage id. To ensure uniqueness it is common practice to format id like `appName:stageId` */\r\n  id: string;\r\n  /* version id that is used to store state of stage */\r\n  version?: number;\r\n  // Usage of stage. To allow generic UiItemProvides to populate this stage set to `StageUsage.General`.\r\n  usage: StageUsage | string;\r\n  /** Definition of available content groups or a function that provides them */\r\n  contentGroupProps: ContentGroupProps | ContentGroupProvider;\r\n  /** Specify button to use to open backstage. Leave undefined for no backstage button.\r\n   * ```\r\n   * <BackstageAppButton icon={\"icon-bentley-systems\"} />\r\n   * ```\r\n   * Custom corner button definition\r\n   * ```\r\n   * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"}\r\n   *   label=\"Toggle Backstage display\",\r\n   *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;\r\n   * ```\r\n   */\r\n  cornerButton?: React.ReactNode;\r\n  /** Set to true if default Navigation aid is not desired */\r\n  hideNavigationAid?: boolean;\r\n  /** Set to true if no tool setting dock is needed. Typically only used in modal stages. */\r\n  hideToolSettings?: boolean;\r\n  /** Set to true if no status bar is needed in stage */\r\n  hideStatusBar?: boolean;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 300, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  leftPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 90, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  topPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 200, pinned=true, defaultState:StagePanelState.Open} */\r\n  rightPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 180, pinned=true, defaultState:StagePanelState.Open} */\r\n  bottomPanelProps?: WidgetPanelProps;\r\n}\r\n\r\n/**\r\n * FrontstageProvider that provides an \"empty\" stage. All tool buttons, statusbar items, and widgets must\r\n * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).\r\n * @public\r\n */\r\nexport class StandardFrontstageProvider extends FrontstageProvider {\r\n  constructor(private props: StandardFrontstageProps) {\r\n    super();\r\n  }\r\n\r\n  public override get id(): string {\r\n    return this.props.id;\r\n  }\r\n\r\n  public override frontstageConfig(): FrontstageConfig {\r\n    const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\r\n    return {\r\n      id: this.props.id,\r\n      version: this.props.version ?? 1.0,\r\n      contentGroup,\r\n      usage: this.props.usage,\r\n      contentManipulation: {\r\n        id: `${this.props.id}-contentManipulationTools`,\r\n        element: <ContentToolWidgetComposer cornerButton={this.props.cornerButton} />,\r\n      },\r\n      viewNavigation: {\r\n        id: `${this.props.id}-viewNavigationTools`,\r\n        element: <ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />,\r\n      },\r\n      toolSettings: this.props.hideToolSettings ? undefined : {\r\n        id: `${this.props.id}-toolSettings`,\r\n      },\r\n      statusBar: this.props.hideStatusBar ? undefined : {\r\n        id: `${this.props.id}-statusBar`,\r\n        control: StatusBarWidgetComposerControl,\r\n      },\r\n      leftPanel: {\r\n        size: 300,\r\n        pinned: false,\r\n        defaultState: StagePanelState.Minimized,\r\n        ...this.props.leftPanelProps,\r\n      },\r\n      topPanel: {\r\n        size: 90,\r\n        pinned: false,\r\n        defaultState: StagePanelState.Minimized,\r\n        ...this.props.topPanelProps,\r\n      },\r\n      rightPanel: {\r\n        defaultState: StagePanelState.Open,\r\n        ...this.props.rightPanelProps,\r\n      },\r\n      bottomPanel: {\r\n        size: 180,\r\n        defaultState: StagePanelState.Open,\r\n        ...this.props.bottomPanelProps,\r\n      },\r\n    };\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StageUsage } from \"@itwin/appui-abstract\";\r\nimport { StagePanel, StagePanelProps } from \"../stagepanels/StagePanel\";\r\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { FrontstageProvider } from \"./FrontstageProvider\";\r\nimport { Frontstage, FrontstageProps } from \"./Frontstage\";\r\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\r\nimport { Zone } from \"../zones/Zone\";\r\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\r\nimport { Widget } from \"../widgets/Widget\";\r\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\r\nimport { StatusBarWidgetComposerControl } from \"../widgets/StatusBarWidgetComposerControl\";\r\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\r\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\r\n\r\n/** Properties of a [[WidgetPanelProps]] component\r\n * @public\r\n */\r\nexport type WidgetPanelProps = Omit<StagePanelProps, \"widgets\" | \"runtimeProps\" | \"header\" | \"allowedZones\" | \"panelZones\">; // eslint-disable-line deprecation/deprecation\r\n\r\n/**\r\n * Props for [[StandardFrontstageProvider]]\r\n * @public\r\n */\r\nexport interface StandardFrontstageProps {\r\n  /* unique stage id. To ensure uniqueness it is common practice to format id like `appName:stageId` */\r\n  id: string;\r\n  /* version id that is used to store state of stage */\r\n  version?: number;\r\n  // Usage of stage. To allow generic UiItemProvides to populate this stage set to `StageUsage.General`.\r\n  usage: StageUsage | string; // eslint-disable-line deprecation/deprecation\r\n  /** Definition of available content groups or a function that provides them */\r\n  contentGroupProps: ContentGroupProps | ContentGroupProvider;\r\n  /** Specify button to use to open backstage. Leave undefined for no backstage button.\r\n   * ```\r\n   * <BackstageAppButton icon={\"icon-bentley-systems\"} />\r\n   * ```\r\n   * Custom corner button definition\r\n   * ```\r\n   * const cornerButton = <BackstageAppButton icon={\"icon-bentley-systems\"}\r\n   *   label=\"Toggle Backstage display\",\r\n   *   execute={() => BackstageManager.getBackstageToggleCommand().execute()} />;\r\n   * ```\r\n   */\r\n  cornerButton?: React.ReactNode;\r\n  /** Set to true if default Navigation aid is not desired */\r\n  hideNavigationAid?: boolean;\r\n  /** Set to true if no tool setting dock is needed. Typically only used in modal stages. */\r\n  hideToolSettings?: boolean;\r\n  /** Set to true if no status bar is needed in stage */\r\n  hideStatusBar?: boolean;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 300, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  leftPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 90, pinned=false, defaultState:StagePanelState.Minimized} */\r\n  topPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 200, pinned=true, defaultState:StagePanelState.Open} */\r\n  rightPanelProps?: WidgetPanelProps;\r\n  /** Props used to set initial size and state of panel. Defaults to:\r\n   *  {size: 180, pinned=true, defaultState:StagePanelState.Open} */\r\n  bottomPanelProps?: WidgetPanelProps;\r\n  /** Application data is not require but exists for stages to pass feature settings to UiItemsProviders.\r\n   * It is expected that the UiItemsProvider supply an xxxAppData interface to define the properties it\r\n   * supports. See [[DefaultContentToolsAppData]] for an example.\r\n   */\r\n  applicationData?: any;\r\n  /** The defaultTool is is started when then frontstage loads and whenever any other tools exit.\r\n   * Most of the time, this is the Element Selection Tool (CoreTools.selectElementCommand).\r\n   * Your app can specify its own tool or another core tool as default with this property.\r\n   */\r\n  defaultTool?: ToolItemDef;\r\n}\r\n\r\n/**\r\n * FrontstageProvider that provides an \"empty\" stage. All tool buttons, statusbar items, and widgets must\r\n * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).\r\n * @public\r\n */\r\nexport class StandardFrontstageProvider extends FrontstageProvider {\r\n  constructor(private props: StandardFrontstageProps) {\r\n    super();\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.props.id;\r\n  }\r\n\r\n  public get frontstage(): React.ReactElement<FrontstageProps> { // eslint-disable-line deprecation/deprecation\r\n    const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\r\n    return (\r\n      <Frontstage // eslint-disable-line deprecation/deprecation\r\n        key={this.props.id}\r\n        id={this.props.id}\r\n        version={this.props.version ?? 1.0}\r\n        defaultTool={this.props.defaultTool ?? CoreTools.selectElementCommand}\r\n        contentGroup={contentGroup}\r\n        isInFooterMode={true}\r\n        usage={this.props.usage}\r\n        applicationData={this.props.applicationData}\r\n\r\n        contentManipulationTools={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              [\r\n                <Widget id={`${this.props.id}-contentManipulationTools`} key={`${this.props.id}-contentManipulationTools`} isFreeform={true} // eslint-disable-line deprecation/deprecation\r\n                  element={<ContentToolWidgetComposer cornerButton={this.props.cornerButton} />}\r\n                />,\r\n              ]}\r\n          />\r\n        }\r\n        viewNavigationTools={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              [\r\n                <Widget id={`${this.props.id}-viewNavigationTools`} key={`${this.props.id}-viewNavigationTools`} isFreeform={true} // eslint-disable-line deprecation/deprecation\r\n                  element={<ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />}\r\n                />,\r\n              ]}\r\n          />\r\n        }\r\n        toolSettings={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              this.props.hideToolSettings ? [] :\r\n                [\r\n                  <Widget id={`${this.props.id}-toolSettings`} key={`${this.props.id}-toolSettings`} isToolSettings={true} />, // eslint-disable-line deprecation/deprecation\r\n                ]\r\n            }\r\n          />\r\n        }\r\n        statusBar={\r\n          <Zone // eslint-disable-line deprecation/deprecation\r\n            widgets={\r\n              this.props.hideStatusBar ? [] :\r\n                [\r\n                  <Widget id={`${this.props.id}-statusBar`} key={`${this.props.id}-statusBar`} isStatusBar={true} // eslint-disable-line deprecation/deprecation\r\n                    control={StatusBarWidgetComposerControl} />,\r\n                ]\r\n            }\r\n          />\r\n        }\r\n\r\n        leftPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            size={300}\r\n            pinned={false}\r\n            defaultState={StagePanelState.Minimized}\r\n            {...this.props.leftPanelProps}\r\n          />\r\n        }\r\n\r\n        topPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            size={90}\r\n            pinned={false}\r\n            defaultState={StagePanelState.Minimized}\r\n            {...this.props.topPanelProps}\r\n          />\r\n        }\r\n\r\n        rightPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            defaultState={StagePanelState.Open}\r\n            {...this.props.rightPanelProps}\r\n\r\n          />\r\n        }\r\n\r\n        bottomPanel={\r\n          <StagePanel // eslint-disable-line deprecation/deprecation\r\n            size={180}\r\n            defaultState={StagePanelState.Open}\r\n            {...this.props.bottomPanelProps}\r\n          />\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -15,14 +15,14 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
  * @internal
  */
 function useAvailableUiItemsProviders() {
-    const [uiItemsProviderIds, setUiItemsProviderIds] = (0, react_1.useState)(appui_abstract_1.UiItemsManager.registeredProviderIds);
+    const [uiItemsProviderIds, setUiItemsProviderIds] = (0, react_1.useState)(appui_abstract_1.UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation
     (0, react_1.useEffect)(() => {
         const handleUiProviderRegisteredEvent = () => {
-            setUiItemsProviderIds(appui_abstract_1.UiItemsManager.registeredProviderIds);
+            setUiItemsProviderIds(appui_abstract_1.UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation
         };
-        appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent);
+        appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation
         return () => {
-            appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent);
+            appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation
         };
     }, []);
     return uiItemsProviderIds;

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

@@ -1 +1 @@
-{"version":3,"file":"useAvailableUiItemsProviders.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAC5C,0DAAuD;AAEvD;;;GAGG;AACH,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC;IACnG,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,+BAA+B,GAAG,GAAS,EAAE;YACjD,qBAAqB,CAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC;QAC9D,CAAC,CAAC;QAEF,+BAAc,CAAC,2BAA2B,CAAC,WAAW,CAAC,+BAA+B,CAAC,CAAC;QACxF,OAAO,GAAG,EAAE;YACV,+BAAc,CAAC,2BAA2B,CAAC,cAAc,CAAC,+BAA+B,CAAC,CAAC;QAC7F,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AAdD,oEAcC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { UiItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a\r\n * UiItemsProviders is added or removed allowing the ui component to be re-rendered.\r\n * @internal\r\n */\r\nexport function useAvailableUiItemsProviders(): readonly string[] {\r\n  const [uiItemsProviderIds, setUiItemsProviderIds] = useState(UiItemsManager.registeredProviderIds);\r\n  useEffect(() => {\r\n    const handleUiProviderRegisteredEvent = (): void => {\r\n      setUiItemsProviderIds(UiItemsManager.registeredProviderIds);\r\n    };\r\n\r\n    UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent);\r\n    return () => {\r\n      UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent);\r\n    };\r\n  }, []);\r\n\r\n  return uiItemsProviderIds;\r\n}\r\n"]}
+{"version":3,"file":"useAvailableUiItemsProviders.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA4C;AAC5C,0DAAuD;AAEvD;;;GAGG;AACH,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC,CAAC,8CAA8C;IAClJ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,+BAA+B,GAAG,GAAS,EAAE;YACjD,qBAAqB,CAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC,CAAC,8CAA8C;QAC7G,CAAC,CAAC;QAEF,+BAAc,CAAC,2BAA2B,CAAC,WAAW,CAAC,+BAA+B,CAAC,CAAC,CAAC,8CAA8C;QACvI,OAAO,GAAG,EAAE;YACV,+BAAc,CAAC,2BAA2B,CAAC,cAAc,CAAC,+BAA+B,CAAC,CAAC,CAAC,8CAA8C;QAC5I,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AAdD,oEAcC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Hooks\r\n */\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { UiItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a\r\n * UiItemsProviders is added or removed allowing the ui component to be re-rendered.\r\n * @internal\r\n */\r\nexport function useAvailableUiItemsProviders(): readonly string[] {\r\n  const [uiItemsProviderIds, setUiItemsProviderIds] = useState(UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation\r\n  useEffect(() => {\r\n    const handleUiProviderRegisteredEvent = (): void => {\r\n      setUiItemsProviderIds(UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation\r\n    };\r\n\r\n    UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation\r\n    return () => {\r\n      UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation\r\n    };\r\n  }, []);\r\n\r\n  return uiItemsProviderIds;\r\n}\r\n"]}

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

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

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

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

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

@@ -0,0 +1,57 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Hooks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FrameworkVersionSwitch = exports.FrameworkVersion = exports.FrameworkVersionContext = exports.useFrameworkVersion = void 0;
+const React = require("react");
+const react_redux_1 = require("react-redux");
+const UiFramework_1 = require("../UiFramework");
+/**
+ * @deprecated in 3.5. Used to toggle between UI1.0 and UI2.0.
+ * @public
+ */
+function useFrameworkVersion() {
+    return React.useContext(exports.FrameworkVersionContext); // eslint-disable-line deprecation/deprecation
+}
+exports.useFrameworkVersion = useFrameworkVersion;
+/**
+ * @deprecated in 3.5. Used to toggle between UI1.0 and UI2.0.
+ * @public
+ */
+exports.FrameworkVersionContext = React.createContext("2"); // eslint-disable-line @typescript-eslint/naming-convention, deprecation/deprecation
+/** The FrameworkVersion component provides uiVersion context to react component. The
+ * component uses the property frameworkState.configurableUiState.frameworkVersion from the redux store
+ * to determine the ui version. This version will default to "2" and should only be set to "1" for older
+ * iModelApp applications.
+ * @deprecated in 3.5. Used to toggle between UI1.0 and UI2.0.
+ * @public
+ */
+function FrameworkVersion(props) {
+    const uiVersion = (0, react_redux_1.useSelector)((state) => {
+        const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey];
+        return frameworkState ? frameworkState.configurableUiState.frameworkVersion : "2"; // eslint-disable-line deprecation/deprecation
+    });
+    return React.createElement(exports.FrameworkVersionContext.Provider // eslint-disable-line deprecation/deprecation
+    , { children: props.children, value: uiVersion });
+}
+exports.FrameworkVersion = FrameworkVersion;
+/** @internal */
+function FrameworkVersionSwitch(props) {
+    const version = useFrameworkVersion(); // eslint-disable-line deprecation/deprecation
+    switch (version) {
+        case "1": {
+            return React.createElement(React.Fragment, null, props.v1);
+        }
+        case "2":
+        default: {
+            return React.createElement(React.Fragment, null, props.v2);
+        }
+    }
+}
+exports.FrameworkVersionSwitch = FrameworkVersionSwitch;
+//# sourceMappingURL=useFrameworkVersion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameworkVersion.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useFrameworkVersion.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAA0C;AAE1C,gDAAiE;AAEjE;;;GAGG;AACH,SAAgB,mBAAmB;IACjC,OAAO,KAAK,CAAC,UAAU,CAAC,+BAAuB,CAAC,CAAC,CAAC,8CAA8C;AAClG,CAAC;AAFD,kDAEC;AAED;;;GAGG;AACU,QAAA,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAqB,GAAG,CAAC,CAAC,CAAC,oFAAoF;AAUzK;;;;;;GAMG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,SAAS,GAAG,IAAA,yBAAW,EAAC,CAAC,KAAyB,EAAE,EAAE;QAC1D,MAAM,cAAc,GAAI,KAAa,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC;QACrE,OAAO,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,mBAAmB,CAAC,gBAAsC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,8CAA8C;IACzJ,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,+BAAuB,CAAC,QAAQ,CAAC,8CAA8C;QACrF,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,SAAS,GAChB,CAAC;AACL,CAAC;AATD,4CASC;AAQD,gBAAgB;AAChB,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC,CAAC,8CAA8C;IACrF,QAAQ,OAAO,EAAE;QACf,KAAK,GAAG,CAAC,CAAC;YACR,OAAO,0CAAG,KAAK,CAAC,EAAE,CAAI,CAAC;SACxB;QACD,KAAK,GAAG,CAAC;QACT,OAAO,CAAC,CAAC;YACP,OAAO,0CAAG,KAAK,CAAC,EAAE,CAAI,CAAC;SACxB;KACF;AACH,CAAC;AAXD,wDAWC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Hooks\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { FrameworkRootState } from \"../redux/StateManager\";\r\nimport { FrameworkVersionId, UiFramework } from \"../UiFramework\";\r\n\r\n/**\r\n * @deprecated in 3.5. Used to toggle between UI1.0 and UI2.0.\r\n * @public\r\n */\r\nexport function useFrameworkVersion(): FrameworkVersionId { // eslint-disable-line deprecation/deprecation\r\n  return React.useContext(FrameworkVersionContext); // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/**\r\n * @deprecated in 3.5. Used to toggle between UI1.0 and UI2.0.\r\n * @public\r\n */\r\nexport const FrameworkVersionContext = React.createContext<FrameworkVersionId>(\"2\"); // eslint-disable-line @typescript-eslint/naming-convention, deprecation/deprecation\r\n\r\n/**\r\n * @deprecated in 3.5. Used to toggle between UI1.0 and UI2.0.\r\n * @public\r\n */\r\nexport interface FrameworkVersionProps {\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** The FrameworkVersion component provides uiVersion context to react component. The\r\n * component uses the property frameworkState.configurableUiState.frameworkVersion from the redux store\r\n * to determine the ui version. This version will default to \"2\" and should only be set to \"1\" for older\r\n * iModelApp applications.\r\n * @deprecated in 3.5. Used to toggle between UI1.0 and UI2.0.\r\n * @public\r\n */\r\nexport function FrameworkVersion(props: FrameworkVersionProps) { // eslint-disable-line deprecation/deprecation\r\n  const uiVersion = useSelector((state: FrameworkRootState) => {\r\n    const frameworkState = (state as any)[UiFramework.frameworkStateKey];\r\n    return frameworkState ? frameworkState.configurableUiState.frameworkVersion as FrameworkVersionId : \"2\"; // eslint-disable-line deprecation/deprecation\r\n  });\r\n  return <FrameworkVersionContext.Provider // eslint-disable-line deprecation/deprecation\r\n    children={props.children} // eslint-disable-line react/no-children-prop\r\n    value={uiVersion}\r\n  />;\r\n}\r\n\r\n/** @internal */\r\nexport interface FrameworkVersionSwitchProps {\r\n  v1?: React.ReactNode;\r\n  v2?: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\nexport function FrameworkVersionSwitch(props: FrameworkVersionSwitchProps) {\r\n  const version = useFrameworkVersion(); // eslint-disable-line deprecation/deprecation\r\n  switch (version) {\r\n    case \"1\": {\r\n      return <>{props.v1}</>;\r\n    }\r\n    case \"2\":\r\n    default: {\r\n      return <>{props.v2}</>;\r\n    }\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/imodel-components/Common.d.ts

@@ -0,0 +1,26 @@
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+/**
+ * An option of how class grouping should work in a component.
+ * @beta
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare enum ClassGroupingOption {
+    /** Class grouping is disabled */
+    No = 0,
+    /** Class grouping is enabled */
+    Yes = 1,
+    /** Class grouping is enabled and grouping node shows grouped items count */
+    YesWithCounts = 2
+}
+/**
+ * Data structure that describes info used to filter visibility tree.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface VisibilityTreeFilterInfo {
+    filter: string;
+    activeMatchIndex?: number;
+}
+//# sourceMappingURL=Common.d.ts.map

package/lib/cjs/appui-react/imodel-components/Common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Common.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/imodel-components/Common.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;GAIG;AACH,oBAAY,mBAAmB;IAC7B,iCAAiC;IACjC,EAAE,IAAA;IACF,gCAAgC;IAChC,GAAG,IAAA;IACH,4EAA4E;IAC5E,aAAa,IAAA;CACd;AAED;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/lib/cjs/appui-react/imodel-components/Common.js

@@ -0,0 +1,25 @@
+"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 IModelComponents
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClassGroupingOption = void 0;
+/**
+ * An option of how class grouping should work in a component.
+ * @beta
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+var ClassGroupingOption;
+(function (ClassGroupingOption) {
+    /** Class grouping is disabled */
+    ClassGroupingOption[ClassGroupingOption["No"] = 0] = "No";
+    /** Class grouping is enabled */
+    ClassGroupingOption[ClassGroupingOption["Yes"] = 1] = "Yes";
+    /** Class grouping is enabled and grouping node shows grouped items count */
+    ClassGroupingOption[ClassGroupingOption["YesWithCounts"] = 2] = "YesWithCounts";
+})(ClassGroupingOption = exports.ClassGroupingOption || (exports.ClassGroupingOption = {}));
+//# sourceMappingURL=Common.js.map

package/lib/cjs/appui-react/imodel-components/Common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../../../src/appui-react/imodel-components/Common.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;;GAIG;AACH,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAC7B,iCAAiC;IACjC,yDAAE,CAAA;IACF,gCAAgC;IAChC,2DAAG,CAAA;IACH,4EAA4E;IAC5E,+EAAa,CAAA;AACf,CAAC,EAPW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAO9B","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 IModelComponents\r\n */\r\n\r\n/**\r\n * An option of how class grouping should work in a component.\r\n * @beta\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport enum ClassGroupingOption {\r\n  /** Class grouping is disabled */\r\n  No,\r\n  /** Class grouping is enabled */\r\n  Yes,\r\n  /** Class grouping is enabled and grouping node shows grouped items count */\r\n  YesWithCounts,\r\n}\r\n\r\n/**\r\n * Data structure that describes info used to filter visibility tree.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport interface VisibilityTreeFilterInfo {\r\n  filter: string;\r\n  activeMatchIndex?: number;\r\n}\r\n"]}

package/lib/cjs/appui-react/imodel-components/VisibilityTreeBase.scss

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+@mixin ui-fw-visibility-tree-base {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .core-tree-node.with-checkbox {
+    >.contents {
+      padding-left: 31px;
+    }
+  }
+
+  .contents > .core-image-checkbox {
+    position: absolute;
+    top: unset;
+    left: 5px;
+    margin: -2px 0px 0px 5px;
+  }
+
+  .filteredTreeOverlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9999;
+    background-color: rgba(255, 255, 255, .8);
+  }
+
+  .components-tree-errormessage {
+    position: absolute;
+    top: 40%;
+    left: 50%;
+    width: 75%;
+    text-align: center;
+    transform: translate(-50%, -50%);
+    font-style: italic;
+    color: $buic-foreground-muted;
+
+    .errormessage-header {
+      display: block;
+      font-weight: bold;
+    }
+  }
+
+}

package/lib/cjs/appui-react/imodel-components/VisibilityTreeEventHandler.d.ts

@@ -0,0 +1,72 @@
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+import { TreeCheckboxStateChangeEventArgs, TreeNodeItem, TreeSelectionModificationEventArgs, TreeSelectionReplacementEventArgs } from "@itwin/components-react";
+import { BeEvent, IDisposable } from "@itwin/core-bentley";
+import { NodeKey } from "@itwin/presentation-common";
+import { UnifiedSelectionTreeEventHandler, UnifiedSelectionTreeEventHandlerParams } from "@itwin/presentation-components";
+/**
+ * Data structure that describes instance visibility status.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface VisibilityStatus {
+    state: "visible" | "partial" | "hidden";
+    isDisabled?: boolean;
+    tooltip?: string;
+}
+/**
+ * Type definition of visibility change event listener.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare type VisibilityChangeListener = (nodeIds?: string[], visibilityStatus?: Map<string, VisibilityStatus>) => void;
+/**
+ * Visibility handler used to change or get visibility of instances represented by the tree node.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface IVisibilityHandler extends IDisposable {
+    getVisibilityStatus(node: TreeNodeItem, nodeKey: NodeKey): VisibilityStatus | Promise<VisibilityStatus>;
+    changeVisibility(node: TreeNodeItem, nodeKey: NodeKey, shouldDisplay: boolean): Promise<void>;
+    onVisibilityChange: BeEvent<VisibilityChangeListener>;
+}
+/**
+ * Type definition of predicate used to decide if node can be selected.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare type VisibilityTreeSelectionPredicate = (key: NodeKey, node: TreeNodeItem) => boolean;
+/**
+ * Parameters for [[VisibilityTreeEventHandler]]
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface VisibilityTreeEventHandlerParams extends UnifiedSelectionTreeEventHandlerParams {
+    visibilityHandler: IVisibilityHandler | undefined;
+    selectionPredicate?: VisibilityTreeSelectionPredicate;
+}
+/**
+ * Base event handler for visibility tree.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare class VisibilityTreeEventHandler extends UnifiedSelectionTreeEventHandler {
+    private _visibilityHandler;
+    private _selectionPredicate?;
+    private _listeners;
+    constructor(params: VisibilityTreeEventHandlerParams);
+    dispose(): void;
+    private filterSelectionItems;
+    onSelectionModified({ modifications }: TreeSelectionModificationEventArgs): import("@itwin/components-react").Subscription | undefined;
+    onSelectionReplaced({ replacements }: TreeSelectionReplacementEventArgs): import("@itwin/components-react").Subscription | undefined;
+    onCheckboxStateChanged(event: TreeCheckboxStateChangeEventArgs): undefined;
+    private changeVisibility;
+    private updateCheckboxes;
+    private updateModel;
+    private collectAffectedNodesCheckboxInfos;
+    private collectAllNodesCheckboxInfos;
+    private getNodeCheckBoxInfo;
+    private createCheckboxInfo;
+}
+//# sourceMappingURL=VisibilityTreeEventHandler.d.ts.map

package/lib/cjs/appui-react/imodel-components/VisibilityTreeEventHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTreeEventHandler.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/imodel-components/VisibilityTreeEventHandler.ts"],"names":[],"mappings":"AAIA;;GAEG;AAQH,OAAO,EACgD,gCAAgC,EAAiB,YAAY,EAClH,kCAAkC,EAAE,iCAAiC,EACtE,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,gCAAgC,EAAE,sCAAsC,EAAE,MAAM,gCAAgC,CAAC;AAE1H;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,oBAAY,wBAAwB,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,IAAI,CAAC;AAEtH;;;;GAIG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,mBAAmB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxG,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9F,kBAAkB,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;CACvD;AAED;;;;GAIG;AACH,oBAAY,gCAAgC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;AAE7F;;;;GAIG;AACH,MAAM,WAAW,gCAAiC,SAAQ,sCAAsC;IAC9F,iBAAiB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAClD,kBAAkB,CAAC,EAAE,gCAAgC,CAAC;CACvD;AAED;;;;GAIG;AACH,qBAAa,0BAA2B,SAAQ,gCAAgC;IAC9E,OAAO,CAAC,kBAAkB,CAAiC;IAC3D,OAAO,CAAC,mBAAmB,CAAC,CAAmC;IAC/D,OAAO,CAAC,UAAU,CAA2B;gBAEjC,MAAM,EAAE,gCAAgC;IAapC,OAAO;IAKvB,OAAO,CAAC,oBAAoB;IAQZ,mBAAmB,CAAC,EAAE,aAAa,EAAE,EAAE,kCAAkC;IAYzE,mBAAmB,CAAC,EAAE,YAAY,EAAE,EAAE,iCAAiC;IAWvE,sBAAsB,CAAC,KAAK,EAAE,gCAAgC;IAa9E,OAAO,CAAC,gBAAgB;YAYV,gBAAgB;IAK9B,OAAO,CAAC,WAAW;YAgBL,iCAAiC;YAcjC,4BAA4B;YAQ5B,mBAAmB;IAWjC,OAAO,CAAC,kBAAkB;CAQ3B"}

package/lib/cjs/appui-react/imodel-components/VisibilityTreeEventHandler.js

@@ -0,0 +1,149 @@
+"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 IModelComponents
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityTreeEventHandler = void 0;
+/* eslint-disable deprecation/deprecation */
+const empty_1 = require("rxjs/internal/observable/empty");
+const from_1 = require("rxjs/internal/observable/from");
+const map_1 = require("rxjs/internal/operators/map");
+const mergeMap_1 = require("rxjs/internal/operators/mergeMap");
+const components_react_1 = require("@itwin/components-react");
+const core_react_1 = require("@itwin/core-react");
+const presentation_components_1 = require("@itwin/presentation-components");
+/**
+ * Base event handler for visibility tree.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+class VisibilityTreeEventHandler extends presentation_components_1.UnifiedSelectionTreeEventHandler {
+    constructor(params) {
+        super(params);
+        this._listeners = new Array();
+        this._visibilityHandler = params.visibilityHandler;
+        this._selectionPredicate = params.selectionPredicate;
+        if (this._visibilityHandler) {
+            this._listeners.push(this._visibilityHandler.onVisibilityChange.addListener(async (nodeIds, visibilityStatus) => this.updateCheckboxes(nodeIds, visibilityStatus)));
+        }
+        this._listeners.push(this.modelSource.onModelChanged.addListener(async ([_, changes]) => this.updateCheckboxes([...changes.addedNodeIds, ...changes.modifiedNodeIds])));
+        this.updateCheckboxes(); // eslint-disable-line @typescript-eslint/no-floating-promises
+    }
+    dispose() {
+        super.dispose();
+        this._listeners.forEach((disposeFunc) => disposeFunc());
+    }
+    filterSelectionItems(items) {
+        // istanbul ignore if
+        if (!this._selectionPredicate)
+            return items;
+        return items.filter((item) => this._selectionPredicate(this.getNodeKey(item), item));
+    }
+    onSelectionModified({ modifications }) {
+        const filteredModification = (0, components_react_1.toRxjsObservable)(modifications).pipe((0, map_1.map)(({ selectedNodeItems, deselectedNodeItems }) => {
+            return {
+                selectedNodeItems: this.filterSelectionItems(selectedNodeItems),
+                deselectedNodeItems: this.filterSelectionItems(deselectedNodeItems),
+            };
+        }));
+        return super.onSelectionModified({ modifications: filteredModification });
+    }
+    onSelectionReplaced({ replacements }) {
+        const filteredReplacements = (0, components_react_1.toRxjsObservable)(replacements).pipe((0, map_1.map)(({ selectedNodeItems }) => {
+            return {
+                selectedNodeItems: this.filterSelectionItems(selectedNodeItems),
+            };
+        }));
+        return super.onSelectionReplaced({ replacements: filteredReplacements });
+    }
+    onCheckboxStateChanged(event) {
+        // istanbul ignore if
+        if (!this._visibilityHandler)
+            return undefined;
+        (0, from_1.from)(event.stateChanges)
+            .pipe((0, mergeMap_1.mergeMap)((changes) => this.changeVisibility(changes)))
+            .subscribe();
+        return undefined;
+    }
+    changeVisibility(changes) {
+        return (0, from_1.from)(changes)
+            .pipe((0, mergeMap_1.mergeMap)(({ nodeItem, newState }) => {
+            // istanbul ignore if
+            if (!this._visibilityHandler)
+                return empty_1.EMPTY;
+            return (0, from_1.from)(this._visibilityHandler.changeVisibility(nodeItem, this.getNodeKey(nodeItem), newState === core_react_1.CheckBoxState.On));
+        }));
+    }
+    async updateCheckboxes(affectedNodes, visibilityStatus) {
+        const changes = await (affectedNodes ? this.collectAffectedNodesCheckboxInfos(affectedNodes, visibilityStatus) : this.collectAllNodesCheckboxInfos(visibilityStatus));
+        this.updateModel(changes);
+    }
+    updateModel(changes) {
+        this.modelSource.modifyModel((model) => {
+            for (const [nodeId, checkboxInfo] of changes) {
+                const node = model.getNode(nodeId);
+                // istanbul ignore if
+                if (!node)
+                    continue;
+                node.checkbox.isDisabled = checkboxInfo.isDisabled;
+                node.checkbox.isVisible = checkboxInfo.isVisible;
+                node.checkbox.state = checkboxInfo.state;
+                node.checkbox.tooltip = checkboxInfo.tooltip;
+            }
+        });
+    }
+    async collectAffectedNodesCheckboxInfos(affectedNodes, visibilityStatus) {
+        const nodeStates = new Map();
+        if (affectedNodes.length === 0)
+            return nodeStates;
+        await Promise.all(affectedNodes.map(async (nodeId) => {
+            const node = this.modelSource.getModel().getNode(nodeId);
+            // istanbul ignore else
+            if (node)
+                nodeStates.set(nodeId, await this.getNodeCheckBoxInfo(node, visibilityStatus));
+        }));
+        return nodeStates;
+    }
+    async collectAllNodesCheckboxInfos(visibilityStatus) {
+        const nodeStates = new Map();
+        for (const node of this.modelSource.getModel().iterateTreeModelNodes()) {
+            nodeStates.set(node.id, await this.getNodeCheckBoxInfo(node, visibilityStatus));
+        }
+        return nodeStates;
+    }
+    async getNodeCheckBoxInfo(node, visibilityStatus) {
+        var _a;
+        if (!this._visibilityHandler)
+            return { ...node.checkbox, isVisible: false };
+        const result = (_a = visibilityStatus === null || visibilityStatus === void 0 ? void 0 : visibilityStatus.get(node.id)) !== null && _a !== void 0 ? _a : this._visibilityHandler.getVisibilityStatus(node.item, this.getNodeKey(node.item));
+        if ((0, core_react_1.isPromiseLike)(result))
+            return this.createCheckboxInfo(await result);
+        return this.createCheckboxInfo(result);
+    }
+    createCheckboxInfo(status) {
+        return {
+            state: visibilityStateToCheckboxState(status),
+            isDisabled: status.isDisabled || false,
+            isVisible: true,
+            tooltip: status.tooltip,
+        };
+    }
+}
+exports.VisibilityTreeEventHandler = VisibilityTreeEventHandler;
+const visibilityStateToCheckboxState = (status) => {
+    switch (status.state) {
+        case "visible":
+            return core_react_1.CheckBoxState.On;
+        // istanbul ignore next
+        case "partial":
+            return core_react_1.CheckBoxState.Partial;
+        case "hidden":
+        default:
+            return core_react_1.CheckBoxState.Off;
+    }
+};
+//# sourceMappingURL=VisibilityTreeEventHandler.js.map