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

package/lib/cjs/appui-react/layout/widget-panels/PanelSections.js

@@ -1,121 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelSections = void 0;
-require("./PanelSections.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const NineZone_1 = require("../base/NineZone");
-const PanelWidget_1 = require("../widget/PanelWidget");
-const LayoutStore_1 = require("../base/LayoutStore");
-const Panel_1 = require("./Panel");
-const useMaximizedWidget_1 = require("../../preview/enable-maximized-widget/useMaximizedWidget");
-function PanelSplitter() {
-    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
-    const side = React.useContext(Panel_1.PanelSideContext);
-    (0, core_bentley_1.assert)(!!side);
-    const containerRef = React.useRef(null);
-    const splitterProcessingActiveRef = React.useRef(false);
-    const isHorizontal = (0, Panel_1.isHorizontalPanelSide)(side);
-    const getPercentage = React.useCallback((min, max, current) => {
-        const range = max - min;
-        const adjusted = Math.max(min, Math.min(max, current));
-        if (adjusted === min)
-            return 0;
-        if (adjusted === max)
-            return 100;
-        const percent = ((adjusted - min) * 100) / range;
-        return percent;
-    }, []);
-    const updatePanelSize = React.useCallback((event) => {
-        if (!containerRef.current)
-            return;
-        const parentPanel = containerRef.current.closest(".nz-widgetPanels-panel");
-        const sectionToResize = containerRef.current.parentElement;
-        if (parentPanel && sectionToResize) {
-            const rect = parentPanel.getBoundingClientRect();
-            const percent = getPercentage(isHorizontal ? rect.left : rect.top, isHorizontal ? rect.right : rect.bottom, isHorizontal ? event.clientX : event.clientY);
-            dispatch({
-                type: "PANEL_SET_SPLITTER_VALUE",
-                side,
-                percent,
-            });
-        }
-    }, [getPercentage, isHorizontal, side, dispatch]);
-    const handlePointerMove = React.useCallback((event) => {
-        if (splitterProcessingActiveRef.current) {
-            event.preventDefault();
-            event.stopPropagation();
-            updatePanelSize(event);
-        }
-    }, [updatePanelSize]);
-    const handlePointerUp = React.useCallback((event) => {
-        updatePanelSize(event);
-        event.preventDefault();
-        event.stopPropagation();
-        containerRef.current?.ownerDocument.removeEventListener("pointermove", handlePointerMove);
-        containerRef.current?.ownerDocument.removeEventListener("pointerup", handlePointerUp);
-    }, [handlePointerMove, updatePanelSize]);
-    const handlePointerDownOnSplitter = React.useCallback((event) => {
-        if (containerRef.current) {
-            containerRef.current?.ownerDocument.addEventListener("pointermove", handlePointerMove);
-            containerRef.current?.ownerDocument.addEventListener("pointerup", handlePointerUp);
-            splitterProcessingActiveRef.current = true;
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }, [handlePointerMove, handlePointerUp]);
-    const className = isHorizontal
-        ? "nz-horizontal-panel-splitter"
-        : "nz-vertical-panel-splitter";
-    return (React.createElement("div", { ref: containerRef, className: className, onPointerDown: handlePointerDownOnSplitter }));
-}
-/** @internal */
-function PanelSections() {
-    const side = React.useContext(Panel_1.PanelSideContext);
-    (0, core_bentley_1.assert)(!!side);
-    const widgets = (0, LayoutStore_1.useLayout)((state) => {
-        return state.panels[side].widgets;
-    });
-    return (React.createElement(React.Fragment, null, widgets.map((widgetId, index, array) => {
-        return (React.createElement(PanelSection, { key: widgetId, widgetId: widgetId, index: index, sectionLength: array.length }));
-    })));
-}
-exports.PanelSections = PanelSections;
-function PanelSection({ widgetId, index, sectionLength }) {
-    const side = React.useContext(Panel_1.PanelSideContext);
-    (0, core_bentley_1.assert)(!!side);
-    const splitterPercent = (0, LayoutStore_1.useLayout)((state) => {
-        return state.panels[side].splitterPercent ?? 50;
-    });
-    const maximizedSection = (0, useMaximizedWidget_1.useMaximizedSection)(widgetId);
-    const isMaximizedPanel = !!(0, useMaximizedWidget_1.useMaximizedPanel)(side);
-    const isHorizontal = (0, Panel_1.isHorizontalPanelSide)(side);
-    const last = index === sectionLength - 1;
-    const className = (0, classnames_1.default)("nz-widgetPanels-panelSections_section", `nz-panel-section-${index}`, isHorizontal ? "nz-widgetPanels-horizontal" : "nz-widgetPanels-vertical", last && 0 === index && "nz-panel-section-full-size", maximizedSection);
-    const hasSplitter = !last && 0 === index && !isMaximizedPanel;
-    const panelStyle = hasSplitter
-        ? getSplitterStyle(isHorizontal, splitterPercent)
-        : undefined;
-    return (React.createElement("div", { className: className, style: panelStyle },
-        React.createElement(PanelWidget_1.PanelWidget, { widgetId: widgetId }),
-        hasSplitter && React.createElement(PanelSplitter, null)));
-}
-function getSplitterStyle(isHorizontal, splitterPercent) {
-    if (isHorizontal) {
-        return {
-            width: `${splitterPercent}%`,
-        };
-    }
-    return {
-        height: `${splitterPercent}%`,
-    };
-}
-//# sourceMappingURL=PanelSections.js.map

package/lib/cjs/appui-react/layout/widget-panels/PanelSections.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelSections.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/PanelSections.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 \"./PanelSections.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { NineZoneDispatchContext } from \"../base/NineZone\";\nimport { PanelWidget } from \"../widget/PanelWidget\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { isHorizontalPanelSide, PanelSideContext } from \"./Panel\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport {\n  useMaximizedPanel,\n  useMaximizedSection,\n} from \"../../preview/enable-maximized-widget/useMaximizedWidget\";\n\nfunction PanelSplitter() {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const splitterProcessingActiveRef = React.useRef<boolean>(false);\n\n  const isHorizontal = isHorizontalPanelSide(side);\n\n  const getPercentage = React.useCallback(\n    (min: number, max: number, current: number) => {\n      const range = max - min;\n      const adjusted = Math.max(min, Math.min(max, current));\n      if (adjusted === min) return 0;\n      if (adjusted === max) return 100;\n      const percent = ((adjusted - min) * 100) / range;\n      return percent;\n    },\n    []\n  );\n\n  const updatePanelSize = React.useCallback(\n    (event: PointerEvent) => {\n      if (!containerRef.current) return;\n\n      const parentPanel = containerRef.current.closest(\n        \".nz-widgetPanels-panel\"\n      );\n      const sectionToResize = containerRef.current.parentElement as HTMLElement;\n      if (parentPanel && sectionToResize) {\n        const rect = parentPanel.getBoundingClientRect();\n        const percent = getPercentage(\n          isHorizontal ? rect.left : rect.top,\n          isHorizontal ? rect.right : rect.bottom,\n          isHorizontal ? event.clientX : event.clientY\n        );\n\n        dispatch({\n          type: \"PANEL_SET_SPLITTER_VALUE\",\n          side,\n          percent,\n        });\n      }\n    },\n    [getPercentage, isHorizontal, side, dispatch]\n  );\n\n  const handlePointerMove = React.useCallback(\n    (event: Event): void => {\n      if (splitterProcessingActiveRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        updatePanelSize(event as PointerEvent);\n      }\n    },\n    [updatePanelSize]\n  );\n\n  const handlePointerUp = React.useCallback(\n    (event: Event) => {\n      updatePanelSize(event as PointerEvent);\n      event.preventDefault();\n      event.stopPropagation();\n      containerRef.current?.ownerDocument.removeEventListener(\n        \"pointermove\",\n        handlePointerMove\n      );\n      containerRef.current?.ownerDocument.removeEventListener(\n        \"pointerup\",\n        handlePointerUp\n      );\n    },\n    [handlePointerMove, updatePanelSize]\n  );\n\n  const handlePointerDownOnSplitter = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (containerRef.current) {\n        containerRef.current?.ownerDocument.addEventListener(\n          \"pointermove\",\n          handlePointerMove\n        );\n        containerRef.current?.ownerDocument.addEventListener(\n          \"pointerup\",\n          handlePointerUp\n        );\n        splitterProcessingActiveRef.current = true;\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handlePointerMove, handlePointerUp]\n  );\n\n  const className = isHorizontal\n    ? \"nz-horizontal-panel-splitter\"\n    : \"nz-vertical-panel-splitter\";\n  return (\n    <div\n      ref={containerRef}\n      className={className}\n      onPointerDown={handlePointerDownOnSplitter}\n    />\n  );\n}\n\n/** @internal */\nexport function PanelSections() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n\n  const widgets = useLayout((state) => {\n    return state.panels[side].widgets;\n  });\n\n  return (\n    <>\n      {widgets.map((widgetId, index, array) => {\n        return (\n          <PanelSection\n            key={widgetId}\n            widgetId={widgetId}\n            index={index}\n            sectionLength={array.length}\n          />\n        );\n      })}\n    </>\n  );\n}\n\ninterface PanelSectionProps {\n  widgetId: WidgetState[\"id\"];\n  index: number;\n  sectionLength: number;\n}\n\nfunction PanelSection({ widgetId, index, sectionLength }: PanelSectionProps) {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n\n  const splitterPercent = useLayout((state) => {\n    return state.panels[side].splitterPercent ?? 50;\n  });\n\n  const maximizedSection = useMaximizedSection(widgetId);\n  const isMaximizedPanel = !!useMaximizedPanel(side);\n\n  const isHorizontal = isHorizontalPanelSide(side);\n\n  const last = index === sectionLength - 1;\n  const className = classnames(\n    \"nz-widgetPanels-panelSections_section\",\n    `nz-panel-section-${index}`,\n    isHorizontal ? \"nz-widgetPanels-horizontal\" : \"nz-widgetPanels-vertical\",\n    last && 0 === index && \"nz-panel-section-full-size\",\n    maximizedSection\n  );\n\n  const hasSplitter = !last && 0 === index && !isMaximizedPanel;\n  const panelStyle = hasSplitter\n    ? getSplitterStyle(isHorizontal, splitterPercent)\n    : undefined;\n  return (\n    <div className={className} style={panelStyle}>\n      <PanelWidget widgetId={widgetId} />\n      {hasSplitter && <PanelSplitter />}\n    </div>\n  );\n}\n\nfunction getSplitterStyle(isHorizontal: boolean, splitterPercent: number) {\n  if (isHorizontal) {\n    return {\n      width: `${splitterPercent}%`,\n    } as const;\n  }\n  return {\n    height: `${splitterPercent}%`,\n  } as const;\n}\n"]}

package/lib/cjs/appui-react/layout/widget-panels/PanelTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelTypes.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/PanelTypes.ts"],"names":[],"mappings":"AAIA,gBAAgB;AAChB,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC;AAEjC,gBAAgB;AAChB,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEvC,gBAAgB;AAChB,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC,gBAAgB;AAChB,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;AAErC,gBAAgB;AAChB,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,eAAe,CAAC;AAEjE,gBAAgB;AAChB,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,cAAc,CAAC;AAE/D,gBAAgB;AAChB,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAAC"}

package/lib/cjs/appui-react/layout/widget-panels/PanelTypes.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=PanelTypes.js.map

package/lib/cjs/appui-react/layout/widget-panels/PanelTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelTypes.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/PanelTypes.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/** @internal */\nexport type TopPanelSide = \"top\";\n\n/** @internal */\nexport type BottomPanelSide = \"bottom\";\n\n/** @internal */\nexport type LeftPanelSide = \"left\";\n\n/** @internal */\nexport type RightPanelSide = \"right\";\n\n/** @internal */\nexport type HorizontalPanelSide = TopPanelSide | BottomPanelSide;\n\n/** @internal */\nexport type VerticalPanelSide = LeftPanelSide | RightPanelSide;\n\n/** @internal */\nexport type PanelSide = VerticalPanelSide | HorizontalPanelSide;\n"]}

package/lib/cjs/appui-react/layout/widget-panels/useAnimatePanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimatePanel.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/useAnimatePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,gBAAgB;AAChB,wBAAgB,eAAe;;;6BAgJvB,qBAAqB,CAAC,cAAc,CAAC;;;EAkB5C"}

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

@@ -1,169 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnimatePanel = void 0;
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const DragManager_1 = require("../base/DragManager");
-const NineZone_1 = require("../base/NineZone");
-const LayoutStore_1 = require("../base/LayoutStore");
-const Panel_1 = require("./Panel");
-/** @internal */
-function useAnimatePanel() {
-    const side = React.useContext(Panel_1.PanelSideContext);
-    (0, core_bentley_1.assert)(!!side);
-    const draggedPanelSide = React.useContext(DragManager_1.DraggedPanelSideContext);
-    const dispatch = React.useContext(NineZone_1.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 = (0, Panel_1.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 = (0, LayoutStore_1.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;
-        (0, core_bentley_1.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);
-        (0, core_bentley_1.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 };
-}
-exports.useAnimatePanel = useAnimatePanel;
-function getPanelSize(horizontal, size) {
-    return horizontal ? size.height : size.width;
-}
-//# sourceMappingURL=useAnimatePanel.js.map

package/lib/cjs/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/cjs/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/cjs/appui-react/layout/widget-panels/usePanelsAutoCollapse.js

@@ -1,57 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePanelsAutoCollapse = void 0;
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const NineZone_1 = require("../base/NineZone");
-const Panel_1 = require("./Panel");
-const LayoutStore_1 = require("../base/LayoutStore");
-/** @internal */
-function usePanelsAutoCollapse() {
-    const layoutStore = (0, LayoutStore_1.useLayoutStore)();
-    const panelsRef = React.useRef(layoutStore.getState().panels);
-    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
-    const autoCollapseUnpinnedPanels = React.useContext(NineZone_1.AutoCollapseUnpinnedPanelsContext);
-    React.useEffect(() => layoutStore.subscribe((state) => {
-        panelsRef.current = state.panels;
-    }), [layoutStore]);
-    const collapsePanels = React.useCallback(() => {
-        for (const side of Panel_1.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 = (0, core_react_1.useRefEffect)((instance) => {
-        if (!instance)
-            return;
-        instance.addEventListener("mousedown", collapsePanels, true);
-        return () => {
-            instance.removeEventListener("mousedown", collapsePanels, true);
-        };
-    }, [collapsePanels]);
-    const mouseEnterRef = (0, core_react_1.useRefEffect)((instance) => {
-        if (!instance || !autoCollapseUnpinnedPanels)
-            return;
-        instance.addEventListener("mouseenter", collapsePanels, true);
-        return () => {
-            instance.removeEventListener("mouseenter", collapsePanels, true);
-        };
-    }, [collapsePanels, autoCollapseUnpinnedPanels]);
-    const ref = (0, core_react_1.useRefs)(mouseDownRef, mouseEnterRef);
-    return ref;
-}
-exports.usePanelsAutoCollapse = usePanelsAutoCollapse;
-//# sourceMappingURL=usePanelsAutoCollapse.js.map

package/lib/cjs/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,+BAA+B;AAC/B,kDAA0D;AAC1D,+CAG0B;AAC1B,mCAAqC;AACrC,qDAAqD;AAErD,gBAAgB;AAChB,SAAgB,qBAAqB;IACnC,MAAM,WAAW,GAAG,IAAA,4BAAc,GAAE,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,kCAAuB,CAAC,CAAC;IAC3D,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACjD,4CAAiC,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,kBAAU,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,IAAA,yBAAY,EAC/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,IAAA,yBAAY,EAChC,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,IAAA,oBAAO,EAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IACjD,OAAO,GAAG,CAAC;AACb,CAAC;AAjDD,sDAiDC","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/cjs/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/cjs/appui-react/messages/AppNotificationManager.js

@@ -1,135 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppNotificationManager = void 0;
-const core_frontend_1 = require("@itwin/core-frontend");
-const ElementTooltip_1 = require("../feedback/ElementTooltip");
-const UiFramework_1 = require("../UiFramework");
-const MessageManager_1 = require("./MessageManager");
-const Pointer_1 = require("./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
- */
-class AppNotificationManager extends core_frontend_1.NotificationManager {
-    /** Output a prompt, given an i18n key.
-     */
-    outputPromptByKey(key) {
-        this.outputPrompt(UiFramework_1.UiFramework.translate(key));
-    }
-    /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.
-     */
-    outputPrompt(prompt) {
-        MessageManager_1.MessageManager.outputPrompt(prompt);
-        const mainInstruction = core_frontend_1.ToolAssistance.createInstruction("", prompt);
-        const instructions = core_frontend_1.ToolAssistance.createInstructions(mainInstruction);
-        MessageManager_1.MessageManager.setToolAssistance(instructions);
-    }
-    /** Output a message and/or alert to the user. */
-    outputMessage(message) {
-        MessageManager_1.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_1.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_1.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_1.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 core_frontend_1.ActivityMessageEndReason.Completed:
-                result = MessageManager_1.MessageManager.endActivityMessage(true);
-                break;
-            case core_frontend_1.ActivityMessageEndReason.Cancelled:
-                result = MessageManager_1.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) {
-        Pointer_1.PointerMessage.updateMessage(displayPoint, relativePosition);
-    }
-    /** Hides the Pointer message. */
-    closePointerMessage() {
-        Pointer_1.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_1.ElementTooltip.isTooltipVisible;
-    }
-    /** Clear the ToolTip if it is currently open. If not open, does nothing. */
-    clearToolTip() {
-        if (this.isToolTipOpen)
-            ElementTooltip_1.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_1.ElementTooltip.showTooltip(el, message, pt, options);
-    }
-    /** Hide a InputField message. */
-    closeInputFieldMessage() {
-        MessageManager_1.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_1.MessageManager.outputPrompt(instructions ? instructions.mainInstruction.text : "");
-        MessageManager_1.MessageManager.setToolAssistance(instructions);
-    }
-}
-exports.AppNotificationManager = AppNotificationManager;
-//# sourceMappingURL=AppNotificationManager.js.map

package/lib/cjs/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/cjs/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/cjs/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"}