@itwin/appui-react 4.13.2 → 4.13.4

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,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"]}
+{"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,CAAC;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC;QACnB,CAAC;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/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;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"]}
+{"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,CAAC;gBACD,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YACjC,CAAC;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.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 \"../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"]}
+{"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.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,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"]}
+{"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,CAAC;YAClB,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;QACV,CAAC;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.js

@@ -276,6 +276,7 @@ class PopupManager {
         return position;
     }
 }
+exports.PopupManager = PopupManager;
 PopupManager._popups = [];
 PopupManager._editorId = "InputEditor";
 PopupManager._toolbarId = "Toolbar";
@@ -286,7 +287,6 @@ PopupManager._keyPalettePopupId = "KeyinPalette";
 PopupManager._defaultOffset = { x: 8, y: 8 };
 // eslint-disable-next-line deprecation/deprecation
 PopupManager.onPopupsChangedEvent = new PopupsChangedEvent();
-exports.PopupManager = PopupManager;
 /**  Popup Renderer
  * @public
  */
@@ -327,7 +327,7 @@ class PopupRenderer extends React.Component {
             })));
     }
 }
+exports.PopupRenderer = PopupRenderer;
 /** @internal */
 PopupRenderer.contextType = ConfigurableUiContent_1.WrapperContext;
-exports.PopupRenderer = PopupRenderer;
 //# sourceMappingURL=PopupManager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.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 type {\n  AbstractToolbarProps,\n  DialogLayoutDataProvider,\n  OnValueCommitFunc,\n  Primitives,\n  PrimitiveValue,\n  PropertyDescription,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport {\n  PropertyRecord,\n  PropertyValueFormat,\n  UiEvent,\n} from \"@itwin/appui-abstract\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { Point, SizeProps } from \"@itwin/core-react\";\nimport { Orientation, Rectangle } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport type { ReactElement } from \"react\";\nimport { offsetAndContainInContainer } from \"../layout/popup/Tooltip\";\nimport type { KeyinEntry } from \"../keyins/Keyins\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CardPopup } from \"./CardPopup\";\nimport { HTMLElementPopup } from \"./HTMLElementPopup\";\nimport { InputEditorCommitHandler, InputEditorPopup } from \"./InputEditorPopup\";\nimport { KeyinPalettePopup } from \"./KeyinPalettePopup\";\nimport { ToolbarPopup } from \"./ToolbarPopup\";\nimport { ToolSettingsPopup } from \"./ToolSettingsPopup\";\nimport { ComponentPopup } from \"./ComponentPopup\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport { mapToPlacement, type Placement } from \"../utils/Placement\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport type { ToolbarProps } from \"../toolbar/Toolbar\";\nimport { InternalConfigurableUiManager } from \"../configurableui/InternalConfigurableUiManager\";\n\n// cSpell:ignore uiadmin\n\n/** Information maintained by PopupManager about a Popup\n * @public\n */\nexport interface PopupInfo {\n  id: string;\n  pt: XAndY;\n  component: React.ReactNode;\n  /** @deprecated in 4.x.11. Please use the optional `parent` property moving forward. */\n  parentDocument: Document;\n  /** will become standard once `parentDocument` is removed. */\n  parent?: Document;\n}\n\n/** @internal */\ninterface CommonPopupOptions {\n  onCancel: () => void;\n  location: XAndY;\n  offset: XAndY;\n  placement: Placement;\n  anchor?: HTMLElement;\n  id?: string;\n}\n\ninterface DisplayCardPopupOptions extends CommonPopupOptions {\n  title: string | PropertyRecord | undefined;\n  toolbarProps?: ToolbarProps;\n  onItemExecuted: (item: any) => void;\n}\n\n/**\n * @public\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PopupsChangedEventArgs {\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/** Popups Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> {}\n\n/** Props for each popup managed by the PopupManager\n * @public\n */\nexport interface PopupPropsBase {\n  id: string;\n  el: HTMLElement;\n  pt: XAndY;\n  offset: XAndY;\n}\n\n/** Describes React based content\n * @public\n */\nexport interface ReactContent {\n  reactNode: React.ReactNode;\n}\n\n/** Type for Popup Content\n * @public\n */\nexport type PopupContentType = HTMLElement | ReactContent;\n\n/** ReactContent type guard.\n * @internal\n */\nexport const isReactContent = (\n  content: PopupContentType\n): content is ReactContent => {\n  return (content as ReactContent).reactNode !== undefined;\n};\n\n/** Popup Manager class\n * @public\n */\nexport class PopupManager {\n  private static _popups: ReadonlyArray<PopupInfo> = [];\n  private static _editorId = \"InputEditor\";\n  private static _toolbarId = \"Toolbar\";\n  private static _htmlElementId = \"HTMLElement\";\n  private static _cardId = \"Card\";\n  private static _toolSettingsId = \"ToolSettings\";\n  private static _keyPalettePopupId = \"KeyinPalette\";\n\n  private static _defaultOffset = { x: 8, y: 8 };\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static readonly onPopupsChangedEvent = new PopupsChangedEvent();\n\n  public static get popupCount() {\n    return this._popups.length;\n  }\n  public static get popups() {\n    return this._popups;\n  }\n\n  public static set popups(popups: ReadonlyArray<PopupInfo>) {\n    // istanbul ignore if\n    if (this._popups === popups) return;\n    this._popups = popups;\n    this.onPopupsChangedEvent.emit({ popups });\n  }\n\n  /** @internal */\n  public static clearPopups() {\n    this.popups = [];\n  }\n\n  private static addPopup(popupInfo: PopupInfo): void {\n    const popups = [...PopupManager._popups, popupInfo];\n    this.popups = popups;\n  }\n\n  private static updatePopup(popupInfo: PopupInfo, itemIndex: number): void {\n    // istanbul ignore if\n    if (itemIndex < 0) return;\n\n    const popups = [\n      ...PopupManager._popups.slice(0, itemIndex),\n      popupInfo,\n      ...PopupManager._popups.slice(itemIndex + 1),\n    ];\n    this.popups = popups;\n  }\n\n  public static addOrUpdatePopup(popupInfo: PopupInfo): void {\n    const itemIndex = PopupManager._popups.findIndex(\n      (info: PopupInfo) => info.id === popupInfo.id\n    );\n    if (itemIndex >= 0) PopupManager.updatePopup(popupInfo, itemIndex);\n    else PopupManager.addPopup(popupInfo);\n  }\n\n  public static removePopup(id: string): boolean {\n    const index = PopupManager._popups.findIndex(\n      (info: PopupInfo) => id === info.id\n    );\n    let result = true;\n\n    if (index >= 0) {\n      const popups = PopupManager._popups.filter((info: PopupInfo) => {\n        return info.id !== id;\n      });\n      this.popups = popups;\n    } else {\n      Logger.logError(\n        UiFramework.loggerCategory(this),\n        `removePopup: Could not find popup with id of '${id}'`\n      );\n      result = false;\n    }\n\n    return result;\n  }\n\n  public static get defaultOffset(): XAndY {\n    return PopupManager._defaultOffset;\n  }\n  public static set defaultOffset(offset: XAndY) {\n    PopupManager._defaultOffset = offset;\n  }\n\n  public static showInputEditor(\n    el: HTMLElement,\n    pt: XAndY,\n    value: Primitives.Value,\n    propertyDescription: PropertyDescription,\n    onCommit: OnValueCommitFunc,\n    onCancel: () => void\n  ): boolean {\n    const primitiveValue: PrimitiveValue = {\n      value,\n      valueFormat: PropertyValueFormat.Primitive,\n    };\n    const record = new PropertyRecord(primitiveValue, propertyDescription);\n    const commitHandler = new InputEditorCommitHandler(onCommit);\n    const id = PopupManager._editorId;\n    const component = (\n      <InputEditorPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={PopupManager.defaultOffset}\n        record={record}\n        onCancel={onCancel}\n        commitHandler={commitHandler}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideInputEditor(): boolean {\n    return PopupManager.removePopup(PopupManager._editorId);\n  }\n\n  public static showKeyinPalette(\n    keyins: KeyinEntry[],\n    el: HTMLElement,\n    onItemExecuted?: (item: any) => void,\n    onCancel?: () => void\n  ): boolean {\n    const id = PopupManager._keyPalettePopupId;\n    const cancelFn = onCancel ?? (() => PopupManager.hideKeyinPalette());\n    const component = (\n      <KeyinPalettePopup\n        keyins={keyins}\n        id={id}\n        el={el}\n        onItemExecuted={onItemExecuted}\n        onCancel={cancelFn}\n      />\n    );\n\n    // since the command palette popup is always at top center of specified HTML element and it does not need to move like\n    // cursor popups just set pt to 0,0.\n    const pt = { x: 0, y: 0 };\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el?.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideKeyinPalette(): boolean {\n    return PopupManager.removePopup(PopupManager._keyPalettePopupId);\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.displayToolbar} instead.\n  public static showToolbar(\n    toolbarProps: AbstractToolbarProps,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onItemExecuted: (item: any) => void,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    PopupManager.displayToolbar(toolbarProps.items, {\n      anchor: el,\n      location: pt,\n      offset,\n      onCancel,\n      placement: mapToPlacement(relativePosition),\n      onItemExecuted,\n    });\n    return true;\n  }\n\n  public static displayToolbar(\n    items: ToolbarItem[],\n    options: CommonPopupOptions & { onItemExecuted: (item: any) => void }\n  ): boolean {\n    const id = options.id ?? PopupManager._toolbarId;\n    const { anchor, location, offset, onCancel, placement, onItemExecuted } =\n      options;\n\n    const component = (\n      <ToolbarPopup\n        id={id}\n        el={anchor}\n        pt={location}\n        offset={offset}\n        items={items}\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n        onItemExecuted={onItemExecuted}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt: location,\n      component,\n      parentDocument:\n        anchor?.ownerDocument ??\n        InternalConfigurableUiManager.getWrapperDocument(),\n      parent: anchor?.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideToolbar(): boolean {\n    return PopupManager.removePopup(PopupManager._toolbarId);\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.showComponent} instead.\n  public static showHTMLElement(\n    displayElement: HTMLElement,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._htmlElementId;\n    const component = (\n      // eslint-disable-next-line deprecation/deprecation\n      <HTMLElementPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={offset}\n        element={displayElement}\n        relativePosition={relativePosition}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.hideComponent} instead.\n  public static hideHTMLElement(): boolean {\n    return PopupManager.removePopup(PopupManager._htmlElementId);\n  }\n\n  /**\n   * Displays a React component as a popup.\n   * @param displayElement The React component to display.\n   * @param options for displaying the component.\n   */\n  public static showComponent(\n    displayElement: ReactElement,\n    options: CommonPopupOptions\n  ): boolean {\n    const { onCancel, location, offset, placement, anchor, id } = options;\n    const _id = PopupManager._htmlElementId;\n\n    const component = (\n      <ComponentPopup\n        id={id ?? _id}\n        anchor={anchor ?? undefined}\n        pt={location}\n        offset={offset}\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n      >\n        {displayElement}\n      </ComponentPopup>\n    );\n\n    const popupInfo: PopupInfo = {\n      id: id ?? _id,\n      pt: location,\n      component,\n      parentDocument:\n        anchor?.ownerDocument ??\n        InternalConfigurableUiManager.getWrapperDocument(),\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideComponent(id?: string): boolean {\n    return PopupManager.removePopup(id ?? PopupManager._htmlElementId);\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.displayCard} instead.\n  public static showCard(\n    content: PopupContentType,\n    title: string | PropertyRecord | undefined,\n    toolbarProps: AbstractToolbarProps | undefined,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onItemExecuted: (item: any) => void,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._cardId;\n    const placement = mapToPlacement(relativePosition);\n    const component = (\n      <CardPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={offset}\n        content={content}\n        title={title}\n        items={\n          toolbarProps\n            ? toolbarProps.items\n            : /* istanbul ignore next */ undefined\n        }\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n        onItemExecuted={onItemExecuted}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static displayCard(\n    content: React.ReactNode,\n    options: DisplayCardPopupOptions\n  ): boolean {\n    const id = options.id ?? PopupManager._cardId;\n    const {\n      onCancel,\n      location,\n      placement,\n      offset,\n      anchor,\n      title,\n      toolbarProps,\n      onItemExecuted,\n    } = options;\n    const component = (\n      <CardPopup\n        id={id}\n        el={anchor}\n        pt={location}\n        offset={offset}\n        content={{ reactNode: content }}\n        title={title}\n        items={toolbarProps?.items}\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n        onItemExecuted={onItemExecuted}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt: location,\n      component,\n      parentDocument:\n        anchor?.ownerDocument ??\n        InternalConfigurableUiManager.getWrapperDocument(),\n      parent: anchor?.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideCard(id?: string): boolean {\n    const index = PopupManager._popups.findIndex(\n      (info: PopupInfo) => id ?? PopupManager._cardId === info.id\n    );\n    if (index >= 0) return PopupManager.removePopup(PopupManager._cardId);\n    return false;\n  }\n\n  public static openToolSettings(\n    dataProvider: DialogLayoutDataProvider,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._toolSettingsId;\n    const component = (\n      <ToolSettingsPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={offset}\n        dataProvider={dataProvider}\n        relativePosition={relativePosition}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static closeToolSettings(): boolean {\n    return PopupManager.removePopup(PopupManager._toolSettingsId);\n  }\n\n  public static getPopupPosition(\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    size: SizeProps\n  ): Point {\n    const containerBounds = Rectangle.create(el.getBoundingClientRect());\n    const relativeBounds = Rectangle.createFromSize(size).offset(pt);\n    const adjustedPosition: Point = offsetAndContainInContainer(\n      relativeBounds,\n      containerBounds.getSize(),\n      offset\n    );\n    const position = adjustedPosition.offset(containerBounds.topLeft());\n\n    return position;\n  }\n}\n\n/** @internal */\ninterface PopupRendererState {\n  parentDocument: Document | null;\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/**  Popup Renderer\n * @public\n */\nexport class PopupRenderer extends React.Component<{}, PopupRendererState> {\n  /** @internal */\n  public static override contextType = WrapperContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof WrapperContext>;\n\n  public override readonly state: PopupRendererState = {\n    parentDocument: null,\n    popups: PopupManager.popups,\n  };\n\n  public override componentDidMount(): void {\n    Logger.logInfo(\"PopupManager\", `mounting PopupManager`);\n    PopupManager.onPopupsChangedEvent.addListener(\n      this._handlePopupsChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    Logger.logInfo(\"PopupManager\", `un-mounting PopupManager`);\n    PopupManager.onPopupsChangedEvent.removeListener(\n      this._handlePopupsChangedEvent\n    );\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });\n  };\n\n  public override render(): React.ReactNode {\n    if (PopupManager.popupCount <= 0) return null;\n    return (\n      <div\n        className=\"appui-react-popup-render-container\"\n        ref={this._handleRefSet}\n      >\n        {this.state.parentDocument &&\n          this.state.popups\n            .filter(\n              (info) =>\n                (info.parent ??\n                  // eslint-disable-next-line deprecation/deprecation\n                  info.parentDocument ??\n                  this.context.ownerDocument) === this.state.parentDocument\n            )\n            .map((popupInfo: PopupInfo) => {\n              return (\n                <React.Fragment key={popupInfo.id}>\n                  {popupInfo.component}\n                </React.Fragment>\n              );\n            })}\n      </div>\n    );\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private _handlePopupsChangedEvent = (args: PopupsChangedEventArgs) => {\n    this.setState({ popups: args.popups });\n  };\n}\n"]}
+{"version":3,"file":"PopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.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 type {\n  AbstractToolbarProps,\n  DialogLayoutDataProvider,\n  OnValueCommitFunc,\n  Primitives,\n  PrimitiveValue,\n  PropertyDescription,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport {\n  PropertyRecord,\n  PropertyValueFormat,\n  UiEvent,\n} from \"@itwin/appui-abstract\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { Point, SizeProps } from \"@itwin/core-react\";\nimport { Orientation, Rectangle } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport type { ReactElement } from \"react\";\nimport { offsetAndContainInContainer } from \"../layout/popup/Tooltip\";\nimport type { KeyinEntry } from \"../keyins/Keyins\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CardPopup } from \"./CardPopup\";\nimport { HTMLElementPopup } from \"./HTMLElementPopup\";\nimport { InputEditorCommitHandler, InputEditorPopup } from \"./InputEditorPopup\";\nimport { KeyinPalettePopup } from \"./KeyinPalettePopup\";\nimport { ToolbarPopup } from \"./ToolbarPopup\";\nimport { ToolSettingsPopup } from \"./ToolSettingsPopup\";\nimport { ComponentPopup } from \"./ComponentPopup\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport { mapToPlacement, type Placement } from \"../utils/Placement\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport type { ToolbarProps } from \"../toolbar/Toolbar\";\nimport { InternalConfigurableUiManager } from \"../configurableui/InternalConfigurableUiManager\";\n\n// cSpell:ignore uiadmin\n\n/** Information maintained by PopupManager about a Popup\n * @public\n */\nexport interface PopupInfo {\n  id: string;\n  pt: XAndY;\n  component: React.ReactNode;\n  /** @deprecated in 4.x.11. Please use the optional `parent` property moving forward. */\n  parentDocument: Document;\n  /** will become standard once `parentDocument` is removed. */\n  parent?: Document;\n}\n\n/** @internal */\ninterface CommonPopupOptions {\n  onCancel: () => void;\n  location: XAndY;\n  offset: XAndY;\n  placement: Placement;\n  anchor?: HTMLElement;\n  id?: string;\n}\n\ninterface DisplayCardPopupOptions extends CommonPopupOptions {\n  title: string | PropertyRecord | undefined;\n  toolbarProps?: ToolbarProps;\n  onItemExecuted: (item: any) => void;\n}\n\n/**\n * @public\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PopupsChangedEventArgs {\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/** Popups Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> {}\n\n/** Props for each popup managed by the PopupManager\n * @public\n */\nexport interface PopupPropsBase {\n  id: string;\n  el: HTMLElement;\n  pt: XAndY;\n  offset: XAndY;\n}\n\n/** Describes React based content\n * @public\n */\nexport interface ReactContent {\n  reactNode: React.ReactNode;\n}\n\n/** Type for Popup Content\n * @public\n */\nexport type PopupContentType = HTMLElement | ReactContent;\n\n/** ReactContent type guard.\n * @internal\n */\nexport const isReactContent = (\n  content: PopupContentType\n): content is ReactContent => {\n  return (content as ReactContent).reactNode !== undefined;\n};\n\n/** Popup Manager class\n * @public\n */\nexport class PopupManager {\n  private static _popups: ReadonlyArray<PopupInfo> = [];\n  private static _editorId = \"InputEditor\";\n  private static _toolbarId = \"Toolbar\";\n  private static _htmlElementId = \"HTMLElement\";\n  private static _cardId = \"Card\";\n  private static _toolSettingsId = \"ToolSettings\";\n  private static _keyPalettePopupId = \"KeyinPalette\";\n\n  private static _defaultOffset = { x: 8, y: 8 };\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static readonly onPopupsChangedEvent = new PopupsChangedEvent();\n\n  public static get popupCount() {\n    return this._popups.length;\n  }\n  public static get popups() {\n    return this._popups;\n  }\n\n  public static set popups(popups: ReadonlyArray<PopupInfo>) {\n    // istanbul ignore if\n    if (this._popups === popups) return;\n    this._popups = popups;\n    this.onPopupsChangedEvent.emit({ popups });\n  }\n\n  /** @internal */\n  public static clearPopups() {\n    this.popups = [];\n  }\n\n  private static addPopup(popupInfo: PopupInfo): void {\n    const popups = [...PopupManager._popups, popupInfo];\n    this.popups = popups;\n  }\n\n  private static updatePopup(popupInfo: PopupInfo, itemIndex: number): void {\n    // istanbul ignore if\n    if (itemIndex < 0) return;\n\n    const popups = [\n      ...PopupManager._popups.slice(0, itemIndex),\n      popupInfo,\n      ...PopupManager._popups.slice(itemIndex + 1),\n    ];\n    this.popups = popups;\n  }\n\n  public static addOrUpdatePopup(popupInfo: PopupInfo): void {\n    const itemIndex = PopupManager._popups.findIndex(\n      (info: PopupInfo) => info.id === popupInfo.id\n    );\n    if (itemIndex >= 0) PopupManager.updatePopup(popupInfo, itemIndex);\n    else PopupManager.addPopup(popupInfo);\n  }\n\n  public static removePopup(id: string): boolean {\n    const index = PopupManager._popups.findIndex(\n      (info: PopupInfo) => id === info.id\n    );\n    let result = true;\n\n    if (index >= 0) {\n      const popups = PopupManager._popups.filter((info: PopupInfo) => {\n        return info.id !== id;\n      });\n      this.popups = popups;\n    } else {\n      Logger.logError(\n        UiFramework.loggerCategory(this),\n        `removePopup: Could not find popup with id of '${id}'`\n      );\n      result = false;\n    }\n\n    return result;\n  }\n\n  public static get defaultOffset(): XAndY {\n    return PopupManager._defaultOffset;\n  }\n  public static set defaultOffset(offset: XAndY) {\n    PopupManager._defaultOffset = offset;\n  }\n\n  public static showInputEditor(\n    el: HTMLElement,\n    pt: XAndY,\n    value: Primitives.Value,\n    propertyDescription: PropertyDescription,\n    onCommit: OnValueCommitFunc,\n    onCancel: () => void\n  ): boolean {\n    const primitiveValue: PrimitiveValue = {\n      value,\n      valueFormat: PropertyValueFormat.Primitive,\n    };\n    const record = new PropertyRecord(primitiveValue, propertyDescription);\n    const commitHandler = new InputEditorCommitHandler(onCommit);\n    const id = PopupManager._editorId;\n    const component = (\n      <InputEditorPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={PopupManager.defaultOffset}\n        record={record}\n        onCancel={onCancel}\n        commitHandler={commitHandler}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideInputEditor(): boolean {\n    return PopupManager.removePopup(PopupManager._editorId);\n  }\n\n  public static showKeyinPalette(\n    keyins: KeyinEntry[],\n    el: HTMLElement,\n    onItemExecuted?: (item: any) => void,\n    onCancel?: () => void\n  ): boolean {\n    const id = PopupManager._keyPalettePopupId;\n    const cancelFn = onCancel ?? (() => PopupManager.hideKeyinPalette());\n    const component = (\n      <KeyinPalettePopup\n        keyins={keyins}\n        id={id}\n        el={el}\n        onItemExecuted={onItemExecuted}\n        onCancel={cancelFn}\n      />\n    );\n\n    // since the command palette popup is always at top center of specified HTML element and it does not need to move like\n    // cursor popups just set pt to 0,0.\n    const pt = { x: 0, y: 0 };\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el?.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideKeyinPalette(): boolean {\n    return PopupManager.removePopup(PopupManager._keyPalettePopupId);\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.displayToolbar} instead.\n  public static showToolbar(\n    toolbarProps: AbstractToolbarProps,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onItemExecuted: (item: any) => void,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    PopupManager.displayToolbar(toolbarProps.items, {\n      anchor: el,\n      location: pt,\n      offset,\n      onCancel,\n      placement: mapToPlacement(relativePosition),\n      onItemExecuted,\n    });\n    return true;\n  }\n\n  public static displayToolbar(\n    items: ToolbarItem[],\n    options: CommonPopupOptions & { onItemExecuted: (item: any) => void }\n  ): boolean {\n    const id = options.id ?? PopupManager._toolbarId;\n    const { anchor, location, offset, onCancel, placement, onItemExecuted } =\n      options;\n\n    const component = (\n      <ToolbarPopup\n        id={id}\n        el={anchor}\n        pt={location}\n        offset={offset}\n        items={items}\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n        onItemExecuted={onItemExecuted}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt: location,\n      component,\n      parentDocument:\n        anchor?.ownerDocument ??\n        InternalConfigurableUiManager.getWrapperDocument(),\n      parent: anchor?.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideToolbar(): boolean {\n    return PopupManager.removePopup(PopupManager._toolbarId);\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.showComponent} instead.\n  public static showHTMLElement(\n    displayElement: HTMLElement,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._htmlElementId;\n    const component = (\n      // eslint-disable-next-line deprecation/deprecation\n      <HTMLElementPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={offset}\n        element={displayElement}\n        relativePosition={relativePosition}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.hideComponent} instead.\n  public static hideHTMLElement(): boolean {\n    return PopupManager.removePopup(PopupManager._htmlElementId);\n  }\n\n  /**\n   * Displays a React component as a popup.\n   * @param displayElement The React component to display.\n   * @param options for displaying the component.\n   */\n  public static showComponent(\n    displayElement: ReactElement,\n    options: CommonPopupOptions\n  ): boolean {\n    const { onCancel, location, offset, placement, anchor, id } = options;\n    const _id = PopupManager._htmlElementId;\n\n    const component = (\n      <ComponentPopup\n        id={id ?? _id}\n        anchor={anchor ?? undefined}\n        pt={location}\n        offset={offset}\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n      >\n        {displayElement}\n      </ComponentPopup>\n    );\n\n    const popupInfo: PopupInfo = {\n      id: id ?? _id,\n      pt: location,\n      component,\n      parentDocument:\n        anchor?.ownerDocument ??\n        InternalConfigurableUiManager.getWrapperDocument(),\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideComponent(id?: string): boolean {\n    return PopupManager.removePopup(id ?? PopupManager._htmlElementId);\n  }\n\n  // @deprecated in 4.11.x. Use {@link PopupManager.displayCard} instead.\n  public static showCard(\n    content: PopupContentType,\n    title: string | PropertyRecord | undefined,\n    toolbarProps: AbstractToolbarProps | undefined,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onItemExecuted: (item: any) => void,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._cardId;\n    const placement = mapToPlacement(relativePosition);\n    const component = (\n      <CardPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={offset}\n        content={content}\n        title={title}\n        items={\n          toolbarProps\n            ? toolbarProps.items\n            : /* istanbul ignore next */ undefined\n        }\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n        onItemExecuted={onItemExecuted}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n      parent: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static displayCard(\n    content: React.ReactNode,\n    options: DisplayCardPopupOptions\n  ): boolean {\n    const id = options.id ?? PopupManager._cardId;\n    const {\n      onCancel,\n      location,\n      placement,\n      offset,\n      anchor,\n      title,\n      toolbarProps,\n      onItemExecuted,\n    } = options;\n    const component = (\n      <CardPopup\n        id={id}\n        el={anchor}\n        pt={location}\n        offset={offset}\n        content={{ reactNode: content }}\n        title={title}\n        items={toolbarProps?.items}\n        placement={placement}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n        onItemExecuted={onItemExecuted}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt: location,\n      component,\n      parentDocument:\n        anchor?.ownerDocument ??\n        InternalConfigurableUiManager.getWrapperDocument(),\n      parent: anchor?.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideCard(id?: string): boolean {\n    const index = PopupManager._popups.findIndex(\n      (info: PopupInfo) => id ?? PopupManager._cardId === info.id\n    );\n    if (index >= 0) return PopupManager.removePopup(PopupManager._cardId);\n    return false;\n  }\n\n  public static openToolSettings(\n    dataProvider: DialogLayoutDataProvider,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onCancel: () => void,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._toolSettingsId;\n    const component = (\n      <ToolSettingsPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={offset}\n        dataProvider={dataProvider}\n        relativePosition={relativePosition}\n        orientation={Orientation.Horizontal}\n        onCancel={onCancel}\n      />\n    );\n\n    const popupInfo: PopupInfo = {\n      id,\n      pt,\n      component,\n      parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static closeToolSettings(): boolean {\n    return PopupManager.removePopup(PopupManager._toolSettingsId);\n  }\n\n  public static getPopupPosition(\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    size: SizeProps\n  ): Point {\n    const containerBounds = Rectangle.create(el.getBoundingClientRect());\n    const relativeBounds = Rectangle.createFromSize(size).offset(pt);\n    const adjustedPosition: Point = offsetAndContainInContainer(\n      relativeBounds,\n      containerBounds.getSize(),\n      offset\n    );\n    const position = adjustedPosition.offset(containerBounds.topLeft());\n\n    return position;\n  }\n}\n\n/** @internal */\ninterface PopupRendererState {\n  parentDocument: Document | null;\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/**  Popup Renderer\n * @public\n */\nexport class PopupRenderer extends React.Component<{}, PopupRendererState> {\n  /** @internal */\n  public static override contextType = WrapperContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof WrapperContext>;\n\n  public override readonly state: PopupRendererState = {\n    parentDocument: null,\n    popups: PopupManager.popups,\n  };\n\n  public override componentDidMount(): void {\n    Logger.logInfo(\"PopupManager\", `mounting PopupManager`);\n    PopupManager.onPopupsChangedEvent.addListener(\n      this._handlePopupsChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    Logger.logInfo(\"PopupManager\", `un-mounting PopupManager`);\n    PopupManager.onPopupsChangedEvent.removeListener(\n      this._handlePopupsChangedEvent\n    );\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });\n  };\n\n  public override render(): React.ReactNode {\n    if (PopupManager.popupCount <= 0) return null;\n    return (\n      <div\n        className=\"appui-react-popup-render-container\"\n        ref={this._handleRefSet}\n      >\n        {this.state.parentDocument &&\n          this.state.popups\n            .filter(\n              (info) =>\n                (info.parent ??\n                  // eslint-disable-next-line deprecation/deprecation\n                  info.parentDocument ??\n                  this.context.ownerDocument) === this.state.parentDocument\n            )\n            .map((popupInfo: PopupInfo) => {\n              return (\n                <React.Fragment key={popupInfo.id}>\n                  {popupInfo.component}\n                </React.Fragment>\n              );\n            })}\n      </div>\n    );\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private _handlePopupsChangedEvent = (args: PopupsChangedEventArgs) => {\n    this.setState({ popups: args.popups });\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PositionPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PositionPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAG/B,kDAA8C;AAa9C;WACW;AACX,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxE,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtE,MAAM,QAAQ,GAAwB;YACpC,GAAG,KAAK;YACR,GAAG,EAAE,KAAK,CAAC,CAAC;YACZ,IAAI,EAAE,KAAK,CAAC,CAAC;SACd,CAAC;QAEF,OAAO,CACL,gCACM,KAAK,EACT,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAE5B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,GAA0B;QAC1C,uBAAuB;QACvB,IAAI,GAAG,EAAE;YACP,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,IAAI,iBAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAE/C,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;gBAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC1D;IACH,CAAC;CACF;AApCD,sCAoCC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAqB;IACxD,mDAAmD;IACnD,OAAO,oBAAC,gBAAG,OAAK,KAAK,EAAE,aAAa,EAAC,6BAA6B,GAAG,CAAC;AACxE,CAAC;AAHD,oDAGC","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 \"./PositionPopup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { CommonDivProps, CommonProps, SizeProps } from \"@itwin/core-react\";\nimport { Div, Size } from \"@itwin/core-react\";\n\n/** Props for popup at screen position\n * @beta */\nexport interface PositionPopupProps extends CommonProps {\n  /** Center point */\n  point: XAndY;\n  /** Function called when size is known. */\n  onSizeKnown?: (size: SizeProps) => void;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** Popup component at screen position\n * @beta */\nexport class PositionPopup extends React.PureComponent<PositionPopupProps> {\n  constructor(props: PositionPopupProps) {\n    super(props);\n  }\n\n  public override render() {\n    const { point, className, style, onSizeKnown, ...props } = this.props;\n\n    const divStyle: React.CSSProperties = {\n      ...style,\n      top: point.y,\n      left: point.x,\n    };\n\n    return (\n      <div\n        {...props}\n        className={classnames(\"uifw-position-popup\", className)}\n        style={divStyle}\n        ref={(e) => this.setDivRef(e)}\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private setDivRef(div: HTMLDivElement | null) {\n    // istanbul ignore else\n    if (div) {\n      const rect = div.getBoundingClientRect();\n      const size = new Size(rect.width, rect.height);\n\n      // istanbul ignore else\n      if (this.props.onSizeKnown) this.props.onSizeKnown(size);\n    }\n  }\n}\n\n/** PositionPopup content with padding\n * @beta\n */\nexport function PositionPopupContent(props: CommonDivProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <Div {...props} mainClassName=\"uifw-position-popup-content\" />;\n}\n"]}
+{"version":3,"file":"PositionPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PositionPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAG/B,kDAA8C;AAa9C;WACW;AACX,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxE,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtE,MAAM,QAAQ,GAAwB;YACpC,GAAG,KAAK;YACR,GAAG,EAAE,KAAK,CAAC,CAAC;YACZ,IAAI,EAAE,KAAK,CAAC,CAAC;SACd,CAAC;QAEF,OAAO,CACL,gCACM,KAAK,EACT,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAE5B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,GAA0B;QAC1C,uBAAuB;QACvB,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,IAAI,iBAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAE/C,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;gBAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;CACF;AApCD,sCAoCC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAqB;IACxD,mDAAmD;IACnD,OAAO,oBAAC,gBAAG,OAAK,KAAK,EAAE,aAAa,EAAC,6BAA6B,GAAG,CAAC;AACxE,CAAC;AAHD,oDAGC","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 \"./PositionPopup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { CommonDivProps, CommonProps, SizeProps } from \"@itwin/core-react\";\nimport { Div, Size } from \"@itwin/core-react\";\n\n/** Props for popup at screen position\n * @beta */\nexport interface PositionPopupProps extends CommonProps {\n  /** Center point */\n  point: XAndY;\n  /** Function called when size is known. */\n  onSizeKnown?: (size: SizeProps) => void;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** Popup component at screen position\n * @beta */\nexport class PositionPopup extends React.PureComponent<PositionPopupProps> {\n  constructor(props: PositionPopupProps) {\n    super(props);\n  }\n\n  public override render() {\n    const { point, className, style, onSizeKnown, ...props } = this.props;\n\n    const divStyle: React.CSSProperties = {\n      ...style,\n      top: point.y,\n      left: point.x,\n    };\n\n    return (\n      <div\n        {...props}\n        className={classnames(\"uifw-position-popup\", className)}\n        style={divStyle}\n        ref={(e) => this.setDivRef(e)}\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private setDivRef(div: HTMLDivElement | null) {\n    // istanbul ignore else\n    if (div) {\n      const rect = div.getBoundingClientRect();\n      const size = new Size(rect.width, rect.height);\n\n      // istanbul ignore else\n      if (this.props.onSizeKnown) this.props.onSizeKnown(size);\n    }\n  }\n}\n\n/** PositionPopup content with padding\n * @beta\n */\nexport function PositionPopupContent(props: CommonDivProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <Div {...props} mainClassName=\"uifw-position-popup-content\" />;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAOlC,kDAAgF;AAChF,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAsE;AACtE,yEAAsE;AACtE,yFAA+E;AAgB/E;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAMC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAMM,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;QAEM,mBAAc,GAAG,CAAC,CAAsB,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;oBACvB,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;wBAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBAC/C,MAAM;aACT;QACH,CAAC,CAAC;IAfF,CAAC;IAiBe,MAAM;QACpB,MAAM,kBAAkB,GAAG,IAAI,uCAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,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,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAG9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,oCAAoB;oBACnB,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB,IAAI,CACrB,oBAAC,gDAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAChE,CACS,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAlED,8CAkEC","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 {\n  DialogLayoutDataProvider,\n  OnCancelFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { DialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\n\n/** Props for defining a popup tool settings component\n * @beta */\nexport interface ToolSettingsPopupProps extends PopupPropsBase {\n  dataProvider: DialogLayoutDataProvider;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface ToolSettingsPopupState {\n  size: Size;\n}\n\n/** Popup component for Tool Settings\n * @beta\n */\nexport class ToolSettingsPopup extends React.PureComponent<\n  ToolSettingsPopupProps,\n  ToolSettingsPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  constructor(props: ToolSettingsPopupProps) {\n    super(props);\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 = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case Key.Escape.valueOf():\n        // istanbul ignore else\n        if (this.props.onCancel) this.props.onCancel();\n        break;\n    }\n  };\n\n  public override render() {\n    const componentGenerator = new ComponentGenerator(this.props.dataProvider);\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        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          <PositionPopupContent>\n            <FocusTrap active={true} returnFocusOnDeactivate={true}>\n              {componentGenerator && (\n                <DialogGridContainer componentGenerator={componentGenerator} />\n              )}\n            </FocusTrap>\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolSettingsPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAOlC,kDAAgF;AAChF,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAsE;AACtE,yEAAsE;AACtE,yFAA+E;AAgB/E;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAMC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAMM,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;QAEM,mBAAc,GAAG,CAAC,CAAsB,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACd,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;oBACvB,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;wBAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBAC/C,MAAM;YACV,CAAC;QACH,CAAC,CAAC;IAfF,CAAC;IAiBe,MAAM;QACpB,MAAM,kBAAkB,GAAG,IAAI,uCAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,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,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAG9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,oCAAoB;oBACnB,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB,IAAI,CACrB,oBAAC,gDAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAChE,CACS,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAlED,8CAkEC","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 {\n  DialogLayoutDataProvider,\n  OnCancelFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { DialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\n\n/** Props for defining a popup tool settings component\n * @beta */\nexport interface ToolSettingsPopupProps extends PopupPropsBase {\n  dataProvider: DialogLayoutDataProvider;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface ToolSettingsPopupState {\n  size: Size;\n}\n\n/** Popup component for Tool Settings\n * @beta\n */\nexport class ToolSettingsPopup extends React.PureComponent<\n  ToolSettingsPopupProps,\n  ToolSettingsPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  constructor(props: ToolSettingsPopupProps) {\n    super(props);\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 = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case Key.Escape.valueOf():\n        // istanbul ignore else\n        if (this.props.onCancel) this.props.onCancel();\n        break;\n    }\n  };\n\n  public override render() {\n    const componentGenerator = new ComponentGenerator(this.props.dataProvider);\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        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          <PositionPopupContent>\n            <FocusTrap active={true} returnFocusOnDeactivate={true}>\n              {componentGenerator && (\n                <DialogGridContainer componentGenerator={componentGenerator} />\n              )}\n            </FocusTrap>\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

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

@@ -57,7 +57,7 @@ class ToolbarPopup extends React.PureComponent {
                     React.createElement(Toolbar_1.Toolbar, { expandsTo: components_react_1.Direction.Bottom, panelAlignment: components_react_1.ToolbarPanelAlignment.Start, items: this.props.items, useDragInteraction: true, toolbarOpacitySetting: components_react_1.ToolbarOpacitySetting.Defaults, onItemExecuted: this.props.onItemExecuted })))));
     }
 }
+exports.ToolbarPopup = ToolbarPopup;
 /** @internal */
 ToolbarPopup.contextType = ConfigurableUiContent_1.WrapperContext;
-exports.ToolbarPopup = ToolbarPopup;
 //# sourceMappingURL=ToolbarPopup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAIlC,kDAAgF;AAChF,8DAIiC;AACjC,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAEhD,gDAA6C;AAC7C,mFAAyE;AACzE,kDAAoE;AAoBpE;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,aAGvC;IAHD;;QASE,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;QAEM,mBAAc,GAAG,CACvB,KAA0C,EACpC,EAAE;YACR,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;oBACvB,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,MAAM;aACT;QACH,CAAC,CAAC;IAiDJ,CAAC;IA/CS,OAAO;QACb,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACvB;IACH,CAAC;IAEe,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,EAC7B,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,SAAS,IAAI,IAAA,0BAAc,EAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CACpE,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QACjD,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,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;oBACpD,oBAAC,iBAAO,IACN,SAAS,EAAE,4BAAS,CAAC,MAAM,EAC3B,cAAc,EAAE,wCAAqB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,kBAAkB,EAAE,IAAI,EACxB,qBAAqB,EAAE,wCAAqB,CAAC,QAAQ,EACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACQ,CACQ,CACR,CACjB,CAAC;IACJ,CAAC;;AAxED,gBAAgB;AACO,wBAAW,GAAG,sCAAc,AAAjB,CAAkB;AALzC,oCAAY","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 { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { RequireAtLeastOne } from \"@itwin/core-bentley\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { Toolbar } from \"../toolbar/Toolbar\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport { mapToPlacement, type Placement } from \"../utils/Placement\";\n\n/** Props for a popup toolbar\n * @beta */\nexport type ToolbarPopupProps = Omit<PopupPropsBase, \"el\"> & {\n  items: ToolbarItem[];\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 ToolbarPopupState {\n  size: Size;\n}\n\n/** Popup component for Toolbar\n * @beta\n */\nexport class ToolbarPopup extends React.PureComponent<\n  ToolbarPopupProps,\n  ToolbarPopupState\n> {\n  /** @internal */\n  public static override contextType = WrapperContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof WrapperContext>;\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  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): 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    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\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Toolbar\n              expandsTo={Direction.Bottom}\n              panelAlignment={ToolbarPanelAlignment.Start}\n              items={this.props.items}\n              useDragInteraction={true}\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAIlC,kDAAgF;AAChF,8DAIiC;AACjC,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAEhD,gDAA6C;AAC7C,mFAAyE;AACzE,kDAAoE;AAoBpE;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,aAGvC;IAHD;;QASE,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;QAEM,mBAAc,GAAG,CACvB,KAA0C,EACpC,EAAE;YACR,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;gBAClB,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;oBACvB,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,MAAM;YACV,CAAC;QACH,CAAC,CAAC;IAiDJ,CAAC;IA/CS,OAAO;QACb,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEe,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,EAC7B,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,SAAS,IAAI,IAAA,0BAAc,EAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CACpE,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QACjD,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,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;oBACpD,oBAAC,iBAAO,IACN,SAAS,EAAE,4BAAS,CAAC,MAAM,EAC3B,cAAc,EAAE,wCAAqB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,kBAAkB,EAAE,IAAI,EACxB,qBAAqB,EAAE,wCAAqB,CAAC,QAAQ,EACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACQ,CACQ,CACR,CACjB,CAAC;IACJ,CAAC;;AA5EH,oCA6EC;AAzEC,gBAAgB;AACO,wBAAW,GAAG,sCAAc,AAAjB,CAAkB","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 { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { RequireAtLeastOne } from \"@itwin/core-bentley\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { Toolbar } from \"../toolbar/Toolbar\";\nimport { WrapperContext } from \"../configurableui/ConfigurableUiContent\";\nimport { mapToPlacement, type Placement } from \"../utils/Placement\";\n\n/** Props for a popup toolbar\n * @beta */\nexport type ToolbarPopupProps = Omit<PopupPropsBase, \"el\"> & {\n  items: ToolbarItem[];\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 ToolbarPopupState {\n  size: Size;\n}\n\n/** Popup component for Toolbar\n * @beta\n */\nexport class ToolbarPopup extends React.PureComponent<\n  ToolbarPopupProps,\n  ToolbarPopupState\n> {\n  /** @internal */\n  public static override contextType = WrapperContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof WrapperContext>;\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  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): 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    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\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Toolbar\n              expandsTo={Direction.Bottom}\n              panelAlignment={ToolbarPanelAlignment.Start}\n              items={this.props.items}\n              useDragInteraction={true}\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/preview/PreviewFeatures.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFeatures.js","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,qCAAiC;AACjC,sDAA6C;AAC7C,gDAA6C;AA+C7C;;GAEG;AACH,MAAM,mBAAmB,GAAkD;IACzE,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,6BAA6B,EAAE,SAAS;IACxC,0BAA0B,EAAE,SAAS;IACrC,wBAAwB,EAAE,SAAS;IACnC,oBAAoB,EAAE,SAAS;IAC/B,WAAW,EAAE,SAAS;IACtB,qBAAqB,EAAE,SAAS;CACjC,CAAC;AAYF;;;;GAIG;AACH,SAAS,uBAAuB,CAAC,eAAgC;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CACrD,eAAe,CAChB,CAAC,MAAM,CACN,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAClC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACpB;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;QACD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,EAAE,EAAE,EAAE,CAAgC,CACxC,CAAC;IACF,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3C,qBAAM,CAAC,UAAU,CACf,yBAAW,CAAC,cAAc,CAAC,uBAAuB,CAAC,EACnD,2EAA2E,EAC3E;YACE,eAAe;SAChB,CACF,CAAC;KACH;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAOD;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAuB,CAAC,GAAG,EAAE,EAAE;IACnE,OAAO;QACL,eAAe,EAAE,EAAE;QACnB,kBAAkB,EAAE,CAAC,kBAAmC,EAAE,EAAE;YAC1D,MAAM,eAAe,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;YACpE,GAAG,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACH,SAAgB,kBAAkB;IAChC,OAAO,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACnE,CAAC;AAFD,gDAEC;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,kBAAkB,GAAG,uBAAuB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kBAAkB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,0CAA0C;IAC1C,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC;AAnBD,0DAmBC","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 Utilities\n */\n\nimport * as React from \"react\";\nimport { create } from \"zustand\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { useTransientState } from \"../widget-panels/useTransientState\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\n\n/** List of known preview features. */\ninterface KnownPreviewFeatures {\n  /** If true, the panels and tool settings will always be rendered over the content.\n   * The content will never change size.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/672\n   */\n  contentAlwaysMaxSize: boolean;\n  /** If true, the floating widget will have a \"maximize\" button. Use `enableMaximizedPanelWidget` to enable the feature for panel widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedFloatingWidget: boolean;\n  /** If true, the panel widget will have a \"maximize\" button. Use `enableMaximizedFloatingWidget` to enable the feature for floating widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedPanelWidget: boolean;\n  /** If true, the active tab of a dragged widget will become active when dropped in a container.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/679\n   */\n  activateDroppedTab: boolean;\n  /** If true, the horizontal panels will have an additional \"Align\" button.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/706\n   */\n  horizontalPanelAlignment: boolean;\n  /** If enabled, a dropdown menu will be rendered for widgets that exceed the specified threshold of title bar buttons.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/723\n   */\n  widgetActionDropdown: { threshold: number };\n  /** If true, the [[Toolbar]] component will be replaced by a new iTwinUI based toolbar. */\n  newToolbars: boolean;\n  /** If `true`, popout widgets will not be rendered in a separate element tree, instead widget content will be re-parented to a popout content container.\n   * Alternatively, an array of widget ids can be provided to only re-parent specific widgets.\n   * @note Use {@link useTransientState} to save and restore DOM transient state when re-parenting widgets.\n   * @note There is a known limitation where iTwinUI v2 popover elements will be rendered in the main window. Prefer using iTwinUI v3 when using this feature.\n   */\n  reparentPopoutWidgets: boolean | WidgetDef[\"id\"][];\n}\n\n/** Object used trim to only known features at runtime.\n * @internal\n */\nconst knownFeaturesObject: Record<keyof KnownPreviewFeatures, undefined> = {\n  activateDroppedTab: undefined,\n  contentAlwaysMaxSize: undefined,\n  enableMaximizedFloatingWidget: undefined,\n  enableMaximizedPanelWidget: undefined,\n  horizontalPanelAlignment: undefined,\n  widgetActionDropdown: undefined,\n  newToolbars: undefined,\n  reparentPopoutWidgets: undefined,\n};\n\n/** List of preview features that can be enabled/disabled.\n * This list is expected to change over time, the interface is made\n * so that new features can be added or removed without breaking existing code.\n * A console warning will simply appear if unknown features are passed.\n * @beta\n */\nexport interface PreviewFeatures extends Partial<KnownPreviewFeatures> {\n  [featureName: string]: any;\n}\n\n/** Trim an object to only contain known feature keys.\n * @param previewFeatures object potentially containing unknown features\n * @returns object containing only known features\n * @internal\n */\nfunction trimToKnownFeaturesOnly(previewFeatures: PreviewFeatures) {\n  const knownFeatureKeys = Object.keys(knownFeaturesObject);\n  const [knownFeatures, unknownFeatures] = Object.entries(\n    previewFeatures\n  ).reduce(\n    ([known, unknown], [key, value]) => {\n      if (knownFeatureKeys.includes(key)) {\n        known[key] = value;\n      } else {\n        unknown.push(key);\n      }\n      return [known, unknown];\n    },\n    [{}, []] as [PreviewFeatures, string[]]\n  );\n  if (Object.keys(unknownFeatures).length > 0) {\n    Logger.logWarning(\n      UiFramework.loggerCategory(trimToKnownFeaturesOnly),\n      `Features used in \"setPreviewFeatures\" are unknown or no longer in preview`,\n      {\n        unknownFeatures,\n      }\n    );\n  }\n  return knownFeatures;\n}\n\ninterface PreviewFeaturesState {\n  previewFeatures: PreviewFeatures;\n  setPreviewFeatures: (previewFeatures: PreviewFeatures) => void;\n}\n\n/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.\n * Use `usePreviewFeatures` hook to access the preview features set from a react component.\n * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.\n * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.\n * @internal\n */\nconst usePreviewFeaturesStore = create<PreviewFeaturesState>((set) => {\n  return {\n    previewFeatures: {},\n    setPreviewFeatures: (newPreviewFeatures: PreviewFeatures) => {\n      const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);\n      set({ previewFeatures });\n    },\n  };\n});\n\n/** Hook to access the preview features set.\n * @internal\n */\nexport function usePreviewFeatures() {\n  return usePreviewFeaturesStore((state) => state.previewFeatures);\n}\n\n/** Props for PreviewFeaturesProvider.\n * @beta\n */\nexport interface PreviewFeaturesProviderProps {\n  children?: React.ReactNode;\n  features?: PreviewFeatures;\n}\n\n/** Set which preview features are enabled. These features are not yet ready for production use nor have\n * a proper API defined yet.\n * The available set of features are defined in the [[PreviewFeatures]] interface.\n *\n * This component should wrap the Provider component.\n *\n * ```tsx\n * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>\n *   <Provider store={UiFramework.store}>\n *    [...]\n *     <ConfigurableUIContent />\n *    [/...]\n *   </Provider>\n * </PreviewFeaturesProvider>\n * ```\n * @beta\n */\nexport function PreviewFeaturesProvider({\n  children,\n  features,\n}: PreviewFeaturesProviderProps) {\n  const setPreviewFeatures = usePreviewFeaturesStore(\n    (state) => state.setPreviewFeatures\n  );\n  React.useEffect(() => {\n    setPreviewFeatures(features ?? {});\n  }, [features, setPreviewFeatures]);\n\n  // Clear preview features when unmounting.\n  React.useEffect(\n    () => () => {\n      setPreviewFeatures({});\n    },\n    [setPreviewFeatures]\n  );\n  return <>{children}</>;\n}\n"]}
+{"version":3,"file":"PreviewFeatures.js","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,qCAAiC;AACjC,sDAA6C;AAC7C,gDAA6C;AA+C7C;;GAEG;AACH,MAAM,mBAAmB,GAAkD;IACzE,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,6BAA6B,EAAE,SAAS;IACxC,0BAA0B,EAAE,SAAS;IACrC,wBAAwB,EAAE,SAAS;IACnC,oBAAoB,EAAE,SAAS;IAC/B,WAAW,EAAE,SAAS;IACtB,qBAAqB,EAAE,SAAS;CACjC,CAAC;AAYF;;;;GAIG;AACH,SAAS,uBAAuB,CAAC,eAAgC;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CACrD,eAAe,CAChB,CAAC,MAAM,CACN,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;QACD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,EAAE,EAAE,EAAE,CAAgC,CACxC,CAAC;IACF,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5C,qBAAM,CAAC,UAAU,CACf,yBAAW,CAAC,cAAc,CAAC,uBAAuB,CAAC,EACnD,2EAA2E,EAC3E;YACE,eAAe;SAChB,CACF,CAAC;IACJ,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAOD;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAuB,CAAC,GAAG,EAAE,EAAE;IACnE,OAAO;QACL,eAAe,EAAE,EAAE;QACnB,kBAAkB,EAAE,CAAC,kBAAmC,EAAE,EAAE;YAC1D,MAAM,eAAe,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;YACpE,GAAG,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACH,SAAgB,kBAAkB;IAChC,OAAO,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACnE,CAAC;AAFD,gDAEC;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,kBAAkB,GAAG,uBAAuB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kBAAkB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,0CAA0C;IAC1C,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC;AAnBD,0DAmBC","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 Utilities\n */\n\nimport * as React from \"react\";\nimport { create } from \"zustand\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { useTransientState } from \"../widget-panels/useTransientState\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\n\n/** List of known preview features. */\ninterface KnownPreviewFeatures {\n  /** If true, the panels and tool settings will always be rendered over the content.\n   * The content will never change size.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/672\n   */\n  contentAlwaysMaxSize: boolean;\n  /** If true, the floating widget will have a \"maximize\" button. Use `enableMaximizedPanelWidget` to enable the feature for panel widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedFloatingWidget: boolean;\n  /** If true, the panel widget will have a \"maximize\" button. Use `enableMaximizedFloatingWidget` to enable the feature for floating widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedPanelWidget: boolean;\n  /** If true, the active tab of a dragged widget will become active when dropped in a container.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/679\n   */\n  activateDroppedTab: boolean;\n  /** If true, the horizontal panels will have an additional \"Align\" button.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/706\n   */\n  horizontalPanelAlignment: boolean;\n  /** If enabled, a dropdown menu will be rendered for widgets that exceed the specified threshold of title bar buttons.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/723\n   */\n  widgetActionDropdown: { threshold: number };\n  /** If true, the [[Toolbar]] component will be replaced by a new iTwinUI based toolbar. */\n  newToolbars: boolean;\n  /** If `true`, popout widgets will not be rendered in a separate element tree, instead widget content will be re-parented to a popout content container.\n   * Alternatively, an array of widget ids can be provided to only re-parent specific widgets.\n   * @note Use {@link useTransientState} to save and restore DOM transient state when re-parenting widgets.\n   * @note There is a known limitation where iTwinUI v2 popover elements will be rendered in the main window. Prefer using iTwinUI v3 when using this feature.\n   */\n  reparentPopoutWidgets: boolean | WidgetDef[\"id\"][];\n}\n\n/** Object used trim to only known features at runtime.\n * @internal\n */\nconst knownFeaturesObject: Record<keyof KnownPreviewFeatures, undefined> = {\n  activateDroppedTab: undefined,\n  contentAlwaysMaxSize: undefined,\n  enableMaximizedFloatingWidget: undefined,\n  enableMaximizedPanelWidget: undefined,\n  horizontalPanelAlignment: undefined,\n  widgetActionDropdown: undefined,\n  newToolbars: undefined,\n  reparentPopoutWidgets: undefined,\n};\n\n/** List of preview features that can be enabled/disabled.\n * This list is expected to change over time, the interface is made\n * so that new features can be added or removed without breaking existing code.\n * A console warning will simply appear if unknown features are passed.\n * @beta\n */\nexport interface PreviewFeatures extends Partial<KnownPreviewFeatures> {\n  [featureName: string]: any;\n}\n\n/** Trim an object to only contain known feature keys.\n * @param previewFeatures object potentially containing unknown features\n * @returns object containing only known features\n * @internal\n */\nfunction trimToKnownFeaturesOnly(previewFeatures: PreviewFeatures) {\n  const knownFeatureKeys = Object.keys(knownFeaturesObject);\n  const [knownFeatures, unknownFeatures] = Object.entries(\n    previewFeatures\n  ).reduce(\n    ([known, unknown], [key, value]) => {\n      if (knownFeatureKeys.includes(key)) {\n        known[key] = value;\n      } else {\n        unknown.push(key);\n      }\n      return [known, unknown];\n    },\n    [{}, []] as [PreviewFeatures, string[]]\n  );\n  if (Object.keys(unknownFeatures).length > 0) {\n    Logger.logWarning(\n      UiFramework.loggerCategory(trimToKnownFeaturesOnly),\n      `Features used in \"setPreviewFeatures\" are unknown or no longer in preview`,\n      {\n        unknownFeatures,\n      }\n    );\n  }\n  return knownFeatures;\n}\n\ninterface PreviewFeaturesState {\n  previewFeatures: PreviewFeatures;\n  setPreviewFeatures: (previewFeatures: PreviewFeatures) => void;\n}\n\n/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.\n * Use `usePreviewFeatures` hook to access the preview features set from a react component.\n * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.\n * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.\n * @internal\n */\nconst usePreviewFeaturesStore = create<PreviewFeaturesState>((set) => {\n  return {\n    previewFeatures: {},\n    setPreviewFeatures: (newPreviewFeatures: PreviewFeatures) => {\n      const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);\n      set({ previewFeatures });\n    },\n  };\n});\n\n/** Hook to access the preview features set.\n * @internal\n */\nexport function usePreviewFeatures() {\n  return usePreviewFeaturesStore((state) => state.previewFeatures);\n}\n\n/** Props for PreviewFeaturesProvider.\n * @beta\n */\nexport interface PreviewFeaturesProviderProps {\n  children?: React.ReactNode;\n  features?: PreviewFeatures;\n}\n\n/** Set which preview features are enabled. These features are not yet ready for production use nor have\n * a proper API defined yet.\n * The available set of features are defined in the [[PreviewFeatures]] interface.\n *\n * This component should wrap the Provider component.\n *\n * ```tsx\n * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>\n *   <Provider store={UiFramework.store}>\n *    [...]\n *     <ConfigurableUIContent />\n *    [/...]\n *   </Provider>\n * </PreviewFeaturesProvider>\n * ```\n * @beta\n */\nexport function PreviewFeaturesProvider({\n  children,\n  features,\n}: PreviewFeaturesProviderProps) {\n  const setPreviewFeatures = usePreviewFeaturesStore(\n    (state) => state.setPreviewFeatures\n  );\n  React.useEffect(() => {\n    setPreviewFeatures(features ?? {});\n  }, [features, setPreviewFeatures]);\n\n  // Clear preview features when unmounting.\n  React.useEffect(\n    () => () => {\n      setPreviewFeatures({});\n    },\n    [setPreviewFeatures]\n  );\n  return <>{children}</>;\n}\n"]}

package/lib/cjs/appui-react/preview/activate-dropped-tab/activateDroppedTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"activateDroppedTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/activate-dropped-tab/activateDroppedTab.ts"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,sDAA6C;AAG7C,gEAAgE;AAChE,uFAGwD;AAExD;;GAEG;AACI,MAAM,kBAAkB,GAC7B,CAAC,OAAoC,EAA+B,EAAE,CACtE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAChB,IAAI,MAAM,CAAC,IAAI,KAAK,qBAAqB,EAAE;QACzC,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC;QAE/B,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACrD,KAAK,GAAG,IAAA,yCAAoB,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;KAC9D;SAAM,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;QAC5C,MAAM,aAAa,GAAG,IAAA,mCAAc,EAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAErE,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAClE,KAAK,GAAG,IAAA,yCAAoB,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;KAC3E;SAAM;QACL,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KAChC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAnBS,QAAA,kBAAkB,sBAmB3B;AAEJ,SAAS,gBAAgB,CAAC,KAAoB,EAAE,kBAA0B;IACxE,MAAM,QAAQ,GAAG,IAAA,4BAAc,EAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;IAC3D,IAAA,qBAAM,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEnB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { assert } from \"@itwin/core-bentley\";\nimport type { NineZoneState } from \"../../layout/state/NineZoneState\";\nimport type { NineZoneStateReducer } from \"../../layout/state/NineZoneStateReducer\";\nimport { getTabLocation } from \"../../layout/state/TabLocation\";\nimport {\n  getWidgetState,\n  setWidgetActiveTabId,\n} from \"../../layout/state/internal/WidgetStateHelpers\";\n\n/** Reducer factory to activate tab of a dragged widget when dropped in a container.\n * @internal\n */\nexport const activateDroppedTab =\n  (reducer: typeof NineZoneStateReducer): typeof NineZoneStateReducer =>\n  (state, action) => {\n    if (action.type === \"WIDGET_TAB_DRAG_END\") {\n      const draggedTabId = action.id;\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedTabId);\n    } else if (action.type === \"WIDGET_DRAG_END\") {\n      const draggedWidget = getWidgetState(state, action.floatingWidgetId);\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedWidget.activeTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedWidget.activeTabId);\n    } else {\n      state = reducer(state, action);\n    }\n    return state;\n  };\n\nfunction getWidgetByTabId(state: NineZoneState, draggedWidgetTabId: string) {\n  const location = getTabLocation(state, draggedWidgetTabId);\n  assert(!!location);\n\n  const widget = state.widgets[location.widgetId];\n  return widget;\n}\n"]}
+{"version":3,"file":"activateDroppedTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/activate-dropped-tab/activateDroppedTab.ts"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,sDAA6C;AAG7C,gEAAgE;AAChE,uFAGwD;AAExD;;GAEG;AACI,MAAM,kBAAkB,GAC7B,CAAC,OAAoC,EAA+B,EAAE,CACtE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAChB,IAAI,MAAM,CAAC,IAAI,KAAK,qBAAqB,EAAE,CAAC;QAC1C,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC;QAE/B,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACrD,KAAK,GAAG,IAAA,yCAAoB,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IAC/D,CAAC;SAAM,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE,CAAC;QAC7C,MAAM,aAAa,GAAG,IAAA,mCAAc,EAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAErE,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAClE,KAAK,GAAG,IAAA,yCAAoB,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAC5E,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAnBS,QAAA,kBAAkB,sBAmB3B;AAEJ,SAAS,gBAAgB,CAAC,KAAoB,EAAE,kBAA0B;IACxE,MAAM,QAAQ,GAAG,IAAA,4BAAc,EAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;IAC3D,IAAA,qBAAM,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEnB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { assert } from \"@itwin/core-bentley\";\nimport type { NineZoneState } from \"../../layout/state/NineZoneState\";\nimport type { NineZoneStateReducer } from \"../../layout/state/NineZoneStateReducer\";\nimport { getTabLocation } from \"../../layout/state/TabLocation\";\nimport {\n  getWidgetState,\n  setWidgetActiveTabId,\n} from \"../../layout/state/internal/WidgetStateHelpers\";\n\n/** Reducer factory to activate tab of a dragged widget when dropped in a container.\n * @internal\n */\nexport const activateDroppedTab =\n  (reducer: typeof NineZoneStateReducer): typeof NineZoneStateReducer =>\n  (state, action) => {\n    if (action.type === \"WIDGET_TAB_DRAG_END\") {\n      const draggedTabId = action.id;\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedTabId);\n    } else if (action.type === \"WIDGET_DRAG_END\") {\n      const draggedWidget = getWidgetState(state, action.floatingWidgetId);\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedWidget.activeTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedWidget.activeTabId);\n    } else {\n      state = reducer(state, action);\n    }\n    return state;\n  };\n\nfunction getWidgetByTabId(state: NineZoneState, draggedWidgetTabId: string) {\n  const location = getTabLocation(state, draggedWidgetTabId);\n  assert(!!location);\n\n  const widget = state.widgets[location.widgetId];\n  return widget;\n}\n"]}

package/lib/cjs/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewHorizontalPanelAlign.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.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 Widget\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { HorizontalAlignment } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuItem } from \"@itwin/itwinui-react\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../../layout/widget-panels/Panel\";\nimport type {\n  HorizontalPanelSide,\n  PanelSide,\n} from \"../../layout/widget-panels/PanelTypes\";\nimport { WidgetActionDropdownContext } from \"../widget-action-dropdown/MoreButton\";\nimport { TabBarButton } from \"../../layout/widget/Button\";\nimport { useMainPanelWidgetId } from \"../../layout/widget/usePanelWidgetId\";\nimport { useIsMaximizedWidget } from \"../enable-maximized-widget/useMaximizedWidget\";\n\n/** Default value used when not provided or disabled. */\nconst defaultAlignments = {\n  top: HorizontalAlignment.Justify,\n  bottom: HorizontalAlignment.Justify,\n};\n\n/** @internal */\nexport const HorizontalPanelAlignContext = React.createContext<{\n  enabled: boolean;\n  alignments: {\n    [side in HorizontalPanelSide]: HorizontalAlignment;\n  };\n  setAlignment: (\n    panel: PanelSide | undefined,\n    alignment: HorizontalAlignment\n  ) => void;\n}>({\n  enabled: false,\n  alignments: defaultAlignments,\n  setAlignment: () => {},\n});\n\n/** Preview horizontal panel alignment feature provider.\n * @internal\n */\nexport function PreviewHorizontalPanelAlignFeatureProvider({\n  enabled,\n  children,\n}: {\n  enabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  const [alignments, setAlignments] = React.useState<{\n    [x in HorizontalPanelSide]: HorizontalAlignment;\n  }>({\n    top: HorizontalAlignment.Justify,\n    bottom: HorizontalAlignment.Justify,\n  });\n  const setAlignment = React.useCallback(\n    (panel: PanelSide | undefined, alignment: HorizontalAlignment) => {\n      if (!panel || !isHorizontalPanelSide(panel)) return;\n      setAlignments((prev) => ({\n        ...prev,\n        [panel]: alignment,\n      }));\n    },\n    []\n  );\n  return (\n    <HorizontalPanelAlignContext.Provider\n      value={{\n        enabled: !!enabled,\n        alignments: enabled ? alignments : defaultAlignments,\n        setAlignment,\n      }}\n    >\n      {children}\n    </HorizontalPanelAlignContext.Provider>\n  );\n}\n\nfunction SvgSide(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction SvgJustify(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z\" />\n    </svg>\n  );\n}\n\nfunction SvgCenter(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction getIcon(side: HorizontalPanelSide, alignment: HorizontalAlignment) {\n  const scaleY = side === \"top\" ? \"-1\" : \"1\";\n  if (alignment === HorizontalAlignment.Justify)\n    return <SvgJustify transform={`scale(1, ${scaleY})`} />;\n  if (alignment === HorizontalAlignment.Center)\n    return <SvgCenter transform={`scale(1, ${scaleY})`} />;\n  const scaleX = alignment === HorizontalAlignment.Left ? \"1\" : \"-1\";\n  return <SvgSide transform={`scale(${scaleX}, ${scaleY})`} />;\n}\n\nfunction capitalize(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** @internal */\nexport function PreviewHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  assert(isHorizontalPanelSide(side));\n  const { alignments, setAlignment } = React.useContext(\n    HorizontalPanelAlignContext\n  );\n  const title = \"Align panel\";\n\n  const getMenuItems = (onClose?: () => void) =>\n    [\n      HorizontalAlignment.Justify,\n      HorizontalAlignment.Center,\n      HorizontalAlignment.Left,\n      HorizontalAlignment.Right,\n    ].map((align) => {\n      return (\n        <MenuItem\n          key={align}\n          onClick={() => {\n            setAlignment(side, align);\n            onClose?.();\n          }}\n          icon={getIcon(side, align)}\n          isSelected={alignments[side] === align}\n        >\n          {capitalize(align)}\n        </MenuItem>\n      );\n    });\n  const dropdownContext = React.useContext(WidgetActionDropdownContext);\n  if (dropdownContext !== undefined) {\n    return (\n      <MenuItem\n        icon={getIcon(side, alignments[side])}\n        subMenuItems={getMenuItems()}\n      >\n        {title}\n      </MenuItem>\n    );\n  }\n  return (\n    <DropdownMenu menuItems={(close) => getMenuItems(close)}>\n      <TabBarButton title={title}>\n        {getIcon(side, alignments[side])}\n      </TabBarButton>\n    </DropdownMenu>\n  );\n}\n\n/** @internal */\nexport function useHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  const { enabled } = React.useContext(HorizontalPanelAlignContext);\n  const isMainPanelWidget = !!useMainPanelWidgetId();\n  const isMaximizedWidget = useIsMaximizedWidget();\n\n  if (!side) return false;\n  const isHorizontalPanel = isHorizontalPanelSide(side);\n  return (\n    enabled && isHorizontalPanel && isMainPanelWidget && !isMaximizedWidget\n  );\n}\n"]}
+{"version":3,"file":"PreviewHorizontalPanelAlign.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.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 Widget\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { HorizontalAlignment } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuItem } from \"@itwin/itwinui-react\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../../layout/widget-panels/Panel\";\nimport type {\n  HorizontalPanelSide,\n  PanelSide,\n} from \"../../layout/widget-panels/PanelTypes\";\nimport { WidgetActionDropdownContext } from \"../widget-action-dropdown/MoreButton\";\nimport { TabBarButton } from \"../../layout/widget/Button\";\nimport { useMainPanelWidgetId } from \"../../layout/widget/usePanelWidgetId\";\nimport { useIsMaximizedWidget } from \"../enable-maximized-widget/useMaximizedWidget\";\n\n/** Default value used when not provided or disabled. */\nconst defaultAlignments = {\n  top: HorizontalAlignment.Justify,\n  bottom: HorizontalAlignment.Justify,\n};\n\n/** @internal */\nexport const HorizontalPanelAlignContext = React.createContext<{\n  enabled: boolean;\n  alignments: {\n    [side in HorizontalPanelSide]: HorizontalAlignment;\n  };\n  setAlignment: (\n    panel: PanelSide | undefined,\n    alignment: HorizontalAlignment\n  ) => void;\n}>({\n  enabled: false,\n  alignments: defaultAlignments,\n  setAlignment: () => {},\n});\n\n/** Preview horizontal panel alignment feature provider.\n * @internal\n */\nexport function PreviewHorizontalPanelAlignFeatureProvider({\n  enabled,\n  children,\n}: {\n  enabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  const [alignments, setAlignments] = React.useState<{\n    [x in HorizontalPanelSide]: HorizontalAlignment;\n  }>({\n    top: HorizontalAlignment.Justify,\n    bottom: HorizontalAlignment.Justify,\n  });\n  const setAlignment = React.useCallback(\n    (panel: PanelSide | undefined, alignment: HorizontalAlignment) => {\n      if (!panel || !isHorizontalPanelSide(panel)) return;\n      setAlignments((prev) => ({\n        ...prev,\n        [panel]: alignment,\n      }));\n    },\n    []\n  );\n  return (\n    <HorizontalPanelAlignContext.Provider\n      value={{\n        enabled: !!enabled,\n        alignments: enabled ? alignments : defaultAlignments,\n        setAlignment,\n      }}\n    >\n      {children}\n    </HorizontalPanelAlignContext.Provider>\n  );\n}\n\nfunction SvgSide(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction SvgJustify(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z\" />\n    </svg>\n  );\n}\n\nfunction SvgCenter(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction getIcon(side: HorizontalPanelSide, alignment: HorizontalAlignment) {\n  const scaleY = side === \"top\" ? \"-1\" : \"1\";\n  if (alignment === HorizontalAlignment.Justify)\n    return <SvgJustify transform={`scale(1, ${scaleY})`} />;\n  if (alignment === HorizontalAlignment.Center)\n    return <SvgCenter transform={`scale(1, ${scaleY})`} />;\n  const scaleX = alignment === HorizontalAlignment.Left ? \"1\" : \"-1\";\n  return <SvgSide transform={`scale(${scaleX}, ${scaleY})`} />;\n}\n\nfunction capitalize(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** @internal */\nexport function PreviewHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  assert(isHorizontalPanelSide(side));\n  const { alignments, setAlignment } = React.useContext(\n    HorizontalPanelAlignContext\n  );\n  const title = \"Align panel\";\n\n  const getMenuItems = (onClose?: () => void) =>\n    [\n      HorizontalAlignment.Justify,\n      HorizontalAlignment.Center,\n      HorizontalAlignment.Left,\n      HorizontalAlignment.Right,\n    ].map((align) => {\n      return (\n        <MenuItem\n          key={align}\n          onClick={() => {\n            setAlignment(side, align);\n            onClose?.();\n          }}\n          icon={getIcon(side, align)}\n          isSelected={alignments[side] === align}\n        >\n          {capitalize(align)}\n        </MenuItem>\n      );\n    });\n  const dropdownContext = React.useContext(WidgetActionDropdownContext);\n  if (dropdownContext !== undefined) {\n    return (\n      <MenuItem\n        icon={getIcon(side, alignments[side])}\n        subMenuItems={getMenuItems()}\n      >\n        {title}\n      </MenuItem>\n    );\n  }\n  return (\n    <DropdownMenu menuItems={(close) => getMenuItems(close)}>\n      <TabBarButton title={title}>\n        {getIcon(side, alignments[side])}\n      </TabBarButton>\n    </DropdownMenu>\n  );\n}\n\n/** @internal */\nexport function useHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  const { enabled } = React.useContext(HorizontalPanelAlignContext);\n  const isMainPanelWidget = !!useMainPanelWidgetId();\n  const isMaximizedWidget = useIsMaximizedWidget();\n\n  if (!side) return false;\n  const isHorizontalPanel = isHorizontalPanelSide(side);\n  return (\n    enabled && isHorizontalPanel && isMainPanelWidget && !isMaximizedWidget\n  );\n}\n"]}