@itwin/appui-react 4.17.1 → 5.0.0-dev.2

package/lib/esm/appui-react/layout/widget-panels/useAnimatePanel.js

@@ -1,165 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import * as React from "react";
-import { assert } from "@itwin/core-bentley";
-import { DraggedPanelSideContext } from "../base/DragManager";
-import { NineZoneDispatchContext } from "../base/NineZone";
-import { useLayout } from "../base/LayoutStore";
-import { isHorizontalPanelSide, PanelSideContext } from "./Panel";
-/** @internal */
-export function useAnimatePanel() {
-    const side = React.useContext(PanelSideContext);
-    assert(!!side);
-    const draggedPanelSide = React.useContext(DraggedPanelSideContext);
-    const dispatch = React.useContext(NineZoneDispatchContext);
-    const captured = draggedPanelSide === side;
-    const [contentSize, setContentSize] = React.useState();
-    const [prepareTransition, setPrepareTransition] = React.useState(false);
-    const [transition, setTransition] = React.useState();
-    const [panelSize, setPanelSize] = React.useState();
-    const [initializing, setInitializing] = React.useState(false);
-    const horizontal = isHorizontalPanelSide(side);
-    const animateFrom = React.useRef();
-    const animateTo = React.useRef(0);
-    const maxPanelSize = React.useRef();
-    const collapsing = React.useRef();
-    const ref = React.useRef(null);
-    const panel = useLayout((state) => {
-        const p = state.panels[side];
-        return {
-            collapsed: p.collapsed,
-            size: p.size,
-            minSize: p.minSize,
-        };
-    }, true);
-    const [prevCollapsed, setPrevCollapsed] = React.useState(panel.collapsed);
-    if (prevCollapsed !== panel.collapsed) {
-        setPrevCollapsed(panel.collapsed);
-        let from = animateFrom.current;
-        if (from === undefined && ref.current) {
-            const bounds = ref.current.getBoundingClientRect();
-            from = getPanelSize(horizontal, bounds);
-        }
-        animateFrom.current = from;
-        setPanelSize(undefined);
-        setContentSize(undefined);
-        setTransition(undefined);
-        setPrepareTransition(true);
-        if (panel.collapsed) {
-            collapsing.current = "collapsing";
-            maxPanelSize.current = from;
-        }
-        else {
-            collapsing.current = "expanding";
-        }
-    }
-    const [prevSize, setPrevSize] = React.useState(panel.size);
-    if (prevSize !== panel.size) {
-        setPrevSize(panel.size);
-        if (initializing) {
-            // Panel is initializing (via dispatched PANEL_INITIALIZE), need to re-measure animateTo.
-            maxPanelSize.current = undefined;
-            setPanelSize(undefined);
-            setContentSize(undefined);
-            setTransition(undefined);
-            setPrepareTransition(true);
-        }
-        else if (collapsing.current === "collapsing") {
-            // Panel is collapsing, ignore size changes.
-        }
-        else if (!captured && ref.current && prevSize !== undefined) {
-            // Panel is expanding
-            animateFrom.current = getPanelSize(horizontal, ref.current.getBoundingClientRect());
-            setPanelSize(undefined);
-            setContentSize(undefined);
-            setTransition(undefined);
-            setPrepareTransition(true);
-        }
-        else {
-            // Panel is resizing, do not transition.
-            setPanelSize(undefined);
-            setContentSize(undefined);
-            setTransition(undefined);
-            animateFrom.current = undefined;
-            collapsing.current = undefined;
-        }
-    }
-    React.useLayoutEffect(() => {
-        if (panel.size !== undefined || panel.collapsed)
-            return;
-        assert(!!ref.current);
-        const bounds = ref.current.getBoundingClientRect();
-        const newSize = getPanelSize(horizontal, bounds);
-        dispatch({
-            type: "PANEL_INITIALIZE",
-            side,
-            size: newSize,
-        });
-        setInitializing(true);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [panel.size, panel.collapsed]);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    React.useLayoutEffect(() => {
-        if (!prepareTransition)
-            return;
-        setPrepareTransition(false);
-        assert(!!ref.current);
-        animateTo.current = getPanelSize(horizontal, ref.current.getBoundingClientRect());
-        if (animateFrom.current === animateTo.current) {
-            maxPanelSize.current = undefined;
-            animateFrom.current = undefined;
-            collapsing.current = undefined;
-            setPanelSize(undefined);
-            setContentSize(undefined);
-            setTransition(undefined);
-            return;
-        }
-        if (collapsing.current === "expanding" &&
-            maxPanelSize.current === undefined) {
-            maxPanelSize.current = animateTo.current;
-        }
-        setPanelSize(animateFrom.current);
-        setContentSize(maxPanelSize.current);
-        setTransition("init");
-    });
-    React.useLayoutEffect(() => {
-        if (transition !== "init")
-            return;
-        const handle = window.requestAnimationFrame(() => {
-            animateFrom.current = undefined;
-            setTransition("transition");
-            setPanelSize(animateTo.current);
-        });
-        return () => {
-            window.cancelAnimationFrame(handle);
-        };
-    });
-    React.useEffect(() => {
-        setInitializing(false);
-    }, [initializing]);
-    const handleTransitionEnd = React.useCallback((e) => {
-        if (e.target !== ref.current)
-            return;
-        maxPanelSize.current = undefined;
-        collapsing.current = undefined;
-        animateFrom.current = undefined;
-        setPanelSize(undefined);
-        setContentSize(undefined);
-        setTransition(undefined);
-    }, []);
-    const size = React.useMemo(() => {
-        if (panelSize !== undefined)
-            return panelSize;
-        return panel.collapsed ? 0 : panel.size ?? panel.minSize;
-    }, [panel.size, panel.collapsed, panel.minSize, panelSize]);
-    return { ref, size, handleTransitionEnd, contentSize, transition };
-}
-function getPanelSize(horizontal, size) {
-    return horizontal ? size.height : size.width;
-}
-//# sourceMappingURL=useAnimatePanel.js.map

package/lib/esm/appui-react/layout/widget-panels/useAnimatePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimatePanel.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/useAnimatePanel.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 WidgetPanels\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { DraggedPanelSideContext } from \"../base/DragManager\";\nimport { NineZoneDispatchContext } from \"../base/NineZone\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { isHorizontalPanelSide, PanelSideContext } from \"./Panel\";\nimport type { SizeProps } from \"../../utils/SizeProps\";\n\n/** @internal */\nexport function useAnimatePanel() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const draggedPanelSide = React.useContext(DraggedPanelSideContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const captured = draggedPanelSide === side;\n  const [contentSize, setContentSize] = React.useState<number | undefined>();\n  const [prepareTransition, setPrepareTransition] = React.useState(false);\n  const [transition, setTransition] = React.useState<\n    \"init\" | \"transition\" | undefined\n  >();\n  const [panelSize, setPanelSize] = React.useState<number | undefined>();\n  const [initializing, setInitializing] = React.useState(false);\n  const horizontal = isHorizontalPanelSide(side);\n  const animateFrom = React.useRef<number | undefined>();\n  const animateTo = React.useRef(0);\n  const maxPanelSize = React.useRef<number | undefined>();\n  const collapsing = React.useRef<\"collapsing\" | \"expanding\" | undefined>();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const panel = useLayout((state) => {\n    const p = state.panels[side];\n    return {\n      collapsed: p.collapsed,\n      size: p.size,\n      minSize: p.minSize,\n    };\n  }, true);\n\n  const [prevCollapsed, setPrevCollapsed] = React.useState(panel.collapsed);\n  if (prevCollapsed !== panel.collapsed) {\n    setPrevCollapsed(panel.collapsed);\n    let from = animateFrom.current;\n    if (from === undefined && ref.current) {\n      const bounds = ref.current.getBoundingClientRect();\n      from = getPanelSize(horizontal, bounds);\n    }\n\n    animateFrom.current = from;\n    setPanelSize(undefined);\n    setContentSize(undefined);\n    setTransition(undefined);\n    setPrepareTransition(true);\n    if (panel.collapsed) {\n      collapsing.current = \"collapsing\";\n      maxPanelSize.current = from;\n    } else {\n      collapsing.current = \"expanding\";\n    }\n  }\n\n  const [prevSize, setPrevSize] = React.useState(panel.size);\n  if (prevSize !== panel.size) {\n    setPrevSize(panel.size);\n\n    if (initializing) {\n      // Panel is initializing (via dispatched PANEL_INITIALIZE), need to re-measure animateTo.\n      maxPanelSize.current = undefined;\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      setPrepareTransition(true);\n    } else if (collapsing.current === \"collapsing\") {\n      // Panel is collapsing, ignore size changes.\n    } else if (!captured && ref.current && prevSize !== undefined) {\n      // Panel is expanding\n      animateFrom.current = getPanelSize(\n        horizontal,\n        ref.current.getBoundingClientRect()\n      );\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      setPrepareTransition(true);\n    } else {\n      // Panel is resizing, do not transition.\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      animateFrom.current = undefined;\n      collapsing.current = undefined;\n    }\n  }\n\n  React.useLayoutEffect(() => {\n    if (panel.size !== undefined || panel.collapsed) return;\n    assert(!!ref.current);\n    const bounds = ref.current.getBoundingClientRect();\n    const newSize = getPanelSize(horizontal, bounds);\n    dispatch({\n      type: \"PANEL_INITIALIZE\",\n      side,\n      size: newSize,\n    });\n    setInitializing(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [panel.size, panel.collapsed]);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  React.useLayoutEffect(() => {\n    if (!prepareTransition) return;\n\n    setPrepareTransition(false);\n    assert(!!ref.current);\n    animateTo.current = getPanelSize(\n      horizontal,\n      ref.current.getBoundingClientRect()\n    );\n    if (animateFrom.current === animateTo.current) {\n      maxPanelSize.current = undefined;\n      animateFrom.current = undefined;\n      collapsing.current = undefined;\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      return;\n    }\n    if (\n      collapsing.current === \"expanding\" &&\n      maxPanelSize.current === undefined\n    ) {\n      maxPanelSize.current = animateTo.current;\n    }\n\n    setPanelSize(animateFrom.current);\n    setContentSize(maxPanelSize.current);\n    setTransition(\"init\");\n  });\n  React.useLayoutEffect(() => {\n    if (transition !== \"init\") return;\n\n    const handle = window.requestAnimationFrame(() => {\n      animateFrom.current = undefined;\n      setTransition(\"transition\");\n      setPanelSize(animateTo.current);\n    });\n    return () => {\n      window.cancelAnimationFrame(handle);\n    };\n  });\n  React.useEffect(() => {\n    setInitializing(false);\n  }, [initializing]);\n\n  const handleTransitionEnd = React.useCallback(\n    (e: React.TransitionEvent<HTMLDivElement>) => {\n      if (e.target !== ref.current) return;\n\n      maxPanelSize.current = undefined;\n      collapsing.current = undefined;\n      animateFrom.current = undefined;\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n    },\n    []\n  );\n\n  const size = React.useMemo(() => {\n    if (panelSize !== undefined) return panelSize;\n    return panel.collapsed ? 0 : panel.size ?? panel.minSize;\n  }, [panel.size, panel.collapsed, panel.minSize, panelSize]);\n  return { ref, size, handleTransitionEnd, contentSize, transition };\n}\n\nfunction getPanelSize(horizontal: boolean, size: SizeProps) {\n  return horizontal ? size.height : size.width;\n}\n"]}

package/lib/esm/appui-react/layout/widget-panels/usePanelsAutoCollapse.d.ts

@@ -1,7 +0,0 @@
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import * as React from "react";
-/** @internal */
-export declare function usePanelsAutoCollapse<T extends Element>(): React.Ref<T>;
-//# sourceMappingURL=usePanelsAutoCollapse.d.ts.map

package/lib/esm/appui-react/layout/widget-panels/usePanelsAutoCollapse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePanelsAutoCollapse.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/usePanelsAutoCollapse.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAiDvE"}

package/lib/esm/appui-react/layout/widget-panels/usePanelsAutoCollapse.js

@@ -1,53 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import * as React from "react";
-import { useRefEffect, useRefs } from "@itwin/core-react";
-import { AutoCollapseUnpinnedPanelsContext, NineZoneDispatchContext, } from "../base/NineZone";
-import { panelSides } from "./Panel";
-import { useLayoutStore } from "../base/LayoutStore";
-/** @internal */
-export function usePanelsAutoCollapse() {
-    const layoutStore = useLayoutStore();
-    const panelsRef = React.useRef(layoutStore.getState().panels);
-    const dispatch = React.useContext(NineZoneDispatchContext);
-    const autoCollapseUnpinnedPanels = React.useContext(AutoCollapseUnpinnedPanelsContext);
-    React.useEffect(() => layoutStore.subscribe((state) => {
-        panelsRef.current = state.panels;
-    }), [layoutStore]);
-    const collapsePanels = React.useCallback(() => {
-        for (const side of panelSides) {
-            const panel = panelsRef.current[side];
-            if (panel.collapsed || panel.pinned)
-                continue;
-            dispatch({
-                type: "PANEL_SET_COLLAPSED",
-                collapsed: true,
-                side: panel.side,
-            });
-        }
-    }, [dispatch]);
-    const mouseDownRef = useRefEffect((instance) => {
-        if (!instance)
-            return;
-        instance.addEventListener("mousedown", collapsePanels, true);
-        return () => {
-            instance.removeEventListener("mousedown", collapsePanels, true);
-        };
-    }, [collapsePanels]);
-    const mouseEnterRef = useRefEffect((instance) => {
-        if (!instance || !autoCollapseUnpinnedPanels)
-            return;
-        instance.addEventListener("mouseenter", collapsePanels, true);
-        return () => {
-            instance.removeEventListener("mouseenter", collapsePanels, true);
-        };
-    }, [collapsePanels, autoCollapseUnpinnedPanels]);
-    const ref = useRefs(mouseDownRef, mouseEnterRef);
-    return ref;
-}
-//# sourceMappingURL=usePanelsAutoCollapse.js.map

package/lib/esm/appui-react/layout/widget-panels/usePanelsAutoCollapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePanelsAutoCollapse.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/usePanelsAutoCollapse.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EACL,iCAAiC,EACjC,uBAAuB,GACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,gBAAgB;AAChB,MAAM,UAAU,qBAAqB;IACnC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC3D,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACjD,iCAAiC,CAClC,CAAC;IAEF,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CACH,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QAC9B,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;IACnC,CAAC,CAAC,EACJ,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACtC,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM;gBAAE,SAAS;YAC9C,QAAQ,CAAC;gBACP,IAAI,EAAE,qBAAqB;gBAC3B,SAAS,EAAE,IAAI;gBACf,IAAI,EAAE,KAAK,CAAC,IAAI;aACjB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,YAAY,GAAG,YAAY,CAC/B,CAAC,QAAQ,EAAE,EAAE;QACX,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,MAAM,aAAa,GAAG,YAAY,CAChC,CAAC,QAAQ,EAAE,EAAE;QACX,IAAI,CAAC,QAAQ,IAAI,CAAC,0BAA0B;YAAE,OAAO;QACrD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QAC9D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QACnE,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,cAAc,EAAE,0BAA0B,CAAC,CAC7C,CAAC;IACF,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IACjD,OAAO,GAAG,CAAC;AACb,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 WidgetPanels\n */\n\nimport * as React from \"react\";\nimport { useRefEffect, useRefs } from \"@itwin/core-react\";\nimport {\n  AutoCollapseUnpinnedPanelsContext,\n  NineZoneDispatchContext,\n} from \"../base/NineZone\";\nimport { panelSides } from \"./Panel\";\nimport { useLayoutStore } from \"../base/LayoutStore\";\n\n/** @internal */\nexport function usePanelsAutoCollapse<T extends Element>(): React.Ref<T> {\n  const layoutStore = useLayoutStore();\n  const panelsRef = React.useRef(layoutStore.getState().panels);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const autoCollapseUnpinnedPanels = React.useContext(\n    AutoCollapseUnpinnedPanelsContext\n  );\n\n  React.useEffect(\n    () =>\n      layoutStore.subscribe((state) => {\n        panelsRef.current = state.panels;\n      }),\n    [layoutStore]\n  );\n\n  const collapsePanels = React.useCallback(() => {\n    for (const side of panelSides) {\n      const panel = panelsRef.current[side];\n      if (panel.collapsed || panel.pinned) continue;\n      dispatch({\n        type: \"PANEL_SET_COLLAPSED\",\n        collapsed: true,\n        side: panel.side,\n      });\n    }\n  }, [dispatch]);\n  const mouseDownRef = useRefEffect<T>(\n    (instance) => {\n      if (!instance) return;\n      instance.addEventListener(\"mousedown\", collapsePanels, true);\n      return () => {\n        instance.removeEventListener(\"mousedown\", collapsePanels, true);\n      };\n    },\n    [collapsePanels]\n  );\n  const mouseEnterRef = useRefEffect<T>(\n    (instance) => {\n      if (!instance || !autoCollapseUnpinnedPanels) return;\n      instance.addEventListener(\"mouseenter\", collapsePanels, true);\n      return () => {\n        instance.removeEventListener(\"mouseenter\", collapsePanels, true);\n      };\n    },\n    [collapsePanels, autoCollapseUnpinnedPanels]\n  );\n  const ref = useRefs(mouseDownRef, mouseEnterRef);\n  return ref;\n}\n"]}

package/lib/esm/appui-react/messages/AppNotificationManager.d.ts

@@ -1,82 +0,0 @@
-/** @packageDocumentation
- * @module Notification
- */
-import type { XAndY } from "@itwin/core-geometry";
-import type { ActivityMessageDetails, MessageBoxIconType, MessageBoxType, MessageBoxValue, NotifyMessageDetails, ToolAssistanceInstructions, ToolTipOptions } from "@itwin/core-frontend";
-import { ActivityMessageEndReason, NotificationManager } from "@itwin/core-frontend";
-import type { RelativePosition } from "@itwin/appui-abstract";
-/** Subclass of `NotificationManager` in `@itwin/core-frontend` to be used to initialize `IModelApp`.
- *
- * This implementation uses themed react components to display alerts, messages, prompts and tooltips.
- *
- * ```ts
- * await IModelApp.startup({
- *   notifications: new AppNotificationManager()
- * });
- * ```
- * @public
- */
-export declare class AppNotificationManager extends NotificationManager {
-    /** Output a prompt, given an i18n key.
-     */
-    outputPromptByKey(key: string): void;
-    /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.
-     */
-    outputPrompt(prompt: string): void;
-    /** Output a message and/or alert to the user. */
-    outputMessage(message: NotifyMessageDetails): void;
-    /** Output a MessageBox and wait for response from the user.
-     * @param mbType       The MessageBox type.
-     * @param message      The message to display.
-     * @param icon         The MessageBox icon type.
-     * @return the response from the user.
-     */
-    openMessageBox(mbType: MessageBoxType, message: HTMLElement | string, icon: MessageBoxIconType): Promise<MessageBoxValue>;
-    /**
-     * Set up for activity messages.
-     * @param details  The activity message details.
-     * @return true if the message was displayed, false if an invalid priority is specified.
-     */
-    setupActivityMessage(details: ActivityMessageDetails): boolean;
-    /**
-     * Output an activity message to the user.
-     * @param messageText      The message text.
-     * @param percentComplete  The percentage of completion.
-     * @return true if the message was displayed, false if the message could not be displayed.
-     */
-    outputActivityMessage(messageText: HTMLElement | string, percentComplete: number): boolean;
-    /**
-     * End an activity message.
-     * @param reason       Reason for the end of the Activity Message.
-     * @return true if the message was ended successfully, false if the activityMessage could not be ended.
-     */
-    endActivityMessage(reason: ActivityMessageEndReason): boolean;
-    /** Update message position created with [[OutputMessageType.Pointer]].
-     * @param displayPoint        Point at which to display the Pointer type message.
-     * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.
-     */
-    updatePointerMessage(displayPoint: XAndY, relativePosition: RelativePosition): void;
-    /** Hides the Pointer message. */
-    closePointerMessage(): void;
-    /** Return true if _showTooltip has an implementation and will display a tooltip. */
-    get isToolTipSupported(): boolean;
-    /** Return true if the tooltip is currently open. */
-    get isToolTipOpen(): boolean;
-    /** Clear the ToolTip if it is currently open. If not open, does nothing. */
-    clearToolTip(): void;
-    /** Show a ToolTip window.
-     * @param el       The HTMLElement that anchors the toolTip.
-     * @param message  The message to display inside the ToolTip
-     * @param pt       An optional location, relative to the origin of el, for the ToolTip. If undefined, center of el.
-     * @param options  Options that supply additional information about how the ToolTip should function.
-     */
-    protected _showToolTip(el: HTMLElement, message: HTMLElement | string, pt?: XAndY, options?: ToolTipOptions): void;
-    /** Hide a InputField message. */
-    closeInputFieldMessage(): void;
-    /** Setup tool assistance instructions for a tool. The instructions include the main instruction, which includes the current prompt.
-     * @param instructions The tool assistance instructions.
-     * @public
-     */
-    setToolAssistance(instructions: ToolAssistanceInstructions | undefined): void;
-}
-//# sourceMappingURL=AppNotificationManager.d.ts.map

package/lib/esm/appui-react/messages/AppNotificationManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppNotificationManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/AppNotificationManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,cAAc,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EAEpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAM9D;;;;;;;;;;GAUG;AACH,qBAAa,sBAAuB,SAAQ,mBAAmB;IAC7D;OACG;IACa,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAIpD;OACG;IACa,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAQlD,iDAAiD;IACjC,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI;IAIlE;;;;;OAKG;IACmB,cAAc,CAClC,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,WAAW,GAAG,MAAM,EAC7B,IAAI,EAAE,kBAAkB,GACvB,OAAO,CAAC,eAAe,CAAC;IAI3B;;;;OAIG;IACa,oBAAoB,CAClC,OAAO,EAAE,sBAAsB,GAC9B,OAAO;IAIV;;;;;OAKG;IACa,qBAAqB,CACnC,WAAW,EAAE,WAAW,GAAG,MAAM,EACjC,eAAe,EAAE,MAAM,GACtB,OAAO;IAOV;;;;OAIG;IACa,kBAAkB,CAChC,MAAM,EAAE,wBAAwB,GAC/B,OAAO;IAeV;;;OAGG;IACa,oBAAoB,CAClC,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAAE,gBAAgB,GACjC,IAAI;IAIP,iCAAiC;IACjB,mBAAmB,IAAI,IAAI;IAI3C,oFAAoF;IACpF,IAAoB,kBAAkB,IAAI,OAAO,CAEhD;IAED,oDAAoD;IACpD,IAAoB,aAAa,IAAI,OAAO,CAE3C;IAED,4EAA4E;IAC5D,YAAY,IAAI,IAAI;IAIpC;;;;;OAKG;cACgB,YAAY,CAC7B,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,WAAW,GAAG,MAAM,EAC7B,EAAE,CAAC,EAAE,KAAK,EACV,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI;IAIP,iCAAiC;IACjB,sBAAsB,IAAI,IAAI;IAI9C;;;OAGG;IACa,iBAAiB,CAC/B,YAAY,EAAE,0BAA0B,GAAG,SAAS;CAOvD"}

package/lib/esm/appui-react/messages/AppNotificationManager.js

@@ -1,131 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-import { ActivityMessageEndReason, NotificationManager, ToolAssistance, } from "@itwin/core-frontend";
-import { ElementTooltip } from "../feedback/ElementTooltip";
-import { UiFramework } from "../UiFramework";
-import { MessageManager } from "./MessageManager";
-import { PointerMessage } from "./Pointer";
-/** Subclass of `NotificationManager` in `@itwin/core-frontend` to be used to initialize `IModelApp`.
- *
- * This implementation uses themed react components to display alerts, messages, prompts and tooltips.
- *
- * ```ts
- * await IModelApp.startup({
- *   notifications: new AppNotificationManager()
- * });
- * ```
- * @public
- */
-export class AppNotificationManager extends NotificationManager {
-    /** Output a prompt, given an i18n key.
-     */
-    outputPromptByKey(key) {
-        this.outputPrompt(UiFramework.translate(key));
-    }
-    /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.
-     */
-    outputPrompt(prompt) {
-        MessageManager.outputPrompt(prompt);
-        const mainInstruction = ToolAssistance.createInstruction("", prompt);
-        const instructions = ToolAssistance.createInstructions(mainInstruction);
-        MessageManager.setToolAssistance(instructions);
-    }
-    /** Output a message and/or alert to the user. */
-    outputMessage(message) {
-        MessageManager.outputMessage(message);
-    }
-    /** Output a MessageBox and wait for response from the user.
-     * @param mbType       The MessageBox type.
-     * @param message      The message to display.
-     * @param icon         The MessageBox icon type.
-     * @return the response from the user.
-     */
-    async openMessageBox(mbType, message, icon) {
-        return MessageManager.openMessageBox(mbType, message, icon);
-    }
-    /**
-     * Set up for activity messages.
-     * @param details  The activity message details.
-     * @return true if the message was displayed, false if an invalid priority is specified.
-     */
-    setupActivityMessage(details) {
-        return MessageManager.setupActivityMessageDetails(details);
-    }
-    /**
-     * Output an activity message to the user.
-     * @param messageText      The message text.
-     * @param percentComplete  The percentage of completion.
-     * @return true if the message was displayed, false if the message could not be displayed.
-     */
-    outputActivityMessage(messageText, percentComplete) {
-        return MessageManager.setupActivityMessageValues(messageText, percentComplete);
-    }
-    /**
-     * End an activity message.
-     * @param reason       Reason for the end of the Activity Message.
-     * @return true if the message was ended successfully, false if the activityMessage could not be ended.
-     */
-    endActivityMessage(reason) {
-        let result = false;
-        switch (reason) {
-            case ActivityMessageEndReason.Completed:
-                result = MessageManager.endActivityMessage(true);
-                break;
-            case ActivityMessageEndReason.Cancelled:
-                result = MessageManager.endActivityMessage(false);
-                break;
-        }
-        return result;
-    }
-    /** Update message position created with [[OutputMessageType.Pointer]].
-     * @param displayPoint        Point at which to display the Pointer type message.
-     * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.
-     */
-    updatePointerMessage(displayPoint, relativePosition) {
-        PointerMessage.updateMessage(displayPoint, relativePosition);
-    }
-    /** Hides the Pointer message. */
-    closePointerMessage() {
-        PointerMessage.hideMessage();
-    }
-    /** Return true if _showTooltip has an implementation and will display a tooltip. */
-    get isToolTipSupported() {
-        return true;
-    }
-    /** Return true if the tooltip is currently open. */
-    get isToolTipOpen() {
-        return ElementTooltip.isTooltipVisible;
-    }
-    /** Clear the ToolTip if it is currently open. If not open, does nothing. */
-    clearToolTip() {
-        if (this.isToolTipOpen)
-            ElementTooltip.hideTooltip();
-    }
-    /** Show a ToolTip window.
-     * @param el       The HTMLElement that anchors the toolTip.
-     * @param message  The message to display inside the ToolTip
-     * @param pt       An optional location, relative to the origin of el, for the ToolTip. If undefined, center of el.
-     * @param options  Options that supply additional information about how the ToolTip should function.
-     */
-    _showToolTip(el, message, pt, options) {
-        ElementTooltip.showTooltip(el, message, pt, options);
-    }
-    /** Hide a InputField message. */
-    closeInputFieldMessage() {
-        MessageManager.hideInputFieldMessage();
-    }
-    /** Setup tool assistance instructions for a tool. The instructions include the main instruction, which includes the current prompt.
-     * @param instructions The tool assistance instructions.
-     * @public
-     */
-    setToolAssistance(instructions) {
-        MessageManager.outputPrompt(instructions ? instructions.mainInstruction.text : "");
-        MessageManager.setToolAssistance(instructions);
-    }
-}
-//# sourceMappingURL=AppNotificationManager.js.map

package/lib/esm/appui-react/messages/AppNotificationManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppNotificationManager.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/AppNotificationManager.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 Notification\n */\n\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type {\n  ActivityMessageDetails,\n  MessageBoxIconType,\n  MessageBoxType,\n  MessageBoxValue,\n  NotifyMessageDetails,\n  ToolAssistanceInstructions,\n  ToolTipOptions,\n} from \"@itwin/core-frontend\";\nimport {\n  ActivityMessageEndReason,\n  NotificationManager,\n  ToolAssistance,\n} from \"@itwin/core-frontend\";\nimport type { RelativePosition } from \"@itwin/appui-abstract\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\nimport { UiFramework } from \"../UiFramework\";\nimport { MessageManager } from \"./MessageManager\";\nimport { PointerMessage } from \"./Pointer\";\n\n/** Subclass of `NotificationManager` in `@itwin/core-frontend` to be used to initialize `IModelApp`.\n *\n * This implementation uses themed react components to display alerts, messages, prompts and tooltips.\n *\n * ```ts\n * await IModelApp.startup({\n *   notifications: new AppNotificationManager()\n * });\n * ```\n * @public\n */\nexport class AppNotificationManager extends NotificationManager {\n  /** Output a prompt, given an i18n key.\n   */\n  public override outputPromptByKey(key: string): void {\n    this.outputPrompt(UiFramework.translate(key));\n  }\n\n  /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.\n   */\n  public override outputPrompt(prompt: string): void {\n    MessageManager.outputPrompt(prompt);\n\n    const mainInstruction = ToolAssistance.createInstruction(\"\", prompt);\n    const instructions = ToolAssistance.createInstructions(mainInstruction);\n    MessageManager.setToolAssistance(instructions);\n  }\n\n  /** Output a message and/or alert to the user. */\n  public override outputMessage(message: NotifyMessageDetails): void {\n    MessageManager.outputMessage(message);\n  }\n\n  /** Output a MessageBox and wait for response from the user.\n   * @param mbType       The MessageBox type.\n   * @param message      The message to display.\n   * @param icon         The MessageBox icon type.\n   * @return the response from the user.\n   */\n  public override async openMessageBox(\n    mbType: MessageBoxType,\n    message: HTMLElement | string,\n    icon: MessageBoxIconType\n  ): Promise<MessageBoxValue> {\n    return MessageManager.openMessageBox(mbType, message, icon);\n  }\n\n  /**\n   * Set up for activity messages.\n   * @param details  The activity message details.\n   * @return true if the message was displayed, false if an invalid priority is specified.\n   */\n  public override setupActivityMessage(\n    details: ActivityMessageDetails\n  ): boolean {\n    return MessageManager.setupActivityMessageDetails(details);\n  }\n\n  /**\n   * Output an activity message to the user.\n   * @param messageText      The message text.\n   * @param percentComplete  The percentage of completion.\n   * @return true if the message was displayed, false if the message could not be displayed.\n   */\n  public override outputActivityMessage(\n    messageText: HTMLElement | string,\n    percentComplete: number\n  ): boolean {\n    return MessageManager.setupActivityMessageValues(\n      messageText,\n      percentComplete\n    );\n  }\n\n  /**\n   * End an activity message.\n   * @param reason       Reason for the end of the Activity Message.\n   * @return true if the message was ended successfully, false if the activityMessage could not be ended.\n   */\n  public override endActivityMessage(\n    reason: ActivityMessageEndReason\n  ): boolean {\n    let result = false;\n\n    switch (reason) {\n      case ActivityMessageEndReason.Completed:\n        result = MessageManager.endActivityMessage(true);\n        break;\n      case ActivityMessageEndReason.Cancelled:\n        result = MessageManager.endActivityMessage(false);\n        break;\n    }\n\n    return result;\n  }\n\n  /** Update message position created with [[OutputMessageType.Pointer]].\n   * @param displayPoint        Point at which to display the Pointer type message.\n   * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.\n   */\n  public override updatePointerMessage(\n    displayPoint: XAndY,\n    relativePosition: RelativePosition\n  ): void {\n    PointerMessage.updateMessage(displayPoint, relativePosition);\n  }\n\n  /** Hides the Pointer message. */\n  public override closePointerMessage(): void {\n    PointerMessage.hideMessage();\n  }\n\n  /** Return true if _showTooltip has an implementation and will display a tooltip. */\n  public override get isToolTipSupported(): boolean {\n    return true;\n  }\n\n  /** Return true if the tooltip is currently open. */\n  public override get isToolTipOpen(): boolean {\n    return ElementTooltip.isTooltipVisible;\n  }\n\n  /** Clear the ToolTip if it is currently open. If not open, does nothing. */\n  public override clearToolTip(): void {\n    if (this.isToolTipOpen) ElementTooltip.hideTooltip();\n  }\n\n  /** Show a ToolTip window.\n   * @param el       The HTMLElement that anchors the toolTip.\n   * @param message  The message to display inside the ToolTip\n   * @param pt       An optional location, relative to the origin of el, for the ToolTip. If undefined, center of el.\n   * @param options  Options that supply additional information about how the ToolTip should function.\n   */\n  protected override _showToolTip(\n    el: HTMLElement,\n    message: HTMLElement | string,\n    pt?: XAndY,\n    options?: ToolTipOptions\n  ): void {\n    ElementTooltip.showTooltip(el, message, pt, options);\n  }\n\n  /** Hide a InputField message. */\n  public override closeInputFieldMessage(): void {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Setup tool assistance instructions for a tool. The instructions include the main instruction, which includes the current prompt.\n   * @param instructions The tool assistance instructions.\n   * @public\n   */\n  public override setToolAssistance(\n    instructions: ToolAssistanceInstructions | undefined\n  ) {\n    MessageManager.outputPrompt(\n      instructions ? instructions.mainInstruction.text : \"\"\n    );\n    MessageManager.setToolAssistance(instructions);\n  }\n}\n"]}

package/lib/esm/appui-react/messages/InputField.d.ts

@@ -1,39 +0,0 @@
-/** @packageDocumentation
- * @module Notification
- */
-import "./InputField.scss";
-import * as React from "react";
-import { OutputMessagePriority } from "@itwin/core-frontend";
-import type { NotifyMessageType } from "./ReactNotifyMessageDetails";
-/** Properties of [[InputFieldMessage]] component.
- * @public
- */
-interface InputFieldMessageProps {
-    showCloseButton?: boolean;
-}
-/** [[InputFieldMessage]] state.
- * @internal
- */
-interface InputFieldMessageState {
-    isVisible: boolean;
-    priority: OutputMessagePriority;
-    message: NotifyMessageType;
-    detailedMessage?: NotifyMessageType;
-    inputFieldElement?: HTMLElement;
-    showCloseButton?: boolean;
-}
-/** InputField message pops up near pointer when attempting an invalid interaction.
- * @public
- * @deprecated in 4.16.0. Component is used internally. Use {@link MessageManager.displayInputFieldMessage} instead to open the message.
- */
-export declare class InputFieldMessage extends React.PureComponent<InputFieldMessageProps, InputFieldMessageState> {
-    readonly state: Readonly<InputFieldMessageState>;
-    render(): React.ReactNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _onInputMessageClose;
-    private _handleInputFieldMessageAddedEvent;
-    private _handleInputFieldMessageRemovedEvent;
-}
-export {};
-//# sourceMappingURL=InputField.d.ts.map

package/lib/esm/appui-react/messages/InputField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAa7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE;;GAEG;AACH,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;IACC,SAAyB,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAK9D;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA2DzB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,kCAAkC,CAUxC;IAEF,OAAO,CAAC,oCAAoC,CAI1C;CACH"}

package/lib/esm/appui-react/messages/InputField.js

@@ -1,92 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-import "./InputField.scss";
-import * as React from "react";
-import { OutputMessagePriority } from "@itwin/core-frontend";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { Icon as CoreIcon, MessageRenderer, Popup } from "@itwin/core-react";
-import { SvgClose, SvgInfoCircularHollow, SvgStatusErrorHollow, SvgStatusSuccess, SvgStatusWarning, } from "@itwin/itwinui-icons-react";
-import { Icon } from "@itwin/itwinui-react";
-import { MessageManager } from "../messages/MessageManager";
-/** InputField message pops up near pointer when attempting an invalid interaction.
- * @public
- * @deprecated in 4.16.0. Component is used internally. Use {@link MessageManager.displayInputFieldMessage} instead to open the message.
- */
-export class InputFieldMessage extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            message: "",
-            isVisible: false,
-            priority: OutputMessagePriority.None,
-            showCloseButton: !!this.props.showCloseButton,
-        };
-        this._onInputMessageClose = () => {
-            this.setState({ isVisible: false });
-        };
-        this._handleInputFieldMessageAddedEvent = (args) => {
-            this.setState({
-                inputFieldElement: args.target,
-                message: args.messageText,
-                isVisible: true,
-                priority: args.priority,
-                detailedMessage: args.detailedMessage,
-            });
-        };
-        this._handleInputFieldMessageRemovedEvent = () => {
-            this.setState({ isVisible: false });
-        };
-    }
-    render() {
-        const { isVisible, inputFieldElement, message, priority, detailedMessage, showCloseButton, } = this.state;
-        if (!inputFieldElement || !message) {
-            return null;
-        }
-        return (
-        // eslint-disable-next-line deprecation/deprecation
-        React.createElement(Popup, { isOpen: isVisible, position: RelativePosition.BottomLeft, onClose: this._onInputMessageClose, target: inputFieldElement },
-            React.createElement("div", { className: "uifw-popup-message-inputField" },
-                React.createElement("div", { className: "uifw-popup-message-inputField-content" },
-                    React.createElement("div", { className: "uifw-popup-message-inputField-primary" },
-                        React.createElement(FieldIcon, { priority: priority }),
-                        React.createElement("span", { className: "uifw-popup-message-text" },
-                            React.createElement(MessageRenderer, { className: "uifw-popup-message-brief", message: message }),
-                            detailedMessage && (
-                            // eslint-disable-next-line deprecation/deprecation
-                            React.createElement(MessageRenderer, { className: "uifw-popup-message-detailed", message: detailedMessage }))))),
-                showCloseButton && (
-                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                React.createElement("div", { className: "uifw-popup-message-close", onClick: this._onInputMessageClose, role: "button", tabIndex: -1 },
-                    React.createElement(CoreIcon, { iconSpec: React.createElement(SvgClose, null) }))))));
-    }
-    componentDidMount() {
-        MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);
-        MessageManager.onInputFieldMessageRemovedEvent.addListener(this._handleInputFieldMessageRemovedEvent);
-    }
-    componentWillUnmount() {
-        MessageManager.onInputFieldMessageAddedEvent.removeListener(this._handleInputFieldMessageAddedEvent);
-        MessageManager.onInputFieldMessageRemovedEvent.removeListener(this._handleInputFieldMessageRemovedEvent);
-    }
-}
-function FieldIcon({ priority }) {
-    let svg = React.createElement(SvgInfoCircularHollow, null);
-    switch (priority) {
-        case OutputMessagePriority.Success:
-            svg = React.createElement(SvgStatusSuccess, null);
-            break;
-        case OutputMessagePriority.Warning:
-            svg = React.createElement(SvgStatusWarning, null);
-            break;
-        case OutputMessagePriority.Fatal:
-        case OutputMessagePriority.Error:
-            svg = React.createElement(SvgStatusErrorHollow, null);
-            break;
-    }
-    return React.createElement(Icon, null, svg);
-}
-//# sourceMappingURL=InputField.js.map