@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAAyD;AACzD,wDAA8E;AAC9E,kDAA4C;AAE5C,sEAAmE;AACnE,0DAAiE;AACjE,gDAA6C;AAC7C,0DAAuD;AACvD,6CAAkE;AAclE;;GAEG;AACH,MAAa,wBAAyB,SAAQ,oBAAqC;CAAI;AAAvF,4DAAuF;AA0CvF;GACG;AACH,MAAM,2BAA4B,SAAQ,oBAAwC;CAAI;AAEtF;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAsBrF,6BAA6B;IAC7B,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QApBP,eAAU,GAAG,KAAK,CAAC;QAsDnB,uCAAkC,GAAG,CAAC,IAAqC,EAAQ,EAAE;YAC3F,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,UAAU;gBAClB,OAAO;YAET,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACpD,CAAC,CAAC;QAuHF,4BAA4B;QAC5B,uBAAuB;QACf,gBAAW,GAAG,KAAK,EAAE,IAAc,EAAE,QAAiB,EAAE,EAAE;YAChE,MAAM,oBAAoB,GAAG,uCAAkB,CAAC,uBAAuB,EAA2C,CAAC;YACnH,IAAI,CAAC,oBAAoB,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,EAAE;gBAC7E,qBAAM,CAAC,QAAQ,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,kDAAkD,CAAC,CAAC;gBACtG,OAAO;aACR;YAED,8EAA8E;YAC9E,iFAAiF;YACjF,IAAI,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,yBAAY,CAAC,SAAS,EAAE;gBACpD,wGAAwG;gBACxG,oCAAoC;gBACpC,+BAA+B;gBAC/B,MAAM,UAAU,GAAqC,CAAC,QAAkB,EAAE,EAAE;oBAC1E,IAAI,QAAQ,CAAC,IAAI,KAAK,yBAAY,CAAC,SAAS,EAAE;wBAC5C,OAAO,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAS,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;qBACtE;yBAAM,IAAI,QAAQ,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE;wBACpC,OAAO,EAAE,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qBACvC;yBAAM;wBACL,OAAO,EAAE,GAAG,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;qBACxC;gBACH,CAAC,CAAC;gBAEF,qDAAqD;gBACrD,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAE1D,uBAAuB;gBACvB,IAAI,CAAC,IAAI,CAAC,UAAU;oBAClB,OAAO;gBAET,2FAA2F;gBAC3F,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;aAC5C;YAED,8CAA8C;YAC9C,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,MAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEhE,2DAA2D;YAC3D,MAAM,oBAAoB,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAO,EAAE,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,IAAK,CAAC,CAAC;YAE1G,sBAAsB;YACtB,YAAY,CAAC,0BAA0B,CAAC,IAAI,CAAC;gBAC3C,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAO;gBACpC,gBAAgB,EAAE,IAAI,CAAC,GAAG;gBAC1B,SAAS;gBACT,IAAI,EAAE,IAAI,CAAC,IAAK;aACjB,CAAC,CAAC;YAEH,uDAAuD;YACvD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,8DAA8D;QAC5F,CAAC,CAAC;QAEF,mFAAmF;QACnF,uBAAuB;QACf,gBAAW,GAAG,CAAC,MAAe,EAAE,EAAE;YACxC,IAAI,MAAM;gBACR,IAAI,CAAC,WAAW,CAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,8DAA8D;QACjL,CAAC,CAAC;QAxNA,IAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,IAAI,KAAK,EAAY;YAC5B,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC;YAChD,WAAW,EAAE,KAAK;YAClB,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,WAAW,EAAE,KAAK,CAAC,WAAW;SAC/B,CAAC;IACJ,CAAC;IAnBD;OACG;IACI,MAAM,CAAC,kBAAkB,CAAC,YAAqB,EAAE,YAAqB,EAAE,UAAmB,EAAE,WAAoB;QACtH,YAAY,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;IAC5G,CAAC;IAiBe,KAAK,CAAC,iBAAiB;QACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB;YACjC,IAAI,CAAC,yBAAyB,GAAG,YAAY,CAAC,8BAA8B,CAAC,WAAW,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QAEpI,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;IACzB,CAAC;IAEe,KAAK,CAAC,kBAAkB,CAAC,SAA4B;QACnE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,EAAE;YAC1C,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;SACxB;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,uBAAuB;QACvB,IAAI,IAAI,CAAC,yBAAyB;YAChC,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACrC,CAAC;IAUO,kBAAkB,CAAC,OAAmB,EAAE,OAAmB,EAAE,MAAkB,EAAE,OAAoB;QAC3G,MAAM,gBAAgB,GAAa;YACjC,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC;YACtD,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,yBAAY,CAAC,SAAS;YAC5B,QAAQ,EAAE,OAAO;SAClB,CAAC;QAEF,MAAM,gBAAgB,GAAa;YACjC,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,qBAAqB,CAAC;YAClD,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,yBAAY,CAAC,SAAS;YAC5B,QAAQ,EAAE,OAAO;SAClB,CAAC;QAEF,MAAM,cAAc,GAAa;YAC/B,GAAG,EAAE,gBAAgB;YACrB,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC;YAChD,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,yBAAY,CAAC,SAAS;YAC5B,QAAQ,EAAE,MAAM;SACjB,CAAC;QAEF,MAAM,UAAU,GAAG,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,CAAC,CAAC;QAExE,qBAAqB;QACrB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACjC,0EAA0E;YAC1E,MAAM,gBAAgB,GAAa;gBACjC,GAAG,EAAE,kBAAkB;gBACvB,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBAChD,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,yBAAY,CAAC,SAAS;gBAC5B,QAAQ,EAAE,OAAO;aAClB,CAAC;YAEF,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;gBACtB,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;SACrC;QAED,uBAAuB;QACvB,IAAI,CAAC,IAAI,CAAC,UAAU;YAClB,OAAO;QAET,IAAI,CAAC,QAAQ,CAAC;YACZ,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,yBAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC;YAChD,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC;IACL,CAAC;IACD;;OAEG;IACI,KAAK,CAAC,SAAS;QACpB,oCAAoC;QACpC,MAAM,OAAO,GAAe,EAAE,CAAC;QAC/B,MAAM,OAAO,GAAe,EAAE,CAAC;QAC/B,MAAM,MAAM,GAAe,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAe,EAAE,CAAC;QAE/B,qBAAqB;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE;YAC5D,MAAM,KAAK,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAE/D,KAAK,CAAC,OAAO,CAAC,CAAC,IAA+B,EAAE,EAAE;gBAChD,MAAM,QAAQ,GAAa;oBACzB,GAAG,EAAE,IAAI,CAAC,EAAE;oBACZ,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,OAAO,EAAE,KAAK;oBACd,IAAI,EAAE,yBAAY,CAAC,IAAI;iBACxB,CAAC;gBAEF,MAAM,SAAS,GAAG,6BAAa,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAE5D,IAAI,6BAAa,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;oBAC/D,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;qBACpB,IAAI,6BAAa,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;oBACpE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;qBACpB,IAAI,6BAAa,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;oBAChE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;qBACnB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;oBAC7B,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC3B,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC;IAED;;;OAGG;IACH,uBAAuB;IAChB,KAAK,CAAC,WAAW,CAAC,MAAY;QACnC,mCAAmC;QACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;YACzB,OAAO;QAET,oCAAoC;QACpC,MAAM,OAAO,GAAe,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC;QAC1D,MAAM,OAAO,GAAe,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC;QAC1D,MAAM,MAAM,GAAe,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC;QACzD,MAAM,OAAO,GAAe,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7F,MAAM,cAAc,GAAG,CAAC,IAAc,EAAE,EAAE;YACxC,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM;gBACrB,OAAO,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;gBAElC,OAAO,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACvC,CAAC,CAAC;QAEF,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;IAC7I,CAAC;IA+DD;;OAEG;IACa,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;YACzB,OAAO,IAAI,CAAC;QAEd,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAEjG,OAAO,CACL,oBAAC,uBAAU,OACL,KAAK,EACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,iBAAiB,EAC3B,UAAU,EAAE,IAAI,CAAC,WAAW,GAC5B,CACH,CAAC;IACJ,CAAC;;AAvQH,oCAwQC;AAtQyB,2CAA8B,GAAG,IAAI,2BAA2B,EAAE,CAAC;AAIpE,yBAAY,GAA6B;IAC9D,YAAY,EAAE,IAAI;IAClB,YAAY,EAAE,IAAI;IAClB,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,IAAI;CAClB,CAAC;AAEF,4CAA4C;AACrB,uCAA0B,GAAG,IAAI,wBAAwB,EAAE,CAAC;AA4PrF;;GAEG;AACU,QAAA,2BAA2B,GAAG,IAAA,uCAAuB,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,2DAA2D","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/core-react\";\r\nimport { SupportsViewSelectorChange } from \"../content/ContentControl\";\r\nimport { ContentViewManager } from \"../content/ContentViewManager\";\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(\"savedViews.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(\"savedViews.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(\"savedViews.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(\"savedViews.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(\"savedViews.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(\"savedViews.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    // istanbul ignore if\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 = ContentViewManager.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"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/CardPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,uBAAuB,CAAC;AAC1I,OAAO,EAAkC,WAAW,EAAS,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAGxG,OAAO,EAAkB,gBAAgB,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKhG,aAAa;AACb,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IACvC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc,EAAE,kBAAkB,CAAC;CACpC;AAED,gBAAgB;AAChB,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAChF,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,OAAO;IAOC,MAAM;CAoBvB;AAED,aAAa;AACb,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IACvC,cAAc,EAAE,kBAAkB,CAAC;CACpC;AAED,aAAa;AACb,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eAyCpC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/CardPopup.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 Popup\r\n */\r\n\r\nimport \"./CardPopup.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { CommonToolbarItem, OnCancelFunc, OnItemExecutedFunc, PropertyRecord, RelativePosition, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick, FocusTrap, Orientation, Point, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { Leading } from \"@itwin/itwinui-react\";\r\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\r\nimport { isReactContent, PopupContentType, PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup } from \"./PositionPopup\";\r\nimport { MessageDiv } from \"../messages/MessageSpan\";\r\nimport { Direction, PropertyValueRendererManager, ToolbarOpacitySetting, ToolbarPanelAlignment, ToolbarWithOverflow } from \"@itwin/components-react\";\r\n\r\n/** @alpha */\r\nexport interface CardPopupProps extends PopupPropsBase {\r\n  content: PopupContentType;\r\n  title: string | PropertyRecord | undefined;\r\n  items: CommonToolbarItem[] | undefined;\r\n  relativePosition: RelativePosition;\r\n  orientation: Orientation;\r\n  onCancel: OnCancelFunc;\r\n  onItemExecuted: OnItemExecutedFunc;\r\n}\r\n\r\n/** @internal */\r\ninterface CardPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for Input Editor\r\n * @alpha\r\n */\r\nexport class CardPopup extends React.PureComponent<CardPopupProps, CardPopupState> {\r\n  /** @internal */\r\n  public override readonly state = {\r\n    size: new Size(-1, -1),\r\n  };\r\n\r\n  private _onSizeKnown = (newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!this.state.size.equals(newSize))\r\n      this.setState({ size: Size.create(newSize) });\r\n  };\r\n\r\n  private _handleKeyDown = (event: React.KeyboardEvent): void => {\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        this._cancel();\r\n        break;\r\n    }\r\n  };\r\n\r\n  private _cancel() {\r\n    // istanbul ignore else\r\n    if (this.props.onCancel) {\r\n      this.props.onCancel();\r\n    }\r\n  }\r\n\r\n  public override render() {\r\n    let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);\r\n    const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);\r\n    point = new Point(popupRect.left, popupRect.top);\r\n\r\n    return (\r\n      <PositionPopup key={this.props.id}\r\n        className={classnames(\"uifw-no-border\", \"uifw-card\")}\r\n        point={point}\r\n        onSizeKnown={this._onSizeKnown}\r\n      >\r\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel} onKeyDown={this._handleKeyDown}>\r\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\r\n            <Card content={this.props.content} title={this.props.title} items={this.props.items}\r\n              onItemExecuted={this.props.onItemExecuted} />\r\n          </FocusTrap>\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n\r\n/** @alpha */\r\nexport interface CardProps {\r\n  content: PopupContentType;\r\n  title: string | PropertyRecord | undefined;\r\n  items: CommonToolbarItem[] | undefined;\r\n  onItemExecuted: OnItemExecutedFunc;\r\n}\r\n\r\n/** @alpha */\r\nexport function Card(props: CardProps) {\r\n  let titleNode: React.ReactNode;\r\n  // istanbul ignore else\r\n  if (props.title) {\r\n    if (typeof props.title === \"string\")\r\n      titleNode = <Leading>{props.title}</Leading>;\r\n    else {\r\n      const propertyValueRendererManager = PropertyValueRendererManager.defaultManager;\r\n      const titleValue = propertyValueRendererManager.render(props.title);\r\n      titleNode = <Leading>{titleValue}</Leading>;\r\n    }\r\n  }\r\n\r\n  const content = isReactContent(props.content) ? props.content.reactNode : <MessageDiv message={props.content} />;\r\n\r\n  return (\r\n    <>\r\n      <div className=\"uifw-card-content\">\r\n        {props.title &&\r\n          <>\r\n            {titleNode}\r\n            <div className=\"uifw-card-gap\" />\r\n          </>\r\n        }\r\n        {content}\r\n      </div>\r\n      {props.items &&\r\n        <>\r\n          <div className=\"uifw-card-separator\" />\r\n          <ToolbarWithOverflow\r\n            expandsTo={Direction.Bottom}\r\n            panelAlignment={ToolbarPanelAlignment.Start}\r\n            items={props.items}\r\n            useDragInteraction={true}\r\n            toolbarOpacitySetting={ToolbarOpacitySetting.Transparent}\r\n            onItemExecuted={props.onItemExecuted}\r\n          />\r\n        </>\r\n      }\r\n    </>\r\n  );\r\n}\r\n"]}

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

@@ -0,0 +1,23 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.uifw-card {
+  background-color: $buic-background-card;
+
+  .uifw-card-content {
+    padding: 6px 10px;
+  }
+
+  .uifw-card-separator {
+    height: 2px;
+    margin-bottom: 1px;
+    background: rgba($buic-foreground-body-reverse-rgb, 0.45);
+  }
+}
+
+.uifw-card-gap {
+  height: 4px;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLElementPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/HTMLElementPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAuB,WAAW,EAAS,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAE7F,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAI9D,aAAa;AACb,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,EAAE,WAAW,CAAC;IACrB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,gBAAgB;AAChB,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACrG,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEc,MAAM;CAiBvB"}

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

@@ -0,0 +1,43 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTMLElementPopup = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const CursorPopup_1 = require("../cursor/cursorpopup/CursorPopup");
+const PopupManager_1 = require("./PopupManager");
+const PositionPopup_1 = require("./PositionPopup");
+const MessageSpan_1 = require("../messages/MessageSpan");
+/** Popup component for HTMLElement
+ * @alpha
+ */
+class HTMLElementPopup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            size: new core_react_1.Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: core_react_1.Size.create(newSize) });
+        };
+    }
+    render() {
+        let point = PopupManager_1.PopupManager.getPopupPosition(this.props.el, this.props.pt, new core_react_1.Point(), this.state.size);
+        const popupRect = CursorPopup_1.CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
+        point = new core_react_1.Point(popupRect.left, popupRect.top);
+        return (React.createElement(PositionPopup_1.PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
+            React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: this.props.onCancel },
+                React.createElement(MessageSpan_1.MessageDiv, { message: this.props.element }))));
+    }
+}
+exports.HTMLElementPopup = HTMLElementPopup;
+//# sourceMappingURL=HTMLElementPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLElementPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/HTMLElementPopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAA6F;AAC7F,mEAAgE;AAChE,iDAA8D;AAC9D,mDAAgD;AAChD,yDAAqD;AAerD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAAvG;;QACE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAmBJ,CAAC;IAjBiB,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,kBAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACtG,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACnH,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACtD,oBAAC,wBAAU,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CACvB,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AA7BD,4CA6BC","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 Popup\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { OnCancelFunc, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick, Orientation, Point, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\r\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup } from \"./PositionPopup\";\r\nimport { MessageDiv } from \"../messages/MessageSpan\";\r\n\r\n/** @alpha */\r\nexport interface HTMLElementPopupProps extends PopupPropsBase {\r\n  element: HTMLElement;\r\n  relativePosition: RelativePosition;\r\n  orientation: Orientation;\r\n  onCancel: OnCancelFunc;\r\n}\r\n\r\n/** @internal */\r\ninterface HTMLElementPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for HTMLElement\r\n * @alpha\r\n */\r\nexport class HTMLElementPopup extends React.PureComponent<HTMLElementPopupProps, HTMLElementPopupState> {\r\n  /** @internal */\r\n  public override readonly state = {\r\n    size: new Size(-1, -1),\r\n  };\r\n\r\n  private _onSizeKnown = (newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!this.state.size.equals(newSize))\r\n      this.setState({ size: Size.create(newSize) });\r\n  };\r\n\r\n  public override render() {\r\n    let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);\r\n    const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);\r\n    point = new Point(popupRect.left, popupRect.top);\r\n\r\n    return (\r\n      <PositionPopup key={this.props.id}\r\n        className=\"uifw-no-border\"\r\n        point={point}\r\n        onSizeKnown={this._onSizeKnown}\r\n      >\r\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\r\n          <MessageDiv message={this.props.element} />\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputEditorPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAc,cAAc,EAAuB,MAAM,uBAAuB,CAAC;AACzH,OAAO,EAAmB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAuB,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG9D,aAAa;AACb,qBAAa,wBAAwB;aAEjB,QAAQ,EAAE,iBAAiB;gBAA3B,QAAQ,EAAE,iBAAiB;IAGtC,YAAY,SAAU,mBAAmB,UAO9C;CACH;AAED,aAAa;AACb,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,aAAa,EAAE,wBAAwB,CAAC;CACzC;AAED,gBAAgB;AAChB,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACrG,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,gBAAgB;IACA,MAAM;CAoBvB"}

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

@@ -0,0 +1,58 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputEditorPopup = exports.InputEditorCommitHandler = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const components_react_1 = require("@itwin/components-react");
+const core_react_1 = require("@itwin/core-react");
+const PopupManager_1 = require("./PopupManager");
+const PositionPopup_1 = require("./PositionPopup");
+/** @alpha */
+class InputEditorCommitHandler {
+    constructor(onCommit) {
+        this.onCommit = onCommit;
+        this.handleCommit = (args) => {
+            let newValue = 0;
+            // istanbul ignore else
+            if (args.newValue.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive && args.newValue.value !== undefined) {
+                newValue = args.newValue.value;
+            }
+            this.onCommit(newValue);
+        };
+    }
+}
+exports.InputEditorCommitHandler = InputEditorCommitHandler;
+/** Popup component for Input Editor
+ * @alpha
+ */
+class InputEditorPopup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            size: new core_react_1.Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: core_react_1.Size.create(newSize) });
+        };
+    }
+    /** @internal */
+    render() {
+        const point = PopupManager_1.PopupManager.getPopupPosition(this.props.el, this.props.pt, this.props.offset, this.state.size);
+        return (React.createElement(PositionPopup_1.PositionPopup, { key: this.props.id, point: point, onSizeKnown: this._onSizeKnown },
+            React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: this.props.onCancel },
+                React.createElement(PositionPopup_1.PositionPopupContent, null,
+                    React.createElement(components_react_1.EditorContainer, { propertyRecord: this.props.record, onCommit: this.props.commitHandler.handleCommit, onCancel: this.props.onCancel, setFocus: true })))));
+    }
+}
+exports.InputEditorPopup = InputEditorPopup;
+//# sourceMappingURL=InputEditorPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputEditorPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAyH;AACzH,8DAA+E;AAC/E,kDAAyE;AACzE,iDAA8D;AAC9D,mDAAsE;AAEtE,aAAa;AACb,MAAa,wBAAwB;IACnC,YACkB,QAA2B;QAA3B,aAAQ,GAAR,QAAQ,CAAmB;QAGtC,iBAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;YAClD,IAAI,QAAQ,GAAqB,CAAC,CAAC;YACnC,uBAAuB;YACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,EAAE;gBACpG,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IATE,CAAC;CAUN;AAbD,4DAaC;AAcD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAAvG;;QACE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAuBJ,CAAC;IArBC,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE9G,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACtD,oBAAC,oCAAoB;oBACnB,oBAAC,kCAAe,IACd,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,EAC/C,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,GAAI,CACC,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAjCD,4CAiCC","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 Popup\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { OnCancelFunc, OnValueCommitFunc, Primitives, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"@itwin/components-react\";\r\nimport { DivWithOutsideClick, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\r\n\r\n/** @alpha */\r\nexport class InputEditorCommitHandler {\r\n  constructor(\r\n    public readonly onCommit: OnValueCommitFunc,\r\n  ) { }\r\n\r\n  public handleCommit = (args: PropertyUpdatedArgs) => {\r\n    let newValue: Primitives.Value = 0;\r\n    // istanbul ignore else\r\n    if (args.newValue.valueFormat === PropertyValueFormat.Primitive && args.newValue.value !== undefined) {\r\n      newValue = args.newValue.value;\r\n    }\r\n    this.onCommit(newValue);\r\n  };\r\n}\r\n\r\n/** @alpha */\r\nexport interface InputEditorPopupProps extends PopupPropsBase {\r\n  record: PropertyRecord;\r\n  onCancel: OnCancelFunc;\r\n  commitHandler: InputEditorCommitHandler;\r\n}\r\n\r\n/** @internal */\r\ninterface InputEditorPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for Input Editor\r\n * @alpha\r\n */\r\nexport class InputEditorPopup extends React.PureComponent<InputEditorPopupProps, InputEditorPopupState> {\r\n  /** @internal */\r\n  public override readonly state = {\r\n    size: new Size(-1, -1),\r\n  };\r\n\r\n  private _onSizeKnown = (newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!this.state.size.equals(newSize))\r\n      this.setState({ size: Size.create(newSize) });\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const point = PopupManager.getPopupPosition(this.props.el, this.props.pt, this.props.offset, this.state.size);\r\n\r\n    return (\r\n      <PositionPopup key={this.props.id}\r\n        point={point}\r\n        onSizeKnown={this._onSizeKnown}\r\n      >\r\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\r\n          <PositionPopupContent>\r\n            <EditorContainer\r\n              propertyRecord={this.props.record}\r\n              onCommit={this.props.commitHandler.handleCommit}\r\n              onCancel={this.props.onCancel}\r\n              setFocus={true} />\r\n          </PositionPopupContent>\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module Popup
+ */
+/// <reference types="react" />
+import "./KeyinPalettePanel.scss";
+import { OnItemExecutedFunc } from "@itwin/appui-abstract";
+import { KeyinEntry } from "../uiadmin/FrameworkUiAdmin";
+/** @internal */
+export declare function clearKeyinPaletteHistory(): void;
+interface KeyinPalettePanelProps {
+    keyins: KeyinEntry[];
+    onKeyinExecuted?: OnItemExecutedFunc;
+    historyLength?: number;
+}
+/**
+ * @internal
+ */
+export declare function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength }: KeyinPalettePanelProps): JSX.Element;
+export {};
+//# sourceMappingURL=KeyinPalettePanel.d.ts.map

package/lib/cjs/appui-react/popup/KeyinPalettePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyinPalettePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,0BAA0B,CAAC;AAIlC,OAAO,EAAgB,kBAAkB,EAAc,MAAM,uBAAuB,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,gBAAgB;AAChB,wBAAgB,wBAAwB,SAOvC;AAED,UAAU,sBAAsB;IAC9B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,oBAAwB,EAAE,EAAE,sBAAsB,eAyO7H"}