@itwin/appui-react 4.11.0 → 4.13.0

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

@@ -51,9 +51,8 @@ class CardPopup extends React.PureComponent {
         }
     }
     render() {
-        var _a, _b;
-        let point = PopupManager_1.PopupManager.getPopupPosition((_a = this.props.el) !== null && _a !== void 0 ? _a : this.context, this.props.pt, new core_react_1.Point(), this.state.size);
-        const popupRect = CursorPopup_1.CursorPopup.getPopupRect(point, this.props.offset, this.state.size, (_b = this.props.placement) !== null && _b !== void 0 ? _b : (0, Placement_1.mapToPlacement)(this.props.relativePosition));
+        let point = PopupManager_1.PopupManager.getPopupPosition(this.props.el ?? this.context, 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.placement ?? (0, Placement_1.mapToPlacement)(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 },

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/ComponentPopup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,UAAU,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6CxD,CAAC"}
+{"version":3,"file":"ComponentPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/ComponentPopup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,UAAU,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8CxD,CAAC"}

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

@@ -21,7 +21,7 @@ const ComponentPopup = ({ pt, children, offset, placement, id, onCancel, anchor,
             setSize(newSize);
         }
     }, [size]);
-    let point = PopupManager_1.PopupManager.getPopupPosition(anchor !== null && anchor !== void 0 ? anchor : wrapper, pt, new core_react_1.Point(), size);
+    let point = PopupManager_1.PopupManager.getPopupPosition(anchor ?? wrapper, pt, new core_react_1.Point(), size);
     const popupRect = CursorPopup_1.CursorPopup.getPopupRect(point, offset, size, placement);
     point = new core_react_1.Point(popupRect.left, popupRect.top);
     const handleSizeKnown = (newSize) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ComponentPopup.tsx"],"names":[],"mappings":";;;AAKA,kDAAqE;AACrE,+BAA+B;AAC/B,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAChD,iCAA4C;AAC5C,mFAAyE;AAYzE;;;GAGG;AACI,MAAM,cAAc,GAAkC,CAAC,EAC5D,EAAE,EACF,QAAQ,EACR,MAAM,EACN,SAAS,EACT,EAAE,EACF,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAc,CAAC,CAAC;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAO,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,iBAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;YACzB,OAAO,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,OAAO,EACjB,EAAE,EACF,IAAI,kBAAK,EAAE,EACX,IAAI,CACL,CAAC;IAEF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAC3E,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAE,EAAE;QAC7C,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YAAE,OAAO,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,eAAe;QAE5B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,IAC1C,QAAQ,CACW,CACR,CACjB,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, Point, Size } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport { useEffect, useState } from \"react\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport { type Placement } from \"../utils/Placement\";\n\n// Props used for the ComponentPopup.\ninterface ComponentPopupProps extends Omit<PopupPropsBase, \"el\"> {\n  children?: React.ReactNode;\n  placement: Placement;\n  orientation: Orientation;\n  onCancel: () => void;\n  anchor?: HTMLElement;\n}\n\n/**\n * Displays a React Component inside a popup. The user-facing API is the {@link PopupManager} and should be used instead of this component.\n * @internal\n */\nexport const ComponentPopup: React.FC<ComponentPopupProps> = ({\n  pt,\n  children,\n  offset,\n  placement,\n  id,\n  onCancel,\n  anchor,\n}) => {\n  const wrapper = React.useContext(WrapperContext);\n  const [size, setSize] = useState<Size>(new Size(-1, -1));\n\n  useEffect(() => {\n    const newSize = Size.create(size);\n    if (!size.equals(newSize)) {\n      setSize(newSize);\n    }\n  }, [size]);\n\n  let point = PopupManager.getPopupPosition(\n    anchor ?? wrapper,\n    pt,\n    new Point(),\n    size\n  );\n\n  const popupRect = CursorPopup.getPopupRect(point, offset, size, placement);\n  point = new Point(popupRect.left, popupRect.top);\n\n  const handleSizeKnown = (newSize: SizeProps) => {\n    if (!size.equals(newSize)) setSize(Size.create(newSize));\n  };\n\n  return (\n    <PositionPopup\n      key={id}\n      className=\"uifw-no-border\"\n      point={point}\n      onSizeKnown={handleSizeKnown}\n    >\n      <DivWithOutsideClick onOutsideClick={onCancel}>\n        {children}\n      </DivWithOutsideClick>\n    </PositionPopup>\n  );\n};\n"]}
+{"version":3,"file":"ComponentPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ComponentPopup.tsx"],"names":[],"mappings":";;;AAKA,kDAAqE;AACrE,+BAA+B;AAC/B,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAChD,iCAA4C;AAC5C,mFAAyE;AAYzE;;;GAGG;AACI,MAAM,cAAc,GAAkC,CAAC,EAC5D,EAAE,EACF,QAAQ,EACR,MAAM,EACN,SAAS,EACT,EAAE,EACF,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAc,CAAC,CAAC;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAO,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,iBAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;YACzB,OAAO,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,MAAM,IAAI,OAAO,EACjB,EAAE,EACF,IAAI,kBAAK,EAAE,EACX,IAAI,CACL,CAAC;IAEF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAC3E,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAE,EAAE;QAC7C,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YAAE,OAAO,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,eAAe;QAG5B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,IAC1C,QAAQ,CACW,CACR,CACjB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,cAAc,kBA8CzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, Point, Size } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport { useEffect, useState } from \"react\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport { type Placement } from \"../utils/Placement\";\n\n// Props used for the ComponentPopup.\ninterface ComponentPopupProps extends Omit<PopupPropsBase, \"el\"> {\n  children?: React.ReactNode;\n  placement: Placement;\n  orientation: Orientation;\n  onCancel: () => void;\n  anchor?: HTMLElement;\n}\n\n/**\n * Displays a React Component inside a popup. The user-facing API is the {@link PopupManager} and should be used instead of this component.\n * @internal\n */\nexport const ComponentPopup: React.FC<ComponentPopupProps> = ({\n  pt,\n  children,\n  offset,\n  placement,\n  id,\n  onCancel,\n  anchor,\n}) => {\n  const wrapper = React.useContext(WrapperContext);\n  const [size, setSize] = useState<Size>(new Size(-1, -1));\n\n  useEffect(() => {\n    const newSize = Size.create(size);\n    if (!size.equals(newSize)) {\n      setSize(newSize);\n    }\n  }, [size]);\n\n  let point = PopupManager.getPopupPosition(\n    anchor ?? wrapper,\n    pt,\n    new Point(),\n    size\n  );\n\n  const popupRect = CursorPopup.getPopupRect(point, offset, size, placement);\n  point = new Point(popupRect.left, popupRect.top);\n\n  const handleSizeKnown = (newSize: SizeProps) => {\n    if (!size.equals(newSize)) setSize(Size.create(newSize));\n  };\n\n  return (\n    <PositionPopup\n      key={id}\n      className=\"uifw-no-border\"\n      point={point}\n      onSizeKnown={handleSizeKnown}\n    >\n      {/* eslint-disable-next-line deprecation/deprecation */}\n      <DivWithOutsideClick onOutsideClick={onCancel}>\n        {children}\n      </DivWithOutsideClick>\n    </PositionPopup>\n  );\n};\n"]}

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

@@ -1 +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,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAIL,IAAI,EACL,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;GAEG;AACH,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;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAEvD,qBAAqB,EACrB,qBAAqB,CACtB;IACC,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEc,MAAM;CA4BvB"}
+{"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,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAIL,IAAI,EACL,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;GAEG;AACH,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;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAEvD,qBAAqB,EACrB,qBAAqB,CACtB;IACC,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEc,MAAM;CA6BvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"HTMLElementPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/HTMLElementPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAG/B,kDAK2B;AAC3B,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAiBhD;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAI3C;IAJD;;QAKE,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;IA8BJ,CAAC;IA5BiB,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,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,4BAAe,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAC5B,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AA5CD,4CA4CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport type { OnCancelFunc, RelativePosition } from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport {\n  DivWithOutsideClick,\n  MessageRenderer,\n  Point,\n  Size,\n} from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\n\n/** @alpha\n * @deprecated in 4.11.x. Please use {@link @itwin/appui-react#UiFramework.showComponent}.\n */\nexport interface HTMLElementPopupProps extends PopupPropsBase {\n  element: HTMLElement;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface HTMLElementPopupState {\n  size: Size;\n}\n\n/** Popup component for HTMLElement\n * @alpha\n * @deprecated in 4.11.x. Though this is alpha, the main interface to using it is not. Please use {@link @itwin/appui-react#UiFramework.showComponent}.\n */\nexport class HTMLElementPopup extends React.PureComponent<\n  // eslint-disable-next-line deprecation/deprecation\n  HTMLElementPopupProps,\n  HTMLElementPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\n          <MessageRenderer message={this.props.element} />\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"HTMLElementPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/HTMLElementPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAG/B,kDAK2B;AAC3B,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAiBhD;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAI3C;IAJD;;QAKE,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;IA+BJ,CAAC;IA7BiB,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAG9B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACtD,oBAAC,4BAAe,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAC5B,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AA7CD,4CA6CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport type { OnCancelFunc, RelativePosition } from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport {\n  DivWithOutsideClick,\n  MessageRenderer,\n  Point,\n  Size,\n} from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\n\n/** @alpha\n * @deprecated in 4.11.x. Please use {@link @itwin/appui-react#UiFramework.showComponent}.\n */\nexport interface HTMLElementPopupProps extends PopupPropsBase {\n  element: HTMLElement;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface HTMLElementPopupState {\n  size: Size;\n}\n\n/** Popup component for HTMLElement\n * @alpha\n * @deprecated in 4.11.x. Though this is alpha, the main interface to using it is not. Please use {@link @itwin/appui-react#UiFramework.showComponent}.\n */\nexport class HTMLElementPopup extends React.PureComponent<\n  // eslint-disable-next-line deprecation/deprecation\n  HTMLElementPopupProps,\n  HTMLElementPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\n          <MessageRenderer message={this.props.element} />\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

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

@@ -1 +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,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EAAuB,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,YAAY;AACZ,qBAAa,wBAAwB;aACP,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI;gBAA3C,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI;IAEhE,YAAY,SAAU,mBAAmB,UAU9C;CACH;AAED;WACW;AACX,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,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,CACvD,qBAAqB,EACrB,qBAAqB,CACtB;IACC,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,gBAAgB;IACA,MAAM;CA2BvB"}
+{"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,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EAAuB,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,YAAY;AACZ,qBAAa,wBAAwB;aACP,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI;gBAA3C,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI;IAEhE,YAAY,SAAU,mBAAmB,UAU9C;CACH;AAED;WACW;AACX,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,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,CACvD,qBAAqB,EACrB,qBAAqB,CACtB;IACC,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,gBAAgB;IACA,MAAM;CA4BvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputEditorPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,0DAA4D;AAE5D,8DAA0D;AAE1D,kDAA8D;AAE9D,iDAA8C;AAC9C,mDAAsE;AAEtE,YAAY;AACZ,MAAa,wBAAwB;IACnC,YAA4B,QAA2C;QAA3C,aAAQ,GAAR,QAAQ,CAAmC;QAEhE,iBAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;YAClD,IAAI,QAAQ,GAAqB,CAAC,CAAC;YACnC,uBAAuB;YACvB,IACE,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;gBAC3D,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,EACjC;gBACA,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IAZwE,CAAC;CAa5E;AAdD,4DAcC;AAeD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAG3C;IAHD;;QAIE,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;IA8BJ,CAAC;IA5BC,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACzC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QAEF,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,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,GACd,CACmB,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AA3CD,4CA2CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"@itwin/components-react\";\nimport { EditorContainer } from \"@itwin/components-react\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, Size } from \"@itwin/core-react\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\n\n/** @beta */\nexport class InputEditorCommitHandler {\n  constructor(public readonly onCommit: (value: Primitives.Value) => void) {}\n\n  public handleCommit = (args: PropertyUpdatedArgs) => {\n    let newValue: Primitives.Value = 0;\n    // istanbul ignore else\n    if (\n      args.newValue.valueFormat === PropertyValueFormat.Primitive &&\n      args.newValue.value !== undefined\n    ) {\n      newValue = args.newValue.value;\n    }\n    this.onCommit(newValue);\n  };\n}\n\n/** Props for popup editor\n * @beta */\nexport interface InputEditorPopupProps extends PopupPropsBase {\n  record: PropertyRecord;\n  onCancel: () => void;\n  commitHandler: InputEditorCommitHandler;\n}\n\n/** @internal */\ninterface InputEditorPopupState {\n  size: Size;\n}\n\n/** Popup component for Input Editor\n * @alpha\n */\nexport class InputEditorPopup extends React.PureComponent<\n  InputEditorPopupProps,\n  InputEditorPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  /** @internal */\n  public override render() {\n    const point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      this.props.offset,\n      this.state.size\n    );\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\n          <PositionPopupContent>\n            <EditorContainer\n              propertyRecord={this.props.record}\n              onCommit={this.props.commitHandler.handleCommit}\n              onCancel={this.props.onCancel}\n              setFocus={true}\n            />\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"InputEditorPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,0DAA4D;AAE5D,8DAA0D;AAE1D,kDAA8D;AAE9D,iDAA8C;AAC9C,mDAAsE;AAEtE,YAAY;AACZ,MAAa,wBAAwB;IACnC,YAA4B,QAA2C;QAA3C,aAAQ,GAAR,QAAQ,CAAmC;QAEhE,iBAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;YAClD,IAAI,QAAQ,GAAqB,CAAC,CAAC;YACnC,uBAAuB;YACvB,IACE,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;gBAC3D,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,EACjC;gBACA,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IAZwE,CAAC;CAa5E;AAdD,4DAcC;AAeD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAG3C;IAHD;;QAIE,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;IA+BJ,CAAC;IA7BC,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACzC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QAEF,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAG9B,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,GACd,CACmB,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AA5CD,4CA4CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"@itwin/components-react\";\nimport { EditorContainer } from \"@itwin/components-react\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, Size } from \"@itwin/core-react\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\n\n/** @beta */\nexport class InputEditorCommitHandler {\n  constructor(public readonly onCommit: (value: Primitives.Value) => void) {}\n\n  public handleCommit = (args: PropertyUpdatedArgs) => {\n    let newValue: Primitives.Value = 0;\n    // istanbul ignore else\n    if (\n      args.newValue.valueFormat === PropertyValueFormat.Primitive &&\n      args.newValue.value !== undefined\n    ) {\n      newValue = args.newValue.value;\n    }\n    this.onCommit(newValue);\n  };\n}\n\n/** Props for popup editor\n * @beta */\nexport interface InputEditorPopupProps extends PopupPropsBase {\n  record: PropertyRecord;\n  onCancel: () => void;\n  commitHandler: InputEditorCommitHandler;\n}\n\n/** @internal */\ninterface InputEditorPopupState {\n  size: Size;\n}\n\n/** Popup component for Input Editor\n * @alpha\n */\nexport class InputEditorPopup extends React.PureComponent<\n  InputEditorPopupProps,\n  InputEditorPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  /** @internal */\n  public override render() {\n    const point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      this.props.offset,\n      this.state.size\n    );\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\n          <PositionPopupContent>\n            <EditorContainer\n              propertyRecord={this.props.record}\n              onCommit={this.props.commitHandler.handleCommit}\n              onCancel={this.props.onCancel}\n              setFocus={true}\n            />\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,0BAA0B,CAAC;AAelC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAQnD,gBAAgB;AAChB,wBAAgB,wBAAwB,SASvC;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,EAChC,MAAM,EACN,eAAe,EACf,aAAa,EAAE,oBAAwB,GACxC,EAAE,sBAAsB,qBAkUxB"}
+{"version":3,"file":"KeyinPalettePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,0BAA0B,CAAC;AAelC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAQnD,gBAAgB;AAChB,wBAAgB,wBAAwB,SASvC;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,EAChC,MAAM,EACN,eAAe,EACf,aAAa,EAAE,oBAAwB,GACxC,EAAE,sBAAsB,qBAoUxB"}

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

@@ -19,7 +19,7 @@ const KeyinPaletteTools_1 = require("../tools/KeyinPaletteTools");
 const useUiStateStorage_1 = require("../uistate/useUiStateStorage");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const matchesWords_1 = require("../utils/matchesWords");
-const useTranslation_1 = require("../useTranslation");
+const useTranslation_1 = require("../hooks/useTranslation");
 const KEYIN_PALETTE_NAMESPACE = "KeyinPalettePanel";
 const KEYIN_HISTORY_KEY = "historyArray";
 /** @internal */
@@ -153,7 +153,6 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
         return undefined;
     };
     const handleKeypressOnKeyinsList = React.useCallback(async (event) => {
-        var _a, _b;
         const key = event.key;
         // built into listbox a "Space" key will trigger the selection of a entry so if an Enter key is pressed
         // assume user wants to execute the entry.
@@ -161,7 +160,7 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
         if (key === ts_key_enum_1.Key.Enter.valueOf()) {
             event.preventDefault();
             // istanbul ignore next
-            const keyinToSend = getKeyinFromListboxValue((_b = (_a = event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.focusvalue);
+            const keyinToSend = getKeyinFromListboxValue(event.currentTarget?.dataset?.focusvalue);
             // istanbul ignore else
             if (keyinToSend) {
                 if (event.ctrlKey)
@@ -253,10 +252,14 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
     const lastHistoryIndex = filteredKeyins.findIndex((entry) => true !== entry.isHistory) - 1;
     return (React.createElement("div", { className: "uifw-command-palette-panel" },
         React.createElement(itwinui_react_1.Input, { ref: inputRef, type: "text", onKeyDown: onInputValueKeyDown, className: "uifw-command-palette-input", "data-testid": "command-palette-input", onChange: onInputValueChange, placeholder: translate("keyinbrowser.placeholder"), value: currentKeyin, size: "small" }),
-        filteredKeyins.length > 0 && (React.createElement(core_react_1.Listbox, { id: "uifw-command-sources", className: "map-manager-source-list", onKeyDown: handleKeypressOnKeyinsList, onListboxValueChange: onListboxValueChange }, filteredKeyins.map((entry, index) => {
+        filteredKeyins.length > 0 && (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(core_react_1.Listbox, { id: "uifw-command-sources", className: "map-manager-source-list", onKeyDown: handleKeypressOnKeyinsList, onListboxValueChange: onListboxValueChange }, filteredKeyins.map((entry, index) => {
             const value = `${entry.value}${keyinSeparator}${entry.isHistory ? "history" : "registry"}`;
             const itemClass = `uifw-command-palette-value-entry${index === lastHistoryIndex ? " uifw-history-bottom-border" : ""}`;
-            return (React.createElement(core_react_1.ListboxItem, { key: `${entry.value}-${index}`, className: itemClass, value: value },
+            return (
+            // eslint-disable-next-line deprecation/deprecation
+            React.createElement(core_react_1.ListboxItem, { key: `${entry.value}-${index}`, className: itemClass, value: value },
                 React.createElement(core_react_1.FilteredText, { value: entry.value, matches: entry.matches })));
         })))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\n// cSpell:ignore focusvalue uiadmin\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport \"./KeyinPalettePanel.scss\";\nimport {\n  FilteredText,\n  Listbox,\n  ListboxItem,\n  UiStateStorageStatus,\n} from \"@itwin/core-react\";\nimport {\n  IModelApp,\n  NotifyMessageDetails,\n  OutputMessagePriority,\n  OutputMessageType,\n  ParseAndRunResult,\n} from \"@itwin/core-frontend\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ClearKeyinPaletteHistoryTool } from \"../tools/KeyinPaletteTools\";\nimport { useUiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport type { KeyinEntry } from \"../keyins/Keyins\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { matchesWords } from \"../utils/matchesWords\";\nimport { useTranslation } from \"../useTranslation\";\n\nconst KEYIN_PALETTE_NAMESPACE = \"KeyinPalettePanel\";\nconst KEYIN_HISTORY_KEY = \"historyArray\";\n\n/** @internal */\nexport function clearKeyinPaletteHistory() {\n  const uiSettingsStorage = UiFramework.getUiStateStorage();\n  // istanbul ignore else\n  if (uiSettingsStorage) {\n    void uiSettingsStorage.deleteSetting(\n      KEYIN_PALETTE_NAMESPACE,\n      KEYIN_HISTORY_KEY\n    );\n  }\n}\n\ninterface KeyinPalettePanelProps {\n  keyins: KeyinEntry[];\n  onKeyinExecuted?: OnItemExecutedFunc;\n  historyLength?: number;\n}\n\n/**\n * @internal\n */\nexport function KeyinPalettePanel({\n  keyins,\n  onKeyinExecuted,\n  historyLength: allowedHistoryLength = 6,\n}: KeyinPalettePanelProps) {\n  const { translate } = useTranslation();\n  const [currentKeyin, setCurrentKeyin] = React.useState<string>(\"\");\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const keyinSeparator = \"--#--\";\n  const [historyKeyins, setHistoryKeyins] = React.useState<string[]>([]);\n  const uiSettingsStorage = useUiStateStorageHandler();\n\n  React.useEffect(() => {\n    async function fetchState() {\n      const settingsResult = await uiSettingsStorage.getSetting(\n        KEYIN_PALETTE_NAMESPACE,\n        KEYIN_HISTORY_KEY\n      );\n      // istanbul ignore else\n      if (UiStateStorageStatus.Success === settingsResult.status) {\n        const filteredHistory = (settingsResult.setting as string[]).filter(\n          (keyin) => {\n            const result = IModelApp.tools.parseKeyin(keyin);\n            return result.ok;\n          }\n        );\n        setHistoryKeyins(filteredHistory);\n      } else {\n        setHistoryKeyins([]);\n      }\n    }\n\n    void fetchState();\n  }, [uiSettingsStorage]);\n\n  // istanbul ignore next\n  const storeHistoryKeyins = React.useCallback(\n    async (value: string[]) => {\n      const result = await uiSettingsStorage.saveSetting(\n        KEYIN_PALETTE_NAMESPACE,\n        KEYIN_HISTORY_KEY,\n        value\n      );\n      if (result.status !== UiStateStorageStatus.Success) {\n        const errorDetails = new NotifyMessageDetails(\n          OutputMessagePriority.Error,\n          translate(\"keyinbrowser.couldNotSaveHistory\")\n        );\n        IModelApp.notifications.outputMessage(errorDetails);\n      }\n    },\n    [translate, uiSettingsStorage]\n  );\n\n  const allKeyins = React.useMemo(() => {\n    const availableKeyins = [];\n    historyKeyins.forEach((value: string) => {\n      availableKeyins.push({ value, isHistory: true });\n    });\n    availableKeyins.push(\n      ...keyins.sort((a, b) =>\n        a.value.toLowerCase().localeCompare(b.value.toLowerCase())\n      )\n    );\n    return availableKeyins;\n  }, [historyKeyins, keyins]);\n\n  const submitKeyin = React.useCallback(\n    async (value: string) => {\n      let detailedMessage: string | undefined;\n      let message: string | undefined;\n      try {\n        switch (await IModelApp.tools.parseAndRun(value)) {\n          case ParseAndRunResult.ToolNotFound:\n            message = `translate(\"keyinbrowser.couldNotFindTool\")} ${value}`;\n            break;\n          // istanbul ignore next\n          case ParseAndRunResult.BadArgumentCount:\n            message = translate(\"keyinbrowser.incorrectArgs\");\n            break;\n          // istanbul ignore next\n          case ParseAndRunResult.FailedToRun:\n            message = translate(\"keyinbrowser.failedToRun\");\n            break;\n        }\n      } catch (ex) {\n        // istanbul ignore next\n        {\n          message = translate(\"keyinbrowser.exceptionOccurred\");\n          detailedMessage = `${translate(\n            \"keyinbrowser.exceptionOccurred\"\n          )}: ${ex}`;\n        }\n      }\n\n      // istanbul ignore else\n      if (undefined !== message) {\n        const errorDetails = new NotifyMessageDetails(\n          OutputMessagePriority.Error,\n          message,\n          detailedMessage,\n          OutputMessageType.Sticky\n        );\n        IModelApp.notifications.outputMessage(errorDetails);\n      } else {\n        // istanbul ignore next\n        if (\n          value.length < 400 &&\n          value !== ClearKeyinPaletteHistoryTool.keyin &&\n          value !== ClearKeyinPaletteHistoryTool.englishKeyin\n        ) {\n          const newHistoryEntries: string[] = [value];\n          for (const entry of historyKeyins) {\n            if (entry !== value) {\n              newHistoryEntries.push(entry);\n              if (newHistoryEntries.length >= allowedHistoryLength) break;\n            }\n          }\n          await storeHistoryKeyins(newHistoryEntries);\n        }\n\n        // close the popup by processing the supplied onKeyinExecuted function\n        if (onKeyinExecuted) onKeyinExecuted(value);\n      }\n    },\n    [\n      translate,\n      onKeyinExecuted,\n      storeHistoryKeyins,\n      historyKeyins,\n      allowedHistoryLength,\n    ]\n  );\n\n  const selectKeyin = React.useCallback(() => {\n    // istanbul ignore else\n    if (inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.setSelectionRange(\n        inputRef.current.value.length,\n        inputRef.current.value.length\n      );\n    }\n  }, [inputRef]);\n\n  const updateKeyin = React.useCallback(\n    (value: string) => {\n      setCurrentKeyin(value);\n      selectKeyin();\n    },\n    [selectKeyin]\n  );\n\n  const getKeyinFromListboxValue = (value: string | undefined) => {\n    // istanbul ignore else\n    if (value) {\n      const indexSeparator = value.search(keyinSeparator);\n      // istanbul ignore else\n      if (indexSeparator) return value.substring(0, indexSeparator);\n    }\n    // istanbul ignore next\n    return undefined;\n  };\n\n  const handleKeypressOnKeyinsList = React.useCallback(\n    async (event: React.KeyboardEvent<HTMLUListElement>) => {\n      const key = event.key;\n      // built into listbox a \"Space\" key will trigger the selection of a entry so if an Enter key is pressed\n      // assume user wants to execute the entry.\n      // istanbul ignore else\n      if (key === Key.Enter.valueOf()) {\n        event.preventDefault();\n        // istanbul ignore next\n        const keyinToSend = getKeyinFromListboxValue(\n          event.currentTarget?.dataset?.focusvalue\n        );\n        // istanbul ignore else\n        if (keyinToSend) {\n          if (event.ctrlKey) updateKeyin(keyinToSend);\n          else await submitKeyin(keyinToSend);\n        }\n      }\n    },\n    [submitKeyin, updateKeyin]\n  );\n\n  const onListboxValueChange = React.useCallback(\n    async (value: string, isControlOrCommandPressed?: boolean) => {\n      const keyin = getKeyinFromListboxValue(value);\n      // istanbul ignore else\n      if (keyin) {\n        if (isControlOrCommandPressed) updateKeyin(keyin);\n        else await submitKeyin(keyin);\n      }\n    },\n    [submitKeyin, updateKeyin]\n  );\n\n  const onInputValueChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setCurrentKeyin(event.target.value);\n    },\n    []\n  );\n\n  const filteredKeyins = React.useMemo(() => {\n    const filteredHistory: KeyinEntry[] = [];\n    if (undefined === currentKeyin || 0 === currentKeyin.length) {\n      return allKeyins;\n    } else {\n      const newKeyinSet: KeyinEntry[] = [];\n      allKeyins.forEach((value) => {\n        if (value.value.length >= currentKeyin.length) {\n          // Force contiguous searches if key-in is over 60 characters long for performance.\n          const matches = matchesWords(\n            currentKeyin,\n            value.value,\n            currentKeyin.length > 60\n          );\n          if (matches && matches.length) {\n            // istanbul ignore else\n            if (value.isHistory) {\n              filteredHistory.push(value);\n              newKeyinSet.push({ ...value, matches });\n            } else {\n              // only add entry if no match in filtered history\n              // istanbul ignore else\n              if (\n                -1 ===\n                filteredHistory.findIndex(\n                  (historyEntry: KeyinEntry) =>\n                    historyEntry.value === value.value\n                )\n              )\n                newKeyinSet.push({ ...value, matches });\n            }\n          }\n        }\n      });\n      return newKeyinSet;\n    }\n  }, [allKeyins, currentKeyin]);\n\n  const onInputValueKeyDown = React.useCallback(\n    async (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (Key.Enter.valueOf() === event.key) {\n        event.preventDefault();\n        event.stopPropagation();\n        // istanbul ignore else\n        if (1 === filteredKeyins.length) {\n          if (event.ctrlKey) updateKeyin(filteredKeyins[0].value);\n          else await submitKeyin(filteredKeyins[0].value);\n        } else {\n          if (currentKeyin) await submitKeyin(currentKeyin);\n        }\n      } else if (\n        Key.Tab.valueOf() === event.key &&\n        1 === filteredKeyins.length\n      ) {\n        event.preventDefault();\n        event.stopPropagation();\n        updateKeyin(filteredKeyins[0].value);\n      } else {\n        if (\n          event.key === Key.ArrowDown.valueOf() &&\n          filteredKeyins.length > 0\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n          // istanbul ignore else\n          if (inputRef.current) {\n            const nextElement = inputRef.current\n              .nextElementSibling as HTMLElement;\n            nextElement && nextElement.focus();\n          }\n        }\n      }\n    },\n    [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]\n  );\n\n  const lastHistoryIndex =\n    filteredKeyins.findIndex((entry) => true !== entry.isHistory) - 1;\n\n  return (\n    <div className=\"uifw-command-palette-panel\">\n      <Input\n        ref={inputRef}\n        type=\"text\"\n        onKeyDown={onInputValueKeyDown}\n        className={\"uifw-command-palette-input\"}\n        data-testid=\"command-palette-input\"\n        onChange={onInputValueChange}\n        placeholder={translate(\"keyinbrowser.placeholder\")}\n        value={currentKeyin}\n        size=\"small\"\n      />\n      {filteredKeyins.length > 0 && (\n        <Listbox\n          id=\"uifw-command-sources\"\n          className=\"map-manager-source-list\"\n          onKeyDown={handleKeypressOnKeyinsList}\n          onListboxValueChange={onListboxValueChange}\n        >\n          {filteredKeyins.map((entry, index) => {\n            const value = `${entry.value}${keyinSeparator}${\n              entry.isHistory ? \"history\" : \"registry\"\n            }`;\n            const itemClass = `uifw-command-palette-value-entry${\n              index === lastHistoryIndex ? \" uifw-history-bottom-border\" : \"\"\n            }`;\n            return (\n              <ListboxItem\n                key={`${entry.value}-${index}`}\n                className={itemClass}\n                value={value}\n              >\n                <FilteredText value={entry.value} matches={entry.matches} />\n              </ListboxItem>\n            );\n          })}\n        </Listbox>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"KeyinPalettePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\n// cSpell:ignore focusvalue uiadmin\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport \"./KeyinPalettePanel.scss\";\nimport {\n  FilteredText,\n  Listbox,\n  ListboxItem,\n  UiStateStorageStatus,\n} from \"@itwin/core-react\";\nimport {\n  IModelApp,\n  NotifyMessageDetails,\n  OutputMessagePriority,\n  OutputMessageType,\n  ParseAndRunResult,\n} from \"@itwin/core-frontend\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ClearKeyinPaletteHistoryTool } from \"../tools/KeyinPaletteTools\";\nimport { useUiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport type { KeyinEntry } from \"../keyins/Keyins\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { matchesWords } from \"../utils/matchesWords\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\nconst KEYIN_PALETTE_NAMESPACE = \"KeyinPalettePanel\";\nconst KEYIN_HISTORY_KEY = \"historyArray\";\n\n/** @internal */\nexport function clearKeyinPaletteHistory() {\n  const uiSettingsStorage = UiFramework.getUiStateStorage();\n  // istanbul ignore else\n  if (uiSettingsStorage) {\n    void uiSettingsStorage.deleteSetting(\n      KEYIN_PALETTE_NAMESPACE,\n      KEYIN_HISTORY_KEY\n    );\n  }\n}\n\ninterface KeyinPalettePanelProps {\n  keyins: KeyinEntry[];\n  onKeyinExecuted?: OnItemExecutedFunc;\n  historyLength?: number;\n}\n\n/**\n * @internal\n */\nexport function KeyinPalettePanel({\n  keyins,\n  onKeyinExecuted,\n  historyLength: allowedHistoryLength = 6,\n}: KeyinPalettePanelProps) {\n  const { translate } = useTranslation();\n  const [currentKeyin, setCurrentKeyin] = React.useState<string>(\"\");\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const keyinSeparator = \"--#--\";\n  const [historyKeyins, setHistoryKeyins] = React.useState<string[]>([]);\n  const uiSettingsStorage = useUiStateStorageHandler();\n\n  React.useEffect(() => {\n    async function fetchState() {\n      const settingsResult = await uiSettingsStorage.getSetting(\n        KEYIN_PALETTE_NAMESPACE,\n        KEYIN_HISTORY_KEY\n      );\n      // istanbul ignore else\n      if (UiStateStorageStatus.Success === settingsResult.status) {\n        const filteredHistory = (settingsResult.setting as string[]).filter(\n          (keyin) => {\n            const result = IModelApp.tools.parseKeyin(keyin);\n            return result.ok;\n          }\n        );\n        setHistoryKeyins(filteredHistory);\n      } else {\n        setHistoryKeyins([]);\n      }\n    }\n\n    void fetchState();\n  }, [uiSettingsStorage]);\n\n  // istanbul ignore next\n  const storeHistoryKeyins = React.useCallback(\n    async (value: string[]) => {\n      const result = await uiSettingsStorage.saveSetting(\n        KEYIN_PALETTE_NAMESPACE,\n        KEYIN_HISTORY_KEY,\n        value\n      );\n      if (result.status !== UiStateStorageStatus.Success) {\n        const errorDetails = new NotifyMessageDetails(\n          OutputMessagePriority.Error,\n          translate(\"keyinbrowser.couldNotSaveHistory\")\n        );\n        IModelApp.notifications.outputMessage(errorDetails);\n      }\n    },\n    [translate, uiSettingsStorage]\n  );\n\n  const allKeyins = React.useMemo(() => {\n    const availableKeyins = [];\n    historyKeyins.forEach((value: string) => {\n      availableKeyins.push({ value, isHistory: true });\n    });\n    availableKeyins.push(\n      ...keyins.sort((a, b) =>\n        a.value.toLowerCase().localeCompare(b.value.toLowerCase())\n      )\n    );\n    return availableKeyins;\n  }, [historyKeyins, keyins]);\n\n  const submitKeyin = React.useCallback(\n    async (value: string) => {\n      let detailedMessage: string | undefined;\n      let message: string | undefined;\n      try {\n        switch (await IModelApp.tools.parseAndRun(value)) {\n          case ParseAndRunResult.ToolNotFound:\n            message = `translate(\"keyinbrowser.couldNotFindTool\")} ${value}`;\n            break;\n          // istanbul ignore next\n          case ParseAndRunResult.BadArgumentCount:\n            message = translate(\"keyinbrowser.incorrectArgs\");\n            break;\n          // istanbul ignore next\n          case ParseAndRunResult.FailedToRun:\n            message = translate(\"keyinbrowser.failedToRun\");\n            break;\n        }\n      } catch (ex) {\n        // istanbul ignore next\n        {\n          message = translate(\"keyinbrowser.exceptionOccurred\");\n          detailedMessage = `${translate(\n            \"keyinbrowser.exceptionOccurred\"\n          )}: ${ex}`;\n        }\n      }\n\n      // istanbul ignore else\n      if (undefined !== message) {\n        const errorDetails = new NotifyMessageDetails(\n          OutputMessagePriority.Error,\n          message,\n          detailedMessage,\n          OutputMessageType.Sticky\n        );\n        IModelApp.notifications.outputMessage(errorDetails);\n      } else {\n        // istanbul ignore next\n        if (\n          value.length < 400 &&\n          value !== ClearKeyinPaletteHistoryTool.keyin &&\n          value !== ClearKeyinPaletteHistoryTool.englishKeyin\n        ) {\n          const newHistoryEntries: string[] = [value];\n          for (const entry of historyKeyins) {\n            if (entry !== value) {\n              newHistoryEntries.push(entry);\n              if (newHistoryEntries.length >= allowedHistoryLength) break;\n            }\n          }\n          await storeHistoryKeyins(newHistoryEntries);\n        }\n\n        // close the popup by processing the supplied onKeyinExecuted function\n        if (onKeyinExecuted) onKeyinExecuted(value);\n      }\n    },\n    [\n      translate,\n      onKeyinExecuted,\n      storeHistoryKeyins,\n      historyKeyins,\n      allowedHistoryLength,\n    ]\n  );\n\n  const selectKeyin = React.useCallback(() => {\n    // istanbul ignore else\n    if (inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.setSelectionRange(\n        inputRef.current.value.length,\n        inputRef.current.value.length\n      );\n    }\n  }, [inputRef]);\n\n  const updateKeyin = React.useCallback(\n    (value: string) => {\n      setCurrentKeyin(value);\n      selectKeyin();\n    },\n    [selectKeyin]\n  );\n\n  const getKeyinFromListboxValue = (value: string | undefined) => {\n    // istanbul ignore else\n    if (value) {\n      const indexSeparator = value.search(keyinSeparator);\n      // istanbul ignore else\n      if (indexSeparator) return value.substring(0, indexSeparator);\n    }\n    // istanbul ignore next\n    return undefined;\n  };\n\n  const handleKeypressOnKeyinsList = React.useCallback(\n    async (event: React.KeyboardEvent<HTMLUListElement>) => {\n      const key = event.key;\n      // built into listbox a \"Space\" key will trigger the selection of a entry so if an Enter key is pressed\n      // assume user wants to execute the entry.\n      // istanbul ignore else\n      if (key === Key.Enter.valueOf()) {\n        event.preventDefault();\n        // istanbul ignore next\n        const keyinToSend = getKeyinFromListboxValue(\n          event.currentTarget?.dataset?.focusvalue\n        );\n        // istanbul ignore else\n        if (keyinToSend) {\n          if (event.ctrlKey) updateKeyin(keyinToSend);\n          else await submitKeyin(keyinToSend);\n        }\n      }\n    },\n    [submitKeyin, updateKeyin]\n  );\n\n  const onListboxValueChange = React.useCallback(\n    async (value: string, isControlOrCommandPressed?: boolean) => {\n      const keyin = getKeyinFromListboxValue(value);\n      // istanbul ignore else\n      if (keyin) {\n        if (isControlOrCommandPressed) updateKeyin(keyin);\n        else await submitKeyin(keyin);\n      }\n    },\n    [submitKeyin, updateKeyin]\n  );\n\n  const onInputValueChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setCurrentKeyin(event.target.value);\n    },\n    []\n  );\n\n  const filteredKeyins = React.useMemo(() => {\n    const filteredHistory: KeyinEntry[] = [];\n    if (undefined === currentKeyin || 0 === currentKeyin.length) {\n      return allKeyins;\n    } else {\n      const newKeyinSet: KeyinEntry[] = [];\n      allKeyins.forEach((value) => {\n        if (value.value.length >= currentKeyin.length) {\n          // Force contiguous searches if key-in is over 60 characters long for performance.\n          const matches = matchesWords(\n            currentKeyin,\n            value.value,\n            currentKeyin.length > 60\n          );\n          if (matches && matches.length) {\n            // istanbul ignore else\n            if (value.isHistory) {\n              filteredHistory.push(value);\n              newKeyinSet.push({ ...value, matches });\n            } else {\n              // only add entry if no match in filtered history\n              // istanbul ignore else\n              if (\n                -1 ===\n                filteredHistory.findIndex(\n                  (historyEntry: KeyinEntry) =>\n                    historyEntry.value === value.value\n                )\n              )\n                newKeyinSet.push({ ...value, matches });\n            }\n          }\n        }\n      });\n      return newKeyinSet;\n    }\n  }, [allKeyins, currentKeyin]);\n\n  const onInputValueKeyDown = React.useCallback(\n    async (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (Key.Enter.valueOf() === event.key) {\n        event.preventDefault();\n        event.stopPropagation();\n        // istanbul ignore else\n        if (1 === filteredKeyins.length) {\n          if (event.ctrlKey) updateKeyin(filteredKeyins[0].value);\n          else await submitKeyin(filteredKeyins[0].value);\n        } else {\n          if (currentKeyin) await submitKeyin(currentKeyin);\n        }\n      } else if (\n        Key.Tab.valueOf() === event.key &&\n        1 === filteredKeyins.length\n      ) {\n        event.preventDefault();\n        event.stopPropagation();\n        updateKeyin(filteredKeyins[0].value);\n      } else {\n        if (\n          event.key === Key.ArrowDown.valueOf() &&\n          filteredKeyins.length > 0\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n          // istanbul ignore else\n          if (inputRef.current) {\n            const nextElement = inputRef.current\n              .nextElementSibling as HTMLElement;\n            nextElement && nextElement.focus();\n          }\n        }\n      }\n    },\n    [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]\n  );\n\n  const lastHistoryIndex =\n    filteredKeyins.findIndex((entry) => true !== entry.isHistory) - 1;\n\n  return (\n    <div className=\"uifw-command-palette-panel\">\n      <Input\n        ref={inputRef}\n        type=\"text\"\n        onKeyDown={onInputValueKeyDown}\n        className={\"uifw-command-palette-input\"}\n        data-testid=\"command-palette-input\"\n        onChange={onInputValueChange}\n        placeholder={translate(\"keyinbrowser.placeholder\")}\n        value={currentKeyin}\n        size=\"small\"\n      />\n      {filteredKeyins.length > 0 && (\n        // eslint-disable-next-line deprecation/deprecation\n        <Listbox\n          id=\"uifw-command-sources\"\n          className=\"map-manager-source-list\"\n          onKeyDown={handleKeypressOnKeyinsList}\n          onListboxValueChange={onListboxValueChange}\n        >\n          {filteredKeyins.map((entry, index) => {\n            const value = `${entry.value}${keyinSeparator}${\n              entry.isHistory ? \"history\" : \"registry\"\n            }`;\n            const itemClass = `uifw-command-palette-value-entry${\n              index === lastHistoryIndex ? \" uifw-history-bottom-border\" : \"\"\n            }`;\n            return (\n              // eslint-disable-next-line deprecation/deprecation\n              <ListboxItem\n                key={`${entry.value}-${index}`}\n                className={itemClass}\n                value={value}\n              >\n                <FilteredText value={entry.value} matches={entry.matches} />\n              </ListboxItem>\n            );\n          })}\n        </Listbox>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAK9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;aACa;AACb,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,yFAAyF;IACzF,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAEhC,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,qBAqDxB"}
+{"version":3,"file":"KeyinPalettePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAK9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;aACa;AACb,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,yFAAyF;IACzF,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAEhC,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,qBAsDxB"}

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

@@ -22,7 +22,7 @@ el, id, keyins, onCancel, onItemExecuted, anchorEl, }) {
     // due to deprecation policy, the context won't be used as fallback
     // until we replace `el` with the optional `anchorEl` property.
     // const wrapper = React.useContext(WrapperContext);
-    const _el = anchorEl !== null && anchorEl !== void 0 ? anchorEl : el;
+    const _el = anchorEl ?? el;
     const [popupSize, setPopupSize] = React.useState(new core_react_1.Size(-1, -1));
     const onSizeKnown = React.useCallback((newSize) => {
         // istanbul ignore else

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

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAGlC,kDAAgF;AAChF,mDAAgD;AAChD,2DAAwD;AAexD;;GAEG;AACH,SAAgB,iBAAiB,CAAC;AAChC,mDAAmD;AACnD,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,EACd,QAAQ,GACe;IACvB,mEAAmE;IACnE,+DAA+D;IAC/D,oDAAoD;IAEpD,MAAM,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC;IAE3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,OAAkB,EAAE,EAAE;QACrB,uBAAuB;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;YAAE,YAAY,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAA0C,EAAQ,EAAE;QACnD,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;SACT;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,IAAI,GACR,GAAG,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3E,IAAI,KAAK,GAAG,IAAI,kBAAK,CAAC,IAAI,EAAE,GAAG,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC7D,uBAAuB;IACvB,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;QAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAExB,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa;YACrE,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;gBACpD,oBAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAI,CAC5D,CACQ,CACR,CACjB,CAAC;AACJ,CAAC;AA7DD,8CA6DC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { OnCancelFunc, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport { KeyinPalettePanel } from \"./KeyinPalettePanel\";\nimport type { KeyinEntry } from \"../keyins/Keyins\";\n\n/** Props defining KeyinPalettePopup component\n * @public */\nexport interface KeyinPalettePopupProps {\n  id: string;\n  /** @deprecated in 4.11.x. Please use the optional `anchorEl` property moving forward. */\n  el: HTMLElement;\n  keyins: KeyinEntry[];\n  anchorEl?: HTMLElement;\n  onCancel?: OnCancelFunc;\n  onItemExecuted?: OnItemExecutedFunc;\n}\n\n/** Keyin Palette Popup Component\n * @public\n */\nexport function KeyinPalettePopup({\n  // eslint-disable-next-line deprecation/deprecation\n  el,\n  id,\n  keyins,\n  onCancel,\n  onItemExecuted,\n  anchorEl,\n}: KeyinPalettePopupProps) {\n  // due to deprecation policy, the context won't be used as fallback\n  // until we replace `el` with the optional `anchorEl` property.\n  // const wrapper = React.useContext(WrapperContext);\n\n  const _el = anchorEl ?? el;\n\n  const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));\n\n  const onSizeKnown = React.useCallback(\n    (newSize: SizeProps) => {\n      // istanbul ignore else\n      if (!popupSize.equals(newSize)) setPopupSize(Size.create(newSize));\n    },\n    [popupSize]\n  );\n\n  const cancel = React.useCallback(() => {\n    onCancel && onCancel();\n  }, [onCancel]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>): void => {\n      switch (event.key) {\n        case Key.Escape.valueOf():\n          cancel();\n          event.preventDefault();\n          break;\n      }\n    },\n    [cancel]\n  );\n\n  const xMid =\n    _el.getBoundingClientRect().left + _el.getBoundingClientRect().width / 2;\n  let point = new Point(xMid, _el.getBoundingClientRect().top);\n  // istanbul ignore next\n  if (popupSize.width > 0) point = point.offsetX(popupSize.width / -2);\n\n  return (\n    <PositionPopup\n      key={id}\n      className=\"uifw-command-palette-popup-container\"\n      point={point}\n      onSizeKnown={onSizeKnown}\n    >\n      <DivWithOutsideClick onOutsideClick={onCancel} onKeyDown={handleKeyDown}>\n        <FocusTrap active={true} returnFocusOnDeactivate={true}>\n          <KeyinPalettePanel keyins={keyins} onKeyinExecuted={onItemExecuted} />\n        </FocusTrap>\n      </DivWithOutsideClick>\n    </PositionPopup>\n  );\n}\n"]}
+{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAGlC,kDAAgF;AAChF,mDAAgD;AAChD,2DAAwD;AAexD;;GAEG;AACH,SAAgB,iBAAiB,CAAC;AAChC,mDAAmD;AACnD,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,EACd,QAAQ,GACe;IACvB,mEAAmE;IACnE,+DAA+D;IAC/D,oDAAoD;IAEpD,MAAM,GAAG,GAAG,QAAQ,IAAI,EAAE,CAAC;IAE3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,OAAkB,EAAE,EAAE;QACrB,uBAAuB;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;YAAE,YAAY,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAA0C,EAAQ,EAAE;QACnD,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;SACT;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,IAAI,GACR,GAAG,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3E,IAAI,KAAK,GAAG,IAAI,kBAAK,CAAC,IAAI,EAAE,GAAG,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC7D,uBAAuB;IACvB,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;QAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAGxB,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa;YACrE,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;gBACpD,oBAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAI,CAC5D,CACQ,CACR,CACjB,CAAC;AACJ,CAAC;AA9DD,8CA8DC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { OnCancelFunc, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport { KeyinPalettePanel } from \"./KeyinPalettePanel\";\nimport type { KeyinEntry } from \"../keyins/Keyins\";\n\n/** Props defining KeyinPalettePopup component\n * @public */\nexport interface KeyinPalettePopupProps {\n  id: string;\n  /** @deprecated in 4.11.x. Please use the optional `anchorEl` property moving forward. */\n  el: HTMLElement;\n  keyins: KeyinEntry[];\n  anchorEl?: HTMLElement;\n  onCancel?: OnCancelFunc;\n  onItemExecuted?: OnItemExecutedFunc;\n}\n\n/** Keyin Palette Popup Component\n * @public\n */\nexport function KeyinPalettePopup({\n  // eslint-disable-next-line deprecation/deprecation\n  el,\n  id,\n  keyins,\n  onCancel,\n  onItemExecuted,\n  anchorEl,\n}: KeyinPalettePopupProps) {\n  // due to deprecation policy, the context won't be used as fallback\n  // until we replace `el` with the optional `anchorEl` property.\n  // const wrapper = React.useContext(WrapperContext);\n\n  const _el = anchorEl ?? el;\n\n  const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));\n\n  const onSizeKnown = React.useCallback(\n    (newSize: SizeProps) => {\n      // istanbul ignore else\n      if (!popupSize.equals(newSize)) setPopupSize(Size.create(newSize));\n    },\n    [popupSize]\n  );\n\n  const cancel = React.useCallback(() => {\n    onCancel && onCancel();\n  }, [onCancel]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>): void => {\n      switch (event.key) {\n        case Key.Escape.valueOf():\n          cancel();\n          event.preventDefault();\n          break;\n      }\n    },\n    [cancel]\n  );\n\n  const xMid =\n    _el.getBoundingClientRect().left + _el.getBoundingClientRect().width / 2;\n  let point = new Point(xMid, _el.getBoundingClientRect().top);\n  // istanbul ignore next\n  if (popupSize.width > 0) point = point.offsetX(popupSize.width / -2);\n\n  return (\n    <PositionPopup\n      key={id}\n      className=\"uifw-command-palette-popup-container\"\n      point={point}\n      onSizeKnown={onSizeKnown}\n    >\n      {/* eslint-disable-next-line deprecation/deprecation */}\n      <DivWithOutsideClick onOutsideClick={onCancel} onKeyDown={handleKeyDown}>\n        <FocusTrap active={true} returnFocusOnDeactivate={true}>\n          <KeyinPalettePanel keyins={keyins} onKeyinExecuted={onItemExecuted} />\n        </FocusTrap>\n      </DivWithOutsideClick>\n    </PositionPopup>\n  );\n}\n"]}

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

@@ -38,12 +38,16 @@ interface DisplayCardPopupOptions extends CommonPopupOptions {
     toolbarProps?: ToolbarProps;
     onItemExecuted: (item: any) => void;
 }
-/** @public */
+/**
+ * @public
+ * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.
+ */
 export interface PopupsChangedEventArgs {
     popups: ReadonlyArray<PopupInfo>;
 }
 /** Popups Changed Event class.
  * @public
+ * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
  */
 export declare class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.tsx"],"names":[],"mappings":"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"}

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

@@ -26,6 +26,7 @@ const Placement_1 = require("../utils/Placement");
 const InternalConfigurableUiManager_1 = require("../configurableui/InternalConfigurableUiManager");
 /** Popups Changed Event class.
  * @public
+ * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
  */
 // eslint-disable-next-line deprecation/deprecation
 class PopupsChangedEvent extends appui_abstract_1.UiEvent {
@@ -126,7 +127,7 @@ class PopupManager {
     }
     static showKeyinPalette(keyins, el, onItemExecuted, onCancel) {
         const id = PopupManager._keyPalettePopupId;
-        const cancelFn = onCancel !== null && onCancel !== void 0 ? onCancel : (() => PopupManager.hideKeyinPalette());
+        const cancelFn = onCancel ?? (() => PopupManager.hideKeyinPalette());
         const component = (React.createElement(KeyinPalettePopup_1.KeyinPalettePopup, { keyins: keyins, id: id, el: el, onItemExecuted: onItemExecuted, onCancel: cancelFn }));
         // since the command palette popup is always at top center of specified HTML element and it does not need to move like
         // cursor popups just set pt to 0,0.
@@ -135,7 +136,7 @@ class PopupManager {
             id,
             pt,
             component,
-            parentDocument: el === null || el === void 0 ? void 0 : el.ownerDocument,
+            parentDocument: el?.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -156,16 +157,16 @@ class PopupManager {
         return true;
     }
     static displayToolbar(items, options) {
-        var _a, _b;
-        const id = (_a = options.id) !== null && _a !== void 0 ? _a : PopupManager._toolbarId;
+        const id = options.id ?? PopupManager._toolbarId;
         const { anchor, location, offset, onCancel, placement, onItemExecuted } = options;
         const component = (React.createElement(ToolbarPopup_1.ToolbarPopup, { id: id, el: anchor, pt: location, offset: offset, items: items, placement: placement, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
         const popupInfo = {
             id,
             pt: location,
             component,
-            parentDocument: (_b = anchor === null || anchor === void 0 ? void 0 : anchor.ownerDocument) !== null && _b !== void 0 ? _b : InternalConfigurableUiManager_1.InternalConfigurableUiManager.getWrapperDocument(),
-            parent: anchor === null || anchor === void 0 ? void 0 : anchor.ownerDocument,
+            parentDocument: anchor?.ownerDocument ??
+                InternalConfigurableUiManager_1.InternalConfigurableUiManager.getWrapperDocument(),
+            parent: anchor?.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -198,21 +199,21 @@ class PopupManager {
      * @param options for displaying the component.
      */
     static showComponent(displayElement, options) {
-        var _a;
         const { onCancel, location, offset, placement, anchor, id } = options;
         const _id = PopupManager._htmlElementId;
-        const component = (React.createElement(ComponentPopup_1.ComponentPopup, { id: id !== null && id !== void 0 ? id : _id, anchor: anchor !== null && anchor !== void 0 ? anchor : undefined, pt: location, offset: offset, placement: placement, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel }, displayElement));
+        const component = (React.createElement(ComponentPopup_1.ComponentPopup, { id: id ?? _id, anchor: anchor ?? undefined, pt: location, offset: offset, placement: placement, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel }, displayElement));
         const popupInfo = {
-            id: id !== null && id !== void 0 ? id : _id,
+            id: id ?? _id,
             pt: location,
             component,
-            parentDocument: (_a = anchor === null || anchor === void 0 ? void 0 : anchor.ownerDocument) !== null && _a !== void 0 ? _a : InternalConfigurableUiManager_1.InternalConfigurableUiManager.getWrapperDocument(),
+            parentDocument: anchor?.ownerDocument ??
+                InternalConfigurableUiManager_1.InternalConfigurableUiManager.getWrapperDocument(),
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
     }
     static hideComponent(id) {
-        return PopupManager.removePopup(id !== null && id !== void 0 ? id : PopupManager._htmlElementId);
+        return PopupManager.removePopup(id ?? PopupManager._htmlElementId);
     }
     // @deprecated in 4.11.x. Use {@link PopupManager.displayCard} instead.
     static showCard(content, title, toolbarProps, el, pt, offset, onItemExecuted, onCancel, relativePosition) {
@@ -232,22 +233,22 @@ class PopupManager {
         return true;
     }
     static displayCard(content, options) {
-        var _a, _b;
-        const id = (_a = options.id) !== null && _a !== void 0 ? _a : PopupManager._cardId;
+        const id = options.id ?? PopupManager._cardId;
         const { onCancel, location, placement, offset, anchor, title, toolbarProps, onItemExecuted, } = options;
-        const component = (React.createElement(CardPopup_1.CardPopup, { id: id, el: anchor, pt: location, offset: offset, content: { reactNode: content }, title: title, items: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.items, placement: placement, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
+        const component = (React.createElement(CardPopup_1.CardPopup, { id: id, el: anchor, pt: location, offset: offset, content: { reactNode: content }, title: title, items: toolbarProps?.items, placement: placement, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
         const popupInfo = {
             id,
             pt: location,
             component,
-            parentDocument: (_b = anchor === null || anchor === void 0 ? void 0 : anchor.ownerDocument) !== null && _b !== void 0 ? _b : InternalConfigurableUiManager_1.InternalConfigurableUiManager.getWrapperDocument(),
-            parent: anchor === null || anchor === void 0 ? void 0 : anchor.ownerDocument,
+            parentDocument: anchor?.ownerDocument ??
+                InternalConfigurableUiManager_1.InternalConfigurableUiManager.getWrapperDocument(),
+            parent: anchor?.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
     }
     static hideCard(id) {
-        const index = PopupManager._popups.findIndex((info) => id !== null && id !== void 0 ? id : PopupManager._cardId === info.id);
+        const index = PopupManager._popups.findIndex((info) => id ?? PopupManager._cardId === info.id);
         if (index >= 0)
             return PopupManager.removePopup(PopupManager._cardId);
         return false;
@@ -283,6 +284,7 @@ PopupManager._cardId = "Card";
 PopupManager._toolSettingsId = "ToolSettings";
 PopupManager._keyPalettePopupId = "KeyinPalette";
 PopupManager._defaultOffset = { x: 8, y: 8 };
+// eslint-disable-next-line deprecation/deprecation
 PopupManager.onPopupsChangedEvent = new PopupsChangedEvent();
 exports.PopupManager = PopupManager;
 /**  Popup Renderer
@@ -296,9 +298,9 @@ class PopupRenderer extends React.Component {
             popups: PopupManager.popups,
         };
         this._handleRefSet = (popupDiv) => {
-            var _a;
-            this.setState({ parentDocument: (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null });
+            this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });
         };
+        // eslint-disable-next-line deprecation/deprecation
         this._handlePopupsChangedEvent = (args) => {
             this.setState({ popups: args.popups });
         };
@@ -316,12 +318,10 @@ class PopupRenderer extends React.Component {
             return null;
         return (React.createElement("div", { className: "appui-react-popup-render-container", ref: this._handleRefSet }, this.state.parentDocument &&
             this.state.popups
-                .filter((info) => {
-                var _a, _b;
-                return ((_b = (_a = info.parent) !== null && _a !== void 0 ? _a : 
+                .filter((info) => (info.parent ??
                 // eslint-disable-next-line deprecation/deprecation
-                info.parentDocument) !== null && _b !== void 0 ? _b : this.context.ownerDocument) === this.state.parentDocument;
-            })
+                info.parentDocument ??
+                this.context.ownerDocument) === this.state.parentDocument)
                 .map((popupInfo) => {
                 return (React.createElement(React.Fragment, { key: popupInfo.id }, popupInfo.component));
             })));