@itwin/appui-react 4.10.0 → 4.11.0

package/lib/esm/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  OnCancelFunc,\n  OnItemExecutedFunc,\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 { offsetAndContainInContainer } from \"../layout/popup/Tooltip\";\nimport type { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\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\";\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  parentDocument: Document;\n}\n\n/** @public */\nexport interface PopupsChangedEventArgs {\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/** Popups Changed Event class.\n * @public\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  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: OnCancelFunc\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    };\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?: OnItemExecutedFunc,\n    onCancel?: OnCancelFunc\n  ): boolean {\n    const id = PopupManager._keyPalettePopupId;\n    const component = (\n      <KeyinPalettePopup\n        keyins={keyins}\n        id={id}\n        el={el}\n        onCancel={onCancel}\n        onItemExecuted={onItemExecuted}\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  public static showToolbar(\n    toolbarProps: AbstractToolbarProps,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onItemExecuted: OnItemExecutedFunc,\n    onCancel: OnCancelFunc,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._toolbarId;\n    const component = (\n      <ToolbarPopup\n        id={id}\n        el={el}\n        pt={pt}\n        offset={offset}\n        items={toolbarProps.items}\n        relativePosition={relativePosition}\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    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideToolbar(): boolean {\n    return PopupManager.removePopup(PopupManager._toolbarId);\n  }\n\n  public static showHTMLElement(\n    displayElement: HTMLElement,\n    el: HTMLElement,\n    pt: XAndY,\n    offset: XAndY,\n    onCancel: OnCancelFunc,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._htmlElementId;\n    const component = (\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  public static hideHTMLElement(): boolean {\n    return PopupManager.removePopup(PopupManager._htmlElementId);\n  }\n\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: OnItemExecutedFunc,\n    onCancel: OnCancelFunc,\n    relativePosition: RelativePosition\n  ): boolean {\n    const id = PopupManager._cardId;\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        relativePosition={relativePosition}\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    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideCard(): boolean {\n    const index = PopupManager._popups.findIndex(\n      (info: PopupInfo) => 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: OnCancelFunc,\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 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\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((info) => info.parentDocument === this.state.parentDocument)\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  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/** @public */\nexport interface PopupsChangedEventArgs {\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/** Popups Changed Event class.\n * @public\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  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  private _handlePopupsChangedEvent = (args: PopupsChangedEventArgs) => {\n    this.setState({ popups: args.popups });\n  };\n}\n"]}

package/lib/esm/appui-react/popup/ToolbarPopup.d.ts

@@ -2,20 +2,26 @@
  * @module Popup
  */
 import * as React from "react";
-import type { OnCancelFunc, OnItemExecutedFunc, RelativePosition } from "@itwin/appui-abstract";
+import type { RelativePosition } from "@itwin/appui-abstract";
+import type { RequireAtLeastOne } from "@itwin/core-bentley";
 import type { Orientation } from "@itwin/core-react";
 import { Size } from "@itwin/core-react";
 import type { PopupPropsBase } from "./PopupManager";
 import type { ToolbarItem } from "../toolbar/ToolbarItem";
+import { WrapperContext } from "../configurableui/ConfigurableUiContent";
+import { type Placement } from "../utils/Placement";
 /** Props for a popup toolbar
  * @beta */
-export interface ToolbarPopupProps extends PopupPropsBase {
+export type ToolbarPopupProps = Omit<PopupPropsBase, "el"> & {
     items: ToolbarItem[];
-    relativePosition: RelativePosition;
     orientation: Orientation;
-    onCancel: OnCancelFunc;
-    onItemExecuted: OnItemExecutedFunc;
-}
+    onCancel: () => void;
+    onItemExecuted: (item: any) => void;
+    el?: HTMLElement;
+} & RequireAtLeastOne<{
+    relativePosition: RelativePosition;
+    placement: Placement;
+}>;
 /** @internal */
 interface ToolbarPopupState {
     size: Size;
@@ -24,6 +30,10 @@ interface ToolbarPopupState {
  * @beta
  */
 export declare class ToolbarPopup extends React.PureComponent<ToolbarPopupProps, ToolbarPopupState> {
+    /** @internal */
+    static contextType: React.Context<HTMLElement>;
+    /** @internal */
+    context: React.ContextType<typeof WrapperContext>;
     /** @internal */
     readonly state: {
         size: Size;

package/lib/esm/appui-react/popup/ToolbarPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAyC,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAOhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;WACW;AACX,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc,EAAE,kBAAkB,CAAC;CACpC;AAED,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CACnD,iBAAiB,EACjB,iBAAiB,CAClB;IACC,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,OAAO;IAOC,MAAM;CAuCvB"}
+{"version":3,"file":"ToolbarPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAyC,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAOhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpE;WACW;AACX,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG;IAC3D,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,GAAG,iBAAiB,CAAC;IAClB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEL,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CACnD,iBAAiB,EACjB,iBAAiB,CAClB;IACC,gBAAgB;IAChB,OAAuB,WAAW,6BAAkB;IACpD,gBAAgB;IACD,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC;IAEjE,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,OAAO;IAOC,MAAM;CAuCvB"}

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

@@ -13,10 +13,12 @@ import { CursorPopup } from "../cursor/cursorpopup/CursorPopup";
 import { PopupManager } from "./PopupManager";
 import { PositionPopup } from "./PositionPopup";
 import { Toolbar } from "../toolbar/Toolbar";
+import { WrapperContext } from "../configurableui/ConfigurableUiContent";
+import { mapToPlacement } from "../utils/Placement";
 /** Popup component for Toolbar
  * @beta
  */
-export class ToolbarPopup extends React.PureComponent {
+class ToolbarPopup extends React.PureComponent {
     constructor() {
         super(...arguments);
         /** @internal */
@@ -43,8 +45,9 @@ export class ToolbarPopup extends React.PureComponent {
         }
     }
     render() {
-        let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);
-        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
+        var _a, _b;
+        let point = PopupManager.getPopupPosition((_a = this.props.el) !== null && _a !== void 0 ? _a : this.context, this.props.pt, new Point(), this.state.size);
+        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, (_b = this.props.placement) !== null && _b !== void 0 ? _b : mapToPlacement(this.props.relativePosition));
         point = new Point(popupRect.left, popupRect.top);
         return (React.createElement(PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
             React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel, onKeyDown: this._handleKeyDown },
@@ -52,4 +55,7 @@ export class ToolbarPopup extends React.PureComponent {
                     React.createElement(Toolbar, { expandsTo: Direction.Bottom, panelAlignment: ToolbarPanelAlignment.Start, items: this.props.items, useDragInteraction: true, toolbarOpacitySetting: ToolbarOpacitySetting.Defaults, onItemExecuted: this.props.onItemExecuted })))));
     }
 }
+/** @internal */
+ToolbarPopup.contextType = WrapperContext;
+export { ToolbarPopup };
 //# sourceMappingURL=ToolbarPopup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.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 * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type {\n  OnCancelFunc,\n  OnItemExecutedFunc,\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 {\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\";\n\n/** Props for a popup toolbar\n * @beta */\nexport interface ToolbarPopupProps extends PopupPropsBase {\n  items: ToolbarItem[];\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n  onItemExecuted: OnItemExecutedFunc;\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 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,\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    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <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":"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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 * 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        <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/esm/appui-react/preview/PreviewFeatures.d.ts

@@ -20,7 +20,7 @@ interface KnownPreviewFeatures {
      * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673
      */
     enableMaximizedPanelWidget: boolean;
-    /** If true, a tab, or the active tab of a group of widget will become active when dropped in a container.
+    /** If true, the active tab of a dragged widget will become active when dropped in a container.
      *
      * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/679
      */
@@ -37,6 +37,8 @@ interface KnownPreviewFeatures {
     widgetActionDropdown: {
         threshold: number;
     };
+    /** If true, the [[Toolbar]] component will be replaced by a new iTwinUI based toolbar. */
+    newToolbars: boolean;
 }
 /** List of preview features that can be enabled/disabled.
  * This list is expected to change over time, the interface is made

package/lib/esm/appui-react/preview/PreviewFeatures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFeatures.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,sCAAsC;AACtC,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,6BAA6B,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,0BAA0B,EAAE,OAAO,CAAC;IACpC;;;OAGG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,oBAAoB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AAeD;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACpE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAwDD;;GAEG;AACH,wBAAgB,kBAAkB,oBAEjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,qBAgB9B"}
+{"version":3,"file":"PreviewFeatures.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,sCAAsC;AACtC,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,6BAA6B,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,0BAA0B,EAAE,OAAO,CAAC;IACpC;;;OAGG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,oBAAoB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,0FAA0F;IAC1F,WAAW,EAAE,OAAO,CAAC;CACtB;AAeD;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACpE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAwDD;;GAEG;AACH,wBAAgB,kBAAkB,oBAEjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,qBAgB9B"}

package/lib/esm/appui-react/preview/PreviewFeatures.js

@@ -17,7 +17,7 @@ const knownFeaturesObject = {
     enableMaximizedPanelWidget: undefined,
     horizontalPanelAlignment: undefined,
     widgetActionDropdown: undefined,
-    ...{ newToolbars: undefined }, // Hidden feature used in storybook only (to avoid trimming).
+    newToolbars: undefined,
 };
 /** Trim an object to only contain known feature keys.
  * @param previewFeatures object potentially containing unknown features
@@ -84,7 +84,7 @@ export function usePreviewFeatures() {
 export function PreviewFeaturesProvider({ children, features, }) {
     const setPreviewFeatures = usePreviewFeaturesStore((state) => state.setPreviewFeatures);
     React.useEffect(() => {
-        setPreviewFeatures(features ?? {});
+        setPreviewFeatures(features !== null && features !== void 0 ? features : {});
     }, [features, setPreviewFeatures]);
     // Clear preview features when unmounting.
     React.useEffect(() => () => {

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAqCjC;;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,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,6DAA6D;CAC7F,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,IACE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC;QACA,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,6FAA6F,eAAe,CAAC,QAAQ,EAAE;uDACtE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,CAChF,CAAC;KACH;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAOD;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,MAAM,CAAuB,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,MAAM,UAAU,kBAAkB;IAChC,OAAO,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACnE,CAAC;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,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","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\";\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, a tab, or the active tab of a group of 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}\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 }, // Hidden feature used in storybook only (to avoid trimming).\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 (\n    Object.keys(unknownFeatures).length > 0 &&\n    process.env.NODE_ENV === \"development\"\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `The following features used in \"setPreviewFeatures\" are unknown or no longer in preview: [${unknownFeatures.toString()}]\n      Here is the list of currently known features: [${knownFeatureKeys.toString()}]`\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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAuCjC;;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;CACvB,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,IACE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC;QACA,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,6FAA6F,eAAe,CAAC,QAAQ,EAAE;uDACtE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,CAChF,CAAC;KACH;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAOD;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,MAAM,CAAuB,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,MAAM,UAAU,kBAAkB;IAChC,OAAO,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACnE,CAAC;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,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,aAAR,QAAQ,cAAR,QAAQ,GAAI,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","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\";\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}\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};\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 (\n    Object.keys(unknownFeatures).length > 0 &&\n    process.env.NODE_ENV === \"development\"\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `The following features used in \"setPreviewFeatures\" are unknown or no longer in preview: [${unknownFeatures.toString()}]\n      Here is the list of currently known features: [${knownFeatureKeys.toString()}]`\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/esm/appui-react/preview/activate-dropped-tab/activateDroppedTab.d.ts

@@ -0,0 +1,6 @@
+import type { NineZoneStateReducer } from "../../layout/state/NineZoneStateReducer";
+/** Reducer factory to activate tab of a dragged widget when dropped in a container.
+ * @internal
+ */
+export declare const activateDroppedTab: (reducer: typeof NineZoneStateReducer) => typeof NineZoneStateReducer;
+//# sourceMappingURL=activateDroppedTab.d.ts.map

package/lib/esm/appui-react/preview/activate-dropped-tab/activateDroppedTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activateDroppedTab.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/activate-dropped-tab/activateDroppedTab.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAOpF;;GAEG;AACH,eAAO,MAAM,kBAAkB,YACnB,2BAA2B,KAAG,2BAkBvC,CAAC"}

package/lib/esm/appui-react/{layout/state → preview/activate-dropped-tab}/activateDroppedTab.js

@@ -3,10 +3,11 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import { assert } from "@itwin/core-bentley";
-import { getTabLocation } from "./TabLocation";
-import { getWidgetState, setWidgetActiveTabId, } from "./internal/WidgetStateHelpers";
-/** Changes widget active tab after drag & drop
- * @internal */
+import { getTabLocation } from "../../layout/state/TabLocation";
+import { getWidgetState, setWidgetActiveTabId, } from "../../layout/state/internal/WidgetStateHelpers";
+/** Reducer factory to activate tab of a dragged widget when dropped in a container.
+ * @internal
+ */
 export const activateDroppedTab = (reducer) => (state, action) => {
     if (action.type === "WIDGET_TAB_DRAG_END") {
         const draggedTabId = action.id;

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

@@ -0,0 +1 @@
+{"version":3,"file":"activateDroppedTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/activate-dropped-tab/activateDroppedTab.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACL,cAAc,EACd,oBAAoB,GACrB,MAAM,gDAAgD,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,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,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;KAC9D;SAAM,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;QAC5C,MAAM,aAAa,GAAG,cAAc,CAAC,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,oBAAoB,CAAC,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;AAEJ,SAAS,gBAAgB,CAAC,KAAoB,EAAE,kBAA0B;IACxE,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;IAC3D,MAAM,CAAC,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/esm/appui-react/preview/content-always-max-size/useContentAlwaysMaxSize.d.ts

@@ -0,0 +1,6 @@
+import "./useContentAlwaysMaxSize.scss";
+/** @internal */
+export declare function useContentAlwaysMaxSize(): {
+    "uifw-preview-contentAlwaysMaxSize": boolean | undefined;
+};
+//# sourceMappingURL=useContentAlwaysMaxSize.d.ts.map

package/lib/esm/appui-react/preview/content-always-max-size/useContentAlwaysMaxSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentAlwaysMaxSize.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/content-always-max-size/useContentAlwaysMaxSize.tsx"],"names":[],"mappings":"AAIA,OAAO,gCAAgC,CAAC;AAGxC,gBAAgB;AAChB,wBAAgB,uBAAuB;;EAKtC"}

package/lib/esm/appui-react/preview/content-always-max-size/useContentAlwaysMaxSize.js

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import "./useContentAlwaysMaxSize.scss";
+import { usePreviewFeatures } from "../PreviewFeatures";
+/** @internal */
+export function useContentAlwaysMaxSize() {
+    const { contentAlwaysMaxSize } = usePreviewFeatures();
+    return {
+        "uifw-preview-contentAlwaysMaxSize": contentAlwaysMaxSize,
+    };
+}
+//# sourceMappingURL=useContentAlwaysMaxSize.js.map

package/lib/esm/appui-react/preview/content-always-max-size/useContentAlwaysMaxSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentAlwaysMaxSize.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/content-always-max-size/useContentAlwaysMaxSize.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,gCAAgC,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,gBAAgB;AAChB,MAAM,UAAU,uBAAuB;IACrC,MAAM,EAAE,oBAAoB,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACtD,OAAO;QACL,mCAAmC,EAAE,oBAAoB;KAC1D,CAAC;AACJ,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 \"./useContentAlwaysMaxSize.scss\";\nimport { usePreviewFeatures } from \"../PreviewFeatures\";\n\n/** @internal */\nexport function useContentAlwaysMaxSize() {\n  const { contentAlwaysMaxSize } = usePreviewFeatures();\n  return {\n    \"uifw-preview-contentAlwaysMaxSize\": contentAlwaysMaxSize,\n  };\n}\n"]}

package/lib/esm/appui-react/preview/content-always-max-size/useContentAlwaysMaxSize.scss

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@layer appui.preview {
+  .uifw-preview-contentAlwaysMaxSize {
+    grid-row: 1 / -1;
+    grid-column: 1 / -1;
+  }
+}

package/lib/esm/appui-react/preview/enable-maximized-widget/useMaximizedWidget.d.ts

@@ -8,16 +8,16 @@ import type { PanelSide } from "../../layout/widget-panels/PanelTypes";
 export declare function useIsMaximizedWidget(): boolean;
 /** @internal */
 export declare function useMaximizedPanelLayout(side: PanelSide): {
-    "preview-maximized-panel-layout": boolean;
+    "uifw-preview-enableMaximizedWidget_panel-layout": boolean;
 };
 /** @internal */
 export declare function useMaximizedPanel(side: PanelSide): {
-    "preview-maximized-panel": true;
+    "uifw-preview-enableMaximizedWidget_panel": true;
 } | undefined;
 /** @internal */
 export declare function useMaximizedSection(widgetId: WidgetState["id"]): {
-    "preview-maximized-section": boolean;
-    "preview-maximized-section-sibling": boolean;
+    "uifw-preview-enableMaximizedWidget_section": boolean;
+    "uifw-preview-enableMaximizedWidget_section-sibling": boolean;
 } | undefined;
 /** @internal */
 export declare function useMaximizedFloatingWidget(): {
@@ -29,7 +29,7 @@ export declare function useMaximizedFloatingWidget(): {
         "max-width"?: undefined;
     };
     classNames: {
-        "preview-maximized-floatingWidget"?: undefined;
+        "uifw-preview-enableMaximizedWidget_floatingWidget"?: undefined;
     };
 } | {
     style: {
@@ -40,11 +40,11 @@ export declare function useMaximizedFloatingWidget(): {
         "max-width": string;
     };
     classNames: {
-        "preview-maximized-floatingWidget": boolean;
+        "uifw-preview-enableMaximizedWidget_floatingWidget": boolean;
     };
 };
 /** @internal */
 export declare function useMaximizedWidgetTabBarHandle(): {
-    "preview-maximized-widget-tabBar": boolean;
+    "uifw-preview-enableMaximizedWidget_widget-tabBar": boolean;
 };
 //# sourceMappingURL=useMaximizedWidget.d.ts.map

package/lib/esm/appui-react/preview/enable-maximized-widget/useMaximizedWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMaximizedWidget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/useMaximizedWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AASnC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAGvE,gBAAgB;AAChB,wBAAgB,oBAAoB,YAMnC;AAED,gBAAgB;AAChB,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS;;EAKtD;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS;;cAMhD;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;;cAQ9D;AAqCD,gBAAgB;AAChB,wBAAgB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;EAkBzC;AAED,gBAAgB;AAChB,wBAAgB,8BAA8B;;EAK7C"}
+{"version":3,"file":"useMaximizedWidget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/useMaximizedWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AASnC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAGvE,gBAAgB;AAChB,wBAAgB,oBAAoB,YAMnC;AAED,gBAAgB;AAChB,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS;;EAKtD;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS;;cAMhD;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;;cAU9D;AAqCD,gBAAgB;AAChB,wBAAgB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;EAkBzC;AAED,gBAAgB;AAChB,wBAAgB,8BAA8B;;EAK7C"}

package/lib/esm/appui-react/preview/enable-maximized-widget/useMaximizedWidget.js

@@ -24,7 +24,7 @@ export function useIsMaximizedWidget() {
 export function useMaximizedPanelLayout(side) {
     const location = useMaximizedPanelWidgetLocation();
     return {
-        "preview-maximized-panel-layout": location?.side === side,
+        "uifw-preview-enableMaximizedWidget_panel-layout": (location === null || location === void 0 ? void 0 : location.side) === side,
     };
 }
 /** @internal */
@@ -33,7 +33,7 @@ export function useMaximizedPanel(side) {
     if (!isMaximized)
         return undefined;
     return {
-        "preview-maximized-panel": isMaximized,
+        "uifw-preview-enableMaximizedWidget_panel": isMaximized,
     };
 }
 /** @internal */
@@ -42,13 +42,13 @@ export function useMaximizedSection(widgetId) {
     if (!location)
         return undefined;
     return {
-        "preview-maximized-section": location.widgetId === widgetId,
-        "preview-maximized-section-sibling": location.widgetId !== widgetId,
+        "uifw-preview-enableMaximizedWidget_section": location.widgetId === widgetId,
+        "uifw-preview-enableMaximizedWidget_section-sibling": location.widgetId !== widgetId,
     };
 }
 function useIsMaximizedPanel(side) {
     const location = useMaximizedPanelWidgetLocation();
-    return location?.side === side;
+    return (location === null || location === void 0 ? void 0 : location.side) === side;
 }
 function useMaximizedPanelWidgetLocation() {
     const location = useMaximizedWidgetLocation();
@@ -93,14 +93,14 @@ export function useMaximizedFloatingWidget() {
             "max-height": "unset",
             "max-width": "unset",
         },
-        classNames: { "preview-maximized-floatingWidget": true },
+        classNames: { "uifw-preview-enableMaximizedWidget_floatingWidget": true },
     };
 }
 /** @internal */
 export function useMaximizedWidgetTabBarHandle() {
     const isMaximizedWidget = useIsMaximizedWidget();
     return {
-        "preview-maximized-widget-tabBar": isMaximizedWidget,
+        "uifw-preview-enableMaximizedWidget_widget-tabBar": isMaximizedWidget,
     };
 }
 //# sourceMappingURL=useMaximizedWidget.js.map

package/lib/esm/appui-react/preview/enable-maximized-widget/useMaximizedWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMaximizedWidget.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/useMaximizedWidget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,gBAAgB;AAChB,MAAM,UAAU,oBAAoB;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,IAAI,iBAAiB,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAElD,OAAO,QAAQ,KAAK,iBAAiB,CAAC;AACxC,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,uBAAuB,CAAC,IAAe;IACrD,MAAM,QAAQ,GAAG,+BAA+B,EAAE,CAAC;IACnD,OAAO;QACL,gCAAgC,EAAE,QAAQ,EAAE,IAAI,KAAK,IAAI;KAC1D,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,IAAe;IAC/C,MAAM,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9C,IAAI,CAAC,WAAW;QAAE,OAAO,SAAS,CAAC;IACnC,OAAO;QACL,yBAAyB,EAAE,WAAW;KACvC,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,mBAAmB,CAAC,QAA2B;IAC7D,MAAM,QAAQ,GAAG,+BAA+B,EAAE,CAAC;IACnD,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAEhC,OAAO;QACL,2BAA2B,EAAE,QAAQ,CAAC,QAAQ,KAAK,QAAQ;QAC3D,mCAAmC,EAAE,QAAQ,CAAC,QAAQ,KAAK,QAAQ;KACpE,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAe;IAC1C,MAAM,QAAQ,GAAG,+BAA+B,EAAE,CAAC;IACnD,OAAO,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC;AACjC,CAAC;AAED,SAAS,+BAA+B;IACtC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAE9C,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;QAAE,OAAO,SAAS,CAAC;IAEvD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,0BAA0B;IACjC,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC;QAChC,OAAO,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAC7C,OAAO,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACnC,CAAC;AAED,SAAS,oBAAoB;IAC3B,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IACrC,MAAM,OAAO,GACX,OAAO,CAAC,6BAA6B,IAAI,OAAO,CAAC,0BAA0B,CAAC;IAC9E,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAE/B,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,0BAA0B;IACxC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,IAAI,CAAC,iBAAiB;QACpB,OAAO;YACL,KAAK,EAAE,EAAE;YACT,UAAU,EAAE,EAAE;SACf,CAAC;IAEJ,OAAO;QACL,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;YAClB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,OAAO;SACrB;QACD,UAAU,EAAE,EAAE,kCAAkC,EAAE,IAAI,EAAE;KACzD,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,8BAA8B;IAC5C,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,OAAO;QACL,iCAAiC,EAAE,iBAAiB;KACrD,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport \"./useMaximizedWidget.scss\";\nimport * as React from \"react\";\nimport { WidgetIdContext } from \"../../layout/widget/Widget\";\nimport { MaximizedWidgetContext } from \"./MaximizedWidget\";\nimport { useLayout } from \"../../layout/base/LayoutStore\";\nimport {\n  getWidgetLocation,\n  isPanelWidgetLocation,\n} from \"../../layout/state/WidgetLocation\";\nimport type { WidgetState } from \"../../layout/state/WidgetState\";\nimport type { PanelSide } from \"../../layout/widget-panels/PanelTypes\";\nimport { usePreviewFeatures } from \"../PreviewFeatures\";\n\n/** @internal */\nexport function useIsMaximizedWidget() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const maximizedWidgetId = useMaximizedWidgetId();\n  if (maximizedWidgetId === undefined) return false;\n\n  return widgetId === maximizedWidgetId;\n}\n\n/** @internal */\nexport function useMaximizedPanelLayout(side: PanelSide) {\n  const location = useMaximizedPanelWidgetLocation();\n  return {\n    \"preview-maximized-panel-layout\": location?.side === side,\n  };\n}\n\n/** @internal */\nexport function useMaximizedPanel(side: PanelSide) {\n  const isMaximized = useIsMaximizedPanel(side);\n  if (!isMaximized) return undefined;\n  return {\n    \"preview-maximized-panel\": isMaximized,\n  };\n}\n\n/** @internal */\nexport function useMaximizedSection(widgetId: WidgetState[\"id\"]) {\n  const location = useMaximizedPanelWidgetLocation();\n  if (!location) return undefined;\n\n  return {\n    \"preview-maximized-section\": location.widgetId === widgetId,\n    \"preview-maximized-section-sibling\": location.widgetId !== widgetId,\n  };\n}\n\nfunction useIsMaximizedPanel(side: PanelSide) {\n  const location = useMaximizedPanelWidgetLocation();\n  return location?.side === side;\n}\n\nfunction useMaximizedPanelWidgetLocation() {\n  const location = useMaximizedWidgetLocation();\n\n  if (!location) return undefined;\n  if (!isPanelWidgetLocation(location)) return undefined;\n\n  return location;\n}\n\nfunction useMaximizedWidgetLocation() {\n  const widgetId = useMaximizedWidgetId();\n  const location = useLayout((state) => {\n    if (!widgetId) return undefined;\n    return getWidgetLocation(state, widgetId);\n  }, true);\n\n  if (!widgetId || !location) return undefined;\n  return { ...location, widgetId };\n}\n\nfunction useMaximizedWidgetId() {\n  const { maximizedWidget } = React.useContext(MaximizedWidgetContext);\n  const preview = usePreviewFeatures();\n  const enabled =\n    preview.enableMaximizedFloatingWidget || preview.enableMaximizedPanelWidget;\n  if (!enabled) return undefined;\n\n  return maximizedWidget;\n}\n\n/** @internal */\nexport function useMaximizedFloatingWidget() {\n  const isMaximizedWidget = useIsMaximizedWidget();\n  if (!isMaximizedWidget)\n    return {\n      style: {},\n      classNames: {},\n    };\n\n  return {\n    style: {\n      transform: \"unset\",\n      height: \"unset\",\n      width: \"unset\",\n      \"max-height\": \"unset\",\n      \"max-width\": \"unset\",\n    },\n    classNames: { \"preview-maximized-floatingWidget\": true },\n  };\n}\n\n/** @internal */\nexport function useMaximizedWidgetTabBarHandle() {\n  const isMaximizedWidget = useIsMaximizedWidget();\n  return {\n    \"preview-maximized-widget-tabBar\": isMaximizedWidget,\n  };\n}\n"]}
+{"version":3,"file":"useMaximizedWidget.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/useMaximizedWidget.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 \"./useMaximizedWidget.scss\";\nimport * as React from \"react\";\nimport { WidgetIdContext } from \"../../layout/widget/Widget\";\nimport { MaximizedWidgetContext } from \"./MaximizedWidget\";\nimport { useLayout } from \"../../layout/base/LayoutStore\";\nimport {\n  getWidgetLocation,\n  isPanelWidgetLocation,\n} from \"../../layout/state/WidgetLocation\";\nimport type { WidgetState } from \"../../layout/state/WidgetState\";\nimport type { PanelSide } from \"../../layout/widget-panels/PanelTypes\";\nimport { usePreviewFeatures } from \"../PreviewFeatures\";\n\n/** @internal */\nexport function useIsMaximizedWidget() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const maximizedWidgetId = useMaximizedWidgetId();\n  if (maximizedWidgetId === undefined) return false;\n\n  return widgetId === maximizedWidgetId;\n}\n\n/** @internal */\nexport function useMaximizedPanelLayout(side: PanelSide) {\n  const location = useMaximizedPanelWidgetLocation();\n  return {\n    \"uifw-preview-enableMaximizedWidget_panel-layout\": location?.side === side,\n  };\n}\n\n/** @internal */\nexport function useMaximizedPanel(side: PanelSide) {\n  const isMaximized = useIsMaximizedPanel(side);\n  if (!isMaximized) return undefined;\n  return {\n    \"uifw-preview-enableMaximizedWidget_panel\": isMaximized,\n  };\n}\n\n/** @internal */\nexport function useMaximizedSection(widgetId: WidgetState[\"id\"]) {\n  const location = useMaximizedPanelWidgetLocation();\n  if (!location) return undefined;\n\n  return {\n    \"uifw-preview-enableMaximizedWidget_section\":\n      location.widgetId === widgetId,\n    \"uifw-preview-enableMaximizedWidget_section-sibling\":\n      location.widgetId !== widgetId,\n  };\n}\n\nfunction useIsMaximizedPanel(side: PanelSide) {\n  const location = useMaximizedPanelWidgetLocation();\n  return location?.side === side;\n}\n\nfunction useMaximizedPanelWidgetLocation() {\n  const location = useMaximizedWidgetLocation();\n\n  if (!location) return undefined;\n  if (!isPanelWidgetLocation(location)) return undefined;\n\n  return location;\n}\n\nfunction useMaximizedWidgetLocation() {\n  const widgetId = useMaximizedWidgetId();\n  const location = useLayout((state) => {\n    if (!widgetId) return undefined;\n    return getWidgetLocation(state, widgetId);\n  }, true);\n\n  if (!widgetId || !location) return undefined;\n  return { ...location, widgetId };\n}\n\nfunction useMaximizedWidgetId() {\n  const { maximizedWidget } = React.useContext(MaximizedWidgetContext);\n  const preview = usePreviewFeatures();\n  const enabled =\n    preview.enableMaximizedFloatingWidget || preview.enableMaximizedPanelWidget;\n  if (!enabled) return undefined;\n\n  return maximizedWidget;\n}\n\n/** @internal */\nexport function useMaximizedFloatingWidget() {\n  const isMaximizedWidget = useIsMaximizedWidget();\n  if (!isMaximizedWidget)\n    return {\n      style: {},\n      classNames: {},\n    };\n\n  return {\n    style: {\n      transform: \"unset\",\n      height: \"unset\",\n      width: \"unset\",\n      \"max-height\": \"unset\",\n      \"max-width\": \"unset\",\n    },\n    classNames: { \"uifw-preview-enableMaximizedWidget_floatingWidget\": true },\n  };\n}\n\n/** @internal */\nexport function useMaximizedWidgetTabBarHandle() {\n  const isMaximizedWidget = useIsMaximizedWidget();\n  return {\n    \"uifw-preview-enableMaximizedWidget_widget-tabBar\": isMaximizedWidget,\n  };\n}\n"]}

package/lib/esm/appui-react/preview/enable-maximized-widget/useMaximizedWidget.scss

@@ -5,32 +5,32 @@
 @import "~@itwin/core-react/lib/cjs/core-react/z-index";
 
 @layer appui.preview.enable-maximized-widget {
-  .preview-maximized-panel-layout {
+  .uifw-preview-enableMaximizedWidget_panel-layout {
     grid-row: 1 / -1;
     grid-column: 1 / -1;
 
     z-index: uicore-get-z-index(dragged-widget) + 1;
   }
 
-  .preview-maximized-panel {
+  .uifw-preview-enableMaximizedWidget_panel {
     height: 100%;
   }
 
-  .preview-maximized-section {
+  .uifw-preview-enableMaximizedWidget_section {
     flex: 1;
   }
 
-  .preview-maximized-section-sibling {
+  .uifw-preview-enableMaximizedWidget_section-sibling {
     display: none;
   }
 
-  .preview-maximized-floatingWidget {
+  .uifw-preview-enableMaximizedWidget_floatingWidget {
     opacity: 1;
     border-radius: unset;
     inset: 0;
   }
 
-  .preview-maximized-widget-tabBar {
+  .uifw-preview-enableMaximizedWidget_widget-tabBar {
     pointer-events: none;
   }
 }