@itwin/appui-react 4.6.3 → 4.7.0

package/lib/esm/appui-react/childwindow/InternalChildWindowManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.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\n/** @packageDocumentation\n * @module ChildWindowManager\n */\n\nimport \"./InternalChildWindowManager.scss\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { copyStyles } from \"./CopyStyles\";\nimport { Provider } from \"react-redux\";\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { ThemeManager } from \"../theme/ThemeManager\";\nimport { UiFramework } from \"../UiFramework\";\nimport type {\n  ChildWindowLocationProps,\n  FrameworkChildWindows,\n  OpenChildWindowInfo,\n} from \"../framework/FrameworkChildWindows\";\n\nconst childHtml = `<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\" />\n  <style>\n    html,\n    body {\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      overflow: hidden;\n    }\n    #root {\n      height: 100%;\n    }\n  </style>\n</head>\n<body class=\"iui-root\">\n  <noscript>You need to enable JavaScript to run this app.</noscript>\n  <div id=\"root\"></div>\n</body>\n</html>`;\n\n/**\n * Simplification of non exported CreateRoot parameter, only to be used\n * in InternalChildWindowManager and ChildWindowManager\n * @internal\n */\nexport type CreateRoot = Parameters<FrameworkChildWindows[\"useCreateRoot\"]>[0];\n\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\n * @internal\n * */\nexport class InternalChildWindowManager implements FrameworkChildWindows {\n  private _openChildWindows: OpenChildWindowInfo[] = [];\n  private _createRoot?: CreateRoot;\n  private _roots: { [childwindowId: string]: any } = {};\n\n  public get openChildWindows() {\n    return this._openChildWindows;\n  }\n\n  /**\n   * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.\n   * Do not call if using React 17 or before.\n   *\n   * Note: The type of the function is intentionally simplified here.\n   *\n   * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\n   * @beta Will be removed once the transition to react 18 is complete.\n   */\n  // istanbul ignore next: Result of this assignment is only visible in `open`, which is not tested.\n  public useCreateRoot(createRootFn: CreateRoot): void {\n    this._createRoot = createRootFn;\n  }\n\n  /**\n   * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.\n   * @param element Element to render.\n   * @param container Container to render to.\n   */\n  // istanbul ignore next: Used in `open` which is not tested.\n  private render(\n    element: React.FunctionComponentElement<any>,\n    container: Element | DocumentFragment\n  ) {\n    // If createRoot is passed in for React 18 we have to render differently\n    // than without it. React 17 vs React 18. We need to save the root to\n    // unmount it.\n    if (this._createRoot) {\n      const childWindowId = UiFramework.childWindows.findId(\n        container.ownerDocument.defaultView\n      );\n      if (childWindowId) {\n        this._roots[childWindowId] = this._createRoot(container);\n        this._roots[childWindowId].render(element);\n      }\n    } else {\n      ReactDOM.render(element, container);\n    }\n  }\n\n  /**\n   * Returns the OpenChildWindowInfo for the related id.\n   * @param childWindowId Id of the window to retrieve.\n   * @returns undefined if not found.\n   */\n  public find(\n    childWindowId: string | undefined\n  ): OpenChildWindowInfo | undefined {\n    if (undefined === childWindowId) return undefined;\n\n    return this.openChildWindows.find(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n  }\n\n  /**\n   * Return the childWindowId of the provided window.\n   * @param contentWindow Window element to identify\n   * @returns undefined if not found\n   */\n  public findId(contentWindow: Window | undefined | null): string | undefined {\n    if (!contentWindow) return undefined;\n\n    const childWindow = this.openChildWindows.find(\n      (openWindow) => openWindow.window === contentWindow\n    );\n    return childWindow?.childWindowId;\n  }\n\n  // istanbul ignore next: Used in `open` which is not tested.\n  private renderChildWindowContents(\n    childWindow: Window,\n    childWindowId: string,\n    content: React.ReactNode,\n    title: string\n  ) {\n    childWindow.document.title = title;\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\n    if (reactConnectionDiv) {\n      // set openChildWindows now so components can use it when they mount\n      this._openChildWindows.push({\n        childWindowId,\n        window: childWindow,\n        parentWindow: window,\n      });\n\n      setTimeout(() => {\n        copyStyles(childWindow.document);\n        setTimeout(() => {\n          this.render(\n            <Provider store={UiFramework.store}>\n              <UiStateStorageHandler>\n                <ThemeManager>\n                  <div className=\"uifw-child-window-container-host\">\n                    <PopupRenderer />\n                    <ModalDialogRenderer />\n                    <ModelessDialogRenderer />\n                    <CursorPopupMenu />\n                    <div className=\"uifw-child-window-container nz-widget-widget\">\n                      {content}\n                    </div>\n                  </div>\n                </ThemeManager>\n              </UiStateStorageHandler>\n            </Provider>,\n            reactConnectionDiv\n          );\n        });\n      });\n\n      childWindow.addEventListener(\"pagehide\", () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (!frontStageDef) return;\n        frontStageDef.saveChildWindowSizeAndPosition(\n          childWindowId,\n          childWindow\n        );\n        this.close(childWindowId, false);\n        // UnmountComponentAtNode is deprecated in React 18, so if they are\n        // using React 18 and passing in a createRoot function, unmount()\n        // will be used\n        if (this._roots[childWindowId]) {\n          this._roots[childWindowId].unmount();\n        } else ReactDOM.unmountComponentAtNode(reactConnectionDiv);\n      });\n    }\n  }\n\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\n  public closeAll() {\n    // istanbul ignore next\n    this.openChildWindows.forEach((openChildWindow) =>\n      openChildWindow.window.close()\n    );\n    this._openChildWindows = [];\n  }\n\n  /**\n   * Close a specific child window.\n   * @param childWindowId Id of the window to close\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)\n   * @returns false if the window could not be found.\n   */\n  public close = (childWindowId: string, processWindowClose = true) => {\n    const windowIndex = this.openChildWindows.findIndex(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n    if (-1 === windowIndex) return false;\n    const childWindow = this.openChildWindows[windowIndex];\n    this.openChildWindows.splice(windowIndex, 1);\n    if (processWindowClose) {\n      childWindow.window.close();\n    } else {\n      // call the following to convert popout to docked widget\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n      frontStageDef &&\n        frontStageDef.dockWidgetContainerByContainerId(childWindowId);\n    }\n    return true;\n  };\n\n  // istanbul ignore next: Used in `open` which is not tested.\n  private adjustWidowLocation(\n    location: ChildWindowLocationProps\n  ): ChildWindowLocationProps {\n    const outLocation = { ...location };\n    if (0 === location.top && 0 === location.left) {\n      // If no location is provided, prepare position of the new window to be centered against the current window.\n      outLocation.left =\n        window.outerWidth / 2 + window.screenX - location.width / 2;\n      outLocation.top =\n        window.outerHeight / 2 + window.screenY - location.height / 2;\n    }\n    return outLocation;\n  }\n\n  /**\n   * Open a new child window.\n   * @param childWindowId Id to assign to the newly created window.\n   * @param title Title to display on the window.\n   * @param content ReactNode to be rendered in the window.\n   * @param location Position and size information\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\n   * @returns true if the window is opened successfully.\n   */\n  // istanbul ignore next: Would require mocking window.open to return a window object.\n  public open(\n    childWindowId: string,\n    title: string,\n    content: React.ReactNode,\n    location: ChildWindowLocationProps,\n    useDefaultPopoutUrl?: boolean\n  ) {\n    // first check to see if content is already open in child window\n    if (\n      this.openChildWindows.findIndex(\n        (openWindow) => openWindow.childWindowId === childWindowId\n      ) >= 0\n    ) {\n      return false;\n    }\n\n    location = this.adjustWidowLocation(location);\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\n    const childWindow = window.open(\n      url,\n      \"\",\n      `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`\n    );\n    if (!childWindow) return false;\n    if (0 === url.length) {\n      childWindow.document.write(childHtml);\n      this.renderChildWindowContents(\n        childWindow,\n        childWindowId,\n        content,\n        title\n      );\n    } else {\n      childWindow.addEventListener(\n        \"load\",\n        () => {\n          this.renderChildWindowContents(\n            childWindow,\n            childWindowId,\n            content,\n            title\n          );\n        },\n        false\n      );\n    }\n\n    window.addEventListener(\n      \"unload\",\n      () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (frontStageDef) {\n          this.close(childWindowId, true);\n        }\n      },\n      false\n    );\n\n    return true;\n  }\n}\n"]}
+{"version":3,"file":"InternalChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.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\n/** @packageDocumentation\n * @module ChildWindowManager\n */\n\nimport \"./InternalChildWindowManager.scss\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { copyStyles } from \"./CopyStyles\";\nimport { Provider } from \"react-redux\";\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { ThemeManager } from \"../theme/ThemeManager\";\nimport { UiFramework } from \"../UiFramework\";\nimport type {\n  ChildWindowLocationProps,\n  FrameworkChildWindows,\n  OpenChildWindowInfo,\n} from \"../framework/FrameworkChildWindows\";\nimport { createLayoutStore, NineZone } from \"@itwin/appui-layout-react\";\n\nconst childHtml = `<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\" />\n  <style>\n    html,\n    body {\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      overflow: hidden;\n    }\n    #root {\n      height: 100%;\n    }\n  </style>\n</head>\n<body class=\"iui-root\">\n  <noscript>You need to enable JavaScript to run this app.</noscript>\n  <div id=\"root\"></div>\n</body>\n</html>`;\n\n/**\n * Simplification of non exported CreateRoot parameter, only to be used\n * in InternalChildWindowManager and ChildWindowManager\n * @internal\n */\nexport type CreateRoot = Parameters<FrameworkChildWindows[\"useCreateRoot\"]>[0];\n\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\n * @internal\n * */\nexport class InternalChildWindowManager implements FrameworkChildWindows {\n  private _openChildWindows: OpenChildWindowInfo[] = [];\n  private _createRoot?: CreateRoot;\n  private _roots: { [childwindowId: string]: any } = {};\n\n  public get openChildWindows() {\n    return this._openChildWindows;\n  }\n\n  /**\n   * When using React 18, the `createRoot` function must be provided in order to render Popout content with React 18.\n   * Do not call if using React 17 or before.\n   *\n   * Note: The type of the function is intentionally simplified here.\n   *\n   * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\n   * @beta Will be removed once the transition to React 18 is complete.\n   */\n  // istanbul ignore next: Result of this assignment is only visible in `open`, which is not tested.\n  public useCreateRoot(createRootFn: CreateRoot): void {\n    this._createRoot = createRootFn;\n  }\n\n  /**\n   * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.\n   * @param element Element to render.\n   * @param container Container to render to.\n   */\n  // istanbul ignore next: Used in `open` which is not tested.\n  private render(\n    element: React.FunctionComponentElement<any>,\n    container: Element | DocumentFragment\n  ) {\n    // If createRoot is passed in for React 18 we have to render differently\n    // than without it. React 17 vs React 18. We need to save the root to\n    // unmount it.\n    if (this._createRoot) {\n      const childWindowId = UiFramework.childWindows.findId(\n        container.ownerDocument.defaultView\n      );\n      if (childWindowId) {\n        this._roots[childWindowId] = this._createRoot(container);\n        this._roots[childWindowId].render(element);\n      }\n    } else {\n      ReactDOM.render(element, container);\n    }\n  }\n\n  /**\n   * Returns the OpenChildWindowInfo for the related id.\n   * @param childWindowId Id of the window to retrieve.\n   * @returns undefined if not found.\n   */\n  public find(\n    childWindowId: string | undefined\n  ): OpenChildWindowInfo | undefined {\n    if (undefined === childWindowId) return undefined;\n\n    return this.openChildWindows.find(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n  }\n\n  /**\n   * Return the childWindowId of the provided window.\n   * @param contentWindow Window element to identify\n   * @returns undefined if not found\n   */\n  public findId(contentWindow: Window | undefined | null): string | undefined {\n    if (!contentWindow) return undefined;\n\n    const childWindow = this.openChildWindows.find(\n      (openWindow) => openWindow.window === contentWindow\n    );\n    return childWindow?.childWindowId;\n  }\n\n  // istanbul ignore next: Used in `open` which is not tested.\n  private renderChildWindowContents(\n    childWindow: Window,\n    childWindowId: string,\n    content: React.ReactNode,\n    title: string\n  ) {\n    childWindow.document.title = title;\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\n    if (reactConnectionDiv) {\n      // set openChildWindows now so components can use it when they mount\n      this._openChildWindows.push({\n        childWindowId,\n        window: childWindow,\n        parentWindow: window,\n      });\n\n      setTimeout(() => {\n        copyStyles(childWindow.document);\n        setTimeout(() => {\n          this.render(\n            <Provider store={UiFramework.store}>\n              <NineZone\n                dispatch={() => {}}\n                layout={createLayoutStore(\n                  UiFramework.frontstages.activeFrontstageDef?.nineZoneState\n                )}\n              >\n                <UiStateStorageHandler>\n                  <ThemeManager>\n                    <div className=\"uifw-child-window-container-host\">\n                      <PopupRenderer />\n                      <ModalDialogRenderer />\n                      <ModelessDialogRenderer />\n                      <CursorPopupMenu />\n                      <div className=\"uifw-child-window-container nz-widget-widget\">\n                        {content}\n                      </div>\n                    </div>\n                  </ThemeManager>\n                </UiStateStorageHandler>\n              </NineZone>\n            </Provider>,\n            reactConnectionDiv\n          );\n        });\n      });\n\n      childWindow.addEventListener(\"pagehide\", () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (!frontStageDef) return;\n        frontStageDef.saveChildWindowSizeAndPosition(\n          childWindowId,\n          childWindow\n        );\n        // UnmountComponentAtNode is deprecated in React 18, so if they are\n        // using React 18 and passing in a createRoot function, unmount()\n        // will be used\n        if (this._roots[childWindowId]) {\n          this._roots[childWindowId].unmount();\n        } else ReactDOM.unmountComponentAtNode(reactConnectionDiv);\n\n        // We need to unmount the child window content before we close it because\n        // it is docked in this function and the widget will disappear if we\n        // unmount after docked.\n        this.close(childWindowId, false);\n      });\n    }\n  }\n\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\n  public closeAll() {\n    // istanbul ignore next\n    this.openChildWindows.forEach((openChildWindow) =>\n      openChildWindow.window.close()\n    );\n    this._openChildWindows = [];\n  }\n\n  /**\n   * Close a specific child window.\n   * @param childWindowId Id of the window to close\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)\n   * @returns false if the window could not be found.\n   */\n  public close = (childWindowId: string, processWindowClose = true) => {\n    const windowIndex = this.openChildWindows.findIndex(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n    if (-1 === windowIndex) return false;\n    const childWindow = this.openChildWindows[windowIndex];\n    this.openChildWindows.splice(windowIndex, 1);\n    if (processWindowClose) {\n      childWindow.window.close();\n    } else {\n      // call the following to convert popout to docked widget\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n      frontStageDef &&\n        frontStageDef.dockWidgetContainerByContainerId(childWindowId);\n    }\n    return true;\n  };\n\n  // istanbul ignore next: Used in `open` which is not tested.\n  private adjustWidowLocation(\n    location: ChildWindowLocationProps\n  ): ChildWindowLocationProps {\n    const outLocation = { ...location };\n    if (0 === location.top && 0 === location.left) {\n      // If no location is provided, prepare position of the new window to be centered against the current window.\n      outLocation.left =\n        window.outerWidth / 2 + window.screenX - location.width / 2;\n      outLocation.top =\n        window.outerHeight / 2 + window.screenY - location.height / 2;\n    }\n    return outLocation;\n  }\n\n  /**\n   * Open a new child window.\n   * @param childWindowId Id to assign to the newly created window.\n   * @param title Title to display on the window.\n   * @param content ReactNode to be rendered in the window.\n   * @param location Position and size information\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\n   * @returns true if the window is opened successfully.\n   */\n  // istanbul ignore next: Would require mocking window.open to return a window object.\n  public open(\n    childWindowId: string,\n    title: string,\n    content: React.ReactNode,\n    location: ChildWindowLocationProps,\n    useDefaultPopoutUrl?: boolean\n  ) {\n    // first check to see if content is already open in child window\n    if (\n      this.openChildWindows.findIndex(\n        (openWindow) => openWindow.childWindowId === childWindowId\n      ) >= 0\n    ) {\n      return false;\n    }\n\n    location = this.adjustWidowLocation(location);\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\n    const childWindow = window.open(\n      url,\n      \"\",\n      `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`\n    );\n    if (!childWindow) return false;\n    if (0 === url.length) {\n      childWindow.document.write(childHtml);\n      this.renderChildWindowContents(\n        childWindow,\n        childWindowId,\n        content,\n        title\n      );\n    } else {\n      childWindow.addEventListener(\n        \"load\",\n        () => {\n          this.renderChildWindowContents(\n            childWindow,\n            childWindowId,\n            content,\n            title\n          );\n        },\n        false\n      );\n    }\n\n    window.addEventListener(\n      \"unload\",\n      () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (frontStageDef) {\n          this.close(childWindowId, true);\n        }\n      },\n      false\n    );\n\n    return true;\n  }\n}\n"]}

package/lib/esm/appui-react/childwindow/PopoutWidget.d.ts

@@ -3,14 +3,12 @@
  */
 /// <reference types="react" />
 import "./PopoutWidget.scss";
-import type { WidgetDef } from "../widgets/WidgetDef";
 interface PopoutWidgetProps {
     widgetContainerId: string;
-    widgetDef: WidgetDef;
 }
-/** Component used to wrap a widget for use is a child window.
+/** Component used to wrap a widget for use in a child window.
  * @internal
  */
-export declare function PopoutWidget({ widgetContainerId, widgetDef, }: PopoutWidgetProps): JSX.Element;
+export declare function PopoutWidget({ widgetContainerId }: PopoutWidgetProps): JSX.Element;
 export {};
 //# sourceMappingURL=PopoutWidget.d.ts.map

package/lib/esm/appui-react/childwindow/PopoutWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoutWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,iBAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,eASnB"}
+{"version":3,"file":"PopoutWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,qBAAqB,CAAC;AAO7B,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,eAcpE"}

package/lib/esm/appui-react/childwindow/PopoutWidget.js

@@ -7,10 +7,13 @@
  */
 import "./PopoutWidget.scss";
 import * as React from "react";
-/** Component used to wrap a widget for use is a child window.
+import { WidgetContentContainer, WidgetProvider, } from "@itwin/appui-layout-react";
+/** Component used to wrap a widget for use in a child window.
  * @internal
  */
-export function PopoutWidget({ widgetContainerId, widgetDef, }) {
-    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId }, widgetDef.reactNode));
+export function PopoutWidget({ widgetContainerId }) {
+    const content = React.useMemo(() => React.createElement(WidgetContentContainer, null), []);
+    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId },
+        React.createElement(WidgetProvider, { id: widgetContainerId }, content)));
 }
 //# sourceMappingURL=PopoutWidget.js.map

package/lib/esm/appui-react/childwindow/PopoutWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,iBAAiB,EACjB,SAAS,GACS;IAClB,OAAO,CACL,6BACE,SAAS,EAAC,qCAAqC,oBAC/B,iBAAiB,IAEhC,SAAS,CAAC,SAAS,CAChB,CACP,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 ChildWindowManager\n */\n\nimport \"./PopoutWidget.scss\";\nimport * as React from \"react\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\n\ninterface PopoutWidgetProps {\n  widgetContainerId: string;\n  widgetDef: WidgetDef;\n}\n\n/** Component used to wrap a widget for use is a child window.\n * @internal\n */\nexport function PopoutWidget({\n  widgetContainerId,\n  widgetDef,\n}: PopoutWidgetProps) {\n  return (\n    <div\n      className=\"uifw-popout-widget-filled-container\"\n      data-widget-id={widgetContainerId}\n    >\n      {widgetDef.reactNode}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,sBAAsB,EACtB,cAAc,GACf,MAAM,2BAA2B,CAAC;AAMnC;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,iBAAiB,EAAqB;IACnE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,oBAAC,sBAAsB,OAA0B,EACvD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAC,qCAAqC,oBAC/B,iBAAiB;QAEjC,oBAAC,cAAc,IAAC,EAAE,EAAE,iBAAiB,IAAG,OAAO,CAAkB,CAC7D,CACP,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 ChildWindowManager\n */\n\nimport \"./PopoutWidget.scss\";\nimport * as React from \"react\";\nimport {\n  WidgetContentContainer,\n  WidgetProvider,\n} from \"@itwin/appui-layout-react\";\n\ninterface PopoutWidgetProps {\n  widgetContainerId: string;\n}\n\n/** Component used to wrap a widget for use in a child window.\n * @internal\n */\nexport function PopoutWidget({ widgetContainerId }: PopoutWidgetProps) {\n  const content = React.useMemo(\n    () => <WidgetContentContainer></WidgetContentContainer>,\n    []\n  );\n\n  return (\n    <div\n      className=\"uifw-popout-widget-filled-container\"\n      data-widget-id={widgetContainerId}\n    >\n      <WidgetProvider id={widgetContainerId}>{content}</WidgetProvider>\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAmBrD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAyCtE"}
+{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAoBrD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eA0CtE"}

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.js

@@ -22,6 +22,7 @@ import { WidgetPanelsFrontstage } from "../widget-panels/Frontstage";
 import { ContentDialogRenderer } from "../dialog/ContentDialogManager";
 import { UiFramework } from "../UiFramework";
 import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager";
+import { ActivityMessageRenderer } from "../messages/ActivityMessage";
 /** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
  * @public
  */
@@ -54,6 +55,7 @@ export function ConfigurableUiContent(props) {
         React.createElement(InputFieldMessage, null),
         React.createElement(CursorPopupMenu, null),
         React.createElement(CursorPopupRenderer, null),
-        React.createElement(PopupRenderer, null)));
+        React.createElement(PopupRenderer, null),
+        React.createElement(ActivityMessageRenderer, null)));
 }
 //# sourceMappingURL=ConfigurableUiContent.js.map

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAiBhF;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,iBAAiB,CAAC,cAAc,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6BAA6B,CAAC,eAAe,CAAC,UAAU,CAAC;YACvD,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,eAAe,EAAE,KAAK,CAAC,eAAe;SACvC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,6BAA6B,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1C,iBAAiB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,eAAe;QAE3B,KAAK,CAAC,YAAY;QACnB,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,qBAAqB,OAAG;QACzB,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,mBAAmB,OAAG;QACvB,oBAAC,cAAc,OAAG;QAClB,oBAAC,cAAc,OAAG;QAClB,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,iBAAiB,OAAG;QACrB,oBAAC,eAAe,OAAG;QACnB,oBAAC,mBAAmB,OAAG;QACvB,oBAAC,aAAa,OAAG,CACZ,CACR,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 ConfigurableUi\n */\n\nimport \"./configurableui.scss\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react\";\nimport { CursorInformation } from \"../cursor/CursorInformation\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\nimport { InputFieldMessage } from \"../messages/InputField\";\nimport { PointerMessage } from \"../messages/Pointer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\n\n// cSpell:ignore cursormenu cursorpopup\n\n/** Properties for [[ConfigurableUiContent]]\n * @public\n */\nexport interface ConfigurableUiContentProps extends CommonProps {\n  /** React node of the Backstage */\n  appBackstage?: React.ReactNode;\n\n  /** @internal */\n  idleTimeout?: number;\n  /** @internal */\n  intervalTimeout?: number;\n}\n\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\n * @public\n */\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\n  React.useEffect(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n  React.useEffect(() => {\n    InternalConfigurableUiManager.activityTracker.initialize({\n      idleTimeout: props.idleTimeout,\n      intervalTimeout: props.intervalTimeout,\n    });\n    return () => {\n      InternalConfigurableUiManager.activityTracker.terminate();\n    };\n  }, [props.idleTimeout, props.intervalTimeout]);\n\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\n    const point = new Point(e.pageX, e.pageY);\n    CursorInformation.handleMouseMove(point);\n  }, []);\n\n  return (\n    <main\n      role=\"main\"\n      id=\"uifw-configurableui-wrapper\"\n      className={props.className}\n      style={props.style}\n      onMouseMove={handleMouseMove}\n    >\n      {props.appBackstage}\n      <WidgetPanelsFrontstage />\n      <ContentDialogRenderer />\n      <ModelessDialogRenderer />\n      <ModalDialogRenderer />\n      <ElementTooltip />\n      <PointerMessage />\n      <KeyboardShortcutMenu />\n      <InputFieldMessage />\n      <CursorPopupMenu />\n      <CursorPopupRenderer />\n      <PopupRenderer />\n    </main>\n  );\n}\n"]}
+{"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAiBtE;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,iBAAiB,CAAC,cAAc,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6BAA6B,CAAC,eAAe,CAAC,UAAU,CAAC;YACvD,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,eAAe,EAAE,KAAK,CAAC,eAAe;SACvC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,6BAA6B,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1C,iBAAiB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,eAAe;QAE3B,KAAK,CAAC,YAAY;QACnB,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,qBAAqB,OAAG;QACzB,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,mBAAmB,OAAG;QACvB,oBAAC,cAAc,OAAG;QAClB,oBAAC,cAAc,OAAG;QAClB,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,iBAAiB,OAAG;QACrB,oBAAC,eAAe,OAAG;QACnB,oBAAC,mBAAmB,OAAG;QACvB,oBAAC,aAAa,OAAG;QACjB,oBAAC,uBAAuB,OAAG,CACtB,CACR,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 ConfigurableUi\n */\n\nimport \"./configurableui.scss\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react\";\nimport { CursorInformation } from \"../cursor/CursorInformation\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\nimport { InputFieldMessage } from \"../messages/InputField\";\nimport { PointerMessage } from \"../messages/Pointer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\n\n// cSpell:ignore cursormenu cursorpopup\n\n/** Properties for [[ConfigurableUiContent]]\n * @public\n */\nexport interface ConfigurableUiContentProps extends CommonProps {\n  /** React node of the Backstage */\n  appBackstage?: React.ReactNode;\n\n  /** @internal */\n  idleTimeout?: number;\n  /** @internal */\n  intervalTimeout?: number;\n}\n\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\n * @public\n */\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\n  React.useEffect(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n  React.useEffect(() => {\n    InternalConfigurableUiManager.activityTracker.initialize({\n      idleTimeout: props.idleTimeout,\n      intervalTimeout: props.intervalTimeout,\n    });\n    return () => {\n      InternalConfigurableUiManager.activityTracker.terminate();\n    };\n  }, [props.idleTimeout, props.intervalTimeout]);\n\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\n    const point = new Point(e.pageX, e.pageY);\n    CursorInformation.handleMouseMove(point);\n  }, []);\n\n  return (\n    <main\n      role=\"main\"\n      id=\"uifw-configurableui-wrapper\"\n      className={props.className}\n      style={props.style}\n      onMouseMove={handleMouseMove}\n    >\n      {props.appBackstage}\n      <WidgetPanelsFrontstage />\n      <ContentDialogRenderer />\n      <ModelessDialogRenderer />\n      <ModalDialogRenderer />\n      <ElementTooltip />\n      <PointerMessage />\n      <KeyboardShortcutMenu />\n      <InputFieldMessage />\n      <CursorPopupMenu />\n      <CursorPopupRenderer />\n      <PopupRenderer />\n      <ActivityMessageRenderer />\n    </main>\n  );\n}\n"]}

package/lib/esm/appui-react/configurableui/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAUtD;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,iBAAiB,wCAAwC;IACzD,0BAA0B,qDAAqD;IAC/E,qBAAqB,4CAA4C;IACjE,mBAAmB,6CAA6C;IAChE,0BAA0B,uDAAuD;IACjF,iBAAiB,uCAAuC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,0BAA0B,EAAE,OAAO,CAAC;IACpC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0BAA0B,EAAE,OAAO,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;CACxB;AAiBD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAIpB,MAAM;gCAGD,MAAM;gCAIT,MAAM;0CAEoB,OAAO;wCAET,OAAO;kDAEG,OAAO;gDAKT,OAAO;kDAKL,OAAO;gEAKO,OAAO;iCAKtC,MAAM;CAEpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,OAAO,qBAAqB,CAC7B,CAAC;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,iCAAoC,EACzC,MAAM,EAAE,0BAA0B,GACjC,mBAAmB,CAuCrB"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWtD;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,iBAAiB,wCAAwC;IACzD,0BAA0B,qDAAqD;IAC/E,qBAAqB,4CAA4C;IACjE,mBAAmB,6CAA6C;IAChE,0BAA0B,uDAAuD;IACjF,iBAAiB,uCAAuC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,0BAA0B,EAAE,OAAO,CAAC;IACpC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0BAA0B,EAAE,OAAO,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;CACxB;AAiBD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAOpB,MAAM;gCAGD,MAAM;gCAIT,MAAM;0CAEoB,OAAO;wCAET,OAAO;kDAEG,OAAO;gDAKT,OAAO;kDAKL,OAAO;gEAKO,OAAO;iCAKtC,MAAM;CAEpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,OAAO,qBAAqB,CAC7B,CAAC;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,iCAAoC,EACzC,MAAM,EAAE,0BAA0B,GACjC,mBAAmB,CAuCrB"}

package/lib/esm/appui-react/configurableui/state.js

@@ -47,7 +47,10 @@ const initialState = {
 export const ConfigurableUiActions = {
     setSnapMode: (snapMode) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),
     setTheme: 
-    // istanbul ignore next
+    /**
+     * Use `UiFramework.setColorTheme` instead which is conveniently typed with available theme union.
+     * @param theme ThemeId
+     */
     (theme) => createAction(ConfigurableUiActionId.SetTheme, theme),
     setToolPrompt: 
     // istanbul ignore next
@@ -76,7 +79,7 @@ export function ConfigurableUiReducer(state = initialState, action) {
             return { ...state, toolPrompt: action.payload };
         }
         case ConfigurableUiActionId.SetTheme: {
-            return { ...state, theme: action.payload };
+            return { ...state, theme: action.payload }; // Need to cast because of the (string & {}) trick.
         }
         case ConfigurableUiActionId.SetWidgetOpacity: {
             return { ...state, widgetOpacity: action.payload };

package/lib/esm/appui-react/configurableui/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"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 State\n */\n\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport type { ActionsUnion } from \"../redux/redux-ts\";\nimport { createAction } from \"../redux/redux-ts\";\nimport {\n  SYSTEM_PREFERRED_COLOR_THEME,\n  TOOLBAR_OPACITY_DEFAULT,\n  WIDGET_OPACITY_DEFAULT,\n} from \"../theme/ThemeManager\";\n\n// cSpell:ignore configurableui snapmode toolprompt\n\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\n *  Since these are also used as sync ids they should be in lowercase.\n * @public\n */\nexport enum ConfigurableUiActionId {\n  SetSnapMode = \"configurableui:set_snapmode\",\n  SetTheme = \"configurableui:set_theme\",\n  SetToolPrompt = \"configurableui:set_toolprompt\",\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\n  SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\n  AutoCollapseUnpinnedPanels = \"configurableui:set-auto-collapse-unpinned-panels\",\n  SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\n  AnimateToolSettings = \"configurableui:set-animate-tool-settings\",\n  UseToolAsToolSettingsLabel = \"configurableui:set-use-tool-as-tool-settings-label\",\n  SetToolbarOpacity = \"configurableui:set-toolbar-opacity\",\n}\n\n/** The portion of state managed by the ConfigurableUiReducer.\n * @public\n */\nexport interface ConfigurableUiState {\n  snapMode: number;\n  toolPrompt: string;\n  theme: string;\n  widgetOpacity: number;\n  useDragInteraction: boolean;\n  showWidgetIcon: boolean;\n  autoCollapseUnpinnedPanels: boolean;\n  viewOverlayDisplay: boolean;\n  animateToolSettings: boolean;\n  useToolAsToolSettingsLabel: boolean;\n  toolbarOpacity: number;\n}\n\n/** used on first call of ConfigurableUiReducer */\nconst initialState: ConfigurableUiState = {\n  snapMode: SnapMode.NearestKeypoint as number,\n  toolPrompt: \"\",\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\n  useDragInteraction: false,\n  showWidgetIcon: true,\n  autoCollapseUnpinnedPanels: false,\n  viewOverlayDisplay: true,\n  animateToolSettings: false,\n  useToolAsToolSettingsLabel: false,\n  toolbarOpacity: TOOLBAR_OPACITY_DEFAULT,\n};\n\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\n * @public\n */\nexport const ConfigurableUiActions = {\n  setSnapMode: (snapMode: number) =>\n    createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\n  setTheme:\n    // istanbul ignore next\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\n  setToolPrompt:\n    // istanbul ignore next\n    (toolPrompt: string) =>\n      createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\n  setWidgetOpacity:\n    // istanbul ignore next\n    (opacity: number) =>\n      createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\n  setDragInteraction: (dragInteraction: boolean) =>\n    createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\n  setShowWidgetIcon: (showWidgetIcon: boolean) =>\n    createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\n  setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) =>\n    createAction(\n      ConfigurableUiActionId.AutoCollapseUnpinnedPanels,\n      autoCollapse\n    ),\n  setViewOverlayDisplay: (displayViewOverlay: boolean) =>\n    createAction(\n      ConfigurableUiActionId.SetViewOverlayDisplay,\n      displayViewOverlay\n    ),\n  setAnimateToolSettings: (animateToolSettings: boolean) =>\n    createAction(\n      ConfigurableUiActionId.AnimateToolSettings,\n      animateToolSettings\n    ),\n  setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) =>\n    createAction(\n      ConfigurableUiActionId.UseToolAsToolSettingsLabel,\n      useToolAsToolSettingsLabel\n    ),\n  setToolbarOpacity: (opacity: number) =>\n    createAction(ConfigurableUiActionId.SetToolbarOpacity, opacity),\n};\n\n/** Union of ConfigurableUi Redux actions\n * @public\n */\nexport type ConfigurableUiActionsUnion = ActionsUnion<\n  typeof ConfigurableUiActions\n>;\n\n/** Handles actions to update ConfigurableUiState.\n * @public\n */\nexport function ConfigurableUiReducer(\n  state: ConfigurableUiState = initialState,\n  action: ConfigurableUiActionsUnion\n): ConfigurableUiState {\n  const outState = state;\n\n  switch (action.type) {\n    case ConfigurableUiActionId.SetSnapMode: {\n      return { ...state, snapMode: action.payload };\n    }\n    case ConfigurableUiActionId.SetToolPrompt: {\n      return { ...state, toolPrompt: action.payload };\n    }\n    case ConfigurableUiActionId.SetTheme: {\n      return { ...state, theme: action.payload };\n    }\n    case ConfigurableUiActionId.SetWidgetOpacity: {\n      return { ...state, widgetOpacity: action.payload };\n    }\n    case ConfigurableUiActionId.SetDragInteraction: {\n      return { ...state, useDragInteraction: action.payload };\n    }\n    case ConfigurableUiActionId.SetShowWidgetIcon: {\n      return { ...state, showWidgetIcon: action.payload };\n    }\n    case ConfigurableUiActionId.AutoCollapseUnpinnedPanels: {\n      return { ...state, autoCollapseUnpinnedPanels: action.payload };\n    }\n    case ConfigurableUiActionId.SetViewOverlayDisplay: {\n      return { ...state, viewOverlayDisplay: action.payload };\n    }\n    case ConfigurableUiActionId.AnimateToolSettings: {\n      return { ...state, animateToolSettings: action.payload };\n    }\n    case ConfigurableUiActionId.UseToolAsToolSettingsLabel: {\n      return { ...state, useToolAsToolSettingsLabel: action.payload };\n    }\n    case ConfigurableUiActionId.SetToolbarOpacity: {\n      return { ...state, toolbarOpacity: action.payload };\n    }\n  }\n  return outState;\n}\n"]}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"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 State\n */\n\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport type { ActionsUnion } from \"../redux/redux-ts\";\nimport { createAction } from \"../redux/redux-ts\";\nimport type { ThemeId } from \"../theme/ThemeManager\";\nimport {\n  SYSTEM_PREFERRED_COLOR_THEME,\n  TOOLBAR_OPACITY_DEFAULT,\n  WIDGET_OPACITY_DEFAULT,\n} from \"../theme/ThemeManager\";\n\n// cSpell:ignore configurableui snapmode toolprompt\n\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\n *  Since these are also used as sync ids they should be in lowercase.\n * @public\n */\nexport enum ConfigurableUiActionId {\n  SetSnapMode = \"configurableui:set_snapmode\",\n  SetTheme = \"configurableui:set_theme\",\n  SetToolPrompt = \"configurableui:set_toolprompt\",\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\n  SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\n  AutoCollapseUnpinnedPanels = \"configurableui:set-auto-collapse-unpinned-panels\",\n  SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\n  AnimateToolSettings = \"configurableui:set-animate-tool-settings\",\n  UseToolAsToolSettingsLabel = \"configurableui:set-use-tool-as-tool-settings-label\",\n  SetToolbarOpacity = \"configurableui:set-toolbar-opacity\",\n}\n\n/** The portion of state managed by the ConfigurableUiReducer.\n * @public\n */\nexport interface ConfigurableUiState {\n  snapMode: number;\n  toolPrompt: string;\n  theme: string;\n  widgetOpacity: number;\n  useDragInteraction: boolean;\n  showWidgetIcon: boolean;\n  autoCollapseUnpinnedPanels: boolean;\n  viewOverlayDisplay: boolean;\n  animateToolSettings: boolean;\n  useToolAsToolSettingsLabel: boolean;\n  toolbarOpacity: number;\n}\n\n/** used on first call of ConfigurableUiReducer */\nconst initialState: ConfigurableUiState = {\n  snapMode: SnapMode.NearestKeypoint as number,\n  toolPrompt: \"\",\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\n  useDragInteraction: false,\n  showWidgetIcon: true,\n  autoCollapseUnpinnedPanels: false,\n  viewOverlayDisplay: true,\n  animateToolSettings: false,\n  useToolAsToolSettingsLabel: false,\n  toolbarOpacity: TOOLBAR_OPACITY_DEFAULT,\n};\n\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\n * @public\n */\nexport const ConfigurableUiActions = {\n  setSnapMode: (snapMode: number) =>\n    createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\n  setTheme:\n    /**\n     * Use `UiFramework.setColorTheme` instead which is conveniently typed with available theme union.\n     * @param theme ThemeId\n     */\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\n  setToolPrompt:\n    // istanbul ignore next\n    (toolPrompt: string) =>\n      createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\n  setWidgetOpacity:\n    // istanbul ignore next\n    (opacity: number) =>\n      createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\n  setDragInteraction: (dragInteraction: boolean) =>\n    createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\n  setShowWidgetIcon: (showWidgetIcon: boolean) =>\n    createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\n  setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) =>\n    createAction(\n      ConfigurableUiActionId.AutoCollapseUnpinnedPanels,\n      autoCollapse\n    ),\n  setViewOverlayDisplay: (displayViewOverlay: boolean) =>\n    createAction(\n      ConfigurableUiActionId.SetViewOverlayDisplay,\n      displayViewOverlay\n    ),\n  setAnimateToolSettings: (animateToolSettings: boolean) =>\n    createAction(\n      ConfigurableUiActionId.AnimateToolSettings,\n      animateToolSettings\n    ),\n  setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) =>\n    createAction(\n      ConfigurableUiActionId.UseToolAsToolSettingsLabel,\n      useToolAsToolSettingsLabel\n    ),\n  setToolbarOpacity: (opacity: number) =>\n    createAction(ConfigurableUiActionId.SetToolbarOpacity, opacity),\n};\n\n/** Union of ConfigurableUi Redux actions\n * @public\n */\nexport type ConfigurableUiActionsUnion = ActionsUnion<\n  typeof ConfigurableUiActions\n>;\n\n/** Handles actions to update ConfigurableUiState.\n * @public\n */\nexport function ConfigurableUiReducer(\n  state: ConfigurableUiState = initialState,\n  action: ConfigurableUiActionsUnion\n): ConfigurableUiState {\n  const outState = state;\n\n  switch (action.type) {\n    case ConfigurableUiActionId.SetSnapMode: {\n      return { ...state, snapMode: action.payload };\n    }\n    case ConfigurableUiActionId.SetToolPrompt: {\n      return { ...state, toolPrompt: action.payload };\n    }\n    case ConfigurableUiActionId.SetTheme: {\n      return { ...state, theme: action.payload as ThemeId }; // Need to cast because of the (string & {}) trick.\n    }\n    case ConfigurableUiActionId.SetWidgetOpacity: {\n      return { ...state, widgetOpacity: action.payload };\n    }\n    case ConfigurableUiActionId.SetDragInteraction: {\n      return { ...state, useDragInteraction: action.payload };\n    }\n    case ConfigurableUiActionId.SetShowWidgetIcon: {\n      return { ...state, showWidgetIcon: action.payload };\n    }\n    case ConfigurableUiActionId.AutoCollapseUnpinnedPanels: {\n      return { ...state, autoCollapseUnpinnedPanels: action.payload };\n    }\n    case ConfigurableUiActionId.SetViewOverlayDisplay: {\n      return { ...state, viewOverlayDisplay: action.payload };\n    }\n    case ConfigurableUiActionId.AnimateToolSettings: {\n      return { ...state, animateToolSettings: action.payload };\n    }\n    case ConfigurableUiActionId.UseToolAsToolSettingsLabel: {\n      return { ...state, useToolAsToolSettingsLabel: action.payload };\n    }\n    case ConfigurableUiActionId.SetToolbarOpacity: {\n      return { ...state, toolbarOpacity: action.payload };\n    }\n  }\n  return outState;\n}\n"]}

package/lib/esm/appui-react/content/FloatingViewportContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingViewportContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAOpE;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,iIAAiI;IACjI,gBAAgB,EAAE,aAAa,CAAC;IAChC,wDAAwD;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACzC;AAED,YAAY;AACZ,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAO1E;AAED,aAAa;AACb,MAAM,WAAW,mCAAmC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,aAAa;AACb,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,GACT,EAAE,mCAAmC,eAarC;AAED,aAAa;AACb,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,4BAA4B;;EAyErE"}
+{"version":3,"file":"FloatingViewportContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAOpE;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,iIAAiI;IACjI,gBAAgB,EAAE,aAAa,CAAC;IAChC,wDAAwD;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACzC;AAED,YAAY;AACZ,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAO1E;AAED,aAAa;AACb,MAAM,WAAW,mCAAmC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,aAAa;AACb,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,GACT,EAAE,mCAAmC,eAarC;AAED,aAAa;AACb,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,4BAA4B;;EAwErE"}

package/lib/esm/appui-react/content/FloatingViewportContent.js

@@ -56,9 +56,8 @@ export function useFloatingViewport(args) {
             if (null === contentControl.current.reactNode) {
                 contentControl.current.reactNode = viewportControl;
             }
-            void contentControl.current.viewport.changeView(viewState);
         }
-    }, [viewState, viewport, viewportControl]);
+    }, [viewport, viewportControl]);
     React.useEffect(() => {
         const onViewClose = (vp) => {
             if (contentControl.current?.viewport === vp) {

package/lib/esm/appui-react/content/FloatingViewportContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.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 ContentView\n */\n\nimport * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { ViewStateProp } from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FloatingViewportContentControl } from \"./ViewportContentControl\";\nimport { ContentWrapper } from \"./ContentLayout\";\nimport { UiFramework } from \"../UiFramework\";\nimport { useRefs } from \"@itwin/core-react\";\n\n/**\n * @beta\n */\nexport interface FloatingViewportContentProps {\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\n  onContextMenu?: (e: React.MouseEvent) => boolean;\n  /** viewport/content control uniqueId */\n  contentId: string;\n  /** The initial view state used to create the viewport, or a function that returns it (will refresh when the function changes) */\n  initialViewState: ViewStateProp;\n  /** Function to get a reference to the ScreenViewport */\n  viewportRef?: React.Ref<ScreenViewport>;\n}\n\n/** @beta */\nexport function FloatingViewportContent(props: FloatingViewportContentProps) {\n  const { viewportControl } = useFloatingViewport(props);\n  return (\n    <FloatingViewportContentWrapper>\n      {viewportControl}\n    </FloatingViewportContentWrapper>\n  );\n}\n\n/** @alpha */\nexport interface FloatingViewportContentWrapperProps {\n  readonly children?: React.ReactNode;\n}\n\n/** @alpha */\nexport function FloatingViewportContentWrapper({\n  children,\n}: FloatingViewportContentWrapperProps) {\n  return (\n    <div\n      onMouseMove={UiFramework.visibility.handleContentMouseMove}\n      className=\"uifw-dialog-imodel-content\"\n      style={{ height: \"100%\", position: \"relative\" }}\n    >\n      <ContentWrapper\n        content={children}\n        style={{ height: \"100%\", position: \"relative\" }}\n      />\n    </div>\n  );\n}\n\n/** @alpha */\nexport function useFloatingViewport(args: FloatingViewportContentProps) {\n  const { contentId, initialViewState, onContextMenu, viewportRef } = args;\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\n  const contentControl = React.useRef<\n    FloatingViewportContentControl | undefined\n  >();\n\n  const viewState = React.useMemo(\n    () =>\n      typeof initialViewState === \"function\"\n        ? initialViewState()\n        : initialViewState,\n    [initialViewState]\n  );\n  const ref = React.useCallback((v: ScreenViewport) => {\n    setViewport(v);\n  }, []);\n\n  const refs = useRefs(ref, viewportRef);\n  const viewportControl = React.useMemo(() => {\n    const node = (\n      <ViewportComponent\n        key={contentId}\n        imodel={viewState.iModel}\n        viewState={viewState}\n        controlId={contentId}\n        onContextMenu={onContextMenu}\n        viewportRef={refs}\n      />\n    );\n    return node;\n  }, [refs, onContextMenu, viewState, contentId]);\n\n  React.useEffect(() => {\n    if (!contentControl.current) {\n      contentControl.current = new FloatingViewportContentControl(\n        contentId,\n        contentId,\n        null\n      );\n      UiFramework.content.addFloatingContentControl(contentControl.current);\n    }\n    return () => {\n      if (contentControl.current) {\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n  }, [contentId]);\n\n  React.useEffect(() => {\n    if (viewport && contentControl.current) {\n      contentControl.current.viewport = viewport;\n      if (null === contentControl.current.reactNode) {\n        contentControl.current.reactNode = viewportControl;\n      }\n      void contentControl.current.viewport.changeView(viewState);\n    }\n  }, [viewState, viewport, viewportControl]);\n\n  React.useEffect(() => {\n    const onViewClose = (vp: ScreenViewport) => {\n      if (contentControl.current?.viewport === vp) {\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n    return IModelApp.viewManager.onViewClose.addListener(onViewClose);\n  }, []);\n\n  return {\n    viewportControl,\n  };\n}\n"]}
+{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.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 ContentView\n */\n\nimport * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { ViewStateProp } from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FloatingViewportContentControl } from \"./ViewportContentControl\";\nimport { ContentWrapper } from \"./ContentLayout\";\nimport { UiFramework } from \"../UiFramework\";\nimport { useRefs } from \"@itwin/core-react\";\n\n/**\n * @beta\n */\nexport interface FloatingViewportContentProps {\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\n  onContextMenu?: (e: React.MouseEvent) => boolean;\n  /** viewport/content control uniqueId */\n  contentId: string;\n  /** The initial view state used to create the viewport, or a function that returns it (will refresh when the function changes) */\n  initialViewState: ViewStateProp;\n  /** Function to get a reference to the ScreenViewport */\n  viewportRef?: React.Ref<ScreenViewport>;\n}\n\n/** @beta */\nexport function FloatingViewportContent(props: FloatingViewportContentProps) {\n  const { viewportControl } = useFloatingViewport(props);\n  return (\n    <FloatingViewportContentWrapper>\n      {viewportControl}\n    </FloatingViewportContentWrapper>\n  );\n}\n\n/** @alpha */\nexport interface FloatingViewportContentWrapperProps {\n  readonly children?: React.ReactNode;\n}\n\n/** @alpha */\nexport function FloatingViewportContentWrapper({\n  children,\n}: FloatingViewportContentWrapperProps) {\n  return (\n    <div\n      onMouseMove={UiFramework.visibility.handleContentMouseMove}\n      className=\"uifw-dialog-imodel-content\"\n      style={{ height: \"100%\", position: \"relative\" }}\n    >\n      <ContentWrapper\n        content={children}\n        style={{ height: \"100%\", position: \"relative\" }}\n      />\n    </div>\n  );\n}\n\n/** @alpha */\nexport function useFloatingViewport(args: FloatingViewportContentProps) {\n  const { contentId, initialViewState, onContextMenu, viewportRef } = args;\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\n  const contentControl = React.useRef<\n    FloatingViewportContentControl | undefined\n  >();\n\n  const viewState = React.useMemo(\n    () =>\n      typeof initialViewState === \"function\"\n        ? initialViewState()\n        : initialViewState,\n    [initialViewState]\n  );\n  const ref = React.useCallback((v: ScreenViewport) => {\n    setViewport(v);\n  }, []);\n\n  const refs = useRefs(ref, viewportRef);\n  const viewportControl = React.useMemo(() => {\n    const node = (\n      <ViewportComponent\n        key={contentId}\n        imodel={viewState.iModel}\n        viewState={viewState}\n        controlId={contentId}\n        onContextMenu={onContextMenu}\n        viewportRef={refs}\n      />\n    );\n    return node;\n  }, [refs, onContextMenu, viewState, contentId]);\n\n  React.useEffect(() => {\n    if (!contentControl.current) {\n      contentControl.current = new FloatingViewportContentControl(\n        contentId,\n        contentId,\n        null\n      );\n      UiFramework.content.addFloatingContentControl(contentControl.current);\n    }\n    return () => {\n      if (contentControl.current) {\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n  }, [contentId]);\n\n  React.useEffect(() => {\n    if (viewport && contentControl.current) {\n      contentControl.current.viewport = viewport;\n      if (null === contentControl.current.reactNode) {\n        contentControl.current.reactNode = viewportControl;\n      }\n    }\n  }, [viewport, viewportControl]);\n\n  React.useEffect(() => {\n    const onViewClose = (vp: ScreenViewport) => {\n      if (contentControl.current?.viewport === vp) {\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n    return IModelApp.viewManager.onViewClose.addListener(onViewClose);\n  }, []);\n\n  return {\n    viewportControl,\n  };\n}\n"]}

package/lib/esm/appui-react/content/IModelViewport.d.ts.map

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

package/lib/esm/appui-react/content/IModelViewport.js

@@ -43,6 +43,7 @@ export class IModelViewportControl extends ViewportContentControl {
         return "UiFramework.IModelViewportControl";
     }
     constructor(info, _options) {
+        _options = _options ?? {};
         super(info, _options);
         this._options = _options;
         this._featureOptions = {};
@@ -68,6 +69,7 @@ export class IModelViewportControl extends ViewportContentControl {
         this._getViewOverlay = (vp) => {
             return (React.createElement(ViewOverlayHost, { viewport: vp, featureOptions: this._featureOptions, userSuppliedOverlay: this._userSuppliedViewOverlay, "data-testid": "ViewOverlay" }));
         };
+        this._options = _options;
         if (_options.featureOptions)
             this._featureOptions = _options.featureOptions;
         this._alwaysUseSuppliedViewState =

package/lib/esm/appui-react/content/IModelViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"IModelViewport.js","sourceRoot":"","sources":["../../../../src/appui-react/content/IModelViewport.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 ContentView\n */\n\nimport * as React from \"react\";\nimport type { Id64String } from \"@itwin/core-bentley\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport type { ViewStateProp } from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FillCentered } from \"@itwin/core-react\";\n\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { connectIModelConnectionAndViewState } from \"../redux/connectIModel\";\nimport { UiFramework } from \"../UiFramework\";\nimport { DefaultViewOverlay } from \"./DefaultViewOverlay\";\nimport { ViewportContentControl } from \"./ViewportContentControl\";\nimport { StandardRotationNavigationAidControl } from \"../navigationaids/StandardRotationNavigationAid\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { useSelector } from \"react-redux\";\nimport type { FrameworkState } from \"../redux/FrameworkState\";\n\n/** Viewport that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\n * @public\n */\nexport const IModelConnectedViewport = connectIModelConnectionAndViewState(\n  null,\n  null\n)(ViewportComponent);\n\n/** [[IModelViewportControl]] options. These options are set in the applicationData property of the [[ContentProps]].\n * @public\n */\nexport interface IModelViewportControlOptions {\n  /** ViewState or a function to return a ViewState */\n  viewState?: ViewStateProp;\n  /** IModelConnection of data in Viewport */\n  iModelConnection?: IModelConnection | (() => IModelConnection);\n  /** Map of options that can be used to enable/disable features within the view */\n  featureOptions?: { [key: string]: any };\n  /** Optional background color which may be used if viewState and iModelConnection are undefined */\n  bgColor?: string;\n  /** Optional property to always use the supplied `viewState` property instead of using viewport.view when set */\n  alwaysUseSuppliedViewState?: boolean;\n  /** Optional property to supply custom view overlay. Uses when caller want to supply custom overlay component. */\n  supplyViewOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n  /** Optional property to defer reactNode initialization until first reactNode property is needed. Useful when subclassing the `IModelViewportControl`. */\n  deferNodeInitialization?: boolean;\n}\n\ninterface ViewOverlayHostProps {\n  viewport: ScreenViewport;\n  featureOptions?: { [key: string]: any };\n  userSuppliedOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n}\n/** View Overlay component -- exported for testing\n * @internal\n */\n// istanbul ignore next\nexport function ViewOverlayHost({\n  viewport,\n  featureOptions,\n  userSuppliedOverlay,\n}: ViewOverlayHostProps) {\n  const displayViewOverlay = useSelector((state: FrameworkState) => {\n    const frameworkState = (state as any)[UiFramework.frameworkStateKey];\n    return frameworkState\n      ? frameworkState.configurableUiState.viewOverlayDisplay\n      : true;\n  });\n  if (!displayViewOverlay) return null;\n  return userSuppliedOverlay ? (\n    <React.Fragment>{userSuppliedOverlay(viewport)}</React.Fragment>\n  ) : (\n    <DefaultViewOverlay viewport={viewport} featureOptions={featureOptions} />\n  );\n}\n/** iModel Viewport Control\n * @public\n */\n// istanbul ignore next\nexport class IModelViewportControl extends ViewportContentControl {\n  public static get id() {\n    return \"UiFramework.IModelViewportControl\";\n  }\n  protected _featureOptions: { [key: string]: boolean | string } = {};\n  protected _viewState: ViewStateProp | undefined;\n  protected _iModelConnection: IModelConnection | undefined;\n  protected _alwaysUseSuppliedViewState: boolean;\n  private _userSuppliedViewOverlay?: (\n    _viewport: ScreenViewport\n  ) => React.ReactNode;\n\n  constructor(\n    info: ConfigurableCreateInfo,\n    protected _options: IModelViewportControlOptions\n  ) {\n    super(info, _options);\n\n    if (_options.featureOptions) this._featureOptions = _options.featureOptions;\n    this._alwaysUseSuppliedViewState =\n      _options.alwaysUseSuppliedViewState ?? false;\n    this._userSuppliedViewOverlay = _options.supplyViewOverlay;\n\n    if (!_options.deferNodeInitialization) this.initializeReactNode();\n  }\n\n  protected initializeReactNode() {\n    const options = this._options;\n\n    if (options.viewState) this._viewState = options.viewState;\n\n    const iModelConnection =\n      typeof options.iModelConnection === \"function\"\n        ? options.iModelConnection()\n        : options.iModelConnection;\n\n    if (this._viewState && iModelConnection) {\n      /** Passing _determineViewState as a function reference; it is not called here. */\n      this._reactNode = this.getImodelViewportReactElement(\n        iModelConnection,\n        this._determineViewState\n      );\n    } else {\n      if (\n        UiFramework.getIModelConnection() &&\n        UiFramework.getDefaultViewState()\n      ) {\n        this._reactNode = this.getImodelConnectedViewportReactElement();\n      } else {\n        this._reactNode = this.getNoContentReactElement(options);\n        this.setIsReady();\n      }\n    }\n  }\n\n  protected override getReactNode(): React.ReactNode {\n    if (\n      !React.isValidElement(this._reactNode) &&\n      this._options.deferNodeInitialization\n    )\n      this.initializeReactNode();\n\n    return this.getKeyedReactNode();\n  }\n\n  /**\n   * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().\n   * It is called by ViewportComponent on a mount to resolve the viewState.\n   */\n  private _determineViewState = (): ViewState => {\n    let viewState: ViewState;\n\n    if (this.viewport && !this._alwaysUseSuppliedViewState)\n      viewState = this.viewport.view;\n    else if (this._viewState) {\n      if (typeof this._viewState === \"function\") viewState = this._viewState();\n      else viewState = this._viewState;\n    } else\n      throw new UiError(\n        UiFramework.loggerCategory(this),\n        \"No ViewState could be determined\"\n      );\n\n    return viewState!;\n  };\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelConnectedViewportReactElement(): React.ReactNode {\n    return (\n      <IModelConnectedViewport\n        viewportRef={(v: ScreenViewport) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelViewportReactElement(\n    iModelConnection: IModelConnection,\n    viewState: ViewStateProp\n  ): React.ReactNode {\n    return (\n      <ViewportComponent\n        viewState={viewState}\n        imodel={iModelConnection}\n        controlId={this.controlId}\n        viewportRef={(v: ScreenViewport) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will be shown when no iModel data is available */\n  protected getNoContentReactElement(\n    _options: IModelViewportControlOptions\n  ): React.ReactNode {\n    const noContent = UiFramework.translate(\"general.no-content\");\n    return <FillCentered> {noContent} </FillCentered>;\n  }\n\n  /** Get the React.Element for a ViewSelector change. */\n  public override getReactElementForViewSelectorChange(\n    iModelConnection: IModelConnection,\n    _unusedViewDefinitionId: Id64String,\n    viewState: ViewState,\n    _name: string\n  ): React.ReactNode {\n    return this.getImodelViewportReactElement(iModelConnection, viewState);\n  }\n\n  /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */\n  protected _getViewOverlay = (vp: ScreenViewport): React.ReactNode => {\n    return (\n      <ViewOverlayHost\n        viewport={vp}\n        featureOptions={this._featureOptions}\n        userSuppliedOverlay={this._userSuppliedViewOverlay}\n        data-testid=\"ViewOverlay\"\n      />\n    );\n  };\n\n  /** Get the NavigationAidControl associated with this ContentControl */\n  public override get navigationAidControl(): string {\n    if (this.viewport) return super.navigationAidControl;\n    else return StandardRotationNavigationAidControl.navigationAidId;\n  }\n}\n\nUiFramework.controls.register(IModelViewportControl.id, IModelViewportControl);\n"]}
+{"version":3,"file":"IModelViewport.js","sourceRoot":"","sources":["../../../../src/appui-react/content/IModelViewport.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 ContentView\n */\n\nimport * as React from \"react\";\nimport type { Id64String } from \"@itwin/core-bentley\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport type { ViewStateProp } from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FillCentered } from \"@itwin/core-react\";\n\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { connectIModelConnectionAndViewState } from \"../redux/connectIModel\";\nimport { UiFramework } from \"../UiFramework\";\nimport { DefaultViewOverlay } from \"./DefaultViewOverlay\";\nimport { ViewportContentControl } from \"./ViewportContentControl\";\nimport { StandardRotationNavigationAidControl } from \"../navigationaids/StandardRotationNavigationAid\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { useSelector } from \"react-redux\";\nimport type { FrameworkState } from \"../redux/FrameworkState\";\n\n/** Viewport that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\n * @public\n */\nexport const IModelConnectedViewport = connectIModelConnectionAndViewState(\n  null,\n  null\n)(ViewportComponent);\n\n/** [[IModelViewportControl]] options. These options are set in the applicationData property of the [[ContentProps]].\n * @public\n */\nexport interface IModelViewportControlOptions {\n  /** ViewState or a function to return a ViewState */\n  viewState?: ViewStateProp;\n  /** IModelConnection of data in Viewport */\n  iModelConnection?: IModelConnection | (() => IModelConnection);\n  /** Map of options that can be used to enable/disable features within the view */\n  featureOptions?: { [key: string]: any };\n  /** Optional background color which may be used if viewState and iModelConnection are undefined */\n  bgColor?: string;\n  /** Optional property to always use the supplied `viewState` property instead of using viewport.view when set */\n  alwaysUseSuppliedViewState?: boolean;\n  /** Optional property to supply custom view overlay. Uses when caller want to supply custom overlay component. */\n  supplyViewOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n  /** Optional property to defer reactNode initialization until first reactNode property is needed. Useful when subclassing the `IModelViewportControl`. */\n  deferNodeInitialization?: boolean;\n}\n\ninterface ViewOverlayHostProps {\n  viewport: ScreenViewport;\n  featureOptions?: { [key: string]: any };\n  userSuppliedOverlay?: (_viewport: ScreenViewport) => React.ReactNode;\n}\n/** View Overlay component -- exported for testing\n * @internal\n */\n// istanbul ignore next\nexport function ViewOverlayHost({\n  viewport,\n  featureOptions,\n  userSuppliedOverlay,\n}: ViewOverlayHostProps) {\n  const displayViewOverlay = useSelector((state: FrameworkState) => {\n    const frameworkState: FrameworkState = (state as any)[\n      UiFramework.frameworkStateKey\n    ];\n    return frameworkState\n      ? frameworkState.configurableUiState.viewOverlayDisplay\n      : true;\n  });\n  if (!displayViewOverlay) return null;\n  return userSuppliedOverlay ? (\n    <React.Fragment>{userSuppliedOverlay(viewport)}</React.Fragment>\n  ) : (\n    <DefaultViewOverlay viewport={viewport} featureOptions={featureOptions} />\n  );\n}\n/** iModel Viewport Control\n * @public\n */\n// istanbul ignore next\nexport class IModelViewportControl extends ViewportContentControl {\n  public static get id() {\n    return \"UiFramework.IModelViewportControl\";\n  }\n  protected _featureOptions: { [key: string]: boolean | string } = {};\n  protected _viewState: ViewStateProp | undefined;\n  protected _iModelConnection: IModelConnection | undefined;\n  protected _alwaysUseSuppliedViewState: boolean;\n  private _userSuppliedViewOverlay?: (\n    _viewport: ScreenViewport\n  ) => React.ReactNode;\n\n  constructor(\n    info: ConfigurableCreateInfo,\n    protected _options: IModelViewportControlOptions\n  ) {\n    _options = _options ?? {};\n    super(info, _options);\n    this._options = _options;\n\n    if (_options.featureOptions) this._featureOptions = _options.featureOptions;\n    this._alwaysUseSuppliedViewState =\n      _options.alwaysUseSuppliedViewState ?? false;\n    this._userSuppliedViewOverlay = _options.supplyViewOverlay;\n\n    if (!_options.deferNodeInitialization) this.initializeReactNode();\n  }\n\n  protected initializeReactNode() {\n    const options = this._options;\n\n    if (options.viewState) this._viewState = options.viewState;\n\n    const iModelConnection =\n      typeof options.iModelConnection === \"function\"\n        ? options.iModelConnection()\n        : options.iModelConnection;\n\n    if (this._viewState && iModelConnection) {\n      /** Passing _determineViewState as a function reference; it is not called here. */\n      this._reactNode = this.getImodelViewportReactElement(\n        iModelConnection,\n        this._determineViewState\n      );\n    } else {\n      if (\n        UiFramework.getIModelConnection() &&\n        UiFramework.getDefaultViewState()\n      ) {\n        this._reactNode = this.getImodelConnectedViewportReactElement();\n      } else {\n        this._reactNode = this.getNoContentReactElement(options);\n        this.setIsReady();\n      }\n    }\n  }\n\n  protected override getReactNode(): React.ReactNode {\n    if (\n      !React.isValidElement(this._reactNode) &&\n      this._options.deferNodeInitialization\n    )\n      this.initializeReactNode();\n\n    return this.getKeyedReactNode();\n  }\n\n  /**\n   * This is passed as a function to the ViewportComponent as the `viewState` prop in getImodelViewportReactElement().\n   * It is called by ViewportComponent on a mount to resolve the viewState.\n   */\n  private _determineViewState = (): ViewState => {\n    let viewState: ViewState;\n\n    if (this.viewport && !this._alwaysUseSuppliedViewState)\n      viewState = this.viewport.view;\n    else if (this._viewState) {\n      if (typeof this._viewState === \"function\") viewState = this._viewState();\n      else viewState = this._viewState;\n    } else\n      throw new UiError(\n        UiFramework.loggerCategory(this),\n        \"No ViewState could be determined\"\n      );\n\n    return viewState!;\n  };\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelConnectedViewportReactElement(): React.ReactNode {\n    return (\n      <IModelConnectedViewport\n        viewportRef={(v: ScreenViewport) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will contain the Viewport */\n  protected getImodelViewportReactElement(\n    iModelConnection: IModelConnection,\n    viewState: ViewStateProp\n  ): React.ReactNode {\n    return (\n      <ViewportComponent\n        viewState={viewState}\n        imodel={iModelConnection}\n        controlId={this.controlId}\n        viewportRef={(v: ScreenViewport) => {\n          this.viewport = v;\n          // for convenience, if window defined bind viewport to window\n          if (undefined !== window) (window as any).viewport = v;\n          if (!UiFramework.frontstages.isLoading)\n            UiFramework.frontstages.activeFrontstageDef?.setActiveViewFromViewport(\n              v\n            );\n        }}\n        getViewOverlay={this._getViewOverlay}\n      />\n    );\n  }\n\n  /** Get the React component that will be shown when no iModel data is available */\n  protected getNoContentReactElement(\n    _options: IModelViewportControlOptions\n  ): React.ReactNode {\n    const noContent = UiFramework.translate(\"general.no-content\");\n    return <FillCentered> {noContent} </FillCentered>;\n  }\n\n  /** Get the React.Element for a ViewSelector change. */\n  public override getReactElementForViewSelectorChange(\n    iModelConnection: IModelConnection,\n    _unusedViewDefinitionId: Id64String,\n    viewState: ViewState,\n    _name: string\n  ): React.ReactNode {\n    return this.getImodelViewportReactElement(iModelConnection, viewState);\n  }\n\n  /** Get the default ViewOverlay unless parameter is set to not use it. May be override in an application specific sub-class  */\n  protected _getViewOverlay = (vp: ScreenViewport): React.ReactNode => {\n    return (\n      <ViewOverlayHost\n        viewport={vp}\n        featureOptions={this._featureOptions}\n        userSuppliedOverlay={this._userSuppliedViewOverlay}\n        data-testid=\"ViewOverlay\"\n      />\n    );\n  };\n\n  /** Get the NavigationAidControl associated with this ContentControl */\n  public override get navigationAidControl(): string {\n    if (this.viewport) return super.navigationAidControl;\n    else return StandardRotationNavigationAidControl.navigationAidId;\n  }\n}\n\nUiFramework.controls.register(IModelViewportControl.id, IModelViewportControl);\n"]}

package/lib/esm/appui-react/feedback/ValidationTextbox.js

@@ -8,7 +8,7 @@
 import "./ValidationTextbox.scss";
 import classnames from "classnames";
 import * as React from "react";
-import { SpecialKey } from "@itwin/appui-abstract";
+import { Key } from "ts-key-enum";
 import { MessageManager } from "../messages/MessageManager";
 import { Input } from "@itwin/itwinui-react";
 /** Enum for Input Status used in [[ValidationTextbox]]
@@ -42,12 +42,12 @@ export class ValidationTextbox extends React.PureComponent {
         this._handleKeyUp = (event) => {
             this.processValidateText(event.target);
             switch (event.key) {
-                case SpecialKey.Escape:
+                case Key.Escape:
                     // istanbul ignore else
                     if (this.props.onEscPressed)
                         this.props.onEscPressed();
                     break;
-                case SpecialKey.Enter:
+                case Key.Enter:
                     // istanbul ignore else
                     if (this.props.onEnterPressed)
                         this.props.onEnterPressed();

package/lib/esm/appui-react/feedback/ValidationTextbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.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 Notification\n */\n\nimport \"./ValidationTextbox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { Input } from \"@itwin/itwinui-react\";\n\n/** Enum for Input Status used in [[ValidationTextbox]]\n * @alpha\n */\nexport enum InputStatus {\n  Valid = 0,\n  Invalid = 1,\n}\n\n/** Property interface for ValidationTextbox\n * @alpha\n */\ninterface ValidationTextboxProps extends CommonProps {\n  /** value to set ValidationTextbox to initially */\n  initialValue?: string;\n  /** placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\n  onValueChanged?: (value: string) => InputStatus;\n  /** listens for <Enter> key presses */\n  onEnterPressed?: () => void;\n  /** listens for <Esc> key presses */\n  onEscPressed?: () => void;\n  /** width of ValidationTextbox, measured in em */\n  size?: number;\n  /** Error message to display */\n  errorText?: string;\n  /** Detailed error message to display */\n  detailedErrorText?: string;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ValidationTextboxState {\n  isValid: boolean;\n}\n\n/**\n * Input box that validates text based on provided criteria. Defaults to checking\n * for empty if no method for onValueChanged is provided.\n * @alpha\n */\nexport class ValidationTextbox extends React.PureComponent<\n  ValidationTextboxProps,\n  ValidationTextboxState\n> {\n  constructor(props: ValidationTextboxProps) {\n    super(props);\n\n    this.state = { isValid: true };\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const sizeStyle: React.CSSProperties = {\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\n    };\n    const divStyle: React.CSSProperties = {\n      ...sizeStyle,\n      ...this.props.style,\n    };\n\n    const validClassNames = classnames(\"ValidationTextbox-input\");\n\n    const invalidClassNames = classnames(\n      \"ValidationTextbox-input\",\n      \"ValidationTextbox-invalid\"\n    );\n\n    return (\n      <div\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\n        style={divStyle}\n      >\n        <Input\n          className={this.state.isValid ? validClassNames : invalidClassNames}\n          onChange={this._validateText}\n          onKeyUp={this._handleKeyUp}\n          onPaste={this._validateText}\n          onCut={this._validateText}\n          onBlur={this._validateText}\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\n          style={sizeStyle}\n        />\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private processValidateText(target: HTMLInputElement | undefined): void {\n    // istanbul ignore next\n    if (undefined === target) return;\n\n    const value = target.value;\n    const isValid = this._calculateIsValid(value);\n\n    this.setState({ isValid }, () => {\n      if (this.state.isValid) {\n        this._hideErrorMessage();\n      } else {\n        // istanbul ignore else\n        if (this.props.errorText && !this.state.isValid)\n          this._showErrorMessage(target);\n      }\n    });\n  }\n\n  /**\n   * Determines if value is valid and resolves any defined functions.\n   * Also will show or hide error message if defined.\n   * @param event   Button press event that triggers validation\n   */\n  private _validateText = (event?: any): void => {\n    this.processValidateText(event.target as HTMLInputElement);\n  };\n\n  /**\n   * Determines if value provided is valid by calling user defined\n   * function. If no function is provided, the default criteria for\n   * validity is if the value has been defined.\n   * @param value   The value provided in textbox\n   */\n  private _calculateIsValid(value: string): boolean {\n    if (this.props.onValueChanged)\n      return this.props.onValueChanged(value) === InputStatus.Valid\n        ? /* istanbul ignore next */ true\n        : false;\n    return value.length > 0;\n  }\n\n  /** Hides error message */\n  private _hideErrorMessage() {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Displays error message. */\n  private _showErrorMessage(target: Element) {\n    MessageManager.displayInputFieldMessage(\n      target as HTMLElement,\n      this.props.errorText!,\n      this.props.detailedErrorText\n    );\n    return;\n  }\n\n  /**\n   * Manages special key codes by calling user defined functions\n   * @param event   Keyup event\n   */\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    this.processValidateText(event.target as HTMLInputElement);\n\n    switch (event.key) {\n      case SpecialKey.Escape:\n        // istanbul ignore else\n        if (this.props.onEscPressed) this.props.onEscPressed();\n        break;\n      case SpecialKey.Enter:\n        // istanbul ignore else\n        if (this.props.onEnterPressed) this.props.onEnterPressed();\n        break;\n    }\n  };\n}\n"]}
+{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.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 Notification\n */\n\nimport \"./ValidationTextbox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { Input } from \"@itwin/itwinui-react\";\n\n/** Enum for Input Status used in [[ValidationTextbox]]\n * @alpha\n */\nexport enum InputStatus {\n  Valid = 0,\n  Invalid = 1,\n}\n\n/** Property interface for ValidationTextbox\n * @alpha\n */\ninterface ValidationTextboxProps extends CommonProps {\n  /** value to set ValidationTextbox to initially */\n  initialValue?: string;\n  /** placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\n  onValueChanged?: (value: string) => InputStatus;\n  /** listens for <Enter> key presses */\n  onEnterPressed?: () => void;\n  /** listens for <Esc> key presses */\n  onEscPressed?: () => void;\n  /** width of ValidationTextbox, measured in em */\n  size?: number;\n  /** Error message to display */\n  errorText?: string;\n  /** Detailed error message to display */\n  detailedErrorText?: string;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ValidationTextboxState {\n  isValid: boolean;\n}\n\n/**\n * Input box that validates text based on provided criteria. Defaults to checking\n * for empty if no method for onValueChanged is provided.\n * @alpha\n */\nexport class ValidationTextbox extends React.PureComponent<\n  ValidationTextboxProps,\n  ValidationTextboxState\n> {\n  constructor(props: ValidationTextboxProps) {\n    super(props);\n\n    this.state = { isValid: true };\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const sizeStyle: React.CSSProperties = {\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\n    };\n    const divStyle: React.CSSProperties = {\n      ...sizeStyle,\n      ...this.props.style,\n    };\n\n    const validClassNames = classnames(\"ValidationTextbox-input\");\n\n    const invalidClassNames = classnames(\n      \"ValidationTextbox-input\",\n      \"ValidationTextbox-invalid\"\n    );\n\n    return (\n      <div\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\n        style={divStyle}\n      >\n        <Input\n          className={this.state.isValid ? validClassNames : invalidClassNames}\n          onChange={this._validateText}\n          onKeyUp={this._handleKeyUp}\n          onPaste={this._validateText}\n          onCut={this._validateText}\n          onBlur={this._validateText}\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\n          style={sizeStyle}\n        />\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private processValidateText(target: HTMLInputElement | undefined): void {\n    // istanbul ignore next\n    if (undefined === target) return;\n\n    const value = target.value;\n    const isValid = this._calculateIsValid(value);\n\n    this.setState({ isValid }, () => {\n      if (this.state.isValid) {\n        this._hideErrorMessage();\n      } else {\n        // istanbul ignore else\n        if (this.props.errorText && !this.state.isValid)\n          this._showErrorMessage(target);\n      }\n    });\n  }\n\n  /**\n   * Determines if value is valid and resolves any defined functions.\n   * Also will show or hide error message if defined.\n   * @param event   Button press event that triggers validation\n   */\n  private _validateText = (event?: any): void => {\n    this.processValidateText(event.target as HTMLInputElement);\n  };\n\n  /**\n   * Determines if value provided is valid by calling user defined\n   * function. If no function is provided, the default criteria for\n   * validity is if the value has been defined.\n   * @param value   The value provided in textbox\n   */\n  private _calculateIsValid(value: string): boolean {\n    if (this.props.onValueChanged)\n      return this.props.onValueChanged(value) === InputStatus.Valid\n        ? /* istanbul ignore next */ true\n        : false;\n    return value.length > 0;\n  }\n\n  /** Hides error message */\n  private _hideErrorMessage() {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Displays error message. */\n  private _showErrorMessage(target: Element) {\n    MessageManager.displayInputFieldMessage(\n      target as HTMLElement,\n      this.props.errorText!,\n      this.props.detailedErrorText\n    );\n    return;\n  }\n\n  /**\n   * Manages special key codes by calling user defined functions\n   * @param event   Keyup event\n   */\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    this.processValidateText(event.target as HTMLInputElement);\n\n    switch (event.key) {\n      case Key.Escape:\n        // istanbul ignore else\n        if (this.props.onEscPressed) this.props.onEscPressed();\n        break;\n      case Key.Enter:\n        // istanbul ignore else\n        if (this.props.onEnterPressed) this.props.onEnterPressed();\n        break;\n    }\n  };\n}\n"]}

package/lib/esm/appui-react/framework/FrameworkKeyboardShortcuts.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module KeyboardShortcut
  */
-import type { FunctionKey, SpecialKey } from "@itwin/appui-abstract";
+import type { Key } from "ts-key-enum";
 import type { ActionButtonItemDef } from "../shared/ActionButtonItemDef";
 import type { ItemDefBase } from "../shared/ItemDefBase";
 import type { ItemProps } from "../shared/ItemProps";
@@ -12,7 +12,7 @@ export interface KeyboardShortcutProps extends ItemProps {
     /** The key that invokes the shortcut.
      * This is either an alphanumeric key, a function key or a special key.
      */
-    key: string | FunctionKey | SpecialKey;
+    key: string | Key;
     /** The item to execute when this shortcut is invoked. Either 'item' or 'shortcuts' must be specified. */
     item?: ActionButtonItemDef;
     /** Nested array of shortcut props. Either 'item' or 'shortcuts' must be specified. */

package/lib/esm/appui-react/framework/FrameworkKeyboardShortcuts.d.ts.map

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

package/lib/esm/appui-react/framework/FrameworkKeyboardShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameworkKeyboardShortcuts.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkKeyboardShortcuts.ts"],"names":[],"mappings":"","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 KeyboardShortcut\n */\nimport type { FunctionKey, SpecialKey } from \"@itwin/appui-abstract\";\nimport type { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\nimport type { ItemDefBase } from \"../shared/ItemDefBase\";\nimport type { ItemProps } from \"../shared/ItemProps\";\n\n/** Properties for a Keyboard Shortcut\n * @public\n */\nexport interface KeyboardShortcutProps extends ItemProps {\n  /** The key that invokes the shortcut.\n   * This is either an alphanumeric key, a function key or a special key.\n   */\n  key: string | FunctionKey | SpecialKey;\n\n  /** The item to execute when this shortcut is invoked. Either 'item' or 'shortcuts' must be specified. */\n  item?: ActionButtonItemDef;\n  /** Nested array of shortcut props. Either 'item' or 'shortcuts' must be specified. */\n  shortcuts?: KeyboardShortcutProps[];\n\n  /** Indicates whether the Alt key required. Default - false */\n  isAltKeyRequired?: boolean;\n  /** Indicates whether the Ctrl key required. Default - false */\n  isCtrlKeyRequired?: boolean;\n  /** Indicates whether the Shift key required. Default - false */\n  isShiftKeyRequired?: boolean;\n}\n\n/** Keyboard Shortcut used to execute an action\n * @public\n */\nexport interface FrameworkKeyboardShortcut extends ItemDefBase {\n  /** Returns the id for this shortcut */\n  readonly id: string;\n\n  /** Returns the shortcut container */\n  readonly shortcutContainer: FrameworkKeyboardShortcutContainer;\n\n  /** Finds a shortcut with a given key in the shortcut's container */\n  getShortcut(mapKey: string): FrameworkKeyboardShortcut | undefined;\n\n  /** Returns the shortcut's key map key used as the id */\n  readonly keyMapKey: string;\n\n  /** Returns the [[ActionButtonItemDef]] associated with this shortcut */\n  readonly item: ActionButtonItemDef | undefined;\n\n  /** Called when the [[ActionButtonItemDef]] associated with this shortcut is invoked */\n  itemPicked(): void;\n\n  /** Gets the keyboard key */\n  readonly key: string;\n  /** Gets whether the Alt key required. */\n  readonly isAltKeyRequired: boolean;\n  /** Gets whether the Ctrl key required. */\n  readonly isCtrlKeyRequired: boolean;\n  /** Gets whether the Shift key required. */\n  readonly isShiftKeyRequired: boolean;\n  /** Gets whether this is a Function key. */\n  readonly isFunctionKey: boolean;\n  /** Gets whether this is a Special key. */\n  readonly isSpecialKey: boolean;\n}\n\n/** Keyboard Shortcut Container\n * @public\n */\nexport interface FrameworkKeyboardShortcutContainer {\n  /** Registers a Keyboard Shortcut associated with a given key in the managed list */\n  registerKey(\n    keyMapKey: string,\n    inShortcut: FrameworkKeyboardShortcut\n  ): FrameworkKeyboardShortcut | undefined;\n\n  /** Finds a Keyboard Shortcut associated with a given key */\n  findKey(keyMapKey: string): FrameworkKeyboardShortcut | undefined;\n\n  /** Determines if any Keyboard Shortcuts are available in this container */\n  areKeyboardShortcutsAvailable(): boolean;\n\n  /** Empties any Keyboard Shortcuts from this container */\n  emptyData(): void;\n\n  getAvailableKeyboardShortcuts(): FrameworkKeyboardShortcut[];\n\n  /** Displays a menu for the Keyboard Shortcuts in this container */\n  showShortcutsMenu(): void;\n}\n\n/**\n * [[UiFramework.keyboardShortcuts]] interface\n * @public\n */\nexport interface FrameworkKeyboardShortcuts {\n  /** Loads Keyboard Shortcuts into the managed list */\n  loadShortcuts(shortcutList: KeyboardShortcutProps[]): void;\n\n  /** Loads a Keyboard Shortcut into the managed list */\n  loadShortcut(shortcutProps: KeyboardShortcutProps): void;\n\n  /** Processes a keystroke and invokes a matching Keyboard Shortcut */\n  processKey(\n    keyboardKey: string,\n    isAltKeyPressed?: boolean,\n    isCtrlKeyPressed?: boolean,\n    isShiftKeyPressed?: boolean\n  ): boolean;\n\n  /** Returns the managed list of Keyboard Shortcuts */\n  readonly shortcutContainer: FrameworkKeyboardShortcutContainer;\n\n  /** Returns a Keyboard Shortcut from the managed lists */\n  getShortcut(keyMapKey: string): FrameworkKeyboardShortcut | undefined;\n\n  /** Determines if focus is set to Home */\n  readonly isFocusOnHome: boolean;\n\n  /** Sets focus to Home */\n  setFocusToHome(): void;\n\n  /** Displays the Keyboard Shortcuts menu at the cursor */\n  displayMenu(): void;\n\n  /** Closes the Keyboard Shortcuts menu */\n  closeMenu(): void;\n\n  /** Returns the cursor X position, which is mouseEvent.pageX. */\n  readonly cursorX: number;\n  /** Returns the cursor Y position, which is mouseEvent.pageY. */\n  readonly cursorY: number;\n}\n"]}
+{"version":3,"file":"FrameworkKeyboardShortcuts.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkKeyboardShortcuts.ts"],"names":[],"mappings":"","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 KeyboardShortcut\n */\nimport type { Key } from \"ts-key-enum\";\nimport type { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\nimport type { ItemDefBase } from \"../shared/ItemDefBase\";\nimport type { ItemProps } from \"../shared/ItemProps\";\n\n/** Properties for a Keyboard Shortcut\n * @public\n */\nexport interface KeyboardShortcutProps extends ItemProps {\n  /** The key that invokes the shortcut.\n   * This is either an alphanumeric key, a function key or a special key.\n   */\n  key: string | Key;\n\n  /** The item to execute when this shortcut is invoked. Either 'item' or 'shortcuts' must be specified. */\n  item?: ActionButtonItemDef;\n  /** Nested array of shortcut props. Either 'item' or 'shortcuts' must be specified. */\n  shortcuts?: KeyboardShortcutProps[];\n\n  /** Indicates whether the Alt key required. Default - false */\n  isAltKeyRequired?: boolean;\n  /** Indicates whether the Ctrl key required. Default - false */\n  isCtrlKeyRequired?: boolean;\n  /** Indicates whether the Shift key required. Default - false */\n  isShiftKeyRequired?: boolean;\n}\n\n/** Keyboard Shortcut used to execute an action\n * @public\n */\nexport interface FrameworkKeyboardShortcut extends ItemDefBase {\n  /** Returns the id for this shortcut */\n  readonly id: string;\n\n  /** Returns the shortcut container */\n  readonly shortcutContainer: FrameworkKeyboardShortcutContainer;\n\n  /** Finds a shortcut with a given key in the shortcut's container */\n  getShortcut(mapKey: string): FrameworkKeyboardShortcut | undefined;\n\n  /** Returns the shortcut's key map key used as the id */\n  readonly keyMapKey: string;\n\n  /** Returns the [[ActionButtonItemDef]] associated with this shortcut */\n  readonly item: ActionButtonItemDef | undefined;\n\n  /** Called when the [[ActionButtonItemDef]] associated with this shortcut is invoked */\n  itemPicked(): void;\n\n  /** Gets the keyboard key */\n  readonly key: string;\n  /** Gets whether the Alt key required. */\n  readonly isAltKeyRequired: boolean;\n  /** Gets whether the Ctrl key required. */\n  readonly isCtrlKeyRequired: boolean;\n  /** Gets whether the Shift key required. */\n  readonly isShiftKeyRequired: boolean;\n  /** Gets whether this is a Function key. */\n  readonly isFunctionKey: boolean;\n  /** Gets whether this is a Special key. */\n  readonly isSpecialKey: boolean;\n}\n\n/** Keyboard Shortcut Container\n * @public\n */\nexport interface FrameworkKeyboardShortcutContainer {\n  /** Registers a Keyboard Shortcut associated with a given key in the managed list */\n  registerKey(\n    keyMapKey: string,\n    inShortcut: FrameworkKeyboardShortcut\n  ): FrameworkKeyboardShortcut | undefined;\n\n  /** Finds a Keyboard Shortcut associated with a given key */\n  findKey(keyMapKey: string): FrameworkKeyboardShortcut | undefined;\n\n  /** Determines if any Keyboard Shortcuts are available in this container */\n  areKeyboardShortcutsAvailable(): boolean;\n\n  /** Empties any Keyboard Shortcuts from this container */\n  emptyData(): void;\n\n  getAvailableKeyboardShortcuts(): FrameworkKeyboardShortcut[];\n\n  /** Displays a menu for the Keyboard Shortcuts in this container */\n  showShortcutsMenu(): void;\n}\n\n/**\n * [[UiFramework.keyboardShortcuts]] interface\n * @public\n */\nexport interface FrameworkKeyboardShortcuts {\n  /** Loads Keyboard Shortcuts into the managed list */\n  loadShortcuts(shortcutList: KeyboardShortcutProps[]): void;\n\n  /** Loads a Keyboard Shortcut into the managed list */\n  loadShortcut(shortcutProps: KeyboardShortcutProps): void;\n\n  /** Processes a keystroke and invokes a matching Keyboard Shortcut */\n  processKey(\n    keyboardKey: string,\n    isAltKeyPressed?: boolean,\n    isCtrlKeyPressed?: boolean,\n    isShiftKeyPressed?: boolean\n  ): boolean;\n\n  /** Returns the managed list of Keyboard Shortcuts */\n  readonly shortcutContainer: FrameworkKeyboardShortcutContainer;\n\n  /** Returns a Keyboard Shortcut from the managed lists */\n  getShortcut(keyMapKey: string): FrameworkKeyboardShortcut | undefined;\n\n  /** Determines if focus is set to Home */\n  readonly isFocusOnHome: boolean;\n\n  /** Sets focus to Home */\n  setFocusToHome(): void;\n\n  /** Displays the Keyboard Shortcuts menu at the cursor */\n  displayMenu(): void;\n\n  /** Closes the Keyboard Shortcuts menu */\n  closeMenu(): void;\n\n  /** Returns the cursor X position, which is mouseEvent.pageX. */\n  readonly cursorX: number;\n  /** Returns the cursor Y position, which is mouseEvent.pageY. */\n  readonly cursorY: number;\n}\n"]}