@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/pickers/ListPicker.scss

@@ -0,0 +1,300 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/toolbar/item/expandable/group/tool/Tool";
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
+@import "~@itwin/core-react/lib/cjs/core-react/typography";
+
+$no-shadow: none;
+$shadow: drop-shadow(0 1px 0 $buic-text-color-reverse);
+$space-after-label: 16px;
+$space-before-label: 16px;
+$label-color: $buic-text-color;
+$border-color: $buic-background-control-stroke;
+$item-height: 32px;
+
+.ListPicker-separator {
+  height: 1px;
+  background: $buic-background-divider;
+  border-bottom: 1px solid $buic-background-control-stroke;
+}
+
+.ListPicker-column {
+  @include uicore-scrollbar();
+  overflow: auto;
+  height: 40vh;
+  width: 30vh;
+}
+
+.ListPickerInnerContainer {
+  border: 1px solid $border-color;
+  margin-left: 10px;
+  margin-right: 10px;
+  overflow: hidden;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-top: 0px;
+  background-color: $buic-background-window;
+}
+
+.ListPickerInnerContainer-expander {
+  height: $item-height;
+  width: 16px;
+  padding-right: 8px;
+  padding-left: 8px;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.ListPickerInnerContainer-header-content {
+  display: table-row;
+}
+
+.ListPickerInnerContainer-header {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin-right: 0px;
+  margin-left: 0px;
+  margin-bottom: 0px;
+  margin-top: 0px;
+  cursor: pointer;
+  white-space: nowrap;
+  height: $item-height;
+  color: $label-color;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.ListPickerInnerContainer-header-expanded {
+  @extend .ListPickerInnerContainer-header;
+  border-bottom: 1px solid $border-color;
+}
+
+.ListPickerInnerContainer-title {
+  vertical-align: middle;
+  display: table-cell;
+}
+
+
+.ListPicker-item {
+  $label-color: $buic-text-color;
+  $pressed-label-color: $buic-foreground-activehover;
+  $hovered-label-color: $buic-foreground-primary-tone;
+  $focused-label-color: $buic-foreground-primary-tone;
+  $active-label-color: $buic-foreground-primary-tone;
+  $item-height: 32px;
+  $item-border-width: 2px;
+  $active-tool-stripe-height: 22px;
+  $active-tool-stripe-width: 2px;
+
+  white-space: nowrap;
+  height: $item-height;
+  color: $label-color;
+  cursor: pointer;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+
+  @include body;
+
+  >.label {
+    display: inline-block;
+    margin-right: $space-after-label;
+    margin-left: $space-before-label;
+    line-height: $item-height;
+    filter: $shadow;
+
+    &:after {
+      display: block;
+      content: attr(title);
+      font-weight: bold;
+      height: 1px;
+      color: transparent;
+      overflow: hidden;
+      visibility: hidden;
+    }
+  }
+
+  &:hover {
+    color: $hovered-label-color;
+
+    @include body1;
+
+    >.icon,
+    .label {
+      filter: $shadow;
+    }
+  }
+
+  &:active {
+    background: $buic-row-selection;
+    color: $pressed-label-color;
+
+    >.icon,
+    .label {
+      filter: $no-shadow;
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &.is-focused {
+    color: $focused-label-color;
+    border-color: $buic-foreground-primary;
+    border-width: $item-border-width;
+    border-style: solid;
+
+    @include body1;
+
+    >.icon,
+    .label {
+      filter: $shadow;
+    }
+  }
+
+  &.is-active {
+    color: $active-label-color;
+
+    @include body1;
+
+    &::before {
+      content: '';
+      background-color: $active-label-color;
+      display: block;
+      position: relative;
+      top: 0;
+      left: $item-border-width + 1;
+      width: $active-tool-stripe-width;
+      height: $active-tool-stripe-height;
+      border-radius: 2px;
+    }
+
+    >.icon,
+    .label {
+      filter: $no-shadow;
+    }
+  }
+}
+
+.ListPickerWidget-item {
+  $label-color: $buic-text-color;
+  $pressed-label-color: $buic-foreground-activehover;
+  $hovered-label-color: $buic-foreground-primary;
+  $focused-label-color: $buic-foreground-primary;
+  $active-label-color: $buic-foreground-primary;
+  $item-height: 32px;
+  $item-border-width: 2px;
+  $active-tool-stripe-height: 22px;
+  $active-tool-stripe-width: 2px;
+
+  white-space: nowrap;
+  height: $item-height;
+  color: $label-color;
+  cursor: pointer;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+
+  @include body;
+
+  >.label {
+    display: inline-block;
+    margin-right: $space-after-label;
+    margin-left: $space-before-label;
+    line-height: $item-height;
+    filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+
+    &:after {
+      display: block;
+      content: attr(title);
+      font-weight: normal;
+      height: 1px;
+      color: transparent;
+      overflow: hidden;
+      visibility: hidden;
+    }
+  }
+
+  &:hover {
+    color: $hovered-label-color;
+
+    @include body1;
+
+    >.icon,
+    .label {
+      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+    }
+  }
+
+  &:active {
+    background: $buic-foreground-primary-tone;
+    color: $pressed-label-color;
+
+    >.icon,
+    .label {
+      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+    }
+  }
+
+  &.is-focused {
+    color: $focused-label-color;
+    border-color: $buic-foreground-primary;
+    border-width: $item-border-width;
+    border-style: solid;
+
+    @include body1;
+
+    >.icon,
+    .label {
+      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+    }
+  }
+
+  &.is-active {
+    color: $active-label-color;
+
+    @include body1;
+
+    &::before {
+      content: '';
+      background-color: $active-label-color;
+      display: block;
+      position: relative;
+      top: 0;
+      left: $item-border-width + 1;
+      width: $active-tool-stripe-width;
+      height: $active-tool-stripe-height;
+      border-radius: 2px;
+    }
+
+    >.icon,
+    .label {
+      filter: $no-shadow;
+    }
+  }
+}
+
+.ListPickerWidget-title {
+  $horizontal-margin: 20px;
+
+  white-space: nowrap;
+  text-align: center;
+  color: $buic-text-color;
+  filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+  margin-bottom: 9px;
+  margin-left: $horizontal-margin;
+  margin-right: $horizontal-margin;
+
+  @include title;
+}

package/lib/cjs/appui-react/pickers/ViewSelector.d.ts

@@ -0,0 +1,91 @@
+/** @packageDocumentation
+ * @module Picker
+ */
+import * as React from "react";
+import { Id64String } from "@itwin/core-bentley";
+import { IModelConnection, ViewState } from "@itwin/core-frontend";
+import { UiEvent } from "@itwin/core-react";
+import { ListItem } from "./ListPicker";
+/** [[ViewSelectorChangedEvent]] Args interface.
+ * @beta
+ */
+export interface ViewSelectorChangedEventArgs {
+    iModelConnection: IModelConnection;
+    viewDefinitionId: Id64String;
+    viewState: ViewState;
+    name: string;
+}
+/** ViewSelector Changed Event class.
+ * @beta
+ */
+export declare class ViewSelectorChangedEvent extends UiEvent<ViewSelectorChangedEventArgs> {
+}
+/** Properties for the [[ViewSelector]] component
+ * @beta
+ */
+export interface ViewSelectorProps {
+    imodel?: IModelConnection;
+    listenForShowUpdates?: boolean;
+    showSpatials: boolean;
+    showDrawings: boolean;
+    showSheets: boolean;
+    showUnknown: boolean;
+}
+/** State for the [[ViewSelector]] component
+ * @beta
+ */
+interface ViewSelectorState {
+    items: ListItem[];
+    title: string;
+    initialized: boolean;
+    showSpatials: boolean;
+    showDrawings: boolean;
+    showSheets: boolean;
+    showUnknown: boolean;
+}
+/** Default properties of [[ViewSelector]] component.
+ * @beta
+ */
+export declare type ViewSelectorDefaultProps = Pick<ViewSelectorProps, "showSpatials" | "showDrawings" | "showSheets" | "showUnknown">;
+/** View Selector React component
+ * @beta
+ */
+export declare class ViewSelector extends React.Component<ViewSelectorProps, ViewSelectorState> {
+    private static readonly _onViewSelectorShowUpdateEvent;
+    private _removeShowUpdateListener?;
+    private _isMounted;
+    static readonly defaultProps: ViewSelectorDefaultProps;
+    /** Gets the [[ViewSelectorChangedEvent]] */
+    static readonly onViewSelectorChangedEvent: ViewSelectorChangedEvent;
+    /** Updates the ViewSelector show settings.
+     */
+    static updateShowSettings(showSpatials: boolean, showDrawings: boolean, showSheets: boolean, showUnknown: boolean): void;
+    /** Creates a ViewSelector */
+    constructor(props: ViewSelectorProps);
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: ViewSelectorProps): Promise<void>;
+    componentWillUnmount(): void;
+    private _handleViewSelectorShowUpdateEvent;
+    private setStateContainers;
+    /**
+     * Query the views and set the initial state with the iModel's views.
+     */
+    loadViews(): Promise<void>;
+    /**
+     * Update state of the entries in the widget.
+     * @param viewId Identifier for the relevant view
+     */
+    updateState(viewId?: any): Promise<void>;
+    private _setEnabled;
+    private _onExpanded;
+    /**
+     *  Renders ViewSelector component
+     */
+    render(): JSX.Element | null;
+}
+/** ViewSelector that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
+ * @beta
+ */
+export declare const IModelConnectedViewSelector: import("react-redux").ConnectedComponent<typeof ViewSelector, any>;
+export {};
+//# sourceMappingURL=ViewSelector.d.ts.map

package/lib/cjs/appui-react/pickers/ViewSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelector.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAU,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAa,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,OAAO,EAAE,QAAQ,EAA4B,MAAM,cAAc,CAAC;AAIlE;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,OAAO,CAAC,4BAA4B,CAAC;CAAI;AAEvF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,oBAAY,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,cAAc,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC,CAAC;AAe/H;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAErF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,8BAA8B,CAAqC;IAC3F,OAAO,CAAC,yBAAyB,CAAC,CAAa;IAC/C,OAAO,CAAC,UAAU,CAAS;IAE3B,gBAAuB,YAAY,EAAE,wBAAwB,CAK3D;IAEF,4CAA4C;IAC5C,gBAAuB,0BAA0B,2BAAkC;IAEnF;OACG;WACW,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI;IAI/H,6BAA6B;gBACjB,KAAK,EAAE,iBAAiB;IAcd,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAMrD,oBAAoB;IAOpC,OAAO,CAAC,kCAAkC,CAMxC;IAEF,OAAO,CAAC,kBAAkB;IAoD1B;;OAEG;IACU,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAoCvC;;;OAGG;IAEU,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBrD,OAAO,CAAC,WAAW,CAkDjB;IAIF,OAAO,CAAC,WAAW,CAGjB;IAEF;;OAEG;IACa,MAAM;CAiBvB;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,oEAAoD,CAAC"}

package/lib/cjs/appui-react/pickers/ViewSelector.js

@@ -0,0 +1,253 @@
+"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 Picker
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IModelConnectedViewSelector = exports.ViewSelector = exports.ViewSelectorChangedEvent = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_frontend_1 = require("@itwin/core-frontend");
+const core_react_1 = require("@itwin/core-react");
+const ContentViewManager_1 = require("../content/ContentViewManager");
+const connectIModel_1 = require("../redux/connectIModel");
+const UiFramework_1 = require("../UiFramework");
+const ViewUtilities_1 = require("../utils/ViewUtilities");
+const ListPicker_1 = require("./ListPicker");
+/** ViewSelector Changed Event class.
+ * @beta
+ */
+class ViewSelectorChangedEvent extends core_react_1.UiEvent {
+}
+exports.ViewSelectorChangedEvent = ViewSelectorChangedEvent;
+/** ViewSelector Show Update Event class.
+ */
+class ViewSelectorShowUpdateEvent extends core_react_1.UiEvent {
+}
+/** View Selector React component
+ * @beta
+ */
+class ViewSelector extends React.Component {
+    /** Creates a ViewSelector */
+    constructor(props) {
+        super(props);
+        this._isMounted = false;
+        this._handleViewSelectorShowUpdateEvent = (args) => {
+            // istanbul ignore next
+            if (!this._isMounted)
+                return;
+            this.setState(args, async () => this.loadViews());
+        };
+        // enable/disable the models
+        // istanbul ignore next
+        this._setEnabled = async (item, _enabled) => {
+            const activeContentControl = ContentViewManager_1.ContentViewManager.getActiveContentControl();
+            if (!activeContentControl || !activeContentControl.supportsViewSelectorChange) {
+                core_bentley_1.Logger.logError(UiFramework_1.UiFramework.loggerCategory(this), `No active ContentControl for ViewSelector change`);
+                return;
+            }
+            // Enable the item temporarily to let user see that their click was registered
+            // while we query for view state and change the current view which may take a bit
+            if (_enabled && item.type !== ListPicker_1.ListItemType.Container) {
+                // This itemMapper simply looks through all the list items and their nested children and enables the one
+                // that we have registered to enable
+                // Also disable all other items
+                const itemMapper = (tempItem) => {
+                    if (tempItem.type === ListPicker_1.ListItemType.Container) {
+                        return { ...tempItem, children: tempItem.children.map(itemMapper) };
+                    }
+                    else if (tempItem.key === item.key) {
+                        return { ...tempItem, enabled: true };
+                    }
+                    else {
+                        return { ...tempItem, enabled: false };
+                    }
+                };
+                // Create the new array with the current item enabled
+                const itemsWithEnabled = this.state.items.map(itemMapper);
+                // istanbul ignore next
+                if (!this._isMounted)
+                    return;
+                // Update the state so that we show the user it was enabled while we work in the background
+                this.setState({ items: itemsWithEnabled });
+            }
+            // Load the view state using the viewSpec's ID
+            const viewState = await this.props.imodel.views.load(item.key);
+            // Let activeContentControl process the ViewSelector change
+            await activeContentControl.processViewSelectorChange(this.props.imodel, item.key, viewState, item.name);
+            // Emit a change event
+            ViewSelector.onViewSelectorChangedEvent.emit({
+                iModelConnection: this.props.imodel,
+                viewDefinitionId: item.key,
+                viewState,
+                name: item.name,
+            });
+            // Set state to show enabled the view that got selected
+            this.updateState(item.key); // eslint-disable-line @typescript-eslint/no-floating-promises
+        };
+        // Hook on the category selector being expanded so that we may initialize if needed
+        // istanbul ignore next
+        this._onExpanded = (expand) => {
+            if (expand)
+                this.updateState(core_frontend_1.IModelApp.viewManager.selectedView ? core_frontend_1.IModelApp.viewManager.selectedView.view.id : undefined); // eslint-disable-line @typescript-eslint/no-floating-promises
+        };
+        this.state = {
+            items: new Array(),
+            title: UiFramework_1.UiFramework.translate("savedViews.views"),
+            initialized: false,
+            showSpatials: props.showSpatials,
+            showDrawings: props.showDrawings,
+            showSheets: props.showSheets,
+            showUnknown: props.showUnknown,
+        };
+    }
+    /** Updates the ViewSelector show settings.
+     */
+    static updateShowSettings(showSpatials, showDrawings, showSheets, showUnknown) {
+        ViewSelector._onViewSelectorShowUpdateEvent.emit({ showSpatials, showDrawings, showSheets, showUnknown });
+    }
+    async componentDidMount() {
+        this._isMounted = true;
+        if (this.props.listenForShowUpdates)
+            this._removeShowUpdateListener = ViewSelector._onViewSelectorShowUpdateEvent.addListener(this._handleViewSelectorShowUpdateEvent);
+        await this.loadViews();
+    }
+    async componentDidUpdate(prevProps) {
+        if (this.props.imodel !== prevProps.imodel) {
+            await this.loadViews();
+        }
+    }
+    componentWillUnmount() {
+        this._isMounted = false;
+        // istanbul ignore else
+        if (this._removeShowUpdateListener)
+            this._removeShowUpdateListener();
+    }
+    setStateContainers(views3d, views2d, sheets, unknown) {
+        const views3dContainer = {
+            key: "views3dContainer",
+            name: UiFramework_1.UiFramework.translate("savedViews.spatialViews"),
+            enabled: false,
+            type: ListPicker_1.ListItemType.Container,
+            children: views3d,
+        };
+        const views2dContainer = {
+            key: "views2dContainer",
+            name: UiFramework_1.UiFramework.translate("savedViews.drawings"),
+            enabled: false,
+            type: ListPicker_1.ListItemType.Container,
+            children: views2d,
+        };
+        const sheetContainer = {
+            key: "sheetContainer",
+            name: UiFramework_1.UiFramework.translate("savedViews.sheets"),
+            enabled: false,
+            type: ListPicker_1.ListItemType.Container,
+            children: sheets,
+        };
+        const containers = [views3dContainer, views2dContainer, sheetContainer];
+        // istanbul ignore if
+        if (unknown && unknown.length > 0) {
+            // This should never show, but just in case we missed a type of view state
+            const unknownContainer = {
+                key: "unknownContainer",
+                name: UiFramework_1.UiFramework.translate("savedViews.others"),
+                enabled: false,
+                type: ListPicker_1.ListItemType.Container,
+                children: unknown,
+            };
+            if (unknown.length !== 0)
+                containers.push(unknownContainer);
+        }
+        // istanbul ignore next
+        if (!this._isMounted)
+            return;
+        this.setState({
+            items: containers,
+            title: UiFramework_1.UiFramework.translate("savedViews.views"),
+            initialized: true,
+        });
+    }
+    /**
+     * Query the views and set the initial state with the iModel's views.
+     */
+    async loadViews() {
+        // Query views and add them to state
+        const views3d = [];
+        const views2d = [];
+        const sheets = [];
+        const unknown = [];
+        // istanbul ignore if
+        if (this.props.imodel && this.props.imodel.views.getViewList) {
+            const query = { wantPrivate: false };
+            const specs = await this.props.imodel.views.getViewList(query);
+            specs.forEach((spec) => {
+                const viewItem = {
+                    key: spec.id,
+                    name: spec.name,
+                    enabled: false,
+                    type: ListPicker_1.ListItemType.Item,
+                };
+                const className = ViewUtilities_1.ViewUtilities.getBisBaseClass(spec.class);
+                if (ViewUtilities_1.ViewUtilities.isSpatial(className) && this.state.showSpatials)
+                    views3d.push(viewItem);
+                else if (ViewUtilities_1.ViewUtilities.isDrawing(className) && this.state.showDrawings)
+                    views2d.push(viewItem);
+                else if (ViewUtilities_1.ViewUtilities.isSheet(className) && this.state.showSheets)
+                    sheets.push(viewItem);
+                else if (this.state.showUnknown)
+                    unknown.push(viewItem);
+            });
+        }
+        this.setStateContainers(views3d, views2d, sheets, unknown);
+    }
+    /**
+     * Update state of the entries in the widget.
+     * @param viewId Identifier for the relevant view
+     */
+    // istanbul ignore next
+    async updateState(viewId) {
+        // Wait for initialization finished
+        if (!this.state.initialized)
+            return;
+        // Query views and add them to state
+        const views3d = this.state.items[0].children;
+        const views2d = this.state.items[1].children;
+        const sheets = this.state.items[2].children;
+        const unknown = this.state.items.length > 3 ? this.state.items[3].children : [];
+        const updateChildren = (item) => {
+            if (item.key === viewId)
+                return { ...item, enabled: true };
+            else
+                return { ...item, enabled: false };
+        };
+        this.setStateContainers(views3d.map(updateChildren), views2d.map(updateChildren), sheets.map(updateChildren), unknown.map(updateChildren));
+    }
+    /**
+     *  Renders ViewSelector component
+     */
+    render() {
+        if (!this.state.initialized)
+            return null;
+        const { imodel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement(ListPicker_1.ListPicker, { ...props, title: this.state.title, setEnabled: this._setEnabled, items: this.state.items, iconSpec: "icon-saved-view", onExpanded: this._onExpanded }));
+    }
+}
+exports.ViewSelector = ViewSelector;
+ViewSelector._onViewSelectorShowUpdateEvent = new ViewSelectorShowUpdateEvent();
+ViewSelector.defaultProps = {
+    showSpatials: true,
+    showDrawings: true,
+    showSheets: true,
+    showUnknown: true,
+};
+/** Gets the [[ViewSelectorChangedEvent]] */
+ViewSelector.onViewSelectorChangedEvent = new ViewSelectorChangedEvent();
+/** ViewSelector that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
+ * @beta
+ */
+exports.IModelConnectedViewSelector = (0, connectIModel_1.connectIModelConnection)(null, null)(ViewSelector); // eslint-disable-line @typescript-eslint/naming-convention
+//# sourceMappingURL=ViewSelector.js.map