@itwin/appui-react 4.0.0-dev.12 → 4.0.0-dev.14

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.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 Picker\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Id64String, Logger } from \"@itwin/core-bentley\";\r\nimport { IModelApp, IModelConnection, ViewState } from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { SupportsViewSelectorChange } from \"../content/ContentControl\";\r\nimport { connectIModelConnection } from \"../redux/connectIModel\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ListItem, ListItemType, ListPicker } from \"./ListPicker\";\r\nimport svgSavedView from \"@bentley/icons-generic/icons/saved-view.svg\";\r\n\r\n// cSpell:ignore Spatials\r\n\r\n/** [[ViewSelectorChangedEvent]] Args interface.\r\n * @beta\r\n */\r\nexport interface ViewSelectorChangedEventArgs {\r\n  iModelConnection: IModelConnection;\r\n  viewDefinitionId: Id64String;\r\n  viewState: ViewState;\r\n  name: string;\r\n}\r\n\r\n/** ViewSelector Changed Event class.\r\n * @beta\r\n */\r\nexport class ViewSelectorChangedEvent extends UiEvent<ViewSelectorChangedEventArgs> { }\r\n\r\n/** Properties for the [[ViewSelector]] component\r\n * @beta\r\n */\r\nexport interface ViewSelectorProps {\r\n  imodel?: IModelConnection;\r\n  listenForShowUpdates?: boolean;\r\n\r\n  showSpatials: boolean;\r\n  showDrawings: boolean;\r\n  showSheets: boolean;\r\n  showUnknown: boolean;\r\n}\r\n\r\n/** State for the [[ViewSelector]] component\r\n * @beta\r\n */\r\ninterface ViewSelectorState {\r\n  items: ListItem[];\r\n  title: string;\r\n  initialized: boolean;\r\n  showSpatials: boolean;\r\n  showDrawings: boolean;\r\n  showSheets: boolean;\r\n  showUnknown: boolean;\r\n}\r\n\r\n/** Default properties of [[ViewSelector]] component.\r\n * @beta\r\n */\r\nexport type ViewSelectorDefaultProps = Pick<ViewSelectorProps, \"showSpatials\" | \"showDrawings\" | \"showSheets\" | \"showUnknown\">;\r\n\r\n/** ViewSelector Show Update Event Args interface.\r\n */\r\ninterface ViewSelectorShowUpdateEventArgs {\r\n  showSpatials: boolean;\r\n  showDrawings: boolean;\r\n  showSheets: boolean;\r\n  showUnknown: boolean;\r\n}\r\n\r\n/** ViewSelector Show Update Event class.\r\n */\r\nclass ViewSelectorShowUpdateEvent extends UiEvent<ViewSelectorShowUpdateEventArgs> { }\r\n\r\n/** View Selector React component\r\n * @beta\r\n */\r\nexport class ViewSelector extends React.Component<ViewSelectorProps, ViewSelectorState> {\r\n\r\n  private static readonly _onViewSelectorShowUpdateEvent = new ViewSelectorShowUpdateEvent();\r\n  private _removeShowUpdateListener?: () => void;\r\n  private _isMounted = false;\r\n\r\n  public static readonly defaultProps: ViewSelectorDefaultProps = {\r\n    showSpatials: true,\r\n    showDrawings: true,\r\n    showSheets: true,\r\n    showUnknown: true,\r\n  };\r\n\r\n  /** Gets the [[ViewSelectorChangedEvent]] */\r\n  public static readonly onViewSelectorChangedEvent = new ViewSelectorChangedEvent();\r\n\r\n  /** Updates the ViewSelector show settings.\r\n   */\r\n  public static updateShowSettings(showSpatials: boolean, showDrawings: boolean, showSheets: boolean, showUnknown: boolean): void {\r\n    ViewSelector._onViewSelectorShowUpdateEvent.emit({ showSpatials, showDrawings, showSheets, showUnknown });\r\n  }\r\n\r\n  /** Creates a ViewSelector */\r\n  constructor(props: ViewSelectorProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      items: new Array<ListItem>(),\r\n      title: UiFramework.translate(\"viewTypes.views\"),\r\n      initialized: false,\r\n      showSpatials: props.showSpatials,\r\n      showDrawings: props.showDrawings,\r\n      showSheets: props.showSheets,\r\n      showUnknown: props.showUnknown,\r\n    };\r\n  }\r\n\r\n  public override async componentDidMount() {\r\n    this._isMounted = true;\r\n    if (this.props.listenForShowUpdates)\r\n      this._removeShowUpdateListener = ViewSelector._onViewSelectorShowUpdateEvent.addListener(this._handleViewSelectorShowUpdateEvent);\r\n\r\n    await this.loadViews();\r\n  }\r\n\r\n  public override async componentDidUpdate(prevProps: ViewSelectorProps) {\r\n    if (this.props.imodel !== prevProps.imodel) {\r\n      await this.loadViews();\r\n    }\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    // istanbul ignore else\r\n    if (this._removeShowUpdateListener)\r\n      this._removeShowUpdateListener();\r\n  }\r\n\r\n  private _handleViewSelectorShowUpdateEvent = (args: ViewSelectorShowUpdateEventArgs): void => {\r\n    // istanbul ignore next\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    this.setState(args, async () => this.loadViews());\r\n  };\r\n\r\n  private setStateContainers(views3d: ListItem[], views2d: ListItem[], sheets: ListItem[], unknown?: ListItem[]) {\r\n    const views3dContainer: ListItem = {\r\n      key: \"views3dContainer\",\r\n      name: UiFramework.translate(\"viewTypes.spatialViews\"),\r\n      enabled: false,\r\n      type: ListItemType.Container,\r\n      children: views3d,\r\n    };\r\n\r\n    const views2dContainer: ListItem = {\r\n      key: \"views2dContainer\",\r\n      name: UiFramework.translate(\"viewTypes.drawings\"),\r\n      enabled: false,\r\n      type: ListItemType.Container,\r\n      children: views2d,\r\n    };\r\n\r\n    const sheetContainer: ListItem = {\r\n      key: \"sheetContainer\",\r\n      name: UiFramework.translate(\"viewTypes.sheets\"),\r\n      enabled: false,\r\n      type: ListItemType.Container,\r\n      children: sheets,\r\n    };\r\n\r\n    const containers = [views3dContainer, views2dContainer, sheetContainer];\r\n\r\n    // istanbul ignore if\r\n    if (unknown && unknown.length > 0) {\r\n      // This should never show, but just in case we missed a type of view state\r\n      const unknownContainer: ListItem = {\r\n        key: \"unknownContainer\",\r\n        name: UiFramework.translate(\"viewTypes.others\"),\r\n        enabled: false,\r\n        type: ListItemType.Container,\r\n        children: unknown,\r\n      };\r\n\r\n      if (unknown.length !== 0)\r\n        containers.push(unknownContainer);\r\n    }\r\n\r\n    // istanbul ignore next\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    this.setState({\r\n      items: containers,\r\n      title: UiFramework.translate(\"viewTypes.views\"),\r\n      initialized: true,\r\n    });\r\n  }\r\n  /**\r\n   * Query the views and set the initial state with the iModel's views.\r\n   */\r\n  public async loadViews(): Promise<void> {\r\n    // Query views and add them to state\r\n    const views3d: ListItem[] = [];\r\n    const views2d: ListItem[] = [];\r\n    const sheets: ListItem[] = [];\r\n    const unknown: ListItem[] = [];\r\n\r\n    if (this.props.imodel && this.props.imodel.views.getViewList) {\r\n      const query = { wantPrivate: false };\r\n      const specs = await this.props.imodel.views.getViewList(query);\r\n\r\n      specs.forEach((spec: IModelConnection.ViewSpec) => {\r\n        const viewItem: ListItem = {\r\n          key: spec.id,\r\n          name: spec.name,\r\n          enabled: false,\r\n          type: ListItemType.Item,\r\n        };\r\n\r\n        const className = ViewUtilities.getBisBaseClass(spec.class);\r\n\r\n        if (ViewUtilities.isSpatial(className) && this.state.showSpatials)\r\n          views3d.push(viewItem);\r\n        else if (ViewUtilities.isDrawing(className) && this.state.showDrawings)\r\n          views2d.push(viewItem);\r\n        else if (ViewUtilities.isSheet(className) && this.state.showSheets)\r\n          sheets.push(viewItem);\r\n        else if (this.state.showUnknown)\r\n          unknown.push(viewItem);\r\n      });\r\n    }\r\n\r\n    this.setStateContainers(views3d, views2d, sheets, unknown);\r\n  }\r\n\r\n  /**\r\n   * Update state of the entries in the widget.\r\n   * @param viewId Identifier for the relevant view\r\n   */\r\n  // istanbul ignore next\r\n  public async updateState(viewId?: any): Promise<void> {\r\n    // Wait for initialization finished\r\n    if (!this.state.initialized)\r\n      return;\r\n\r\n    // Query views and add them to state\r\n    const views3d: ListItem[] = this.state.items[0].children!;\r\n    const views2d: ListItem[] = this.state.items[1].children!;\r\n    const sheets: ListItem[] = this.state.items[2].children!;\r\n    const unknown: ListItem[] = this.state.items.length > 3 ? this.state.items[3].children! : [];\r\n\r\n    const updateChildren = (item: ListItem) => {\r\n      if (item.key === viewId)\r\n        return { ...item, enabled: true };\r\n      else\r\n        return { ...item, enabled: false };\r\n    };\r\n\r\n    this.setStateContainers(views3d.map(updateChildren), views2d.map(updateChildren), sheets.map(updateChildren), unknown.map(updateChildren));\r\n  }\r\n\r\n  // enable/disable the models\r\n  // istanbul ignore next\r\n  private _setEnabled = async (item: ListItem, _enabled: boolean) => {\r\n    const activeContentControl = UiFramework.content.getActiveContentControl() as unknown as SupportsViewSelectorChange;\r\n    if (!activeContentControl || !activeContentControl.supportsViewSelectorChange) {\r\n      Logger.logError(UiFramework.loggerCategory(this), `No active ContentControl for ViewSelector change`);\r\n      return;\r\n    }\r\n\r\n    // Enable the item temporarily to let user see that their click was registered\r\n    // while we query for view state and change the current view which may take a bit\r\n    if (_enabled && item.type !== ListItemType.Container) {\r\n      // This itemMapper simply looks through all the list items and their nested children and enables the one\r\n      // that we have registered to enable\r\n      // Also disable all other items\r\n      const itemMapper: (tempItem: ListItem) => ListItem = (tempItem: ListItem) => {\r\n        if (tempItem.type === ListItemType.Container) {\r\n          return { ...tempItem, children: tempItem.children!.map(itemMapper) };\r\n        } else if (tempItem.key === item.key) {\r\n          return { ...tempItem, enabled: true };\r\n        } else {\r\n          return { ...tempItem, enabled: false };\r\n        }\r\n      };\r\n\r\n      // Create the new array with the current item enabled\r\n      const itemsWithEnabled = this.state.items.map(itemMapper);\r\n\r\n      // istanbul ignore next\r\n      if (!this._isMounted)\r\n        return;\r\n\r\n      // Update the state so that we show the user it was enabled while we work in the background\r\n      this.setState({ items: itemsWithEnabled });\r\n    }\r\n\r\n    // Load the view state using the viewSpec's ID\r\n    const viewState = await this.props.imodel!.views.load(item.key);\r\n\r\n    // Let activeContentControl process the ViewSelector change\r\n    await activeContentControl.processViewSelectorChange(this.props.imodel!, item.key, viewState, item.name!);\r\n\r\n    // Emit a change event\r\n    ViewSelector.onViewSelectorChangedEvent.emit({\r\n      iModelConnection: this.props.imodel!,\r\n      viewDefinitionId: item.key,\r\n      viewState,\r\n      name: item.name!,\r\n    });\r\n\r\n    // Set state to show enabled the view that got selected\r\n    this.updateState(item.key); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  };\r\n\r\n  // Hook on the category selector being expanded so that we may initialize if needed\r\n  // istanbul ignore next\r\n  private _onExpanded = (expand: boolean) => {\r\n    if (expand)\r\n      this.updateState(IModelApp.viewManager.selectedView ? IModelApp.viewManager.selectedView.view.id : undefined); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  };\r\n\r\n  /**\r\n   *  Renders ViewSelector component\r\n   */\r\n  public override render() {\r\n    if (!this.state.initialized)\r\n      return null;\r\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgSavedView);\r\n\r\n    const { imodel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    return (\r\n      <ListPicker\r\n        {...props}\r\n        title={this.state.title}\r\n        setEnabled={this._setEnabled}\r\n        items={this.state.items}\r\n        iconSpec={iconSpec}\r\n        onExpanded={this._onExpanded}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** ViewSelector 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 * @beta\r\n */\r\nexport const IModelConnectedViewSelector = connectIModelConnection(null, null)(ViewSelector); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}
+{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.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 Picker\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Id64String, Logger } from \"@itwin/core-bentley\";\r\nimport { IModelApp, IModelConnection, ViewState } from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { SupportsViewSelectorChange } from \"../content/ContentControl\";\r\nimport { connectIModelConnection } from \"../redux/connectIModel\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ListItem, ListItemType, ListPicker } from \"./ListPicker\";\r\nimport { debounce } from \"lodash\";\r\nimport svgSavedView from \"@bentley/icons-generic/icons/saved-view.svg\";\r\n\r\n// cSpell:ignore Spatials\r\n\r\n/** [[ViewSelectorChangedEvent]] Args interface.\r\n * @beta\r\n */\r\nexport interface ViewSelectorChangedEventArgs {\r\n  iModelConnection: IModelConnection;\r\n  viewDefinitionId: Id64String;\r\n  viewState: ViewState;\r\n  name: string;\r\n}\r\n\r\n/** ViewSelector Changed Event class.\r\n * @beta\r\n */\r\nexport class ViewSelectorChangedEvent extends UiEvent<ViewSelectorChangedEventArgs> { }\r\n\r\n/** Properties for the [[ViewSelector]] component\r\n * @beta\r\n */\r\nexport interface ViewSelectorProps {\r\n  imodel?: IModelConnection;\r\n  listenForShowUpdates?: boolean;\r\n\r\n  showSpatials: boolean;\r\n  showDrawings: boolean;\r\n  showSheets: boolean;\r\n  showUnknown: boolean;\r\n  searchBox?: boolean;\r\n  panelOnly?: boolean;\r\n}\r\n\r\n/** State for the [[ViewSelector]] component\r\n * @beta\r\n */\r\ninterface ViewSelectorState {\r\n  items: ListItem[];\r\n  title: string;\r\n  initialized: boolean;\r\n  showSpatials: boolean;\r\n  showDrawings: boolean;\r\n  showSheets: boolean;\r\n  showUnknown: boolean;\r\n  searchBox: boolean;\r\n  panelOnly: boolean;\r\n}\r\n\r\n/** Default properties of [[ViewSelector]] component.\r\n * @beta\r\n */\r\nexport type ViewSelectorDefaultProps = Pick<ViewSelectorProps, \"showSpatials\" | \"showDrawings\" | \"showSheets\" | \"showUnknown\">;\r\n\r\n/** ViewSelector Show Update Event Args interface.\r\n */\r\ninterface ViewSelectorShowUpdateEventArgs {\r\n  showSpatials: boolean;\r\n  showDrawings: boolean;\r\n  showSheets: boolean;\r\n  showUnknown: boolean;\r\n}\r\n\r\n/** ViewSelector Show Update Event class.\r\n */\r\nclass ViewSelectorShowUpdateEvent extends UiEvent<ViewSelectorShowUpdateEventArgs> { }\r\n\r\n/** View Selector React component\r\n * @beta\r\n */\r\nexport class ViewSelector extends React.Component<ViewSelectorProps, ViewSelectorState> {\r\n\r\n  private static readonly _onViewSelectorShowUpdateEvent = new ViewSelectorShowUpdateEvent();\r\n  private _removeShowUpdateListener?: () => void;\r\n  private _isMounted = false;\r\n  private _searchInput = \"\";\r\n\r\n  public static readonly defaultProps: ViewSelectorDefaultProps = {\r\n    showSpatials: true,\r\n    showDrawings: true,\r\n    showSheets: true,\r\n    showUnknown: true,\r\n  };\r\n\r\n  /** Gets the [[ViewSelectorChangedEvent]] */\r\n  public static readonly onViewSelectorChangedEvent = new ViewSelectorChangedEvent();\r\n\r\n  /** Updates the ViewSelector show settings.\r\n   */\r\n  public static updateShowSettings(showSpatials: boolean, showDrawings: boolean, showSheets: boolean, showUnknown: boolean): void {\r\n    ViewSelector._onViewSelectorShowUpdateEvent.emit({ showSpatials, showDrawings, showSheets, showUnknown });\r\n  }\r\n\r\n  /** Creates a ViewSelector */\r\n  constructor(props: ViewSelectorProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      items: new Array<ListItem>(),\r\n      title: UiFramework.translate(\"viewTypes.views\"),\r\n      initialized: false,\r\n      showSpatials: props.showSpatials,\r\n      showDrawings: props.showDrawings,\r\n      showSheets: props.showSheets,\r\n      showUnknown: props.showUnknown,\r\n      searchBox: props.searchBox ? props.searchBox : true,\r\n      panelOnly: props.panelOnly ? props.panelOnly : false,\r\n    };\r\n  }\r\n\r\n  public override async componentDidMount() {\r\n    this._isMounted = true;\r\n    if (this.props.listenForShowUpdates)\r\n      this._removeShowUpdateListener = ViewSelector._onViewSelectorShowUpdateEvent.addListener(this._handleViewSelectorShowUpdateEvent);\r\n\r\n    await this.loadViews();\r\n  }\r\n\r\n  public override async componentDidUpdate(prevProps: ViewSelectorProps) {\r\n    if (this.props.imodel !== prevProps.imodel) {\r\n      await this.loadViews();\r\n    }\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    // istanbul ignore else\r\n    if (this._removeShowUpdateListener)\r\n      this._removeShowUpdateListener();\r\n  }\r\n\r\n  private _handleViewSelectorShowUpdateEvent = (args: ViewSelectorShowUpdateEventArgs): void => {\r\n    // istanbul ignore next\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    this.setState(args, async () => this.loadViews());\r\n  };\r\n\r\n  private setStateContainers(views3d: ListItem[], views2d: ListItem[], sheets: ListItem[], unknown?: ListItem[],\r\n    views3dFiltered?: ListItem[], views2dFiltered?: ListItem[], sheetsFiltered?: ListItem[], unknownFiltered?: ListItem[]) {\r\n    const views3dContainer: ListItem = {\r\n      key: \"views3dContainer\",\r\n      name: UiFramework.translate(\"viewTypes.spatialViews\"),\r\n      enabled: false,\r\n      type: ListItemType.Container,\r\n      children: views3dFiltered ? views3dFiltered : views3d,\r\n    };\r\n\r\n    const views2dContainer: ListItem = {\r\n      key: \"views2dContainer\",\r\n      name: UiFramework.translate(\"viewTypes.drawings\"),\r\n      enabled: false,\r\n      type: ListItemType.Container,\r\n      children: views2dFiltered ? views2dFiltered : views2d,\r\n    };\r\n\r\n    const sheetContainer: ListItem = {\r\n      key: \"sheetContainer\",\r\n      name: UiFramework.translate(\"viewTypes.sheets\"),\r\n      enabled: false,\r\n      type: ListItemType.Container,\r\n      children: sheetsFiltered ? sheetsFiltered : sheets,\r\n    };\r\n\r\n    const containers = [views3dContainer, views2dContainer, sheetContainer];\r\n\r\n    // istanbul ignore if\r\n    if (unknown && unknown.length > 0) {\r\n      // This should never show, but just in case we missed a type of view state\r\n      const unknownContainer: ListItem = {\r\n        key: \"unknownContainer\",\r\n        name: UiFramework.translate(\"viewTypes.others\"),\r\n        enabled: false,\r\n        type: ListItemType.Container,\r\n        children: unknownFiltered ? unknownFiltered : unknown,\r\n      };\r\n\r\n      if (unknown.length !== 0)\r\n        containers.push(unknownContainer);\r\n    }\r\n\r\n    // istanbul ignore next\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    this.setState({\r\n      items: containers,\r\n      title: UiFramework.translate(\"viewTypes.views\"),\r\n      initialized: true,\r\n    });\r\n  }\r\n  /**\r\n   * Query the views and set the initial state with the iModel's views.\r\n   */\r\n  public async loadViews(): Promise<void> {\r\n    // Query views and add them to state\r\n    const views3d: ListItem[] = [];\r\n    const views2d: ListItem[] = [];\r\n    const sheets: ListItem[] = [];\r\n    const unknown: ListItem[] = [];\r\n    let views3dFiltered: ListItem[] | undefined;\r\n    let views2dFiltered: ListItem[] | undefined;\r\n    let sheetsFiltered: ListItem[] | undefined;\r\n    let unknownFiltered: ListItem[] | undefined;\r\n\r\n    if (this.props.imodel && this.props.imodel.views.getViewList) {\r\n      const query = { wantPrivate: false };\r\n      const specs = await this.props.imodel.views.getViewList(query);\r\n\r\n      specs.forEach((spec: IModelConnection.ViewSpec) => {\r\n        const viewItem: ListItem = {\r\n          key: spec.id,\r\n          name: spec.name,\r\n          enabled: false,\r\n          type: ListItemType.Item,\r\n        };\r\n\r\n        const className = ViewUtilities.getBisBaseClass(spec.class);\r\n\r\n        if (ViewUtilities.isSpatial(className) && this.state.showSpatials)\r\n          views3d.push(viewItem);\r\n        else if (ViewUtilities.isDrawing(className) && this.state.showDrawings)\r\n          views2d.push(viewItem);\r\n        else if (ViewUtilities.isSheet(className) && this.state.showSheets)\r\n          sheets.push(viewItem);\r\n        else if (this.state.showUnknown)\r\n          unknown.push(viewItem);\r\n      });\r\n\r\n      if(this._searchInput.length > 0){\r\n        views3dFiltered = views3d.filter((view) => view.name?.toLowerCase().includes(this._searchInput.toLowerCase()));\r\n        views2dFiltered = views2d.filter((view) => view.name?.toLowerCase().includes(this._searchInput.toLowerCase()));\r\n        sheetsFiltered = sheets.filter((view) => view.name?.toLowerCase().includes(this._searchInput.toLowerCase()));\r\n        unknownFiltered = unknown.filter((view) => view.name?. toLowerCase().includes(this._searchInput.toLowerCase()));\r\n      }\r\n    }\r\n\r\n    this.setStateContainers(views3d, views2d, sheets, unknown, views3dFiltered, views2dFiltered, sheetsFiltered, unknownFiltered);\r\n  }\r\n\r\n  /**\r\n   * Update state of the entries in the widget.\r\n   * @param viewId Identifier for the relevant view\r\n   */\r\n  // istanbul ignore next\r\n  public async updateState(viewId?: any): Promise<void> {\r\n    // Wait for initialization finished\r\n    if (!this.state.initialized)\r\n      return;\r\n\r\n    // Query views and add them to state\r\n    const views3d: ListItem[] = this.state.items[0].children!;\r\n    const views2d: ListItem[] = this.state.items[1].children!;\r\n    const sheets: ListItem[] = this.state.items[2].children!;\r\n    const unknown: ListItem[] = this.state.items.length > 3 ? this.state.items[3].children! : [];\r\n\r\n    const updateChildren = (item: ListItem) => {\r\n      if (item.key === viewId)\r\n        return { ...item, enabled: true };\r\n      else\r\n        return { ...item, enabled: false };\r\n    };\r\n\r\n    this.setStateContainers(views3d.map(updateChildren), views2d.map(updateChildren), sheets.map(updateChildren), unknown.map(updateChildren));\r\n  }\r\n\r\n  // enable/disable the models\r\n  // istanbul ignore next\r\n  private _setEnabled = async (item: ListItem, _enabled: boolean) => {\r\n    const activeContentControl = UiFramework.content.getActiveContentControl() as unknown as SupportsViewSelectorChange;\r\n    if (!activeContentControl || !activeContentControl.supportsViewSelectorChange) {\r\n      Logger.logError(UiFramework.loggerCategory(this), `No active ContentControl for ViewSelector change`);\r\n      return;\r\n    }\r\n\r\n    // Enable the item temporarily to let user see that their click was registered\r\n    // while we query for view state and change the current view which may take a bit\r\n    if (_enabled && item.type !== ListItemType.Container) {\r\n      // This itemMapper simply looks through all the list items and their nested children and enables the one\r\n      // that we have registered to enable\r\n      // Also disable all other items\r\n      const itemMapper: (tempItem: ListItem) => ListItem = (tempItem: ListItem) => {\r\n        if (tempItem.type === ListItemType.Container) {\r\n          return { ...tempItem, children: tempItem.children!.map(itemMapper) };\r\n        } else if (tempItem.key === item.key) {\r\n          return { ...tempItem, enabled: true };\r\n        } else {\r\n          return { ...tempItem, enabled: false };\r\n        }\r\n      };\r\n\r\n      // Create the new array with the current item enabled\r\n      const itemsWithEnabled = this.state.items.map(itemMapper);\r\n\r\n      // istanbul ignore next\r\n      if (!this._isMounted)\r\n        return;\r\n\r\n      // Update the state so that we show the user it was enabled while we work in the background\r\n      this.setState({ items: itemsWithEnabled });\r\n    }\r\n\r\n    // Load the view state using the viewSpec's ID\r\n    const viewState = await this.props.imodel!.views.load(item.key);\r\n\r\n    // Let activeContentControl process the ViewSelector change\r\n    await activeContentControl.processViewSelectorChange(this.props.imodel!, item.key, viewState, item.name!);\r\n\r\n    // Emit a change event\r\n    ViewSelector.onViewSelectorChangedEvent.emit({\r\n      iModelConnection: this.props.imodel!,\r\n      viewDefinitionId: item.key,\r\n      viewState,\r\n      name: item.name!,\r\n    });\r\n\r\n    // Set state to show enabled the view that got selected\r\n    this.updateState(item.key); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  };\r\n\r\n  // Hook on the category selector being expanded so that we may initialize if needed\r\n  // istanbul ignore next\r\n  private _onExpanded = (expand: boolean) => {\r\n    if (expand)\r\n      this.updateState(IModelApp.viewManager.selectedView ? IModelApp.viewManager.selectedView.view.id : undefined); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  };\r\n\r\n  /**\r\n   *  Renders ViewSelector component\r\n   */\r\n  public override render() {\r\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgSavedView);\r\n\r\n    const { imodel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    return (\r\n      <ListPicker\r\n        {...props}\r\n        title={this.state.title}\r\n        setEnabled={this._setEnabled}\r\n        items={this.state.items}\r\n        iconSpec={iconSpec}\r\n        onExpanded={this._onExpanded}\r\n        searchBox={this.state.searchBox}\r\n        onSearchValueChange={debounce((search: string) => {\r\n          this._searchInput = search;\r\n          void this.loadViews();\r\n        }, 300)}\r\n        panelOnly={this.state.panelOnly}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** ViewSelector 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 * @beta\r\n */\r\nexport const IModelConnectedViewSelector = connectIModelConnection(null, null)(ViewSelector); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}

package/lib/cjs/appui-react/popup/CardPopup.d.ts

@@ -1,49 +1,49 @@
-/** @packageDocumentation
- * @module Popup
- */
-import "./CardPopup.scss";
-import * as React from "react";
-import { CommonToolbarItem, OnCancelFunc, OnItemExecutedFunc, PropertyRecord, RelativePosition } from "@itwin/appui-abstract";
-import { Orientation, Size } from "@itwin/core-react";
-import { PopupContentType, PopupPropsBase } from "./PopupManager";
-/** Props for defining a CardPopup editor
- * @beta */
-export interface CardPopupProps extends PopupPropsBase {
-    content: PopupContentType;
-    title: string | PropertyRecord | undefined;
-    items: CommonToolbarItem[] | undefined;
-    relativePosition: RelativePosition;
-    orientation: Orientation;
-    onCancel: OnCancelFunc;
-    onItemExecuted: OnItemExecutedFunc;
-}
-/** @internal */
-interface CardPopupState {
-    size: Size;
-}
-/** Popup component for Input Editor
- * @beta
- */
-export declare class CardPopup extends React.PureComponent<CardPopupProps, CardPopupState> {
-    /** @internal */
-    readonly state: {
-        size: Size;
-    };
-    private _onSizeKnown;
-    private _handleKeyDown;
-    private _cancel;
-    render(): JSX.Element;
-}
-/** Props defining a Card component
- * @beta */
-export interface CardProps {
-    content: PopupContentType;
-    title: string | PropertyRecord | undefined;
-    items: CommonToolbarItem[] | undefined;
-    onItemExecuted: OnItemExecutedFunc;
-}
-/** Card component
- * @beta */
-export declare function Card(props: CardProps): JSX.Element;
-export {};
+/** @packageDocumentation
+ * @module Popup
+ */
+import "./CardPopup.scss";
+import * as React from "react";
+import { CommonToolbarItem, OnCancelFunc, OnItemExecutedFunc, PropertyRecord, RelativePosition } from "@itwin/appui-abstract";
+import { Orientation, Size } from "@itwin/core-react";
+import { PopupContentType, PopupPropsBase } from "./PopupManager";
+/** Props for defining a CardPopup editor
+ * @beta */
+export interface CardPopupProps extends PopupPropsBase {
+    content: PopupContentType;
+    title: string | PropertyRecord | undefined;
+    items: CommonToolbarItem[] | undefined;
+    relativePosition: RelativePosition;
+    orientation: Orientation;
+    onCancel: OnCancelFunc;
+    onItemExecuted: OnItemExecutedFunc;
+}
+/** @internal */
+interface CardPopupState {
+    size: Size;
+}
+/** Popup component for Input Editor
+ * @beta
+ */
+export declare class CardPopup extends React.PureComponent<CardPopupProps, CardPopupState> {
+    /** @internal */
+    readonly state: {
+        size: Size;
+    };
+    private _onSizeKnown;
+    private _handleKeyDown;
+    private _cancel;
+    render(): JSX.Element;
+}
+/** Props defining a Card component
+ * @beta */
+export interface CardProps {
+    content: PopupContentType;
+    title: string | PropertyRecord | undefined;
+    items: CommonToolbarItem[] | undefined;
+    onItemExecuted: OnItemExecutedFunc;
+}
+/** Card component
+ * @beta */
+export declare function Card(props: CardProps): JSX.Element;
+export {};
 //# sourceMappingURL=CardPopup.d.ts.map

package/lib/cjs/appui-react/popup/CardPopup.js

@@ -1,90 +1,90 @@
-"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 Popup
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = exports.CardPopup = void 0;
-require("./CardPopup.scss");
-const React = require("react");
-const classnames_1 = require("classnames");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const CursorPopup_1 = require("../cursor/cursorpopup/CursorPopup");
-const PopupManager_1 = require("./PopupManager");
-const PositionPopup_1 = require("./PositionPopup");
-const MessageSpan_1 = require("../messages/MessageSpan");
-const components_react_1 = require("@itwin/components-react");
-/** Popup component for Input Editor
- * @beta
- */
-class CardPopup extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.state = {
-            size: new core_react_1.Size(-1, -1),
-        };
-        this._onSizeKnown = (newSize) => {
-            // istanbul ignore else
-            if (!this.state.size.equals(newSize))
-                this.setState({ size: core_react_1.Size.create(newSize) });
-        };
-        this._handleKeyDown = (event) => {
-            switch (event.key) {
-                case appui_abstract_1.SpecialKey.Escape:
-                    this._cancel();
-                    break;
-            }
-        };
-    }
-    _cancel() {
-        // istanbul ignore else
-        if (this.props.onCancel) {
-            this.props.onCancel();
-        }
-    }
-    render() {
-        let point = PopupManager_1.PopupManager.getPopupPosition(this.props.el, this.props.pt, new core_react_1.Point(), this.state.size);
-        const popupRect = CursorPopup_1.CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
-        point = new core_react_1.Point(popupRect.left, popupRect.top);
-        return (React.createElement(PositionPopup_1.PositionPopup, { key: this.props.id, className: (0, classnames_1.default)("uifw-no-border", "uifw-card"), point: point, onSizeKnown: this._onSizeKnown },
-            React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: this.props.onCancel, onKeyDown: this._handleKeyDown },
-                React.createElement(core_react_1.FocusTrap, { active: true, returnFocusOnDeactivate: true },
-                    React.createElement(Card, { content: this.props.content, title: this.props.title, items: this.props.items, onItemExecuted: this.props.onItemExecuted })))));
-    }
-}
-exports.CardPopup = CardPopup;
-/** Card component
- * @beta */
-function Card(props) {
-    let titleNode;
-    // istanbul ignore else
-    if (props.title) {
-        if (typeof props.title === "string")
-            titleNode = React.createElement(itwinui_react_1.Text, { variant: "leading" }, props.title);
-        else {
-            const propertyValueRendererManager = components_react_1.PropertyValueRendererManager.defaultManager;
-            const titleValue = propertyValueRendererManager.render(props.title);
-            titleNode = React.createElement(itwinui_react_1.Text, { variant: "leading" }, titleValue);
-        }
-    }
-    const content = (0, PopupManager_1.isReactContent)(props.content) ? props.content.reactNode : React.createElement(MessageSpan_1.MessageDiv, { message: props.content });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "uifw-card-content" },
-            props.title &&
-                React.createElement(React.Fragment, null,
-                    titleNode,
-                    React.createElement("div", { className: "uifw-card-gap" })),
-            content),
-        props.items &&
-            React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "uifw-card-separator" }),
-                React.createElement(components_react_1.ToolbarWithOverflow, { expandsTo: components_react_1.Direction.Bottom, panelAlignment: components_react_1.ToolbarPanelAlignment.Start, items: props.items, useDragInteraction: true, toolbarOpacitySetting: components_react_1.ToolbarOpacitySetting.Transparent, onItemExecuted: props.onItemExecuted }))));
-}
-exports.Card = Card;
+"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 Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = exports.CardPopup = void 0;
+require("./CardPopup.scss");
+const React = require("react");
+const classnames_1 = require("classnames");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const CursorPopup_1 = require("../cursor/cursorpopup/CursorPopup");
+const PopupManager_1 = require("./PopupManager");
+const PositionPopup_1 = require("./PositionPopup");
+const MessageSpan_1 = require("../messages/MessageSpan");
+const components_react_1 = require("@itwin/components-react");
+/** Popup component for Input Editor
+ * @beta
+ */
+class CardPopup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            size: new core_react_1.Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: core_react_1.Size.create(newSize) });
+        };
+        this._handleKeyDown = (event) => {
+            switch (event.key) {
+                case appui_abstract_1.SpecialKey.Escape:
+                    this._cancel();
+                    break;
+            }
+        };
+    }
+    _cancel() {
+        // istanbul ignore else
+        if (this.props.onCancel) {
+            this.props.onCancel();
+        }
+    }
+    render() {
+        let point = PopupManager_1.PopupManager.getPopupPosition(this.props.el, this.props.pt, new core_react_1.Point(), this.state.size);
+        const popupRect = CursorPopup_1.CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
+        point = new core_react_1.Point(popupRect.left, popupRect.top);
+        return (React.createElement(PositionPopup_1.PositionPopup, { key: this.props.id, className: (0, classnames_1.default)("uifw-no-border", "uifw-card"), point: point, onSizeKnown: this._onSizeKnown },
+            React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: this.props.onCancel, onKeyDown: this._handleKeyDown },
+                React.createElement(core_react_1.FocusTrap, { active: true, returnFocusOnDeactivate: true },
+                    React.createElement(Card, { content: this.props.content, title: this.props.title, items: this.props.items, onItemExecuted: this.props.onItemExecuted })))));
+    }
+}
+exports.CardPopup = CardPopup;
+/** Card component
+ * @beta */
+function Card(props) {
+    let titleNode;
+    // istanbul ignore else
+    if (props.title) {
+        if (typeof props.title === "string")
+            titleNode = React.createElement(itwinui_react_1.Text, { variant: "leading" }, props.title);
+        else {
+            const propertyValueRendererManager = components_react_1.PropertyValueRendererManager.defaultManager;
+            const titleValue = propertyValueRendererManager.render(props.title);
+            titleNode = React.createElement(itwinui_react_1.Text, { variant: "leading" }, titleValue);
+        }
+    }
+    const content = (0, PopupManager_1.isReactContent)(props.content) ? props.content.reactNode : React.createElement(MessageSpan_1.MessageDiv, { message: props.content });
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "uifw-card-content" },
+            props.title &&
+                React.createElement(React.Fragment, null,
+                    titleNode,
+                    React.createElement("div", { className: "uifw-card-gap" })),
+            content),
+        props.items &&
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "uifw-card-separator" }),
+                React.createElement(components_react_1.ToolbarWithOverflow, { expandsTo: components_react_1.Direction.Bottom, panelAlignment: components_react_1.ToolbarPanelAlignment.Start, items: props.items, useDragInteraction: true, toolbarOpacitySetting: components_react_1.ToolbarOpacitySetting.Transparent, onItemExecuted: props.onItemExecuted }))));
+}
+exports.Card = Card;
 //# sourceMappingURL=CardPopup.js.map

package/lib/cjs/appui-react/popup/HTMLElementPopup.d.ts

@@ -1,31 +1,31 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import { OnCancelFunc, RelativePosition } from "@itwin/appui-abstract";
-import { Orientation, Size } from "@itwin/core-react";
-import { PopupPropsBase } from "./PopupManager";
-/** @alpha */
-export interface HTMLElementPopupProps extends PopupPropsBase {
-    element: HTMLElement;
-    relativePosition: RelativePosition;
-    orientation: Orientation;
-    onCancel: OnCancelFunc;
-}
-/** @internal */
-interface HTMLElementPopupState {
-    size: Size;
-}
-/** Popup component for HTMLElement
- * @alpha
- */
-export declare class HTMLElementPopup extends React.PureComponent<HTMLElementPopupProps, HTMLElementPopupState> {
-    /** @internal */
-    readonly state: {
-        size: Size;
-    };
-    private _onSizeKnown;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { OnCancelFunc, RelativePosition } from "@itwin/appui-abstract";
+import { Orientation, Size } from "@itwin/core-react";
+import { PopupPropsBase } from "./PopupManager";
+/** @alpha */
+export interface HTMLElementPopupProps extends PopupPropsBase {
+    element: HTMLElement;
+    relativePosition: RelativePosition;
+    orientation: Orientation;
+    onCancel: OnCancelFunc;
+}
+/** @internal */
+interface HTMLElementPopupState {
+    size: Size;
+}
+/** Popup component for HTMLElement
+ * @alpha
+ */
+export declare class HTMLElementPopup extends React.PureComponent<HTMLElementPopupProps, HTMLElementPopupState> {
+    /** @internal */
+    readonly state: {
+        size: Size;
+    };
+    private _onSizeKnown;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=HTMLElementPopup.d.ts.map

package/lib/cjs/appui-react/popup/HTMLElementPopup.js

@@ -1,43 +1,43 @@
-"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 Popup
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTMLElementPopup = void 0;
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const CursorPopup_1 = require("../cursor/cursorpopup/CursorPopup");
-const PopupManager_1 = require("./PopupManager");
-const PositionPopup_1 = require("./PositionPopup");
-const MessageSpan_1 = require("../messages/MessageSpan");
-/** Popup component for HTMLElement
- * @alpha
- */
-class HTMLElementPopup extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.state = {
-            size: new core_react_1.Size(-1, -1),
-        };
-        this._onSizeKnown = (newSize) => {
-            // istanbul ignore else
-            if (!this.state.size.equals(newSize))
-                this.setState({ size: core_react_1.Size.create(newSize) });
-        };
-    }
-    render() {
-        let point = PopupManager_1.PopupManager.getPopupPosition(this.props.el, this.props.pt, new core_react_1.Point(), this.state.size);
-        const popupRect = CursorPopup_1.CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
-        point = new core_react_1.Point(popupRect.left, popupRect.top);
-        return (React.createElement(PositionPopup_1.PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
-            React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: this.props.onCancel },
-                React.createElement(MessageSpan_1.MessageDiv, { message: this.props.element }))));
-    }
-}
-exports.HTMLElementPopup = HTMLElementPopup;
+"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 Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTMLElementPopup = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const CursorPopup_1 = require("../cursor/cursorpopup/CursorPopup");
+const PopupManager_1 = require("./PopupManager");
+const PositionPopup_1 = require("./PositionPopup");
+const MessageSpan_1 = require("../messages/MessageSpan");
+/** Popup component for HTMLElement
+ * @alpha
+ */
+class HTMLElementPopup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            size: new core_react_1.Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: core_react_1.Size.create(newSize) });
+        };
+    }
+    render() {
+        let point = PopupManager_1.PopupManager.getPopupPosition(this.props.el, this.props.pt, new core_react_1.Point(), this.state.size);
+        const popupRect = CursorPopup_1.CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
+        point = new core_react_1.Point(popupRect.left, popupRect.top);
+        return (React.createElement(PositionPopup_1.PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
+            React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: this.props.onCancel },
+                React.createElement(MessageSpan_1.MessageDiv, { message: this.props.element }))));
+    }
+}
+exports.HTMLElementPopup = HTMLElementPopup;
 //# sourceMappingURL=HTMLElementPopup.js.map

package/lib/cjs/appui-react/popup/InputEditorPopup.d.ts

@@ -1,39 +1,39 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import { OnCancelFunc, OnValueCommitFunc, PropertyRecord } from "@itwin/appui-abstract";
-import { PropertyUpdatedArgs } from "@itwin/components-react";
-import { Size } from "@itwin/core-react";
-import { PopupPropsBase } from "./PopupManager";
-/** @beta */
-export declare class InputEditorCommitHandler {
-    readonly onCommit: OnValueCommitFunc;
-    constructor(onCommit: OnValueCommitFunc);
-    handleCommit: (args: PropertyUpdatedArgs) => void;
-}
-/** Props for popup editor
- * @beta */
-export interface InputEditorPopupProps extends PopupPropsBase {
-    record: PropertyRecord;
-    onCancel: OnCancelFunc;
-    commitHandler: InputEditorCommitHandler;
-}
-/** @internal */
-interface InputEditorPopupState {
-    size: Size;
-}
-/** Popup component for Input Editor
- * @alpha
- */
-export declare class InputEditorPopup extends React.PureComponent<InputEditorPopupProps, InputEditorPopupState> {
-    /** @internal */
-    readonly state: {
-        size: Size;
-    };
-    private _onSizeKnown;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { OnCancelFunc, OnValueCommitFunc, PropertyRecord } from "@itwin/appui-abstract";
+import { PropertyUpdatedArgs } from "@itwin/components-react";
+import { Size } from "@itwin/core-react";
+import { PopupPropsBase } from "./PopupManager";
+/** @beta */
+export declare class InputEditorCommitHandler {
+    readonly onCommit: OnValueCommitFunc;
+    constructor(onCommit: OnValueCommitFunc);
+    handleCommit: (args: PropertyUpdatedArgs) => void;
+}
+/** Props for popup editor
+ * @beta */
+export interface InputEditorPopupProps extends PopupPropsBase {
+    record: PropertyRecord;
+    onCancel: OnCancelFunc;
+    commitHandler: InputEditorCommitHandler;
+}
+/** @internal */
+interface InputEditorPopupState {
+    size: Size;
+}
+/** Popup component for Input Editor
+ * @alpha
+ */
+export declare class InputEditorPopup extends React.PureComponent<InputEditorPopupProps, InputEditorPopupState> {
+    /** @internal */
+    readonly state: {
+        size: Size;
+    };
+    private _onSizeKnown;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=InputEditorPopup.d.ts.map