@itwin/appui-react 4.0.0-dev.10 → 4.0.0-dev.11

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":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wCAAsC;AACtC,2CAAoC;AACpC,+BAA+B;AAC/B,wDAAmE;AACnE,0DAAgD;AAChD,kDAAkG;AAElG,gDAA6C;AAsB7C;;GAEG;AACH,MAAa,iBAAkB,SAAQ,wBAA8B;CAAI;AAAzE,8CAAyE;AAEzE;;GAEG;AACH,MAAa,qBAAqB;IAOhC;;;;OAIG;IACH,YAAY,MAAmB,EAAE,UAA4B,EAAE,YAAoB;QAX5E,UAAK,GAAW,yBAAW,CAAC,SAAS,CAAC,qCAAqC,CAAC,CAAC;QAC5E,WAAM,GAAe,EAAE,CAAC;QAGxB,iBAAY,GAAW,EAAE,CAAC;QAmClC,0CAA0C;QAC1C,uBAAuB;QACf,8BAAyB,GAAG,CAAC,KAAa,EAAQ,EAAE;YAC1D,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,yBAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;QAClD,CAAC,CAAC;QAhCA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED;;;OAGG;IACK,mBAAmB,CAAC,MAAmB;QAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,KAAgB,EAAE,KAAa,EAAE,EAAE;YACjD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAC1I,CAAC,CAAC,CAAC;IACL,CAAC;IAED,wBAAwB;IACxB,IAAW,OAAO;QAChB,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,GAAI,CAAC;IAC7G,CAAC;IAED,kDAAkD;IAClD,IAAW,WAAW;QACpB,OAAO,CACL,oBAAC,sBAAS,IAAC,WAAW,EAAE,mBAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,EAAE,GAAG,GAAI,CACvI,CAAC;IACJ,CAAC;CAQF;AA9CD,sDA8CC;AAWD;;GAEG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,SAA6B;IAGpE,kCAAkC;IAC3B,MAAM,KAAK,mBAAmB,KAAwB,OAAO,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEvG,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,uBAAU,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAClE,oBAAC,8BAAiB,QAEd,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAc,EAAE,MAAc,EAAE,EAAE;gBACtD,IAAI,WAAW,GAAG,IAAI,CAAC;gBACvB,MAAM,aAAa,GAAG,CAAC,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,kBAAkB,CAAC;gBAE1H,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;oBAC1B,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;iBACjE;gBAED,IAAI,WAAW,EAAE;oBACf,OAAO,CACL,oBAAC,SAAS,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAI,CAC5K,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAEc,CACT,CACd,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACK,QAAQ,CAAC,MAAc,EAAE,MAAc;QAC7C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;YACpB,OAAO,KAAK,CAAC;QAEf,IAAI,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM;YAC/B,OAAO,KAAK,CAAC;QAEf,OAAO,MAAM,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAClF,CAAC;IAED;;;OAGG;IACK,KAAK,CAAC,mBAAmB,CAAC,IAAc;QAC9C,qBAAqB;QACrB,IAAI,yBAAS,CAAC,WAAW,IAAI,yBAAS,CAAC,WAAW,CAAC,YAAY,EAAE;YAC/D,MAAM,EAAE,GAAG,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC;YAC9C,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtE,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;SAC1B;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,yBAAW,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAC;QAC/C,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACjF,CAAC;;AAjEH,sCAkEC;AAjEgB,gCAAkB,GAAsB,IAAI,iBAAiB,EAAE,CAAC;AAsFjF;;GAEG;AACH,MAAa,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAC5E,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAChE,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC;QAdA,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACnE,CAAC;IAee,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE9C,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,iBAAiB,EACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,EAClC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CACrC,CAAC;QAEF,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,MAAM,EACN,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,kBAAkB,CAC1F,CAAC;QAEF,OAAO;QACL,iEAAiE;QACjE,6BAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC;YAC5I,KAAK;YACN,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAE,aAAa,GAAI,CAC5B;YACP,6BAAK,SAAS,EAAC,aAAa,IAAE,KAAK,GAAG,CAAC,CAAO,CACzC,CACR,CAAC;IACJ,CAAC;CACF;AA5CD,8BA4CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./SheetsModalFrontstage.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, FlexWrapContainer, ScrollView, SearchBox, UiCore } from \"@itwin/core-react\";\r\nimport { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SheetData } from \"./SheetNavigationAid\";\r\n\r\n/** Data about a sheet card\r\n * @alpha\r\n */\r\nexport interface CardInfo {\r\n  index: number;\r\n  label: string;\r\n  iconSpec: string;\r\n  isActive: boolean;\r\n  viewId: any;\r\n}\r\n\r\n/** Arguments for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport interface CardSelectedEventArgs {\r\n  id: any;\r\n  index: number;\r\n}\r\n\r\n/** Class for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> { }\r\n\r\n/** Modal frontstage displaying sheet information in cards.\r\n * @alpha\r\n */\r\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\r\n  public title: string = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\r\n  private _cards: CardInfo[] = [];\r\n  private _connection: IModelConnection;\r\n  private _currentIndex: number;\r\n  private _searchValue: string = \"\";\r\n\r\n  /**\r\n   * Creates a SheetsModalFrontstage\r\n   * @param sheets Collection of sheets available in SheetNavigationAid\r\n   * @param connection IModelConnection to query for sheet ViewState\r\n   */\r\n  constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number) {\r\n    this._connection = connection;\r\n    this._currentIndex = currentIndex;\r\n    this._storeSheetsAsCards(sheets);\r\n  }\r\n\r\n  /**\r\n   * Gathers card info from available sheets\r\n   * @param sheets SheetData from available sheets\r\n   */\r\n  private _storeSheetsAsCards(sheets: SheetData[]) {\r\n    sheets.forEach((sheet: SheetData, index: number) => {\r\n      this._cards.push({ index, label: sheet.name, iconSpec: \"icon-document\", viewId: sheet.viewId, isActive: index === this._currentIndex });\r\n    });\r\n  }\r\n\r\n  /** Gets set of cards */\r\n  public get content(): React.ReactNode {\r\n    return <CardContainer cards={this._cards} searchValue={this._searchValue} connection={this._connection} />;\r\n  }\r\n\r\n  /** Gets components to be placed in the app bar */\r\n  public get appBarRight(): React.ReactNode {\r\n    return (\r\n      <SearchBox placeholder={UiCore.translate(\"general.search\")} onValueChanged={this._handleSearchValueChanged} valueChangedDelay={250} />\r\n    );\r\n  }\r\n\r\n  /** Updates stage based on search value */\r\n  // istanbul ignore next\r\n  private _handleSearchValueChanged = (value: string): void => {\r\n    this._searchValue = value;\r\n    UiFramework.frontstages.updateModalFrontstage();\r\n  };\r\n}\r\n\r\n/** Properties for [[CardContainer]]\r\n * @alpha\r\n */\r\nexport interface CardContainerProps extends CommonProps {\r\n  cards: CardInfo[];\r\n  searchValue: string;\r\n  connection: IModelConnection;\r\n}\r\n\r\n/** Displays cards in SheetModalFrontstage\r\n * @alpha\r\n */\r\nexport class CardContainer extends React.Component<CardContainerProps> {\r\n  private static _cardSelectedEvent: CardSelectedEvent = new CardSelectedEvent();\r\n\r\n  /** Get CardSelectedEvent event */\r\n  public static get onCardSelectedEvent(): CardSelectedEvent { return CardContainer._cardSelectedEvent; }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <ScrollView className={this.props.className} style={this.props.style}>\r\n        <FlexWrapContainer>\r\n          {\r\n            this.props.cards.map((card: CardInfo, _index: number) => {\r\n              let includeCard = true;\r\n              const iconClassName = (typeof card.iconSpec === \"string\") ? card.iconSpec : /* istanbul ignore next */ \"icon-placeholder\";\r\n\r\n              if (this.props.searchValue) {\r\n                includeCard = this.contains(card.label, this.props.searchValue);\r\n              }\r\n\r\n              if (includeCard) {\r\n                return (\r\n                  <SheetCard key={card.label} label={card.label} index={card.index} iconSpec={iconClassName} isActive={card.isActive} onClick={async () => this._handleCardSelected(card)} />\r\n                );\r\n              }\r\n\r\n              return null;\r\n            })\r\n          }\r\n        </FlexWrapContainer>\r\n      </ScrollView>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Determines if string contains a substring\r\n   * @param valueA The string to search through\r\n   * @param valueB The value to search for\r\n   * @return True if valueB can be found in valueA, false otherwise\r\n   */\r\n  private contains(valueA: string, valueB: string): boolean {\r\n    if (!valueA || !valueB)\r\n      return false;\r\n\r\n    if (valueB.length > valueA.length)\r\n      return false;\r\n\r\n    return valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1;\r\n  }\r\n\r\n  /**\r\n   * Updates view with ViewState for selected card.\r\n   * @param card Data about the sheet card selected.\r\n   */\r\n  private async _handleCardSelected(card: CardInfo) {\r\n    // istanbul ignore if\r\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\r\n      const vp = IModelApp.viewManager.selectedView;\r\n      const viewState = await this.props.connection.views.load(card.viewId);\r\n      vp.changeView(viewState);\r\n    }\r\n\r\n    card.isActive = true;\r\n    UiFramework.frontstages.closeModalFrontstage();\r\n    CardContainer.onCardSelectedEvent.emit({ id: card.viewId, index: card.index });\r\n  }\r\n}\r\n\r\n/** Properties for [[SheetCard]]\r\n * @alpha\r\n */\r\nexport interface SheetCardProps {\r\n  label: string;\r\n  index: number;\r\n  iconSpec: string;\r\n  isActive: boolean;\r\n  onClick: () => void;\r\n}\r\n\r\n/** State for [[SheetCard]]\r\n * @internal\r\n */\r\ninterface SheetCardState {\r\n  isActive: boolean;\r\n  isPressed: boolean;\r\n}\r\n\r\n/** Displays information about an individual sheet\r\n * @alpha\r\n */\r\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\r\n  constructor(props: SheetCardProps) {\r\n    super(props);\r\n    this.state = { isActive: this.props.isActive, isPressed: false };\r\n  }\r\n\r\n  private _onClick = () => {\r\n    this.setState({ isActive: true }, () => this.props.onClick());\r\n  };\r\n\r\n  private _onMouseDown = () => {\r\n    this.setState({ isPressed: true });\r\n  };\r\n\r\n  private _onMouseLeave = () => {\r\n    if (this.state.isPressed)\r\n      this.setState({ isPressed: false });\r\n  };\r\n\r\n  public override render() {\r\n    const { label, index, iconSpec } = this.props;\r\n\r\n    const className = classnames(\r\n      \"uifw-sheet-card\",\r\n      this.state.isActive && \"is-active\",\r\n      this.state.isPressed && \"is-pressed\",\r\n    );\r\n\r\n    const iconClassName = classnames(\r\n      \"icon\",\r\n      (typeof iconSpec === \"string\") ? iconSpec : /* istanbul ignore next */ \"icon-placeholder\",\r\n    );\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div className={className} onClick={this._onClick} onMouseDown={this._onMouseDown} onMouseLeave={this._onMouseLeave} role=\"button\" tabIndex={-1} >\r\n        {label}\r\n        <div className=\"sheet-image-container\">\r\n          <div className={iconClassName} />\r\n        </div >\r\n        <div className=\"sheet-index\">{index + 1}</div>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./SheetsModalFrontstage.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, FlexWrapContainer, Icon, IconSpec, ScrollView, SearchBox, UiCore } from \"@itwin/core-react\";\r\nimport { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SheetData } from \"./SheetNavigationAid\";\r\nimport { SvgDocument, SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Data about a sheet card\r\n * @alpha\r\n */\r\nexport interface CardInfo {\r\n  index: number;\r\n  label: string;\r\n  iconSpec: IconSpec;\r\n  isActive: boolean;\r\n  viewId: any;\r\n}\r\n\r\n/** Arguments for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport interface CardSelectedEventArgs {\r\n  id: any;\r\n  index: number;\r\n}\r\n\r\n/** Class for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> { }\r\n\r\n/** Modal frontstage displaying sheet information in cards.\r\n * @alpha\r\n */\r\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\r\n  public title: string = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\r\n  private _cards: CardInfo[] = [];\r\n  private _connection: IModelConnection;\r\n  private _currentIndex: number;\r\n  private _searchValue: string = \"\";\r\n\r\n  /**\r\n   * Creates a SheetsModalFrontstage\r\n   * @param sheets Collection of sheets available in SheetNavigationAid\r\n   * @param connection IModelConnection to query for sheet ViewState\r\n   */\r\n  constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number) {\r\n    this._connection = connection;\r\n    this._currentIndex = currentIndex;\r\n    this._storeSheetsAsCards(sheets);\r\n  }\r\n\r\n  /**\r\n   * Gathers card info from available sheets\r\n   * @param sheets SheetData from available sheets\r\n   */\r\n  private _storeSheetsAsCards(sheets: SheetData[]) {\r\n    sheets.forEach((sheet: SheetData, index: number) => {\r\n      this._cards.push({ index, label: sheet.name, iconSpec: <SvgDocument />, viewId: sheet.viewId, isActive: index === this._currentIndex });\r\n    });\r\n  }\r\n\r\n  /** Gets set of cards */\r\n  public get content(): React.ReactNode {\r\n    return <CardContainer cards={this._cards} searchValue={this._searchValue} connection={this._connection} />;\r\n  }\r\n\r\n  /** Gets components to be placed in the app bar */\r\n  public get appBarRight(): React.ReactNode {\r\n    return (\r\n      <SearchBox placeholder={UiCore.translate(\"general.search\")} onValueChanged={this._handleSearchValueChanged} valueChangedDelay={250} />\r\n    );\r\n  }\r\n\r\n  /** Updates stage based on search value */\r\n  // istanbul ignore next\r\n  private _handleSearchValueChanged = (value: string): void => {\r\n    this._searchValue = value;\r\n    UiFramework.frontstages.updateModalFrontstage();\r\n  };\r\n}\r\n\r\n/** Properties for [[CardContainer]]\r\n * @alpha\r\n */\r\nexport interface CardContainerProps extends CommonProps {\r\n  cards: CardInfo[];\r\n  searchValue: string;\r\n  connection: IModelConnection;\r\n}\r\n\r\n/** Displays cards in SheetModalFrontstage\r\n * @alpha\r\n */\r\nexport class CardContainer extends React.Component<CardContainerProps> {\r\n  private static _cardSelectedEvent: CardSelectedEvent = new CardSelectedEvent();\r\n\r\n  /** Get CardSelectedEvent event */\r\n  public static get onCardSelectedEvent(): CardSelectedEvent { return CardContainer._cardSelectedEvent; }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <ScrollView className={this.props.className} style={this.props.style}>\r\n        <FlexWrapContainer>\r\n          {\r\n            this.props.cards.map((card: CardInfo, _index: number) => {\r\n              let includeCard = true;\r\n              if (this.props.searchValue) {\r\n                includeCard = this.contains(card.label, this.props.searchValue);\r\n              }\r\n\r\n              if (includeCard) {\r\n                return (\r\n                  <SheetCard key={card.label} label={card.label} index={card.index} iconSpec={card.iconSpec} isActive={card.isActive} onClick={async () => this._handleCardSelected(card)} />\r\n                );\r\n              }\r\n\r\n              return null;\r\n            })\r\n          }\r\n        </FlexWrapContainer>\r\n      </ScrollView>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Determines if string contains a substring\r\n   * @param valueA The string to search through\r\n   * @param valueB The value to search for\r\n   * @return True if valueB can be found in valueA, false otherwise\r\n   */\r\n  private contains(valueA: string, valueB: string): boolean {\r\n    if (!valueA || !valueB)\r\n      return false;\r\n\r\n    if (valueB.length > valueA.length)\r\n      return false;\r\n\r\n    return valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1;\r\n  }\r\n\r\n  /**\r\n   * Updates view with ViewState for selected card.\r\n   * @param card Data about the sheet card selected.\r\n   */\r\n  private async _handleCardSelected(card: CardInfo) {\r\n    // istanbul ignore if\r\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\r\n      const vp = IModelApp.viewManager.selectedView;\r\n      const viewState = await this.props.connection.views.load(card.viewId);\r\n      vp.changeView(viewState);\r\n    }\r\n\r\n    card.isActive = true;\r\n    UiFramework.frontstages.closeModalFrontstage();\r\n    CardContainer.onCardSelectedEvent.emit({ id: card.viewId, index: card.index });\r\n  }\r\n}\r\n\r\n/** Properties for [[SheetCard]]\r\n * @alpha\r\n */\r\nexport interface SheetCardProps {\r\n  label: string;\r\n  index: number;\r\n  iconSpec: IconSpec;\r\n  isActive: boolean;\r\n  onClick: () => void;\r\n}\r\n\r\n/** State for [[SheetCard]]\r\n * @internal\r\n */\r\ninterface SheetCardState {\r\n  isActive: boolean;\r\n  isPressed: boolean;\r\n}\r\n\r\n/** Displays information about an individual sheet\r\n * @alpha\r\n */\r\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\r\n  constructor(props: SheetCardProps) {\r\n    super(props);\r\n    this.state = { isActive: this.props.isActive, isPressed: false };\r\n  }\r\n\r\n  private _onClick = () => {\r\n    this.setState({ isActive: true }, () => this.props.onClick());\r\n  };\r\n\r\n  private _onMouseDown = () => {\r\n    this.setState({ isPressed: true });\r\n  };\r\n\r\n  private _onMouseLeave = () => {\r\n    if (this.state.isPressed)\r\n      this.setState({ isPressed: false });\r\n  };\r\n\r\n  public override render() {\r\n    const { label, index } = this.props;\r\n\r\n    const className = classnames(\r\n      \"uifw-sheet-card\",\r\n      this.state.isActive && \"is-active\",\r\n      this.state.isPressed && \"is-pressed\",\r\n    );\r\n\r\n    const iconSpec = this.props.iconSpec ? this.props.iconSpec : SvgPlaceholder;\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div className={className} onClick={this._onClick} onMouseDown={this._onMouseDown} onMouseLeave={this._onMouseLeave} role=\"button\" tabIndex={-1} >\r\n        {label}\r\n        <div className=\"sheet-image-container\">\r\n          <div className=\"icon\"> <Icon iconSpec={iconSpec} /></div>\r\n        </div >\r\n        <div className=\"sheet-index\">{index + 1}</div>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/navigationaids/StandardRotationNavigationAid.d.ts

@@ -4,7 +4,7 @@
 import "./StandardRotationNavigationAid.scss";
 import * as React from "react";
 import { StandardViewId } from "@itwin/core-frontend";
-import { CommonProps } from "@itwin/core-react";
+import { CommonProps, IconSpec } from "@itwin/core-react";
 import { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
 import { NavigationAidControl } from "./NavigationAidControl";
 /** A 3D Standard Rotation Navigation Aid control.
@@ -17,7 +17,7 @@ export declare class StandardRotationNavigationAidControl extends NavigationAidC
 /** @internal */
 export interface RotationData {
     label: string;
-    iconClassName: string;
+    iconsSpec?: IconSpec;
 }
 /** @internal */
 interface StandardRotationNavigationAidState {

package/lib/cjs/appui-react/navigationaids/StandardRotationNavigationAid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardRotationNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sCAAsC,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAEjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D;;GAEG;AACH,qBAAa,oCAAqC,SAAQ,oBAAoB;IAC5E,OAAc,eAAe,SAAmC;gBAEpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAIvD;AAED,gBAAgB;AAChB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,gBAAgB;AAChB,UAAU,kCAAkC;IAC1C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,kCAAkC,CAAC;IACjH,OAAO,CAAC,MAAM,CAAgE;IAE9E,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;gBAEjE,KAAK,EAAE,GAAG;IAqCN,MAAM,IAAI,KAAK,CAAC,SAAS;IAoCzC,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,kBAAkB;CAyB3B"}
+{"version":3,"file":"StandardRotationNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sCAAsC,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAQ,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAEjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAW9D;;GAEG;AACH,qBAAa,oCAAqC,SAAQ,oBAAoB;IAC5E,OAAc,eAAe,SAAmC;gBAEpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAIvD;AAED,gBAAgB;AAChB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,gBAAgB;AAChB,UAAU,kCAAkC;IAC1C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,kCAAkC,CAAC;IACjH,OAAO,CAAC,MAAM,CAAgE;IAE9E,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;gBAEjE,KAAK,EAAE,GAAG;IAqCN,MAAM,IAAI,KAAK,CAAC,SAAS;IAoCzC,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,kBAAkB;CAyB3B"}

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

@@ -19,6 +19,14 @@ const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const UiFramework_1 = require("../UiFramework");
 const NavigationAidControl_1 = require("./NavigationAidControl");
 const components_react_1 = require("@itwin/components-react");
+const top_svg_1 = require("@bentley/icons-generic/icons/cube-faces/top.svg");
+const bottom_svg_1 = require("@bentley/icons-generic/icons/cube-faces/bottom.svg");
+const left_svg_1 = require("@bentley/icons-generic/icons/cube-faces/left.svg");
+const right_svg_1 = require("@bentley/icons-generic/icons/cube-faces/right.svg");
+const front_svg_1 = require("@bentley/icons-generic/icons/cube-faces/front.svg");
+const rear_svg_1 = require("@bentley/icons-generic/icons/cube-faces/rear.svg");
+const iso_left_svg_1 = require("@bentley/icons-generic/icons/cube-faces/iso-left.svg");
+const iso_right_svg_1 = require("@bentley/icons-generic/icons/cube-faces/iso-right.svg");
 /** A 3D Standard Rotation Navigation Aid control.
  * @alpha
  */
@@ -53,28 +61,28 @@ class StandardRotationNavigationAid extends React.Component {
         const list = [
             {
                 label: UiFramework_1.UiFramework.translate("rotations.top"),
-                iconClassName: "icon-cube-faces-top",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(top_svg_1.default),
             }, {
                 label: UiFramework_1.UiFramework.translate("rotations.bottom"),
-                iconClassName: "icon-cube-faces-bottom",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(bottom_svg_1.default),
             }, {
                 label: UiFramework_1.UiFramework.translate("rotations.left"),
-                iconClassName: "icon-cube-faces-left",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(left_svg_1.default),
             }, {
                 label: UiFramework_1.UiFramework.translate("rotations.right"),
-                iconClassName: "icon-cube-faces-right",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(right_svg_1.default),
             }, {
                 label: UiFramework_1.UiFramework.translate("rotations.front"),
-                iconClassName: "icon-cube-faces-front",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(front_svg_1.default),
             }, {
                 label: UiFramework_1.UiFramework.translate("rotations.rear"),
-                iconClassName: "icon-cube-faces-rear",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(rear_svg_1.default),
             }, {
                 label: UiFramework_1.UiFramework.translate("rotations.isoLeft"),
-                iconClassName: "icon-cube-faces-iso-left",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(iso_left_svg_1.default),
             }, {
                 label: UiFramework_1.UiFramework.translate("rotations.isoRight"),
-                iconClassName: "icon-cube-faces-iso-right",
+                iconsSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(iso_right_svg_1.default),
             },
         ];
         this.state = {
@@ -88,7 +96,8 @@ class StandardRotationNavigationAid extends React.Component {
         const className = (0, classnames_1.default)("uifw-standard-rotation-navigation", this.props.className);
         return (React.createElement("div", { className: className, style: this.props.style, ref: this._handleRef },
             React.createElement(appui_layout_react_1.ExpandableButton, { className: "expandable" },
-                React.createElement(appui_layout_react_1.ToolbarIcon, { className: "icon-button", icon: React.createElement("span", { className: (0, classnames_1.default)("three-d-icon", "icon", this.state.list[this.state.selected].iconClassName) }), onClick: this._toggleIsExpanded, title: this._title })),
+                React.createElement(appui_layout_react_1.ToolbarIcon, { className: "icon-button", icon: React.createElement("span", { className: (0, classnames_1.default)("three-d-icon", "icon") },
+                        React.createElement(core_react_1.Icon, { iconSpec: this.state.list[this.state.selected].iconsSpec })), onClick: this._toggleIsExpanded, title: this._title })),
             React.createElement(core_react_1.Popup, { isOpen: this.state.isExpanded, offset: 0, onClose: this._handlePopupClose, position: appui_abstract_1.RelativePosition.Bottom, target: this.state.element }, this.getExpandedContent())));
     }
     getExpandedContent() {
@@ -97,7 +106,7 @@ class StandardRotationNavigationAid extends React.Component {
         return (React.createElement(components_react_1.Panel, null,
             React.createElement(components_react_1.Columns, null,
                 React.createElement(components_react_1.GroupColumn, null, this.state.list.map((item, itemIndex) => {
-                    return (React.createElement(components_react_1.GroupTool, { key: itemIndex.toString(), label: item.label, icon: React.createElement(core_react_1.Icon, { iconSpec: item.iconClassName }), isActive: this.state.selected === itemIndex, onClick: () => this._handleListItemClicked(itemIndex), item: appui_abstract_1.ToolbarItemUtilities.createActionButton("", 0, "", "", () => { }) }));
+                    return (React.createElement(components_react_1.GroupTool, { key: itemIndex.toString(), label: item.label, icon: React.createElement(core_react_1.Icon, { iconSpec: item.iconsSpec }), isActive: this.state.selected === itemIndex, onClick: () => this._handleListItemClicked(itemIndex), item: appui_abstract_1.ToolbarItemUtilities.createActionButton("", 0, "", "", () => { }) }));
                 })))));
     }
 }

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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./StandardRotationNavigationAid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StandardViewId } from \"@itwin/core-frontend\";\r\nimport { RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\r\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, Icon, Popup } from \"@itwin/core-react\";\r\nimport { ExpandableButton as NZ_Expandable, ToolbarIcon as NZ_Icon } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { NavigationAidControl } from \"./NavigationAidControl\";\r\nimport { Columns, GroupColumn, GroupTool, Panel } from \"@itwin/components-react\";\r\n\r\n/** A 3D Standard Rotation Navigation Aid control.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\r\n  public static navigationAidId = \"StandardRotationNavigationAid\";\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n    this.reactNode = <StandardRotationNavigationAid />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface RotationData {\r\n  label: string;\r\n  iconClassName: string;\r\n}\r\n\r\n/** @internal */\r\ninterface StandardRotationNavigationAidState {\r\n  element: HTMLDivElement | null;\r\n  isExpanded: boolean;\r\n  list: RotationData[];\r\n  selected: StandardViewId;\r\n}\r\n\r\n/** A 3D Standard Rotation Navigation Aid.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {\r\n  private _title = UiFramework.translate(\"standardRotationNavigationAid.title\");\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\r\n\r\n  constructor(props: any) {\r\n    super(props);\r\n    const list: RotationData[] = [\r\n      {\r\n        label: UiFramework.translate(\"rotations.top\"),\r\n        iconClassName: \"icon-cube-faces-top\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.bottom\"),\r\n        iconClassName: \"icon-cube-faces-bottom\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.left\"),\r\n        iconClassName: \"icon-cube-faces-left\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.right\"),\r\n        iconClassName: \"icon-cube-faces-right\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.front\"),\r\n        iconClassName: \"icon-cube-faces-front\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.rear\"),\r\n        iconClassName: \"icon-cube-faces-rear\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoLeft\"),\r\n        iconClassName: \"icon-cube-faces-iso-left\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoRight\"),\r\n        iconClassName: \"icon-cube-faces-iso-right\",\r\n      },\r\n    ];\r\n    this.state = {\r\n      element: null,\r\n      isExpanded: false,\r\n      list,\r\n      selected: StandardViewId.Top,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const className = classnames(\r\n      \"uifw-standard-rotation-navigation\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <div className={className} style={this.props.style}\r\n        ref={this._handleRef}\r\n      >\r\n        <NZ_Expandable\r\n          className={\"expandable\"}\r\n        >\r\n          <NZ_Icon\r\n            className={\"icon-button\"}\r\n            icon={\r\n              <span className={classnames(\"three-d-icon\", \"icon\", this.state.list[this.state.selected].iconClassName)} />\r\n            }\r\n            onClick={this._toggleIsExpanded}\r\n            title={this._title}\r\n          >\r\n          </NZ_Icon>\r\n        </NZ_Expandable>\r\n        <Popup\r\n          isOpen={this.state.isExpanded}\r\n          offset={0}\r\n          onClose={this._handlePopupClose}\r\n          position={RelativePosition.Bottom}\r\n          target={this.state.element}\r\n        >\r\n          {this.getExpandedContent()}\r\n        </Popup>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleRef = (element: HTMLDivElement | null) => {\r\n    this.setState(() => ({ element }));\r\n  };\r\n\r\n  private _handlePopupClose = () => {\r\n    this.setState(() => ({ isExpanded: false }));\r\n  };\r\n\r\n  private _toggleIsExpanded = () => {\r\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\r\n  };\r\n\r\n  private _handleListItemClicked = (item: number) => {\r\n    const selected = item;\r\n\r\n    this.setState(\r\n      () => ({ isExpanded: false, selected }),\r\n      () => ViewportComponentEvents.setStandardRotation(selected),\r\n    );\r\n  };\r\n\r\n  private getExpandedContent(): React.ReactNode {\r\n    if (!this.state.isExpanded)\r\n      return undefined;\r\n\r\n    return (\r\n      <Panel>\r\n        <Columns>\r\n          <GroupColumn>\r\n            {this.state.list.map((item, itemIndex) => {\r\n              return (\r\n                <GroupTool\r\n                  key={itemIndex.toString()}\r\n                  label={item.label}\r\n                  icon={<Icon iconSpec={item.iconClassName} />}\r\n                  isActive={this.state.selected === itemIndex}\r\n                  onClick={() => this._handleListItemClicked(itemIndex)}\r\n                  item={ToolbarItemUtilities.createActionButton(\"\", 0, \"\", \"\", () => { })}\r\n                />\r\n              );\r\n            })}\r\n          </GroupColumn>\r\n        </Columns>\r\n      </Panel>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gDAA8C;AAC9C,2CAAoC;AACpC,+BAA+B;AAC/B,wDAAsD;AACtD,0DAAkG;AAClG,4EAAyE;AACzE,kDAAuE;AACvE,kEAAsG;AAEtG,gDAA6C;AAC7C,iEAA8D;AAC9D,8DAAiF;AACjF,6EAA8E;AAC9E,mFAAoF;AACpF,+EAAgF;AAChF,iFAAkF;AAClF,iFAAkF;AAClF,+EAAgF;AAChF,uFAAuF;AACvF,yFAAyF;AAEzF;;GAEG;AACH,MAAa,oCAAqC,SAAQ,2CAAoB;IAG5E,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,oBAAC,6BAA6B,OAAG,CAAC;IACrD,CAAC;;AANH,oFAOC;AANe,oDAAe,GAAG,+BAA+B,CAAC;AAsBlE;;GAEG;AACH,MAAa,6BAA8B,SAAQ,KAAK,CAAC,SAA0D;IAMjH,YAAY,KAAU;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QANP,WAAM,GAAG,yBAAW,CAAC,SAAS,CAAC,qCAAqC,CAAC,CAAC;QA8EtE,eAAU,GAAG,CAAC,OAA8B,EAAE,EAAE;YACtD,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACxE,CAAC,CAAC;QAEM,2BAAsB,GAAG,CAAC,IAAY,EAAE,EAAE;YAChD,MAAM,QAAQ,GAAG,IAAI,CAAC;YAEtB,IAAI,CAAC,QAAQ,CACX,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EACvC,GAAG,EAAE,CAAC,iDAAuB,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAC5D,CAAC;QACJ,CAAC,CAAC;QA1FA,MAAM,IAAI,GAAmB;YAC3B;gBACE,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,eAAe,CAAC;gBAC7C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,iBAAe,CAAC;aACzE,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC;gBAChD,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,oBAAkB,CAAC;aAC5E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC;gBAC9C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,kBAAgB,CAAC;aAC1E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;gBAC/C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,mBAAiB,CAAC;aAC3E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;gBAC/C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,mBAAiB,CAAC;aAC3E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC;gBAC9C,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,kBAAgB,CAAC;aAC1E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBACjD,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,sBAAmB,CAAC;aAC7E,EAAE;gBACD,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBAClD,SAAS,EAAE,kCAAiB,CAAC,0BAA0B,CAAC,uBAAoB,CAAC;aAC9E;SACF,CAAC;QACF,IAAI,CAAC,KAAK,GAAG;YACX,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,KAAK;YACjB,IAAI;YACJ,QAAQ,EAAE,8BAAc,CAAC,GAAG;SAC7B,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC,EACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAChD,GAAG,EAAE,IAAI,CAAC,UAAU;YAEpB,oBAAC,qCAAa,IACZ,SAAS,EAAE,YAAY;gBAEvB,oBAAC,gCAAO,IACN,SAAS,EAAE,aAAa,EACxB,IAAI,EACF,8BAAM,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,MAAM,CAAC;wBAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,SAAS,GAAG,CAAO,EAE/H,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,KAAK,EAAE,IAAI,CAAC,MAAM,GAEV,CACI;YAChB,oBAAC,kBAAK,IACJ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC7B,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,QAAQ,EAAE,iCAAgB,CAAC,MAAM,EACjC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAEzB,IAAI,CAAC,kBAAkB,EAAE,CACpB,CACJ,CACP,CAAC;IACJ,CAAC;IAuBO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU;YACxB,OAAO,SAAS,CAAC;QAEnB,OAAO,CACL,oBAAC,wBAAK;YACJ,oBAAC,0BAAO;gBACN,oBAAC,8BAAW,QACT,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;oBACvC,OAAO,CACL,oBAAC,4BAAS,IACR,GAAG,EAAE,SAAS,CAAC,QAAQ,EAAE,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,GAAI,EACxC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EACrD,IAAI,EAAE,qCAAoB,CAAC,kBAAkB,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,GACvE,CACH,CAAC;gBACJ,CAAC,CAAC,CACU,CACN,CACJ,CACT,CAAC;IACJ,CAAC;CACF;AA7HD,sEA6HC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./StandardRotationNavigationAid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StandardViewId } from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities, RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\r\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, Icon, IconSpec, Popup } from \"@itwin/core-react\";\r\nimport { ExpandableButton as NZ_Expandable, ToolbarIcon as NZ_Icon } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { NavigationAidControl } from \"./NavigationAidControl\";\r\nimport { Columns, GroupColumn, GroupTool, Panel } from \"@itwin/components-react\";\r\nimport svgCubeFacesTop from \"@bentley/icons-generic/icons/cube-faces/top.svg\";\r\nimport svgCubeFacesBottom from \"@bentley/icons-generic/icons/cube-faces/bottom.svg\";\r\nimport svgCubeFacesLeft from \"@bentley/icons-generic/icons/cube-faces/left.svg\";\r\nimport svgCubeFacesRight from \"@bentley/icons-generic/icons/cube-faces/right.svg\";\r\nimport svgCubeFacesFront from \"@bentley/icons-generic/icons/cube-faces/front.svg\";\r\nimport svgCubeFacesRear from \"@bentley/icons-generic/icons/cube-faces/rear.svg\";\r\nimport svgCubeFacesIsoLeft from \"@bentley/icons-generic/icons/cube-faces/iso-left.svg\";\r\nimport svgCubeFacesIsoRight from \"@bentley/icons-generic/icons/cube-faces/iso-right.svg\";\r\n\r\n/** A 3D Standard Rotation Navigation Aid control.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\r\n  public static navigationAidId = \"StandardRotationNavigationAid\";\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n    this.reactNode = <StandardRotationNavigationAid />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface RotationData {\r\n  label: string;\r\n  iconsSpec?: IconSpec;\r\n}\r\n\r\n/** @internal */\r\ninterface StandardRotationNavigationAidState {\r\n  element: HTMLDivElement | null;\r\n  isExpanded: boolean;\r\n  list: RotationData[];\r\n  selected: StandardViewId;\r\n}\r\n\r\n/** A 3D Standard Rotation Navigation Aid.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {\r\n  private _title = UiFramework.translate(\"standardRotationNavigationAid.title\");\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\r\n\r\n  constructor(props: any) {\r\n    super(props);\r\n    const list: RotationData[] = [\r\n      {\r\n        label: UiFramework.translate(\"rotations.top\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesTop),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.bottom\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesBottom),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.left\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesLeft),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.right\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRight),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.front\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesFront),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.rear\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesRear),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoLeft\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoLeft),\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoRight\"),\r\n        iconsSpec: IconSpecUtilities.createWebComponentIconSpec(svgCubeFacesIsoRight),\r\n      },\r\n    ];\r\n    this.state = {\r\n      element: null,\r\n      isExpanded: false,\r\n      list,\r\n      selected: StandardViewId.Top,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const className = classnames(\r\n      \"uifw-standard-rotation-navigation\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <div className={className} style={this.props.style}\r\n        ref={this._handleRef}\r\n      >\r\n        <NZ_Expandable\r\n          className={\"expandable\"}\r\n        >\r\n          <NZ_Icon\r\n            className={\"icon-button\"}\r\n            icon={\r\n              <span className={classnames(\"three-d-icon\", \"icon\")}><Icon iconSpec={this.state.list[this.state.selected].iconsSpec}/></span>\r\n            }\r\n            onClick={this._toggleIsExpanded}\r\n            title={this._title}\r\n          >\r\n          </NZ_Icon>\r\n        </NZ_Expandable>\r\n        <Popup\r\n          isOpen={this.state.isExpanded}\r\n          offset={0}\r\n          onClose={this._handlePopupClose}\r\n          position={RelativePosition.Bottom}\r\n          target={this.state.element}\r\n        >\r\n          {this.getExpandedContent()}\r\n        </Popup>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleRef = (element: HTMLDivElement | null) => {\r\n    this.setState(() => ({ element }));\r\n  };\r\n\r\n  private _handlePopupClose = () => {\r\n    this.setState(() => ({ isExpanded: false }));\r\n  };\r\n\r\n  private _toggleIsExpanded = () => {\r\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\r\n  };\r\n\r\n  private _handleListItemClicked = (item: number) => {\r\n    const selected = item;\r\n\r\n    this.setState(\r\n      () => ({ isExpanded: false, selected }),\r\n      () => ViewportComponentEvents.setStandardRotation(selected),\r\n    );\r\n  };\r\n\r\n  private getExpandedContent(): React.ReactNode {\r\n    if (!this.state.isExpanded)\r\n      return undefined;\r\n\r\n    return (\r\n      <Panel>\r\n        <Columns>\r\n          <GroupColumn>\r\n            {this.state.list.map((item, itemIndex) => {\r\n              return (\r\n                <GroupTool\r\n                  key={itemIndex.toString()}\r\n                  label={item.label}\r\n                  icon={<Icon iconSpec={item.iconsSpec} />}\r\n                  isActive={this.state.selected === itemIndex}\r\n                  onClick={() => this._handleListItemClicked(itemIndex)}\r\n                  item={ToolbarItemUtilities.createActionButton(\"\", 0, \"\", \"\", () => { })}\r\n                />\r\n              );\r\n            })}\r\n          </GroupColumn>\r\n        </Columns>\r\n      </Panel>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ListPicker.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAQ,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIjE;;GAEG;AACH,oBAAY,YAAY;IACtB,IAAI,IAAI;IACR,SAAS,IAAI;IACb,SAAS,IAAI;CACd;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAK,GAAG,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,GAAG,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1E,6BAA6B;IACb,MAAM;CAmBvB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACxG,mCAAmC;gBACvB,KAAK,EAAE,sBAAsB;IAKzC,OAAO,CAAC,QAAQ,CAEd;IAEF,gCAAgC;IAChB,MAAM;CA4BvB;AAED,YAAY;AACZ,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CA8DpE;AAyBD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IACtE,WAAkB,OAAO,WAAiB;IAC1C,WAAkB,QAAQ,WAAiB;IAC3C,WAAkB,UAAU,WAAiB;IAC7C,WAAkB,aAAa,WAAiB;IAEhD,2BAA2B;gBACf,KAAK,EAAE,uBAAuB;IAK1C,OAAO,CAAC,WAAW;IA0BnB;;;OAGG;IACI,aAAa,CAAC,IAAI,EAAE,QAAQ;IAMnC,OAAO,CAAC,WAAW,CA0BjB;IAEF,yBAAyB;IACT,MAAM;CAYvB"}
+{"version":3,"file":"ListPicker.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAQ,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKjE;;GAEG;AACH,oBAAY,YAAY;IACtB,IAAI,IAAI;IACR,SAAS,IAAI;IACb,SAAS,IAAI;CACd;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAK,GAAG,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,GAAG,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1E,6BAA6B;IACb,MAAM;CAmBvB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACxG,mCAAmC;gBACvB,KAAK,EAAE,sBAAsB;IAKzC,OAAO,CAAC,QAAQ,CAEd;IAEF,gCAAgC;IAChB,MAAM;CA4BvB;AAED,YAAY;AACZ,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CA8DpE;AAyBD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IACtE,WAAkB,OAAO,WAAiB;IAC1C,WAAkB,QAAQ,WAAiB;IAC3C,WAAkB,UAAU,WAAiB;IAC7C,WAAkB,aAAa,WAAiB;IAEhD,2BAA2B;gBACf,KAAK,EAAE,uBAAuB;IAK1C,OAAO,CAAC,WAAW;IA0BnB;;;OAGG;IACI,aAAa,CAAC,IAAI,EAAE,QAAQ;IAMnC,OAAO,CAAC,WAAW,CA0BjB;IAEF,yBAAyB;IACT,MAAM;CAYvB"}

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

@@ -15,6 +15,7 @@ const components_react_1 = require("@itwin/components-react");
 const core_react_1 = require("@itwin/core-react");
 const DragInteraction_1 = require("../toolbar/DragInteraction");
 const UiFramework_1 = require("../UiFramework");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 /** Enum for the list picker item type
  * @beta
  */
@@ -55,7 +56,7 @@ class ExpandableSection extends React.PureComponent {
     /** Renders ExpandableSection */
     render() {
         const className = (0, classnames_1.default)("nz-toolbar-item-expandable-group-group", this.props.className);
-        const icon = this.state.expanded ? React.createElement("i", { className: "icon icon-chevron-down" }) : React.createElement("i", { className: "icon icon-chevron-right" });
+        const icon = this.state.expanded ? React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronDown, null) }) : React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronRight, null) });
         return (React.createElement(components_react_1.Panel, { className: className, style: this.props.style, key: this.props.title },
             React.createElement("div", { onClick: this._onClick, className: this.state.expanded ? "ListPickerInnerContainer-header-expanded" : "ListPickerInnerContainer-header", role: "button", tabIndex: -1, "aria-expanded": this.state.expanded },
                 React.createElement("div", { className: "ListPickerInnerContainer-header-content" },
@@ -108,7 +109,7 @@ exports.getListPanel = getListPanel;
  */
 function ListPickerPopupItem(props) {
     const icon = props.iconSpec ? ( /* istanbul ignore next */typeof props.iconSpec === "string" ? React.createElement(core_react_1.Icon, { iconSpec: props.iconSpec }) :
-        React.createElement("i", { className: "icon uifw-item-svg-icon" }, props.iconSpec)) : React.createElement(core_react_1.Icon, { iconSpec: "icon-list" });
+        React.createElement("i", { className: "icon uifw-item-svg-icon" }, props.iconSpec)) : React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgList, null) });
     return (React.createElement(DragInteraction_1.ToolbarDragInteractionContext.Consumer, null, (isEnabled) => {
         return React.createElement(components_react_1.PopupItem, { hideIndicator: isEnabled, icon: icon, title: props.title, panel: getListPanel(props) });
     }));

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

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

@@ -12,7 +12,7 @@ $no-shadow: none;
 $shadow: drop-shadow(0 1px 0 $buic-text-color-reverse);
 $space-after-label: 16px;
 $space-before-label: 16px;
-$label-color: $buic-text-color;
+$label-color: var(--iui-color-text);
 $border-color: $buic-background-control-stroke;
 $item-height: 32px;
 
@@ -85,7 +85,7 @@ $item-height: 32px;
 }
 
 .ListPicker-item {
-  $label-color: $buic-text-color;
+  $label-color: var(--iui-color-text);
   $pressed-label-color: $buic-foreground-activehover;
   $hovered-label-color: $buic-foreground-primary-tone;
   $focused-label-color: $buic-foreground-primary-tone;
@@ -135,7 +135,7 @@ $item-height: 32px;
   }
 
   &:active {
-    background: $buic-row-selection;
+    background: var(--iui-color-background-hover);
     color: $pressed-label-color;
 
     > .icon,
@@ -187,7 +187,7 @@ $item-height: 32px;
 }
 
 .ListPickerWidget-item {
-  $label-color: $buic-text-color;
+  $label-color: var(--iui-color-text);
   $pressed-label-color: $buic-foreground-activehover;
   $hovered-label-color: $buic-foreground-primary;
   $focused-label-color: $buic-foreground-primary;
@@ -289,7 +289,7 @@ $item-height: 32px;
 
   white-space: nowrap;
   text-align: center;
-  color: $buic-text-color;
+  color: var(--iui-color-text);
   filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
   margin-bottom: 9px;
   margin-left: $horizontal-margin;

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

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

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

@@ -16,6 +16,7 @@ const connectIModel_1 = require("../redux/connectIModel");
 const UiFramework_1 = require("../UiFramework");
 const ViewUtilities_1 = require("../utils/ViewUtilities");
 const ListPicker_1 = require("./ListPicker");
+const saved_view_svg_1 = require("@bentley/icons-generic/icons/saved-view.svg");
 /** ViewSelector Changed Event class.
  * @beta
  */
@@ -230,8 +231,9 @@ class ViewSelector extends React.Component {
     render() {
         if (!this.state.initialized)
             return null;
+        const iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(saved_view_svg_1.default);
         const { imodel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement(ListPicker_1.ListPicker, { ...props, title: this.state.title, setEnabled: this._setEnabled, items: this.state.items, iconSpec: "icon-saved-view", onExpanded: this._onExpanded }));
+        return (React.createElement(ListPicker_1.ListPicker, { ...props, title: this.state.title, setEnabled: this._setEnabled, items: this.state.items, iconSpec: iconSpec, onExpanded: this._onExpanded }));
     }
 }
 exports.ViewSelector = ViewSelector;

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

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

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

@@ -66,11 +66,11 @@ function Card(props) {
     // istanbul ignore else
     if (props.title) {
         if (typeof props.title === "string")
-            titleNode = React.createElement(itwinui_react_1.Leading, null, props.title);
+            titleNode = React.createElement(itwinui_react_1.Text, { variant: "leading" }, props.title);
         else {
             const propertyValueRendererManager = components_react_1.PropertyValueRendererManager.defaultManager;
             const titleValue = propertyValueRendererManager.render(props.title);
-            titleNode = React.createElement(itwinui_react_1.Leading, null, titleValue);
+            titleNode = React.createElement(itwinui_react_1.Text, { variant: "leading" }, titleValue);
         }
     }
     const content = (0, PopupManager_1.isReactContent)(props.content) ? props.content.reactNode : React.createElement(MessageSpan_1.MessageDiv, { message: props.content });