@itwin/appui-react 4.13.2 → 4.13.3

package/lib/cjs/appui-react/navigationaids/DrawingNavigationAidControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawingNavigationAidControl.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/DrawingNavigationAidControl.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,4EAAsE;AAEtE,iEAA8D;AAE9D;;GAEG;AACH,MAAa,2BAA4B,SAAQ,2CAAoB;IAGnE,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,8CAAoB,IACnB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAED,uBAAuB;IACP,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAfa,2CAAe,GAAG,sBAAsB,CAAC;AAD5C,kEAA2B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport * as React from \"react\";\nimport { DrawingNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\n\n/** Navigation Aid that displays an interactive mini-map for Drawing views that synchronizes with the iModel Viewport.\n * @beta\n */\nexport class DrawingNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"DrawingNavigationAid\";\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <DrawingNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  // istanbul ignore next\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}
+{"version":3,"file":"DrawingNavigationAidControl.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/DrawingNavigationAidControl.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,4EAAsE;AAEtE,iEAA8D;AAE9D;;GAEG;AACH,MAAa,2BAA4B,SAAQ,2CAAoB;IAGnE,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,8CAAoB,IACnB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAED,uBAAuB;IACP,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAhBH,kEAiBC;AAhBe,2CAAe,GAAG,sBAAsB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport * as React from \"react\";\nimport { DrawingNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\n\n/** Navigation Aid that displays an interactive mini-map for Drawing views that synchronizes with the iModel Viewport.\n * @beta\n */\nexport class DrawingNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"DrawingNavigationAid\";\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <DrawingNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  // istanbul ignore next\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}

package/lib/cjs/appui-react/navigationaids/SheetNavigationAid.js

@@ -32,8 +32,8 @@ class SheetNavigationAidControl extends NavigationAidControl_1.NavigationAidCont
         return "96px";
     }
 }
-SheetNavigationAidControl.navigationAidId = "SheetNavigationAid";
 exports.SheetNavigationAidControl = SheetNavigationAidControl;
+SheetNavigationAidControl.navigationAidId = "SheetNavigationAid";
 /** A Sheet Navigation Aid.
  * @alpha
  */

package/lib/cjs/appui-react/navigationaids/SheetNavigationAid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport \"./SheetNavigationAid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  SelectedViewportChangedArgs,\n} from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { ViewIdChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\nimport type { CardSelectedEventArgs } from \"./SheetsModalFrontstage\";\nimport { CardContainer, SheetsModalFrontstage } from \"./SheetsModalFrontstage\";\nimport { IconButton, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\n\n/** A Sheet Navigation Aid control.\n * @alpha\n */\nexport class SheetNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"SheetNavigationAid\";\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <SheetNavigationAid iModelConnection={options.imodel} />;\n  }\n\n  // istanbul ignore next\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n\n/** Data displayed about sheet\n * @alpha\n */\nexport interface SheetData {\n  name: string;\n  viewId: string;\n}\n\n/** Properties for the [[SheetNavigationAid]] component\n * @alpha\n */\nexport interface SheetNavigationProps extends CommonProps {\n  iModelConnection: IModelConnection;\n}\n\n/** @internal */\ninterface SheetNavigationState {\n  index: number;\n  sheetData: SheetData[];\n}\n\n/** A Sheet Navigation Aid.\n * @alpha\n */\nexport class SheetNavigationAid extends React.Component<\n  SheetNavigationProps,\n  SheetNavigationState\n> {\n  private _isMounted = false;\n\n  /** @internal */\n  public override readonly state: Readonly<SheetNavigationState> = {\n    index: 0,\n    sheetData: [],\n  };\n\n  private _viewport: ScreenViewport | undefined;\n\n  constructor(props: SheetNavigationProps) {\n    super(props);\n\n    this._viewport = IModelApp.viewManager.selectedView;\n  }\n\n  /** Adds listeners when components mounts */\n  public override async componentDidMount() {\n    this._isMounted = true;\n\n    CardContainer.onCardSelectedEvent.addListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.addListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.addListener(\n      this._handleSelectedViewportChanged\n    );\n\n    const stateData = await this._setupSheets();\n\n    if (this._isMounted) this.setState(stateData);\n  }\n\n  /** Removes listeners when component will unmount */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n\n    CardContainer.onCardSelectedEvent.removeListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.removeListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.removeListener(\n      this._handleSelectedViewportChanged\n    );\n  }\n\n  /** Queries for sheet info and sets as sheetData */\n  private async _setupSheets(): Promise<SheetNavigationState> {\n    const stateData: SheetNavigationState = {\n      index: 0,\n      sheetData: [],\n    };\n\n    // istanbul ignore else\n    if (\n      !this.props.iModelConnection ||\n      !this.props.iModelConnection.views.getViewList\n    )\n      return stateData;\n\n    // istanbul ignore next\n    let viewId = \"\";\n    // istanbul ignore next\n    if (this._viewport) {\n      viewId = this._viewport.view.id.toString();\n    }\n\n    // istanbul ignore next\n    const sheets = await this.props.iModelConnection.views.getViewList({\n      from: \"BisCore.SheetViewDefinition\",\n    });\n    // istanbul ignore next\n    sheets.forEach((viewSpec: IModelConnection.ViewSpec, index: number) => {\n      stateData.sheetData.push({ name: viewSpec.name, viewId: viewSpec.id });\n      if (viewSpec.id === viewId) stateData.index = index;\n    });\n\n    // istanbul ignore next\n    return stateData;\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const name =\n      this.state.sheetData.length > 0\n        ? /* istanbul ignore next */ this.state.sheetData[this.state.index].name\n        : \"\";\n    const leftIndex =\n      this.state.index === 0\n        ? this.state.sheetData.length - 1\n        : /* istanbul ignore next */ this.state.index - 1;\n    const rightIndex =\n      this.state.index >= this.state.sheetData.length - 1\n        ? 0\n        : /* istanbul ignore next */ this.state.index + 1;\n    const leftTitle = this.state.sheetData[leftIndex]\n      ? /* istanbul ignore next */ this.state.sheetData[leftIndex].name\n      : undefined;\n    const rightTitle = this.state.sheetData[rightIndex]\n      ? /* istanbul ignore next */ this.state.sheetData[rightIndex].name\n      : undefined;\n\n    let content: React.ReactNode;\n    // istanbul ignore if\n    if (this.state.sheetData.length > 0) {\n      content = (\n        <>\n          <div className=\"sheet-title\">\n            {UiFramework.translate(\"general.sheet\")}\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n          <div\n            className=\"sheet-name\"\n            title={name}\n            onClick={this._handleOnClickSheetName}\n            role=\"button\"\n            tabIndex={-1}\n          >\n            {name}\n          </div>\n          <div className=\"sheet-container\">\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickLeftArrow}\n              tabIndex={-1}\n              title={leftTitle}\n            >\n              <SvgChevronLeft />\n            </IconButton>\n            <div>\n              {this.state.index + 1} {UiFramework.translate(\"general.of\")}\n              {this.state.sheetData.length}\n            </div>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickRightArrow}\n              role=\"button\"\n              tabIndex={-1}\n              title={rightTitle}\n            >\n              <SvgChevronRight />\n            </IconButton>\n          </div>\n        </>\n      );\n    } else {\n      content = <ProgressRadial size=\"x-small\" indeterminate />;\n    }\n\n    return (\n      <div\n        className={classnames(\"uifw-sheet-navigation\", this.props.className)}\n        style={this.props.style}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  /** Sets index of newly selected card */\n  // eslint-disable-next-line deprecation/deprecation\n  private _handleCardSelected = (event: CardSelectedEventArgs) => {\n    event &&\n      this.setState({\n        index: event.index,\n      });\n  };\n\n  /** Updates view to the next lowest index in sheetData */\n  // istanbul ignore next\n  private _handleOnClickLeftArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index:\n          prevState.index <= 0\n            ? prevState.sheetData.length - 1\n            : prevState.index - 1,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Updates view to next highest index in sheetData */\n  // istanbul ignore next\n  private _handleOnClickRightArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index: (prevState.index + 1) % prevState.sheetData.length,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  // istanbul ignore next\n  private _handleSelectedViewportChanged = (\n    args: SelectedViewportChangedArgs\n  ) => {\n    if (args.current) {\n      this._handleViewportChanged(args.current);\n    }\n  };\n\n  // istanbul ignore next\n  // eslint-disable-next-line deprecation/deprecation\n  private _handleViewIdChanged = (args: ViewIdChangedEventArgs) => {\n    if (this._viewport === args.viewport)\n      this._handleViewportChanged(args.viewport as ScreenViewport);\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  // istanbul ignore next\n  private _handleViewportChanged = (viewport: ScreenViewport) => {\n    const className = ViewUtilities.getBisBaseClass(\n      viewport.view.classFullName\n    );\n\n    if (ViewUtilities.isSheet(className)) {\n      this._viewport = viewport;\n\n      const viewId = this._viewport.view.id.toString();\n\n      const index = this.state.sheetData.findIndex((sheetData: SheetData) => {\n        return viewId === sheetData.viewId;\n      });\n\n      if (index >= 0) this.setState({ index });\n    }\n  };\n\n  /** Updates view to currently set sheet */\n  // istanbul ignore next\n  private async _updateView() {\n    const viewState = await this.props.iModelConnection.views.load(\n      this.state.sheetData[this.state.index].viewId\n    );\n    if (this._viewport) this._viewport.changeView(viewState);\n  }\n\n  /** Creates a new SheetsModalFrontstage */\n  // istanbul ignore next\n  private modalFrontstage(): ModalFrontstageInfo {\n    return new SheetsModalFrontstage(\n      this.state.sheetData,\n      this.props.iModelConnection,\n      this.state.index\n    );\n  }\n\n  /** Opens a new SheetsModelFrontstage on sheetName click */\n  // istanbul ignore next\n  private _handleOnClickSheetName = () => {\n    UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());\n  };\n}\n"]}
+{"version":3,"file":"SheetNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport \"./SheetNavigationAid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  SelectedViewportChangedArgs,\n} from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { ViewIdChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\nimport type { CardSelectedEventArgs } from \"./SheetsModalFrontstage\";\nimport { CardContainer, SheetsModalFrontstage } from \"./SheetsModalFrontstage\";\nimport { IconButton, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\n\n/** A Sheet Navigation Aid control.\n * @alpha\n */\nexport class SheetNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"SheetNavigationAid\";\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <SheetNavigationAid iModelConnection={options.imodel} />;\n  }\n\n  // istanbul ignore next\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n\n/** Data displayed about sheet\n * @alpha\n */\nexport interface SheetData {\n  name: string;\n  viewId: string;\n}\n\n/** Properties for the [[SheetNavigationAid]] component\n * @alpha\n */\nexport interface SheetNavigationProps extends CommonProps {\n  iModelConnection: IModelConnection;\n}\n\n/** @internal */\ninterface SheetNavigationState {\n  index: number;\n  sheetData: SheetData[];\n}\n\n/** A Sheet Navigation Aid.\n * @alpha\n */\nexport class SheetNavigationAid extends React.Component<\n  SheetNavigationProps,\n  SheetNavigationState\n> {\n  private _isMounted = false;\n\n  /** @internal */\n  public override readonly state: Readonly<SheetNavigationState> = {\n    index: 0,\n    sheetData: [],\n  };\n\n  private _viewport: ScreenViewport | undefined;\n\n  constructor(props: SheetNavigationProps) {\n    super(props);\n\n    this._viewport = IModelApp.viewManager.selectedView;\n  }\n\n  /** Adds listeners when components mounts */\n  public override async componentDidMount() {\n    this._isMounted = true;\n\n    CardContainer.onCardSelectedEvent.addListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.addListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.addListener(\n      this._handleSelectedViewportChanged\n    );\n\n    const stateData = await this._setupSheets();\n\n    if (this._isMounted) this.setState(stateData);\n  }\n\n  /** Removes listeners when component will unmount */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n\n    CardContainer.onCardSelectedEvent.removeListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.removeListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.removeListener(\n      this._handleSelectedViewportChanged\n    );\n  }\n\n  /** Queries for sheet info and sets as sheetData */\n  private async _setupSheets(): Promise<SheetNavigationState> {\n    const stateData: SheetNavigationState = {\n      index: 0,\n      sheetData: [],\n    };\n\n    // istanbul ignore else\n    if (\n      !this.props.iModelConnection ||\n      !this.props.iModelConnection.views.getViewList\n    )\n      return stateData;\n\n    // istanbul ignore next\n    let viewId = \"\";\n    // istanbul ignore next\n    if (this._viewport) {\n      viewId = this._viewport.view.id.toString();\n    }\n\n    // istanbul ignore next\n    const sheets = await this.props.iModelConnection.views.getViewList({\n      from: \"BisCore.SheetViewDefinition\",\n    });\n    // istanbul ignore next\n    sheets.forEach((viewSpec: IModelConnection.ViewSpec, index: number) => {\n      stateData.sheetData.push({ name: viewSpec.name, viewId: viewSpec.id });\n      if (viewSpec.id === viewId) stateData.index = index;\n    });\n\n    // istanbul ignore next\n    return stateData;\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const name =\n      this.state.sheetData.length > 0\n        ? /* istanbul ignore next */ this.state.sheetData[this.state.index].name\n        : \"\";\n    const leftIndex =\n      this.state.index === 0\n        ? this.state.sheetData.length - 1\n        : /* istanbul ignore next */ this.state.index - 1;\n    const rightIndex =\n      this.state.index >= this.state.sheetData.length - 1\n        ? 0\n        : /* istanbul ignore next */ this.state.index + 1;\n    const leftTitle = this.state.sheetData[leftIndex]\n      ? /* istanbul ignore next */ this.state.sheetData[leftIndex].name\n      : undefined;\n    const rightTitle = this.state.sheetData[rightIndex]\n      ? /* istanbul ignore next */ this.state.sheetData[rightIndex].name\n      : undefined;\n\n    let content: React.ReactNode;\n    // istanbul ignore if\n    if (this.state.sheetData.length > 0) {\n      content = (\n        <>\n          <div className=\"sheet-title\">\n            {UiFramework.translate(\"general.sheet\")}\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n          <div\n            className=\"sheet-name\"\n            title={name}\n            onClick={this._handleOnClickSheetName}\n            role=\"button\"\n            tabIndex={-1}\n          >\n            {name}\n          </div>\n          <div className=\"sheet-container\">\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickLeftArrow}\n              tabIndex={-1}\n              title={leftTitle}\n            >\n              <SvgChevronLeft />\n            </IconButton>\n            <div>\n              {this.state.index + 1} {UiFramework.translate(\"general.of\")}\n              {this.state.sheetData.length}\n            </div>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickRightArrow}\n              role=\"button\"\n              tabIndex={-1}\n              title={rightTitle}\n            >\n              <SvgChevronRight />\n            </IconButton>\n          </div>\n        </>\n      );\n    } else {\n      content = <ProgressRadial size=\"x-small\" indeterminate />;\n    }\n\n    return (\n      <div\n        className={classnames(\"uifw-sheet-navigation\", this.props.className)}\n        style={this.props.style}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  /** Sets index of newly selected card */\n  // eslint-disable-next-line deprecation/deprecation\n  private _handleCardSelected = (event: CardSelectedEventArgs) => {\n    event &&\n      this.setState({\n        index: event.index,\n      });\n  };\n\n  /** Updates view to the next lowest index in sheetData */\n  // istanbul ignore next\n  private _handleOnClickLeftArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index:\n          prevState.index <= 0\n            ? prevState.sheetData.length - 1\n            : prevState.index - 1,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Updates view to next highest index in sheetData */\n  // istanbul ignore next\n  private _handleOnClickRightArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index: (prevState.index + 1) % prevState.sheetData.length,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  // istanbul ignore next\n  private _handleSelectedViewportChanged = (\n    args: SelectedViewportChangedArgs\n  ) => {\n    if (args.current) {\n      this._handleViewportChanged(args.current);\n    }\n  };\n\n  // istanbul ignore next\n  // eslint-disable-next-line deprecation/deprecation\n  private _handleViewIdChanged = (args: ViewIdChangedEventArgs) => {\n    if (this._viewport === args.viewport)\n      this._handleViewportChanged(args.viewport as ScreenViewport);\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  // istanbul ignore next\n  private _handleViewportChanged = (viewport: ScreenViewport) => {\n    const className = ViewUtilities.getBisBaseClass(\n      viewport.view.classFullName\n    );\n\n    if (ViewUtilities.isSheet(className)) {\n      this._viewport = viewport;\n\n      const viewId = this._viewport.view.id.toString();\n\n      const index = this.state.sheetData.findIndex((sheetData: SheetData) => {\n        return viewId === sheetData.viewId;\n      });\n\n      if (index >= 0) this.setState({ index });\n    }\n  };\n\n  /** Updates view to currently set sheet */\n  // istanbul ignore next\n  private async _updateView() {\n    const viewState = await this.props.iModelConnection.views.load(\n      this.state.sheetData[this.state.index].viewId\n    );\n    if (this._viewport) this._viewport.changeView(viewState);\n  }\n\n  /** Creates a new SheetsModalFrontstage */\n  // istanbul ignore next\n  private modalFrontstage(): ModalFrontstageInfo {\n    return new SheetsModalFrontstage(\n      this.state.sheetData,\n      this.props.iModelConnection,\n      this.state.index\n    );\n  }\n\n  /** Opens a new SheetsModelFrontstage on sheetName click */\n  // istanbul ignore next\n  private _handleOnClickSheetName = () => {\n    UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());\n  };\n}\n"]}

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.js

@@ -132,9 +132,9 @@ class CardContainer extends React.Component {
         });
     }
 }
+exports.CardContainer = CardContainer;
 // eslint-disable-next-line deprecation/deprecation
 CardContainer._cardSelectedEvent = new core_bentley_1.BeUiEvent();
-exports.CardContainer = CardContainer;
 /** Displays information about an individual sheet
  * @alpha
  */

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport \"./SheetsModalFrontstage.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport {\n  FlexWrapContainer,\n  Icon,\n  ScrollView,\n  SearchBox,\n} from \"@itwin/core-react\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { SheetData } from \"./SheetNavigationAid\";\nimport { SvgDocument, SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\n\n/** Data about a sheet card\n * @alpha\n */\nexport interface CardInfo {\n  index: number;\n  label: string;\n  iconSpec: IconSpec;\n  isActive: boolean;\n  viewId: any;\n}\n\n/** Arguments for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CardSelectedEventArgs {\n  id: any;\n  index: number;\n}\n\n/** Class for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> {}\n\n/** Modal frontstage displaying sheet information in cards.\n * @alpha\n */\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\n  public title = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\n  private _cards: CardInfo[] = [];\n  private _connection: IModelConnection;\n  private _currentIndex: number;\n  private _searchValue: string = \"\";\n\n  /**\n   * Creates a SheetsModalFrontstage\n   * @param sheets Collection of sheets available in SheetNavigationAid\n   * @param connection IModelConnection to query for sheet ViewState\n   */\n  constructor(\n    sheets: SheetData[],\n    connection: IModelConnection,\n    currentIndex: number\n  ) {\n    this._connection = connection;\n    this._currentIndex = currentIndex;\n    this._storeSheetsAsCards(sheets);\n  }\n\n  /**\n   * Gathers card info from available sheets\n   * @param sheets SheetData from available sheets\n   */\n  private _storeSheetsAsCards(sheets: SheetData[]) {\n    sheets.forEach((sheet: SheetData, index: number) => {\n      this._cards.push({\n        index,\n        label: sheet.name,\n        iconSpec: <SvgDocument />,\n        viewId: sheet.viewId,\n        isActive: index === this._currentIndex,\n      });\n    });\n  }\n\n  /** Gets set of cards */\n  public get content(): React.ReactNode {\n    return (\n      <CardContainer\n        cards={this._cards}\n        searchValue={this._searchValue}\n        connection={this._connection}\n      />\n    );\n  }\n\n  /** Gets components to be placed in the app bar */\n  public get appBarRight(): React.ReactNode {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <SearchBox\n        placeholder={UiFramework.translate(\"general.search\")}\n        onValueChanged={this._handleSearchValueChanged}\n        valueChangedDelay={250}\n      />\n    );\n  }\n\n  /** Updates stage based on search value */\n  // istanbul ignore next\n  private _handleSearchValueChanged = (value: string): void => {\n    this._searchValue = value;\n    UiFramework.frontstages.updateModalFrontstage();\n  };\n}\n\n/** Properties for [[CardContainer]]\n * @alpha\n */\nexport interface CardContainerProps extends CommonProps {\n  cards: CardInfo[];\n  searchValue: string;\n  connection: IModelConnection;\n}\n\n/** Displays cards in SheetModalFrontstage\n * @alpha\n */\nexport class CardContainer extends React.Component<CardContainerProps> {\n  // eslint-disable-next-line deprecation/deprecation\n  private static _cardSelectedEvent = new BeUiEvent<CardSelectedEventArgs>();\n\n  /** Get CardSelectedEvent event */\n  // eslint-disable-next-line deprecation/deprecation\n  public static get onCardSelectedEvent(): CardSelectedEvent {\n    return CardContainer._cardSelectedEvent;\n  }\n\n  /** @internal */\n  public override render() {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <ScrollView className={this.props.className} style={this.props.style}>\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <FlexWrapContainer>\n          {this.props.cards.map((card: CardInfo, _index: number) => {\n            let includeCard = true;\n            if (this.props.searchValue) {\n              includeCard = this.contains(card.label, this.props.searchValue);\n            }\n\n            if (includeCard) {\n              return (\n                <SheetCard\n                  key={card.label}\n                  label={card.label}\n                  index={card.index}\n                  iconSpec={card.iconSpec}\n                  isActive={card.isActive}\n                  onClick={async () => this._handleCardSelected(card)}\n                />\n              );\n            }\n\n            return null;\n          })}\n        </FlexWrapContainer>\n      </ScrollView>\n    );\n  }\n\n  /**\n   * Determines if string contains a substring\n   * @param valueA The string to search through\n   * @param valueB The value to search for\n   * @return True if valueB can be found in valueA, false otherwise\n   */\n  private contains(valueA: string, valueB: string): boolean {\n    if (!valueA || !valueB) return false;\n\n    if (valueB.length > valueA.length) return false;\n\n    return (\n      valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1\n    );\n  }\n\n  /**\n   * Updates view with ViewState for selected card.\n   * @param card Data about the sheet card selected.\n   */\n  private async _handleCardSelected(card: CardInfo) {\n    // istanbul ignore if\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\n      const vp = IModelApp.viewManager.selectedView;\n      const viewState = await this.props.connection.views.load(card.viewId);\n      vp.changeView(viewState);\n    }\n\n    card.isActive = true;\n    UiFramework.frontstages.closeModalFrontstage();\n    CardContainer.onCardSelectedEvent.emit({\n      id: card.viewId,\n      index: card.index,\n    });\n  }\n}\n\n/** Properties for [[SheetCard]]\n * @alpha\n */\nexport interface SheetCardProps {\n  label: string;\n  index: number;\n  iconSpec: IconSpec;\n  isActive: boolean;\n  onClick: () => void;\n}\n\n/** State for [[SheetCard]]\n * @internal\n */\ninterface SheetCardState {\n  isActive: boolean;\n  isPressed: boolean;\n}\n\n/** Displays information about an individual sheet\n * @alpha\n */\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\n  constructor(props: SheetCardProps) {\n    super(props);\n    this.state = { isActive: this.props.isActive, isPressed: false };\n  }\n\n  private _onClick = () => {\n    this.setState({ isActive: true }, () => this.props.onClick());\n  };\n\n  private _onMouseDown = () => {\n    this.setState({ isPressed: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.state.isPressed) this.setState({ isPressed: false });\n  };\n\n  public override render() {\n    const { label, index } = this.props;\n\n    const className = classnames(\n      \"uifw-sheet-card\",\n      this.state.isActive && \"is-active\",\n      this.state.isPressed && \"is-pressed\"\n    );\n\n    const iconSpec = this.props.iconSpec ? (\n      this.props.iconSpec\n    ) : (\n      <SvgPlaceholder />\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        onClick={this._onClick}\n        onMouseDown={this._onMouseDown}\n        onMouseLeave={this._onMouseLeave}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        {label}\n        <div className=\"sheet-image-container\">\n          <div className=\"icon\">\n            {\" \"}\n            <Icon iconSpec={iconSpec} />\n          </div>\n        </div>\n        <div className=\"sheet-index\">{index + 1}</div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport \"./SheetsModalFrontstage.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport {\n  FlexWrapContainer,\n  Icon,\n  ScrollView,\n  SearchBox,\n} from \"@itwin/core-react\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { SheetData } from \"./SheetNavigationAid\";\nimport { SvgDocument, SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\n\n/** Data about a sheet card\n * @alpha\n */\nexport interface CardInfo {\n  index: number;\n  label: string;\n  iconSpec: IconSpec;\n  isActive: boolean;\n  viewId: any;\n}\n\n/** Arguments for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CardSelectedEventArgs {\n  id: any;\n  index: number;\n}\n\n/** Class for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> {}\n\n/** Modal frontstage displaying sheet information in cards.\n * @alpha\n */\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\n  public title = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\n  private _cards: CardInfo[] = [];\n  private _connection: IModelConnection;\n  private _currentIndex: number;\n  private _searchValue: string = \"\";\n\n  /**\n   * Creates a SheetsModalFrontstage\n   * @param sheets Collection of sheets available in SheetNavigationAid\n   * @param connection IModelConnection to query for sheet ViewState\n   */\n  constructor(\n    sheets: SheetData[],\n    connection: IModelConnection,\n    currentIndex: number\n  ) {\n    this._connection = connection;\n    this._currentIndex = currentIndex;\n    this._storeSheetsAsCards(sheets);\n  }\n\n  /**\n   * Gathers card info from available sheets\n   * @param sheets SheetData from available sheets\n   */\n  private _storeSheetsAsCards(sheets: SheetData[]) {\n    sheets.forEach((sheet: SheetData, index: number) => {\n      this._cards.push({\n        index,\n        label: sheet.name,\n        iconSpec: <SvgDocument />,\n        viewId: sheet.viewId,\n        isActive: index === this._currentIndex,\n      });\n    });\n  }\n\n  /** Gets set of cards */\n  public get content(): React.ReactNode {\n    return (\n      <CardContainer\n        cards={this._cards}\n        searchValue={this._searchValue}\n        connection={this._connection}\n      />\n    );\n  }\n\n  /** Gets components to be placed in the app bar */\n  public get appBarRight(): React.ReactNode {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <SearchBox\n        placeholder={UiFramework.translate(\"general.search\")}\n        onValueChanged={this._handleSearchValueChanged}\n        valueChangedDelay={250}\n      />\n    );\n  }\n\n  /** Updates stage based on search value */\n  // istanbul ignore next\n  private _handleSearchValueChanged = (value: string): void => {\n    this._searchValue = value;\n    UiFramework.frontstages.updateModalFrontstage();\n  };\n}\n\n/** Properties for [[CardContainer]]\n * @alpha\n */\nexport interface CardContainerProps extends CommonProps {\n  cards: CardInfo[];\n  searchValue: string;\n  connection: IModelConnection;\n}\n\n/** Displays cards in SheetModalFrontstage\n * @alpha\n */\nexport class CardContainer extends React.Component<CardContainerProps> {\n  // eslint-disable-next-line deprecation/deprecation\n  private static _cardSelectedEvent = new BeUiEvent<CardSelectedEventArgs>();\n\n  /** Get CardSelectedEvent event */\n  // eslint-disable-next-line deprecation/deprecation\n  public static get onCardSelectedEvent(): CardSelectedEvent {\n    return CardContainer._cardSelectedEvent;\n  }\n\n  /** @internal */\n  public override render() {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <ScrollView className={this.props.className} style={this.props.style}>\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <FlexWrapContainer>\n          {this.props.cards.map((card: CardInfo, _index: number) => {\n            let includeCard = true;\n            if (this.props.searchValue) {\n              includeCard = this.contains(card.label, this.props.searchValue);\n            }\n\n            if (includeCard) {\n              return (\n                <SheetCard\n                  key={card.label}\n                  label={card.label}\n                  index={card.index}\n                  iconSpec={card.iconSpec}\n                  isActive={card.isActive}\n                  onClick={async () => this._handleCardSelected(card)}\n                />\n              );\n            }\n\n            return null;\n          })}\n        </FlexWrapContainer>\n      </ScrollView>\n    );\n  }\n\n  /**\n   * Determines if string contains a substring\n   * @param valueA The string to search through\n   * @param valueB The value to search for\n   * @return True if valueB can be found in valueA, false otherwise\n   */\n  private contains(valueA: string, valueB: string): boolean {\n    if (!valueA || !valueB) return false;\n\n    if (valueB.length > valueA.length) return false;\n\n    return (\n      valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1\n    );\n  }\n\n  /**\n   * Updates view with ViewState for selected card.\n   * @param card Data about the sheet card selected.\n   */\n  private async _handleCardSelected(card: CardInfo) {\n    // istanbul ignore if\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\n      const vp = IModelApp.viewManager.selectedView;\n      const viewState = await this.props.connection.views.load(card.viewId);\n      vp.changeView(viewState);\n    }\n\n    card.isActive = true;\n    UiFramework.frontstages.closeModalFrontstage();\n    CardContainer.onCardSelectedEvent.emit({\n      id: card.viewId,\n      index: card.index,\n    });\n  }\n}\n\n/** Properties for [[SheetCard]]\n * @alpha\n */\nexport interface SheetCardProps {\n  label: string;\n  index: number;\n  iconSpec: IconSpec;\n  isActive: boolean;\n  onClick: () => void;\n}\n\n/** State for [[SheetCard]]\n * @internal\n */\ninterface SheetCardState {\n  isActive: boolean;\n  isPressed: boolean;\n}\n\n/** Displays information about an individual sheet\n * @alpha\n */\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\n  constructor(props: SheetCardProps) {\n    super(props);\n    this.state = { isActive: this.props.isActive, isPressed: false };\n  }\n\n  private _onClick = () => {\n    this.setState({ isActive: true }, () => this.props.onClick());\n  };\n\n  private _onMouseDown = () => {\n    this.setState({ isPressed: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.state.isPressed) this.setState({ isPressed: false });\n  };\n\n  public override render() {\n    const { label, index } = this.props;\n\n    const className = classnames(\n      \"uifw-sheet-card\",\n      this.state.isActive && \"is-active\",\n      this.state.isPressed && \"is-pressed\"\n    );\n\n    const iconSpec = this.props.iconSpec ? (\n      this.props.iconSpec\n    ) : (\n      <SvgPlaceholder />\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        onClick={this._onClick}\n        onMouseDown={this._onMouseDown}\n        onMouseLeave={this._onMouseLeave}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        {label}\n        <div className=\"sheet-image-container\">\n          <div className=\"icon\">\n            {\" \"}\n            <Icon iconSpec={iconSpec} />\n          </div>\n        </div>\n        <div className=\"sheet-index\">{index + 1}</div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/navigationaids/StandardRotationNavigationAid.js

@@ -37,8 +37,8 @@ class StandardRotationNavigationAidControl extends NavigationAidControl_1.Naviga
         this.reactNode = React.createElement(StandardRotationNavigationAid, null);
     }
 }
-StandardRotationNavigationAidControl.navigationAidId = "StandardRotationNavigationAid";
 exports.StandardRotationNavigationAidControl = StandardRotationNavigationAidControl;
+StandardRotationNavigationAidControl.navigationAidId = "StandardRotationNavigationAid";
 /** A 3D Standard Rotation Navigation Aid.
  * @alpha
  */

package/lib/cjs/appui-react/navigationaids/StandardRotationNavigationAid.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport svgCubeFacesBottom from \"@bentley/icons-generic/icons/cube-faces/bottom.svg\";\nimport svgCubeFacesFront from \"@bentley/icons-generic/icons/cube-faces/front.svg\";\nimport svgCubeFacesIsoLeft from \"@bentley/icons-generic/icons/cube-faces/iso-left.svg\";\nimport svgCubeFacesIsoRight from \"@bentley/icons-generic/icons/cube-faces/iso-right.svg\";\nimport svgCubeFacesLeft from \"@bentley/icons-generic/icons/cube-faces/left.svg\";\nimport svgCubeFacesRear from \"@bentley/icons-generic/icons/cube-faces/rear.svg\";\nimport svgCubeFacesRight from \"@bentley/icons-generic/icons/cube-faces/right.svg\";\nimport svgCubeFacesTop from \"@bentley/icons-generic/icons/cube-faces/top.svg\";\nimport { RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\nimport {\n  Columns,\n  GroupColumn,\n  GroupTool,\n  Panel,\n} from \"@itwin/components-react\";\nimport { StandardViewId } from \"@itwin/core-frontend\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { ExpandableButton as NZ_Expandable } from \"../layout/widget/tools/button/Expandable\";\nimport { ToolbarIcon as NZ_Icon } from \"../layout/widget/tools/button/Icon\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\nimport \"./StandardRotationNavigationAid.scss\";\n\n/** A 3D Standard Rotation Navigation Aid control.\n * @alpha\n */\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"StandardRotationNavigationAid\";\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <StandardRotationNavigationAid />;\n  }\n}\n\n/** @internal */\nexport interface RotationData {\n  label: string;\n  iconsSpec?: IconSpec;\n}\n\n/** @internal */\ninterface StandardRotationNavigationAidState {\n  element: HTMLDivElement | null;\n  isExpanded: boolean;\n  list: RotationData[];\n  selected: StandardViewId;\n}\n\n/** A 3D Standard Rotation Navigation Aid.\n * @alpha\n */\nexport class StandardRotationNavigationAid extends React.Component<\n  CommonProps,\n  StandardRotationNavigationAidState\n> {\n  /** @internal */\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\n\n  constructor(props: any) {\n    super(props);\n    const list: RotationData[] = [\n      {\n        label: UiFramework.translate(\"rotations.top\"),\n        iconsSpec: svgCubeFacesTop,\n      },\n      {\n        label: UiFramework.translate(\"rotations.bottom\"),\n        iconsSpec: svgCubeFacesBottom,\n      },\n      {\n        label: UiFramework.translate(\"rotations.left\"),\n        iconsSpec: svgCubeFacesLeft,\n      },\n      {\n        label: UiFramework.translate(\"rotations.right\"),\n        iconsSpec: svgCubeFacesRight,\n      },\n      {\n        label: UiFramework.translate(\"rotations.front\"),\n        iconsSpec: svgCubeFacesFront,\n      },\n      {\n        label: UiFramework.translate(\"rotations.rear\"),\n        iconsSpec: svgCubeFacesRear,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoLeft\"),\n        iconsSpec: svgCubeFacesIsoLeft,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoRight\"),\n        iconsSpec: svgCubeFacesIsoRight,\n      },\n    ];\n    this.state = {\n      element: null,\n      isExpanded: false,\n      list,\n      selected: StandardViewId.Top,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    const className = classnames(\n      \"uifw-standard-rotation-navigation\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style} ref={this._handleRef}>\n        <NZ_Expandable className={\"expandable\"}>\n          <NZ_Icon\n            className={\"icon-button\"}\n            icon={\n              <span className={classnames(\"three-d-icon\", \"icon\")}>\n                <Icon\n                  iconSpec={this.state.list[this.state.selected].iconsSpec}\n                />\n              </span>\n            }\n            onClick={this._toggleIsExpanded}\n            title={UiFramework.translate(\"standardRotationNavigationAid.title\")}\n          ></NZ_Icon>\n        </NZ_Expandable>\n        <Popup\n          isOpen={this.state.isExpanded}\n          offset={0}\n          onClose={this._handlePopupClose}\n          position={RelativePosition.Bottom}\n          target={this.state.element}\n        >\n          {this.getExpandedContent()}\n        </Popup>\n      </div>\n    );\n  }\n\n  private _handleRef = (element: HTMLDivElement | null) => {\n    this.setState(() => ({ element }));\n  };\n\n  private _handlePopupClose = () => {\n    this.setState(() => ({ isExpanded: false }));\n  };\n\n  private _toggleIsExpanded = () => {\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\n  };\n\n  private _handleListItemClicked = (item: number) => {\n    const selected = item;\n\n    this.setState(\n      () => ({ isExpanded: false, selected }),\n      () => ViewportComponentEvents.setStandardRotation(selected)\n    );\n  };\n\n  private getExpandedContent(): React.ReactNode {\n    if (!this.state.isExpanded) return undefined;\n\n    return (\n      <Panel>\n        <Columns>\n          <GroupColumn>\n            {this.state.list.map((item, itemIndex) => {\n              return (\n                <GroupTool\n                  key={itemIndex.toString()}\n                  label={item.label}\n                  icon={<Icon iconSpec={item.iconsSpec} />}\n                  isActive={this.state.selected.valueOf() === itemIndex}\n                  onClick={() => this._handleListItemClicked(itemIndex)}\n                  item={ToolbarItemUtilities.createActionButton(\n                    \"\",\n                    0,\n                    \"\",\n                    \"\",\n                    () => {}\n                  )}\n                />\n              );\n            })}\n          </GroupColumn>\n        </Columns>\n      </Panel>\n    );\n  }\n}\n"]}
+{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport svgCubeFacesBottom from \"@bentley/icons-generic/icons/cube-faces/bottom.svg\";\nimport svgCubeFacesFront from \"@bentley/icons-generic/icons/cube-faces/front.svg\";\nimport svgCubeFacesIsoLeft from \"@bentley/icons-generic/icons/cube-faces/iso-left.svg\";\nimport svgCubeFacesIsoRight from \"@bentley/icons-generic/icons/cube-faces/iso-right.svg\";\nimport svgCubeFacesLeft from \"@bentley/icons-generic/icons/cube-faces/left.svg\";\nimport svgCubeFacesRear from \"@bentley/icons-generic/icons/cube-faces/rear.svg\";\nimport svgCubeFacesRight from \"@bentley/icons-generic/icons/cube-faces/right.svg\";\nimport svgCubeFacesTop from \"@bentley/icons-generic/icons/cube-faces/top.svg\";\nimport { RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\nimport {\n  Columns,\n  GroupColumn,\n  GroupTool,\n  Panel,\n} from \"@itwin/components-react\";\nimport { StandardViewId } from \"@itwin/core-frontend\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { ExpandableButton as NZ_Expandable } from \"../layout/widget/tools/button/Expandable\";\nimport { ToolbarIcon as NZ_Icon } from \"../layout/widget/tools/button/Icon\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\nimport \"./StandardRotationNavigationAid.scss\";\n\n/** A 3D Standard Rotation Navigation Aid control.\n * @alpha\n */\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"StandardRotationNavigationAid\";\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <StandardRotationNavigationAid />;\n  }\n}\n\n/** @internal */\nexport interface RotationData {\n  label: string;\n  iconsSpec?: IconSpec;\n}\n\n/** @internal */\ninterface StandardRotationNavigationAidState {\n  element: HTMLDivElement | null;\n  isExpanded: boolean;\n  list: RotationData[];\n  selected: StandardViewId;\n}\n\n/** A 3D Standard Rotation Navigation Aid.\n * @alpha\n */\nexport class StandardRotationNavigationAid extends React.Component<\n  CommonProps,\n  StandardRotationNavigationAidState\n> {\n  /** @internal */\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\n\n  constructor(props: any) {\n    super(props);\n    const list: RotationData[] = [\n      {\n        label: UiFramework.translate(\"rotations.top\"),\n        iconsSpec: svgCubeFacesTop,\n      },\n      {\n        label: UiFramework.translate(\"rotations.bottom\"),\n        iconsSpec: svgCubeFacesBottom,\n      },\n      {\n        label: UiFramework.translate(\"rotations.left\"),\n        iconsSpec: svgCubeFacesLeft,\n      },\n      {\n        label: UiFramework.translate(\"rotations.right\"),\n        iconsSpec: svgCubeFacesRight,\n      },\n      {\n        label: UiFramework.translate(\"rotations.front\"),\n        iconsSpec: svgCubeFacesFront,\n      },\n      {\n        label: UiFramework.translate(\"rotations.rear\"),\n        iconsSpec: svgCubeFacesRear,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoLeft\"),\n        iconsSpec: svgCubeFacesIsoLeft,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoRight\"),\n        iconsSpec: svgCubeFacesIsoRight,\n      },\n    ];\n    this.state = {\n      element: null,\n      isExpanded: false,\n      list,\n      selected: StandardViewId.Top,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    const className = classnames(\n      \"uifw-standard-rotation-navigation\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style} ref={this._handleRef}>\n        <NZ_Expandable className={\"expandable\"}>\n          <NZ_Icon\n            className={\"icon-button\"}\n            icon={\n              <span className={classnames(\"three-d-icon\", \"icon\")}>\n                <Icon\n                  iconSpec={this.state.list[this.state.selected].iconsSpec}\n                />\n              </span>\n            }\n            onClick={this._toggleIsExpanded}\n            title={UiFramework.translate(\"standardRotationNavigationAid.title\")}\n          ></NZ_Icon>\n        </NZ_Expandable>\n        <Popup\n          isOpen={this.state.isExpanded}\n          offset={0}\n          onClose={this._handlePopupClose}\n          position={RelativePosition.Bottom}\n          target={this.state.element}\n        >\n          {this.getExpandedContent()}\n        </Popup>\n      </div>\n    );\n  }\n\n  private _handleRef = (element: HTMLDivElement | null) => {\n    this.setState(() => ({ element }));\n  };\n\n  private _handlePopupClose = () => {\n    this.setState(() => ({ isExpanded: false }));\n  };\n\n  private _toggleIsExpanded = () => {\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\n  };\n\n  private _handleListItemClicked = (item: number) => {\n    const selected = item;\n\n    this.setState(\n      () => ({ isExpanded: false, selected }),\n      () => ViewportComponentEvents.setStandardRotation(selected)\n    );\n  };\n\n  private getExpandedContent(): React.ReactNode {\n    if (!this.state.isExpanded) return undefined;\n\n    return (\n      <Panel>\n        <Columns>\n          <GroupColumn>\n            {this.state.list.map((item, itemIndex) => {\n              return (\n                <GroupTool\n                  key={itemIndex.toString()}\n                  label={item.label}\n                  icon={<Icon iconSpec={item.iconsSpec} />}\n                  isActive={this.state.selected.valueOf() === itemIndex}\n                  onClick={() => this._handleListItemClicked(itemIndex)}\n                  item={ToolbarItemUtilities.createActionButton(\n                    \"\",\n                    0,\n                    \"\",\n                    \"\",\n                    () => {}\n                  )}\n                />\n              );\n            })}\n          </GroupColumn>\n        </Columns>\n      </Panel>\n    );\n  }\n}\n"]}

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

@@ -24,7 +24,7 @@ var ListItemType;
     ListItemType[ListItemType["Item"] = 0] = "Item";
     ListItemType[ListItemType["Separator"] = 1] = "Separator";
     ListItemType[ListItemType["Container"] = 2] = "Container";
-})(ListItemType = exports.ListItemType || (exports.ListItemType = {}));
+})(ListItemType || (exports.ListItemType = ListItemType = {}));
 /** List Picker Item React component
  * @beta
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ListPicker.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Picker\n */\n\nimport \"./ListPicker.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport {\n  Columns,\n  GroupColumn,\n  Panel,\n  PopupItem,\n  Title,\n} from \"@itwin/components-react\";\nimport type { CommonProps, SizeProps } from \"@itwin/core-react\";\nimport { Icon, SearchBox } from \"@itwin/core-react\";\nimport { ToolbarDragInteractionContext } from \"../toolbar/DragInteraction\";\nimport { UiFramework } from \"../UiFramework\";\nimport {\n  SvgChevronDown,\n  SvgChevronRight,\n  SvgList,\n} from \"@itwin/itwinui-icons-react\";\n\n/** Enum for the list picker item type\n * @beta\n */\nexport enum ListItemType {\n  Item = 0,\n  Separator = 1,\n  Container = 2,\n}\n\n/** List picker item\n * @beta\n */\nexport interface ListItem {\n  [key: string]: any;\n  id?: string;\n  name?: string;\n  enabled: boolean;\n  type?: ListItemType;\n  children?: ListItem[];\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerProps {\n  title: string;\n  items: ListItem[];\n  iconSpec?: string | React.ReactNode;\n  setEnabled: (item: ListItem, enabled: boolean) => any;\n  onExpanded?: (expand: boolean) => void;\n  onSizeKnown?: (size: SizeProps) => void;\n  searchBox?: boolean;\n  onSearchValueChange?: (search: string) => void;\n  panelOnly?: boolean;\n  expanded?: boolean;\n}\n\n/** Properties for the [[ListPickerItem]] component\n * @beta\n */\nexport interface ListPickerItemProps extends CommonProps {\n  key: any;\n  isActive?: boolean;\n  isFocused?: boolean;\n  onClick?: () => void;\n  label?: string;\n}\n\n/** List Picker Item React component\n * @beta\n */\nexport class ListPickerItem extends React.PureComponent<ListPickerItemProps> {\n  /** Renders ListPickerItem */\n  public override render() {\n    const itemClassName = classnames(\n      \"ListPicker-item\",\n      this.props.isActive && \"is-active\",\n      this.props.isFocused && \"is-focused\",\n      this.props.className\n    );\n    // TODO - if cut off, show a title\n    const title: string | undefined =\n      this.props.label && this.props.label.length > 25\n        ? this.props.label\n        : undefined;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={itemClassName}\n        onClick={this.props.onClick}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        <div className=\"label\" title={title}>\n          {this.props.label}\n        </div>\n      </div>\n    );\n  }\n}\n\n/** Properties for the [[ExpandableSection]] component\n * @beta\n */\nexport interface ExpandableSectionProps extends CommonProps {\n  title?: string;\n  expanded?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** State for the [[ExpandableSection]] component\n * @internal\n */\ninterface ExpandableSectionState {\n  expanded: boolean;\n}\n\n/** Expandable Section React component\n * @beta\n */\nexport class ExpandableSection extends React.PureComponent<\n  ExpandableSectionProps,\n  ExpandableSectionState\n> {\n  /** Creates an ExpandableSection */\n  constructor(props: ExpandableSectionProps) {\n    super(props);\n    this.state = { expanded: !!this.props.expanded };\n  }\n\n  public override async componentDidUpdate(\n    prevProps: Readonly<ExpandableSectionProps>\n  ) {\n    if (this.props.expanded !== prevProps.expanded) {\n      this.setState({ expanded: true });\n    }\n  }\n\n  private _onClick = () => {\n    this.setState((prevState) => ({ expanded: !prevState.expanded }));\n  };\n\n  /** Renders ExpandableSection */\n  public override render() {\n    const className = classnames(\n      \"nz-toolbar-item-expandable-group-group\",\n      this.props.className\n    );\n\n    const icon = this.state.expanded ? (\n      <Icon iconSpec={<SvgChevronDown />} />\n    ) : (\n      <Icon iconSpec={<SvgChevronRight />} />\n    );\n\n    return (\n      <Panel\n        className={className}\n        style={this.props.style}\n        key={this.props.title}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={this._onClick}\n          className={\n            this.state.expanded\n              ? \"ListPickerInnerContainer-header-expanded\"\n              : \"ListPickerInnerContainer-header\"\n          }\n          role=\"button\"\n          tabIndex={-1}\n          aria-expanded={this.state.expanded}\n        >\n          <div className=\"ListPickerInnerContainer-header-content\">\n            <div className=\"ListPickerInnerContainer-expander\">{icon}</div>\n            <div className=\"ListPickerInnerContainer-title\">\n              {this.props.title}\n            </div>\n          </div>\n        </div>\n        {this.state.expanded ? (\n          <GroupColumn>{this.props.children}</GroupColumn>\n        ) : (\n          <div />\n        )}\n      </Panel>\n    );\n  }\n}\n\n/** @beta */\nexport function getListPanel(props: ListPickerProps): React.ReactNode {\n  const expandSingleSection = (): boolean => {\n    const populatedContainers = props.items.filter((item: ListItem) => {\n      return (\n        item.type === ListItemType.Container && item.children!.length !== 0\n      );\n    });\n    return populatedContainers.length === 1;\n  };\n\n  const listItemToElement = (item: ListItem, itemIndex: number) => {\n    switch (item.type) {\n      case ListItemType.Item:\n        return (\n          <ListPickerItem\n            {...props}\n            key={itemIndex.toString()}\n            label={item.name}\n            isActive={item.enabled}\n            onClick={\n              // istanbul ignore next\n              () => {\n                props.setEnabled(item, !item.enabled);\n              }\n            }\n          />\n        );\n      case ListItemType.Separator:\n        return (\n          <div key={itemIndex.toString()} className=\"ListPicker-separator\" />\n        );\n      case ListItemType.Container:\n        if (item.children!.length !== 0) {\n          return (\n            <ExpandableSection\n              key={itemIndex.toString()}\n              title={item.name}\n              className=\"ListPickerInnerContainer\"\n              expanded={\n                props.expanded === true\n                  ? !expandSingleSection()\n                  : expandSingleSection()\n              }\n            >\n              <GroupColumn>{item.children!.map(listItemToElement)}</GroupColumn>\n            </ExpandableSection>\n          );\n        } else {\n          return <div key={itemIndex.toString()} />;\n        }\n      // istanbul ignore next\n      default:\n        return <div key={itemIndex.toString()} />;\n    }\n  };\n\n  return (\n    <Panel className=\"ListPickerContainer\">\n      <Title>{props.title}</Title>\n      {props.searchBox && props.onSearchValueChange && (\n        // eslint-disable-next-line deprecation/deprecation\n        <SearchBox\n          className=\"ListPickerSearchBox\"\n          onValueChanged={props.onSearchValueChange}\n        />\n      )}\n      <Columns>\n        <GroupColumn className=\"ListPicker-column\">\n          {props.items.map(listItemToElement)}\n        </GroupColumn>\n      </Columns>\n    </Panel>\n  );\n}\n\n/**\n * List picker toolbar popup item.\n * Used to provide an expandable list of items to enable/disable items.\n * @beta\n */\nfunction ListPickerPopupItem(props: ListPickerProps) {\n  const icon = props.iconSpec ? (\n    /* istanbul ignore next */ typeof props.iconSpec === \"string\" ? (\n      <Icon iconSpec={props.iconSpec} />\n    ) : (\n      <i className=\"icon uifw-item-svg-icon\">{props.iconSpec}</i>\n    )\n  ) : (\n    <Icon iconSpec={<SvgList />} />\n  );\n\n  return (\n    <ToolbarDragInteractionContext.Consumer>\n      {(isEnabled) => {\n        return props.panelOnly === true ? (\n          getListPanel(props)\n        ) : (\n          <PopupItem\n            hideIndicator={isEnabled}\n            icon={icon}\n            title={props.title}\n            panel={getListPanel(props)}\n          />\n        );\n      }}\n    </ToolbarDragInteractionContext.Consumer>\n  );\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerPropsExtended extends ListPickerProps {\n  enableAllFunc?: () => void;\n  disableAllFunc?: () => void;\n  invertFunc?: () => void;\n}\n\n/**\n * List Picker that lets the user pick from a list of items to enable/disable\n * It also provides options to enable all, disable all and invert selection\n * @beta\n */\nexport class ListPicker extends React.Component<ListPickerPropsExtended> {\n  public static get Key_All() {\n    return -3;\n  }\n  public static get Key_None() {\n    return -2;\n  }\n  public static get Key_Invert() {\n    return -1;\n  }\n  public static get Key_Separator() {\n    return -4;\n  }\n\n  /** Creates a ListPicker */\n  constructor(props: ListPickerPropsExtended) {\n    super(props);\n  }\n\n  // Creates an array of items containing the separator and special requests (all, none, invert)\n  private createItems(items: ListItem[]): ListItem[] {\n    const newItems: ListItem[] = [];\n\n    // Create special buttons (All/None/Invert)\n    if (this.props.enableAllFunc) {\n      let allEnabled = true;\n      items.map((item: ListItem) => {\n        allEnabled = allEnabled && item.enabled;\n      });\n      newItems.push({\n        key: ListPicker.Key_All,\n        name: UiFramework.translate(\"pickerButtons.all\"),\n        enabled: allEnabled,\n        type: ListItemType.Item,\n      });\n    }\n    if (this.props.disableAllFunc) {\n      let allDisabled = false;\n      items.map((item: ListItem) => {\n        allDisabled = allDisabled || item.enabled;\n      });\n      newItems.push({\n        key: ListPicker.Key_None,\n        name: UiFramework.translate(\"pickerButtons.none\"),\n        enabled: !allDisabled,\n        type: ListItemType.Item,\n      });\n    }\n    if (this.props.invertFunc) {\n      newItems.push({\n        key: ListPicker.Key_Invert,\n        name: UiFramework.translate(\"pickerButtons.invert\"),\n        enabled: false,\n        type: ListItemType.Item,\n      });\n    }\n    if (\n      this.props.enableAllFunc ||\n      this.props.disableAllFunc ||\n      this.props.invertFunc\n    ) {\n      newItems.push({\n        key: ListPicker.Key_Separator,\n        name: UiFramework.translate(\"pickerButtons.separator\"),\n        enabled: false,\n        type: ListItemType.Separator,\n      });\n    }\n\n    // Push items\n    items.map((item) => {\n      newItems.push(item);\n    });\n    return newItems;\n  }\n\n  /**\n   * Checks if item is a special item.\n   * @param item Item to check\n   */\n  public isSpecialItem(item: ListItem) {\n    return (\n      item.key === ListPicker.Key_All ||\n      item.key === ListPicker.Key_Invert ||\n      item.key === ListPicker.Key_None ||\n      item.type !== ListItemType.Item ||\n      item.key === ListPicker.Key_Separator\n    );\n  }\n\n  // Handle enabling/disabling the items\n  // This will call the this.props.setEnabled function to provide the parent with a chance to process it\n  private _setEnabled = (item: ListItem, enabled: boolean) => {\n    if (this.isSpecialItem(item)) {\n      switch (item.key) {\n        case ListPicker.Key_All: {\n          // istanbul ignore else\n          if (this.props.enableAllFunc) this.props.enableAllFunc();\n          return;\n        }\n        case ListPicker.Key_None: {\n          // istanbul ignore else\n          if (this.props.disableAllFunc) this.props.disableAllFunc();\n          return;\n        }\n        case ListPicker.Key_Invert: {\n          // istanbul ignore else\n          if (this.props.invertFunc) this.props.invertFunc();\n          return;\n        }\n      }\n    }\n\n    // Call on parent to do processing of the item\n    this.props.setEnabled(item, enabled);\n  };\n\n  /** Renders ListPicker */\n  public override render() {\n    return (\n      <ListPickerPopupItem\n        {...this.props}\n        title={this.props.title}\n        setEnabled={this._setEnabled}\n        onExpanded={this.props.onExpanded}\n        items={this.createItems(this.props.items)}\n        iconSpec={this.props.iconSpec}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ListPicker.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Picker\n */\n\nimport \"./ListPicker.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport {\n  Columns,\n  GroupColumn,\n  Panel,\n  PopupItem,\n  Title,\n} from \"@itwin/components-react\";\nimport type { CommonProps, SizeProps } from \"@itwin/core-react\";\nimport { Icon, SearchBox } from \"@itwin/core-react\";\nimport { ToolbarDragInteractionContext } from \"../toolbar/DragInteraction\";\nimport { UiFramework } from \"../UiFramework\";\nimport {\n  SvgChevronDown,\n  SvgChevronRight,\n  SvgList,\n} from \"@itwin/itwinui-icons-react\";\n\n/** Enum for the list picker item type\n * @beta\n */\nexport enum ListItemType {\n  Item = 0,\n  Separator = 1,\n  Container = 2,\n}\n\n/** List picker item\n * @beta\n */\nexport interface ListItem {\n  [key: string]: any;\n  id?: string;\n  name?: string;\n  enabled: boolean;\n  type?: ListItemType;\n  children?: ListItem[];\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerProps {\n  title: string;\n  items: ListItem[];\n  iconSpec?: string | React.ReactNode;\n  setEnabled: (item: ListItem, enabled: boolean) => any;\n  onExpanded?: (expand: boolean) => void;\n  onSizeKnown?: (size: SizeProps) => void;\n  searchBox?: boolean;\n  onSearchValueChange?: (search: string) => void;\n  panelOnly?: boolean;\n  expanded?: boolean;\n}\n\n/** Properties for the [[ListPickerItem]] component\n * @beta\n */\nexport interface ListPickerItemProps extends CommonProps {\n  key: any;\n  isActive?: boolean;\n  isFocused?: boolean;\n  onClick?: () => void;\n  label?: string;\n}\n\n/** List Picker Item React component\n * @beta\n */\nexport class ListPickerItem extends React.PureComponent<ListPickerItemProps> {\n  /** Renders ListPickerItem */\n  public override render() {\n    const itemClassName = classnames(\n      \"ListPicker-item\",\n      this.props.isActive && \"is-active\",\n      this.props.isFocused && \"is-focused\",\n      this.props.className\n    );\n    // TODO - if cut off, show a title\n    const title: string | undefined =\n      this.props.label && this.props.label.length > 25\n        ? this.props.label\n        : undefined;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={itemClassName}\n        onClick={this.props.onClick}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        <div className=\"label\" title={title}>\n          {this.props.label}\n        </div>\n      </div>\n    );\n  }\n}\n\n/** Properties for the [[ExpandableSection]] component\n * @beta\n */\nexport interface ExpandableSectionProps extends CommonProps {\n  title?: string;\n  expanded?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** State for the [[ExpandableSection]] component\n * @internal\n */\ninterface ExpandableSectionState {\n  expanded: boolean;\n}\n\n/** Expandable Section React component\n * @beta\n */\nexport class ExpandableSection extends React.PureComponent<\n  ExpandableSectionProps,\n  ExpandableSectionState\n> {\n  /** Creates an ExpandableSection */\n  constructor(props: ExpandableSectionProps) {\n    super(props);\n    this.state = { expanded: !!this.props.expanded };\n  }\n\n  public override async componentDidUpdate(\n    prevProps: Readonly<ExpandableSectionProps>\n  ) {\n    if (this.props.expanded !== prevProps.expanded) {\n      this.setState({ expanded: true });\n    }\n  }\n\n  private _onClick = () => {\n    this.setState((prevState) => ({ expanded: !prevState.expanded }));\n  };\n\n  /** Renders ExpandableSection */\n  public override render() {\n    const className = classnames(\n      \"nz-toolbar-item-expandable-group-group\",\n      this.props.className\n    );\n\n    const icon = this.state.expanded ? (\n      <Icon iconSpec={<SvgChevronDown />} />\n    ) : (\n      <Icon iconSpec={<SvgChevronRight />} />\n    );\n\n    return (\n      <Panel\n        className={className}\n        style={this.props.style}\n        key={this.props.title}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={this._onClick}\n          className={\n            this.state.expanded\n              ? \"ListPickerInnerContainer-header-expanded\"\n              : \"ListPickerInnerContainer-header\"\n          }\n          role=\"button\"\n          tabIndex={-1}\n          aria-expanded={this.state.expanded}\n        >\n          <div className=\"ListPickerInnerContainer-header-content\">\n            <div className=\"ListPickerInnerContainer-expander\">{icon}</div>\n            <div className=\"ListPickerInnerContainer-title\">\n              {this.props.title}\n            </div>\n          </div>\n        </div>\n        {this.state.expanded ? (\n          <GroupColumn>{this.props.children}</GroupColumn>\n        ) : (\n          <div />\n        )}\n      </Panel>\n    );\n  }\n}\n\n/** @beta */\nexport function getListPanel(props: ListPickerProps): React.ReactNode {\n  const expandSingleSection = (): boolean => {\n    const populatedContainers = props.items.filter((item: ListItem) => {\n      return (\n        item.type === ListItemType.Container && item.children!.length !== 0\n      );\n    });\n    return populatedContainers.length === 1;\n  };\n\n  const listItemToElement = (item: ListItem, itemIndex: number) => {\n    switch (item.type) {\n      case ListItemType.Item:\n        return (\n          <ListPickerItem\n            {...props}\n            key={itemIndex.toString()}\n            label={item.name}\n            isActive={item.enabled}\n            onClick={\n              // istanbul ignore next\n              () => {\n                props.setEnabled(item, !item.enabled);\n              }\n            }\n          />\n        );\n      case ListItemType.Separator:\n        return (\n          <div key={itemIndex.toString()} className=\"ListPicker-separator\" />\n        );\n      case ListItemType.Container:\n        if (item.children!.length !== 0) {\n          return (\n            <ExpandableSection\n              key={itemIndex.toString()}\n              title={item.name}\n              className=\"ListPickerInnerContainer\"\n              expanded={\n                props.expanded === true\n                  ? !expandSingleSection()\n                  : expandSingleSection()\n              }\n            >\n              <GroupColumn>{item.children!.map(listItemToElement)}</GroupColumn>\n            </ExpandableSection>\n          );\n        } else {\n          return <div key={itemIndex.toString()} />;\n        }\n      // istanbul ignore next\n      default:\n        return <div key={itemIndex.toString()} />;\n    }\n  };\n\n  return (\n    <Panel className=\"ListPickerContainer\">\n      <Title>{props.title}</Title>\n      {props.searchBox && props.onSearchValueChange && (\n        // eslint-disable-next-line deprecation/deprecation\n        <SearchBox\n          className=\"ListPickerSearchBox\"\n          onValueChanged={props.onSearchValueChange}\n        />\n      )}\n      <Columns>\n        <GroupColumn className=\"ListPicker-column\">\n          {props.items.map(listItemToElement)}\n        </GroupColumn>\n      </Columns>\n    </Panel>\n  );\n}\n\n/**\n * List picker toolbar popup item.\n * Used to provide an expandable list of items to enable/disable items.\n * @beta\n */\nfunction ListPickerPopupItem(props: ListPickerProps) {\n  const icon = props.iconSpec ? (\n    /* istanbul ignore next */ typeof props.iconSpec === \"string\" ? (\n      <Icon iconSpec={props.iconSpec} />\n    ) : (\n      <i className=\"icon uifw-item-svg-icon\">{props.iconSpec}</i>\n    )\n  ) : (\n    <Icon iconSpec={<SvgList />} />\n  );\n\n  return (\n    <ToolbarDragInteractionContext.Consumer>\n      {(isEnabled) => {\n        return props.panelOnly === true ? (\n          getListPanel(props)\n        ) : (\n          <PopupItem\n            hideIndicator={isEnabled}\n            icon={icon}\n            title={props.title}\n            panel={getListPanel(props)}\n          />\n        );\n      }}\n    </ToolbarDragInteractionContext.Consumer>\n  );\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerPropsExtended extends ListPickerProps {\n  enableAllFunc?: () => void;\n  disableAllFunc?: () => void;\n  invertFunc?: () => void;\n}\n\n/**\n * List Picker that lets the user pick from a list of items to enable/disable\n * It also provides options to enable all, disable all and invert selection\n * @beta\n */\nexport class ListPicker extends React.Component<ListPickerPropsExtended> {\n  public static get Key_All() {\n    return -3;\n  }\n  public static get Key_None() {\n    return -2;\n  }\n  public static get Key_Invert() {\n    return -1;\n  }\n  public static get Key_Separator() {\n    return -4;\n  }\n\n  /** Creates a ListPicker */\n  constructor(props: ListPickerPropsExtended) {\n    super(props);\n  }\n\n  // Creates an array of items containing the separator and special requests (all, none, invert)\n  private createItems(items: ListItem[]): ListItem[] {\n    const newItems: ListItem[] = [];\n\n    // Create special buttons (All/None/Invert)\n    if (this.props.enableAllFunc) {\n      let allEnabled = true;\n      items.map((item: ListItem) => {\n        allEnabled = allEnabled && item.enabled;\n      });\n      newItems.push({\n        key: ListPicker.Key_All,\n        name: UiFramework.translate(\"pickerButtons.all\"),\n        enabled: allEnabled,\n        type: ListItemType.Item,\n      });\n    }\n    if (this.props.disableAllFunc) {\n      let allDisabled = false;\n      items.map((item: ListItem) => {\n        allDisabled = allDisabled || item.enabled;\n      });\n      newItems.push({\n        key: ListPicker.Key_None,\n        name: UiFramework.translate(\"pickerButtons.none\"),\n        enabled: !allDisabled,\n        type: ListItemType.Item,\n      });\n    }\n    if (this.props.invertFunc) {\n      newItems.push({\n        key: ListPicker.Key_Invert,\n        name: UiFramework.translate(\"pickerButtons.invert\"),\n        enabled: false,\n        type: ListItemType.Item,\n      });\n    }\n    if (\n      this.props.enableAllFunc ||\n      this.props.disableAllFunc ||\n      this.props.invertFunc\n    ) {\n      newItems.push({\n        key: ListPicker.Key_Separator,\n        name: UiFramework.translate(\"pickerButtons.separator\"),\n        enabled: false,\n        type: ListItemType.Separator,\n      });\n    }\n\n    // Push items\n    items.map((item) => {\n      newItems.push(item);\n    });\n    return newItems;\n  }\n\n  /**\n   * Checks if item is a special item.\n   * @param item Item to check\n   */\n  public isSpecialItem(item: ListItem) {\n    return (\n      item.key === ListPicker.Key_All ||\n      item.key === ListPicker.Key_Invert ||\n      item.key === ListPicker.Key_None ||\n      item.type !== ListItemType.Item ||\n      item.key === ListPicker.Key_Separator\n    );\n  }\n\n  // Handle enabling/disabling the items\n  // This will call the this.props.setEnabled function to provide the parent with a chance to process it\n  private _setEnabled = (item: ListItem, enabled: boolean) => {\n    if (this.isSpecialItem(item)) {\n      switch (item.key) {\n        case ListPicker.Key_All: {\n          // istanbul ignore else\n          if (this.props.enableAllFunc) this.props.enableAllFunc();\n          return;\n        }\n        case ListPicker.Key_None: {\n          // istanbul ignore else\n          if (this.props.disableAllFunc) this.props.disableAllFunc();\n          return;\n        }\n        case ListPicker.Key_Invert: {\n          // istanbul ignore else\n          if (this.props.invertFunc) this.props.invertFunc();\n          return;\n        }\n      }\n    }\n\n    // Call on parent to do processing of the item\n    this.props.setEnabled(item, enabled);\n  };\n\n  /** Renders ListPicker */\n  public override render() {\n    return (\n      <ListPickerPopupItem\n        {...this.props}\n        title={this.props.title}\n        setEnabled={this._setEnabled}\n        onExpanded={this.props.onExpanded}\n        items={this.createItems(this.props.items)}\n        iconSpec={this.props.iconSpec}\n      />\n    );\n  }\n}\n"]}

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

@@ -281,6 +281,7 @@ class ViewSelector extends React.Component {
             }, 300), panelOnly: this.state.panelOnly, expanded: this.state.expand }));
     }
 }
+exports.ViewSelector = ViewSelector;
 ViewSelector._onViewSelectorShowUpdateEvent = new core_bentley_1.BeUiEvent();
 ViewSelector.defaultProps = {
     showSpatials: true,
@@ -290,7 +291,6 @@ ViewSelector.defaultProps = {
 };
 /** Gets the [[ViewSelectorChangedEvent]] */
 ViewSelector.onViewSelectorChangedEvent = new ViewSelectorChangedEvent(); // eslint-disable-line deprecation/deprecation
-exports.ViewSelector = ViewSelector;
 /** 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
  */

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

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

@@ -62,9 +62,9 @@ class CardPopup extends React.PureComponent {
                         onItemExecuted: this.props.onItemExecuted })))));
     }
 }
+exports.CardPopup = CardPopup;
 /** @internal */
 CardPopup.contextType = ConfigurableUiContent_1.WrapperContext;
-exports.CardPopup = CardPopup;
 /** Card component
  * @beta */
 function Card(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"CardPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/CardPopup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport \"./CardPopup.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonToolbarItem, PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport {\n  DivWithOutsideClick,\n  FocusTrap,\n  MessageRenderer,\n  Point,\n  Size,\n} from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupContentType, PopupPropsBase } from \"./PopupManager\";\nimport { isReactContent, PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport {\n  Direction,\n  PropertyValueRendererManager,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { ToolbarWithOverflow } from \"../toolbar/ToolbarWithOverflow\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { mapToPlacement, type Placement } from \"../utils/Placement\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport type { RequireAtLeastOne } from \"@itwin/core-bentley\";\n\n/** Props for defining a CardPopup editor\n * @beta */\nexport type CardPopupProps = Omit<PopupPropsBase, \"el\"> & {\n  content: PopupContentType;\n  title: string | PropertyRecord | undefined;\n  items: CommonToolbarItem[] | ToolbarItem[] | undefined; // {@link @itwin/appui-abstract#CommonToolbarItem} will be deprecated in 4.11.x. Please use {@link ToolbarItem[]} instead.\n  orientation: Orientation;\n  onCancel: () => void;\n  onItemExecuted: (item: any) => void;\n  el?: HTMLElement;\n} & RequireAtLeastOne<{\n    relativePosition: RelativePosition; // @deprecated in 4.11.x. Please use placement instead.\n    placement: Placement;\n  }>;\n\n/** @internal */\ninterface CardPopupState {\n  size: Size;\n}\n\n/** Popup component for Input Editor\n * @beta\n */\nexport class CardPopup extends React.PureComponent<\n  CardPopupProps,\n  CardPopupState\n> {\n  /** @internal */\n  public static override contextType = WrapperContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof WrapperContext>;\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (event: React.KeyboardEvent): void => {\n    switch (event.key) {\n      case Key.Escape.valueOf():\n        this._cancel();\n        break;\n    }\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  }\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el ?? this.context,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.placement ?? mapToPlacement(this.props.relativePosition)\n    );\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className={classnames(\"uifw-no-border\", \"uifw-card\")}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Card\n              content={this.props.content}\n              title={this.props.title}\n              items={this.props.items}\n              // toolbarItems={this.props.toolbarItems}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n\n/** Props defining a Card component\n * @beta */\nexport interface CardProps {\n  content: PopupContentType;\n  title: string | PropertyRecord | undefined;\n  items?: CommonToolbarItem[] | ToolbarItem[] | undefined; // @deprecated in 4.11.x. Please use {@link CardProps.toolbarItems}\n  onItemExecuted: (item: any) => void;\n}\n\n/** Card component\n * @beta */\nexport function Card(props: CardProps) {\n  let titleNode: React.ReactNode;\n  // istanbul ignore else\n  if (props.title) {\n    if (typeof props.title === \"string\")\n      titleNode = <Text variant=\"leading\">{props.title}</Text>;\n    else {\n      const propertyValueRendererManager =\n        PropertyValueRendererManager.defaultManager;\n      const titleValue = propertyValueRendererManager.render(props.title);\n      titleNode = <Text variant=\"leading\">{titleValue}</Text>;\n    }\n  }\n\n  const content = isReactContent(props.content) ? (\n    props.content.reactNode\n  ) : (\n    <MessageRenderer message={props.content} />\n  );\n\n  return (\n    <>\n      <div className=\"uifw-card-content\">\n        {props.title && (\n          <>\n            {titleNode}\n            <div className=\"uifw-card-gap\" />\n          </>\n        )}\n        {content}\n      </div>\n      {props.items && (\n        <>\n          <div className=\"uifw-card-separator\" />\n          <ToolbarWithOverflow\n            expandsTo={Direction.Bottom}\n            panelAlignment={ToolbarPanelAlignment.Start}\n            items={props.items}\n            useDragInteraction={true}\n            toolbarOpacitySetting={ToolbarOpacitySetting.Transparent}\n            onItemExecuted={props.onItemExecuted}\n          />\n        </>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"CardPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/CardPopup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport \"./CardPopup.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonToolbarItem, PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport {\n  DivWithOutsideClick,\n  FocusTrap,\n  MessageRenderer,\n  Point,\n  Size,\n} from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupContentType, PopupPropsBase } from \"./PopupManager\";\nimport { isReactContent, PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport {\n  Direction,\n  PropertyValueRendererManager,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { ToolbarWithOverflow } from \"../toolbar/ToolbarWithOverflow\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { mapToPlacement, type Placement } from \"../utils/Placement\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport type { RequireAtLeastOne } from \"@itwin/core-bentley\";\n\n/** Props for defining a CardPopup editor\n * @beta */\nexport type CardPopupProps = Omit<PopupPropsBase, \"el\"> & {\n  content: PopupContentType;\n  title: string | PropertyRecord | undefined;\n  items: CommonToolbarItem[] | ToolbarItem[] | undefined; // {@link @itwin/appui-abstract#CommonToolbarItem} will be deprecated in 4.11.x. Please use {@link ToolbarItem[]} instead.\n  orientation: Orientation;\n  onCancel: () => void;\n  onItemExecuted: (item: any) => void;\n  el?: HTMLElement;\n} & RequireAtLeastOne<{\n    relativePosition: RelativePosition; // @deprecated in 4.11.x. Please use placement instead.\n    placement: Placement;\n  }>;\n\n/** @internal */\ninterface CardPopupState {\n  size: Size;\n}\n\n/** Popup component for Input Editor\n * @beta\n */\nexport class CardPopup extends React.PureComponent<\n  CardPopupProps,\n  CardPopupState\n> {\n  /** @internal */\n  public static override contextType = WrapperContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof WrapperContext>;\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (event: React.KeyboardEvent): void => {\n    switch (event.key) {\n      case Key.Escape.valueOf():\n        this._cancel();\n        break;\n    }\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  }\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el ?? this.context,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.placement ?? mapToPlacement(this.props.relativePosition)\n    );\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className={classnames(\"uifw-no-border\", \"uifw-card\")}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Card\n              content={this.props.content}\n              title={this.props.title}\n              items={this.props.items}\n              // toolbarItems={this.props.toolbarItems}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n\n/** Props defining a Card component\n * @beta */\nexport interface CardProps {\n  content: PopupContentType;\n  title: string | PropertyRecord | undefined;\n  items?: CommonToolbarItem[] | ToolbarItem[] | undefined; // @deprecated in 4.11.x. Please use {@link CardProps.toolbarItems}\n  onItemExecuted: (item: any) => void;\n}\n\n/** Card component\n * @beta */\nexport function Card(props: CardProps) {\n  let titleNode: React.ReactNode;\n  // istanbul ignore else\n  if (props.title) {\n    if (typeof props.title === \"string\")\n      titleNode = <Text variant=\"leading\">{props.title}</Text>;\n    else {\n      const propertyValueRendererManager =\n        PropertyValueRendererManager.defaultManager;\n      const titleValue = propertyValueRendererManager.render(props.title);\n      titleNode = <Text variant=\"leading\">{titleValue}</Text>;\n    }\n  }\n\n  const content = isReactContent(props.content) ? (\n    props.content.reactNode\n  ) : (\n    <MessageRenderer message={props.content} />\n  );\n\n  return (\n    <>\n      <div className=\"uifw-card-content\">\n        {props.title && (\n          <>\n            {titleNode}\n            <div className=\"uifw-card-gap\" />\n          </>\n        )}\n        {content}\n      </div>\n      {props.items && (\n        <>\n          <div className=\"uifw-card-separator\" />\n          <ToolbarWithOverflow\n            expandsTo={Direction.Bottom}\n            panelAlignment={ToolbarPanelAlignment.Start}\n            items={props.items}\n            useDragInteraction={true}\n            toolbarOpacitySetting={ToolbarOpacitySetting.Transparent}\n            onItemExecuted={props.onItemExecuted}\n          />\n        </>\n      )}\n    </>\n  );\n}\n"]}