@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/statusbar/StatusBarComposer.js

@@ -0,0 +1,258 @@
+"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 StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarComposer = exports.DockedStatusBarItem = exports.useStatusBarEntry = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
+const Indicator_1 = require("../statusfields/Indicator");
+const Overflow_1 = require("./Overflow");
+const OverflowPanel_1 = require("./OverflowPanel");
+const StatusBar_1 = require("./StatusBar");
+const StatusBarItem_1 = require("./StatusBarItem");
+const useDefaultStatusBarItems_1 = require("./useDefaultStatusBarItems");
+const useUiItemsProviderStatusBarItems_1 = require("./useUiItemsProviderStatusBarItems");
+/** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */
+function getCombinedSectionItemPriority(item) {
+    let sectionValue = 0;
+    if (item.section === appui_abstract_1.StatusBarSection.Center)
+        sectionValue = 100000;
+    else if (item.section === appui_abstract_1.StatusBarSection.Context)
+        sectionValue = 200000;
+    else if (item.section === appui_abstract_1.StatusBarSection.Right)
+        sectionValue = 300000;
+    return sectionValue + item.itemPriority;
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const DockedStatusBarEntryContext = React.createContext(null);
+DockedStatusBarEntryContext.displayName = "nz:DockedStatusBarEntryContext";
+/** @internal */
+function useStatusBarEntry() {
+    return React.useContext(DockedStatusBarEntryContext);
+}
+exports.useStatusBarEntry = useStatusBarEntry;
+/** Used in [[StatusBarComposer]] component to display a statusbar item.
+ * @internal future
+ */
+function DockedStatusBarItem(props) {
+    const { onResize } = useStatusBarEntry();
+    const ref = (0, core_react_1.useResizeObserver)(onResize);
+    const className = (0, classnames_1.default)("uifw-statusbar-item-container", props.className);
+    return (React.createElement("div", { "data-item-id": props.itemId, "data-item-type": "status-bar-item", className: className, ref: ref, style: props.style }, props.children));
+}
+exports.DockedStatusBarItem = DockedStatusBarItem;
+/** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */
+// eslint-disable-next-line @typescript-eslint/naming-convention, no-shadow
+const DockedStatusBarEntry = React.memo(function DockedStatusbarEntry({ children, entryKey, getOnResize }) {
+    const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);
+    const entry = React.useMemo(() => ({
+        isOverflown: false,
+        onResize,
+    }), [onResize]);
+    return (React.createElement(DockedStatusBarEntryContext.Provider, { value: entry }, children));
+});
+/** Private function to set up sync event monitoring of statusbar items */
+function useStatusBarItemSyncEffect(itemsManager, syncIdsOfInterest) {
+    React.useEffect(() => {
+        const handleSyncUiEvent = (args) => {
+            if (0 === syncIdsOfInterest.length)
+                return;
+            // istanbul ignore else
+            if (syncIdsOfInterest.some((value) => args.eventIds.has(value.toLowerCase()))) {
+                // process each item that has interest
+                itemsManager.refreshAffectedItems(args.eventIds);
+            }
+        };
+        // Note: that items with conditions have condition run when loaded into the items manager
+        SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);
+        return () => {
+            SyncUiEventDispatcher_1.SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);
+        };
+    }, [itemsManager, itemsManager.items, syncIdsOfInterest]);
+}
+/** function to produce a StatusBarItem component from an AbstractStatusBarLabelItem */
+function generateActionStatusLabelItem(item, isInFooterMode) {
+    const iconPaddingClass = item.labelSide === appui_abstract_1.StatusBarLabelSide.Left ? "nz-icon-padding-right" : "nz-icon-padding-left";
+    return (React.createElement(appui_layout_react_1.FooterIndicator, { isInFooterMode: isInFooterMode },
+        item.icon && React.createElement(core_react_1.Icon, { iconSpec: item.icon }),
+        item.label && React.createElement("span", { className: iconPaddingClass }, appui_abstract_1.ConditionalStringValue.getValue(item.label))));
+}
+/** function to produce a StatusBarItem component from an AbstractStatusBarActionItem */
+function generateActionStatusBarItem(item, isInFooterMode) {
+    return React.createElement(Indicator_1.Indicator, { toolTip: appui_abstract_1.ConditionalStringValue.getValue(item.tooltip), opened: false, onClick: item.execute, iconSpec: item.icon, isInFooterMode: isInFooterMode });
+}
+/** local function to combine items from Stage and from Extensions */
+function combineItems(stageItems, addonItems) {
+    const items = [];
+    if (stageItems.length)
+        items.push(...stageItems);
+    if (addonItems.length)
+        items.push(...addonItems);
+    return items;
+}
+/** local function to ensure a width value is defined for a status bar entries.  */
+function verifiedMapEntries(map) {
+    for (const [, val] of map) {
+        // istanbul ignore next
+        if (val === undefined)
+            return undefined;
+    }
+    return map;
+}
+/** Returns a subset of docked entry keys that exceed given width and should be placed in overflow panel. */
+function getItemToPlaceInOverflow(width, docked, overflowWidth) {
+    let settingsWidth = 0;
+    let i = 0;
+    for (; i < docked.length; i++) {
+        const w = docked[i][1];
+        const newSettingsWidth = settingsWidth + w;
+        if (newSettingsWidth > width) {
+            settingsWidth += overflowWidth;
+            break;
+        }
+        settingsWidth = newSettingsWidth;
+    }
+    let j = i;
+    for (; j > 0; j--) {
+        if (settingsWidth <= width)
+            break;
+        const w = docked[j][1];
+        settingsWidth -= w;
+    }
+    const overflowItems = new Array();
+    for (i = j; i < docked.length; i++) {
+        overflowItems.push(docked[i][0]);
+    }
+    return overflowItems;
+}
+function isItemInOverflow(id, overflowItemIds) {
+    if (!overflowItemIds || 0 === overflowItemIds.length)
+        return false;
+    return !!overflowItemIds.find((value) => value === id);
+}
+/** Component to load components into the [[StatusBar]].
+ * @public
+ */
+function StatusBarComposer(props) {
+    const { className, style, items, mainClassName, leftClassName, centerClassName, rightClassName } = props;
+    const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new appui_abstract_1.StatusBarItemsManager(items));
+    const [isOverflowPanelOpen, setIsOverflowPanelOpen] = React.useState(false);
+    const containerWidth = React.useRef(undefined);
+    const isInitialMount = React.useRef(true);
+    React.useEffect(() => {
+        if (isInitialMount.current)
+            isInitialMount.current = false;
+        else {
+            setDefaultItemsManager(new appui_abstract_1.StatusBarItemsManager(items));
+        }
+    }, [items]);
+    const defaultItems = (0, useDefaultStatusBarItems_1.useDefaultStatusBarItems)(defaultItemsManager);
+    const syncIdsOfInterest = React.useMemo(() => appui_abstract_1.StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);
+    useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);
+    const statusBarContext = React.useContext(StatusBar_1.StatusBarContext);
+    const [addonItemsManager] = React.useState(new appui_abstract_1.StatusBarItemsManager());
+    const addonItems = (0, useUiItemsProviderStatusBarItems_1.useUiItemsProviderStatusBarItems)(addonItemsManager);
+    const addonSyncIdsOfInterest = React.useMemo(() => appui_abstract_1.StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);
+    useStatusBarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);
+    const statusBarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);
+    const entryWidths = React.useRef(new Map());
+    const overflowWidth = React.useRef(undefined);
+    const [overflown, setOverflown] = React.useState();
+    const calculateOverflow = React.useCallback(() => {
+        const widths = verifiedMapEntries(entryWidths.current);
+        if (containerWidth.current === undefined ||
+            widths === undefined ||
+            overflowWidth.current === undefined) {
+            setOverflown(new Array());
+            return;
+        }
+        // Calculate overflow.
+        const newOverflown = getItemToPlaceInOverflow(containerWidth.current, [...widths.entries()], overflowWidth.current);
+        if (!(0, appui_layout_react_1.eqlOverflown)(overflown, newOverflown)) {
+            setOverflown(newOverflown);
+            // istanbul ignore next
+            if (0 === newOverflown.length && isOverflowPanelOpen)
+                setIsOverflowPanelOpen(false);
+        }
+    }, [isOverflowPanelOpen, overflown]);
+    const handleOverflowResize = React.useCallback((w) => {
+        const calculate = overflowWidth.current !== w;
+        overflowWidth.current = w;
+        calculate && calculateOverflow();
+    }, [calculateOverflow]);
+    const handleEntryResize = React.useCallback((key) => (w) => {
+        const oldW = entryWidths.current.get(key);
+        if ((undefined === oldW) || Math.abs(oldW - w) > 2) {
+            entryWidths.current.set(key, w);
+            calculateOverflow();
+        }
+    }, [calculateOverflow]);
+    /** generate a wrapped status bar entry that will report its size. */
+    const getComponent = React.useCallback((item, key) => {
+        return (React.createElement(DockedStatusBarEntry, { key: key, entryKey: key, getOnResize: handleEntryResize },
+            React.createElement(DockedStatusBarItem, { key: key, itemId: item.id },
+                (0, StatusBarItem_1.isStatusBarItem)(item) && item.reactNode,
+                (0, appui_abstract_1.isAbstractStatusBarActionItem)(item) && generateActionStatusBarItem(item, statusBarContext.isInFooterMode),
+                (0, appui_abstract_1.isAbstractStatusBarLabelItem)(item) && generateActionStatusLabelItem(item, statusBarContext.isInFooterMode))));
+    }, [statusBarContext.isInFooterMode, handleEntryResize]);
+    const getSectionItems = React.useCallback((section) => {
+        const sectionItems = statusBarItems
+            .filter((item) => item.section === section && !isItemInOverflow(item.id, overflown) && !appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden))
+            .sort((a, b) => a.itemPriority - b.itemPriority);
+        return sectionItems.map((sectionItem) => (React.createElement(React.Fragment, { key: sectionItem.id }, getComponent(sectionItem, sectionItem.id))));
+    }, [statusBarItems, overflown, getComponent]);
+    const getOverflowItems = React.useCallback(() => {
+        const itemsInOverflow = statusBarItems
+            .filter((item) => isItemInOverflow(item.id, overflown) && !appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden))
+            .sort((a, b) => getCombinedSectionItemPriority(a) - getCombinedSectionItemPriority(b)).reverse();
+        return itemsInOverflow.map((item) => (React.createElement(React.Fragment, { key: item.id }, getComponent(item, item.id))));
+    }, [statusBarItems, overflown, getComponent]);
+    const handleContainerResize = React.useCallback((w) => {
+        if ((undefined === containerWidth.current) || Math.abs(containerWidth.current - w) > 2) {
+            containerWidth.current = w;
+            calculateOverflow();
+        }
+    }, [calculateOverflow]);
+    const containerRef = React.useRef(null);
+    const targetRef = React.useRef(null);
+    const resizeObserverRef = (0, core_react_1.useResizeObserver)(handleContainerResize);
+    // allow  both the containerRef and the resize observer function that takes a ref to be processed when the ref is set.
+    const refs = (0, core_react_1.useRefs)(containerRef, resizeObserverRef);
+    const onOverflowClick = React.useCallback(() => {
+        setIsOverflowPanelOpen((prev) => !prev);
+    }, []);
+    // istanbul ignore next
+    const handleOnClose = React.useCallback(() => {
+        setIsOverflowPanelOpen(false);
+    }, []);
+    const leftItems = React.useMemo(() => getSectionItems(appui_abstract_1.StatusBarSection.Left), [getSectionItems]);
+    const centerItems = React.useMemo(() => getSectionItems(appui_abstract_1.StatusBarSection.Center), [getSectionItems]);
+    const rightItems = React.useMemo(() => getSectionItems(appui_abstract_1.StatusBarSection.Right), [getSectionItems]);
+    const contextItems = React.useMemo(() => getSectionItems(appui_abstract_1.StatusBarSection.Context), [getSectionItems]);
+    const overflowItems = React.useMemo(() => getOverflowItems(), [getOverflowItems]);
+    const containerClassName = (0, classnames_1.default)("uifw-statusbar-docked", className);
+    return (React.createElement("div", { className: containerClassName, ref: refs, style: style, role: "presentation" },
+        React.createElement(StatusBar_1.StatusBarSpaceBetween, { className: mainClassName },
+            React.createElement(StatusBar_1.StatusBarLeftSection, { className: leftClassName }, leftItems),
+            React.createElement(StatusBar_1.StatusBarCenterSection, { className: centerClassName },
+                centerItems,
+                contextItems),
+            React.createElement(StatusBar_1.StatusBarRightSection, { className: rightClassName },
+                rightItems,
+                (!overflown || overflown.length > 0) && (React.createElement(React.Fragment, null,
+                    React.createElement(Overflow_1.StatusBarOverflow, { onClick: onOverflowClick, onResize: handleOverflowResize, ref: targetRef }),
+                    overflowItems.length > 0 && isOverflowPanelOpen && targetRef.current &&
+                        React.createElement(OverflowPanel_1.StatusBarOverflowPanel, { onClose: handleOnClose, open: true, target: targetRef.current },
+                            React.createElement("div", { className: "uifw-statusbar-overflow-items-container", "data-testid": "uifw-statusbar-overflow-items-container" }, overflowItems.map((overflowEntry) => overflowEntry)))))))));
+}
+exports.StatusBarComposer = StatusBarComposer;
+//# sourceMappingURL=StatusBarComposer.js.map

package/lib/cjs/appui-react/statusbar/StatusBarComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,0DAG+B;AAC/B,kDAAkF;AAClF,kEAA0E;AAC1E,2EAAyF;AACzF,yDAAsD;AACtD,yCAA+C;AAC/C,mDAAyD;AACzD,2CAA2I;AAC3I,mDAAkD;AAClD,yEAAsE;AACtE,yFAAsF;AAEtF,sIAAsI;AACtI,SAAS,8BAA8B,CAAC,IAAyB;IAC/D,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,IAAI,IAAI,CAAC,OAAO,KAAK,iCAAgB,CAAC,MAAM;QAC1C,YAAY,GAAG,MAAM,CAAC;SACnB,IAAI,IAAI,CAAC,OAAO,KAAK,iCAAgB,CAAC,OAAO;QAChD,YAAY,GAAG,MAAM,CAAC;SACnB,IAAI,IAAI,CAAC,OAAO,KAAK,iCAAgB,CAAC,KAAK;QAC9C,YAAY,GAAG,MAAM,CAAC;IACxB,OAAO,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;AAC1C,CAAC;AAOD,gEAAgE;AAChE,MAAM,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAiC,IAAK,CAAC,CAAC;AAC/F,2BAA2B,CAAC,WAAW,GAAG,gCAAgC,CAAC;AAE3E,gBAAgB;AAChB,SAAgB,iBAAiB;IAC/B,OAAO,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;AACvD,CAAC;AAFD,8CAEC;AAUD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAAyB;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACzC,MAAM,GAAG,GAAG,IAAA,8BAAiB,EAAiB,QAAQ,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,+BAA+B,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6CACgB,KAAK,CAAC,MAAM,oBACX,iBAAiB,EAChC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAlBD,kDAkBC;AAQD,iLAAiL;AACjL,2EAA2E;AAC3E,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAA4B,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE;IAClI,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IACrF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAiC,GAAG,EAAE,CAAC,CAAC;QACjE,WAAW,EAAE,KAAK;QAClB,QAAQ;KACT,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChB,OAAO,CACL,oBAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC/C,QAAQ,CAC4B,CACxC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,0EAA0E;AAC1E,SAAS,0BAA0B,CAAC,YAAmC,EAAE,iBAA2B;IAClG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iBAAiB,GAAG,CAAC,IAAqB,EAAE,EAAE;YAClD,IAAI,CAAC,KAAK,iBAAiB,CAAC,MAAM;gBAChC,OAAO;YAET,uBAAuB;YACvB,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE;gBAC9F,sCAAsC;gBACtC,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAClD;QACH,CAAC,CAAC;QAEF,yFAAyF;QACzF,6CAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,6CAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC5D,CAAC;AAED,uFAAuF;AACvF,SAAS,6BAA6B,CAAC,IAAgC,EAAE,cAAuB;IAC9F,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,KAAK,mCAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IACvH,OAAO,CAAC,oBAAC,oCAAe,IACtB,cAAc,EAAE,cAAc;QAE7B,IAAI,CAAC,IAAI,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,GAAI;QAC1C,IAAI,CAAC,KAAK,IAAI,8BAAM,SAAS,EAAE,gBAAgB,IAAG,uCAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACtF,CACjB,CAAC;AACJ,CAAC;AAED,wFAAwF;AACxF,SAAS,2BAA2B,CAAC,IAAiC,EAAE,cAAuB;IAC7F,OAAO,oBAAC,qBAAS,IAAC,OAAO,EAAE,uCAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EACjI,cAAc,EAAE,cAAc,GAAI,CAAC;AACvC,CAAC;AAED,qEAAqE;AACrE,SAAS,YAAY,CAAC,UAA8C,EAAE,UAA8C;IAClH,MAAM,KAAK,GAA0B,EAAE,CAAC;IACxC,IAAI,UAAU,CAAC,MAAM;QACnB,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IAC5B,IAAI,UAAU,CAAC,MAAM;QACnB,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IAC5B,OAAO,KAAK,CAAC;AACf,CAAC;AAED,mFAAmF;AACnF,SAAS,kBAAkB,CAAI,GAA+B;IAC5D,KAAK,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,EAAE;QACzB,uBAAuB;QACvB,IAAI,GAAG,KAAK,SAAS;YACnB,OAAO,SAAS,CAAC;KACpB;IACD,OAAO,GAAqB,CAAC;AAC/B,CAAC;AAED,4GAA4G;AAC5G,SAAS,wBAAwB,CAAC,KAAa,EAAE,MAAgD,EAAE,aAAqB;IACtH,IAAI,aAAa,GAAG,CAAC,CAAC;IAEtB,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC7B,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC,CAAC;QAC3C,IAAI,gBAAgB,GAAG,KAAK,EAAE;YAC5B,aAAa,IAAI,aAAa,CAAC;YAC/B,MAAM;SACP;QACD,aAAa,GAAG,gBAAgB,CAAC;KAClC;IAED,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QACjB,IAAI,aAAa,IAAI,KAAK;YACxB,MAAM;QACR,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,aAAa,IAAI,CAAC,CAAC;KACpB;IAED,MAAM,aAAa,GAAG,IAAI,KAAK,EAAU,CAAC;IAC1C,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAClC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAU,EAAE,eAAkD;IACtF,IAAI,CAAC,eAAe,IAAI,CAAC,KAAK,eAAe,CAAC,MAAM;QAClD,OAAO,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;AACzD,CAAC;AAmBD;;GAEG;AACH,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACzG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,sCAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7G,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAC;IAEnE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,sBAAsB,CAAC,IAAI,sCAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;SAC1D;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,MAAM,YAAY,GAAG,IAAA,mDAAwB,EAAC,mBAAmB,CAAC,CAAC;IACnE,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,sCAAqB,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACxH,0BAA0B,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;IAEnE,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAgB,CAAC,CAAC;IAC5D,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,sCAAqB,EAAE,CAAC,CAAC;IACxE,MAAM,UAAU,GAAG,IAAA,mEAAgC,EAAC,iBAAiB,CAAC,CAAC;IACvE,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,sCAAqB,CAAC,oBAAoB,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACzH,0BAA0B,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;IAEtE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/G,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAA8B,CAAC,CAAC;IACxE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAC;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAyB,CAAC;IAE1E,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACvD,IAAI,cAAc,CAAC,OAAO,KAAK,SAAS;YACtC,MAAM,KAAK,SAAS;YACpB,aAAa,CAAC,OAAO,KAAK,SAAS,EACnC;YACA,YAAY,CAAC,IAAI,KAAK,EAAU,CAAC,CAAC;YAClC,OAAO;SACR;QAED,sBAAsB;QACtB,MAAM,YAAY,GAAG,wBAAwB,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QACpH,IAAI,CAAC,IAAA,iCAAY,EAAC,SAAS,EAAE,YAAY,CAAC,EAAE;YAC1C,YAAY,CAAC,YAAY,CAAC,CAAC;YAC3B,uBAAuB;YACvB,IAAI,CAAC,KAAK,YAAY,CAAC,MAAM,IAAI,mBAAmB;gBAClD,sBAAsB,CAAC,KAAK,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE;QAC3D,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,KAAK,CAAC,CAAC;QAC9C,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC;QAC1B,SAAS,IAAI,iBAAiB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAS,EAAE,EAAE;QACzE,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;YAClD,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YAChC,iBAAiB,EAAE,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,qEAAqE;IACrE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAyB,EAAE,GAAW,EAAmB,EAAE;QACjG,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,GAAG,EACb,WAAW,EAAE,iBAAiB;YAE9B,oBAAC,mBAAmB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;gBAC3C,IAAA,+BAAe,EAAC,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS;gBACvC,IAAA,8CAA6B,EAAC,IAAI,CAAC,IAAI,2BAA2B,CAAC,IAAI,EAAE,gBAAgB,CAAC,cAAc,CAAC;gBACzG,IAAA,6CAA4B,EAAC,IAAI,CAAC,IAAI,6BAA6B,CAAC,IAAI,EAAE,gBAAgB,CAAC,cAAc,CAAC,CACvF,CACD,CACxB,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAqB,EAAE;QACzF,MAAM,YAAY,GAAG,cAAc;aAChC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAiB,KAAK,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACjJ,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;QAEnD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACvC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,CAAC,EAAE,IAChC,YAAY,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,CAAC,CAC3B,CAClB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9C,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAsB,EAAE;QACjE,MAAM,eAAe,GAAG,cAAc;aACnC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC1G,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC,CAAC,GAAG,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAEnG,OAAO,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IACzB,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CACb,CAClB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9C,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE;QAC5D,IAAI,CAAC,SAAS,KAAK,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;YACtF,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;YAC3B,iBAAiB,EAAE,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,iBAAiB,GAAG,IAAA,8BAAiB,EAAC,qBAAqB,CAAC,CAAC;IACnE,sHAAsH;IACtH,MAAM,IAAI,GAAG,IAAA,oBAAO,EAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IAEtD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,uBAAuB;IACvB,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,iCAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACjG,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,iCAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACrG,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,iCAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACnG,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,iCAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACvG,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAElF,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EACnC,uBAAuB,EACvB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,cAAc;QAEnB,oBAAC,iCAAqB,IAAC,SAAS,EAAE,aAAa;YAC7C,oBAAC,gCAAoB,IAAC,SAAS,EAAE,aAAa,IAC3C,SAAS,CACW;YACvB,oBAAC,kCAAsB,IAAC,SAAS,EAAE,eAAe;gBAC/C,WAAW;gBACX,YAAY,CACU;YACzB,oBAAC,iCAAqB,IAAC,SAAS,EAAE,cAAc;gBAC7C,UAAU;gBACV,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACvC;oBACE,oBAAC,4BAAiB,IAChB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,oBAAoB,EAC9B,GAAG,EAAE,SAAS,GACd;oBACD,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,mBAAmB,IAAI,SAAS,CAAC,OAAO;wBACnE,oBAAC,sCAAsB,IACrB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,CAAC,OAAO;4BAEzB,6BAAK,SAAS,EAAC,yCAAyC,iBAAa,yCAAyC,IAC3G,aAAa,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAChD,CACiB,CAE1B,CACJ,CAEqB,CACF,CACpB,CACP,CAAC;AACJ,CAAC;AAjLD,8CAiLC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport {\r\n  AbstractStatusBarActionItem, AbstractStatusBarLabelItem, CommonStatusBarItem, ConditionalBooleanValue, ConditionalStringValue,\r\n  isAbstractStatusBarActionItem, isAbstractStatusBarLabelItem, StatusBarItemsManager, StatusBarLabelSide, StatusBarSection,\r\n} from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Icon, useRefs, useResizeObserver } from \"@itwin/core-react\";\r\nimport { eqlOverflown, FooterIndicator } from \"@itwin/appui-layout-react\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { Indicator } from \"../statusfields/Indicator\";\r\nimport { StatusBarOverflow } from \"./Overflow\";\r\nimport { StatusBarOverflowPanel } from \"./OverflowPanel\";\r\nimport { StatusBarCenterSection, StatusBarContext, StatusBarLeftSection, StatusBarRightSection, StatusBarSpaceBetween } from \"./StatusBar\";\r\nimport { isStatusBarItem } from \"./StatusBarItem\";\r\nimport { useDefaultStatusBarItems } from \"./useDefaultStatusBarItems\";\r\nimport { useUiItemsProviderStatusBarItems } from \"./useUiItemsProviderStatusBarItems\";\r\n\r\n/** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */\r\nfunction getCombinedSectionItemPriority(item: CommonStatusBarItem) {\r\n  let sectionValue = 0;\r\n  if (item.section === StatusBarSection.Center)\r\n    sectionValue = 100000;\r\n  else if (item.section === StatusBarSection.Context)\r\n    sectionValue = 200000;\r\n  else if (item.section === StatusBarSection.Right)\r\n    sectionValue = 300000;\r\n  return sectionValue + item.itemPriority;\r\n}\r\n\r\ninterface DockedStatusBarEntryContextArg {\r\n  readonly isOverflown: boolean;\r\n  readonly onResize: (w: number) => void;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst DockedStatusBarEntryContext = React.createContext<DockedStatusBarEntryContextArg>(null!);\r\nDockedStatusBarEntryContext.displayName = \"nz:DockedStatusBarEntryContext\";\r\n\r\n/** @internal */\r\nexport function useStatusBarEntry() {\r\n  return React.useContext(DockedStatusBarEntryContext);\r\n}\r\n\r\n/** Properties of [[DockedStatusBarItem]] component.\r\n * @internal future\r\n */\r\nexport interface StatusBarItemProps extends CommonProps {\r\n  /** Tool setting content. */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Used in [[StatusBarComposer]] component to display a statusbar item.\r\n * @internal future\r\n */\r\nexport function DockedStatusBarItem(props: StatusBarItemProps) {\r\n  const { onResize } = useStatusBarEntry();\r\n  const ref = useResizeObserver<HTMLDivElement>(onResize);\r\n  const className = classnames(\r\n    \"uifw-statusbar-item-container\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <div\r\n      data-item-id={props.itemId}\r\n      data-item-type=\"status-bar-item\"\r\n      className={className}\r\n      ref={ref}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface DockedStatusBarEntryProps {\r\n  children?: React.ReactNode;\r\n  entryKey: string;\r\n  getOnResize: (key: string) => (w: number) => void;\r\n}\r\n\r\n/** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, no-shadow\r\nconst DockedStatusBarEntry = React.memo<DockedStatusBarEntryProps>(function DockedStatusbarEntry({ children, entryKey, getOnResize }) {\r\n  const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);\r\n  const entry = React.useMemo<DockedStatusBarEntryContextArg>(() => ({\r\n    isOverflown: false,\r\n    onResize,\r\n  }), [onResize]);\r\n  return (\r\n    <DockedStatusBarEntryContext.Provider value={entry}>\r\n      {children}\r\n    </DockedStatusBarEntryContext.Provider>\r\n  );\r\n});\r\n\r\n/** Private function to set up sync event monitoring of statusbar items */\r\nfunction useStatusBarItemSyncEffect(itemsManager: StatusBarItemsManager, syncIdsOfInterest: string[]) {\r\n  React.useEffect(() => {\r\n    const handleSyncUiEvent = (args: SyncUiEventArgs) => {\r\n      if (0 === syncIdsOfInterest.length)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n        // process each item that has interest\r\n        itemsManager.refreshAffectedItems(args.eventIds);\r\n      }\r\n    };\r\n\r\n    // Note: that items with conditions have condition run when loaded into the items manager\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n    return () => {\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\r\n    };\r\n  }, [itemsManager, itemsManager.items, syncIdsOfInterest]);\r\n}\r\n\r\n/** function to produce a StatusBarItem component from an AbstractStatusBarLabelItem */\r\nfunction generateActionStatusLabelItem(item: AbstractStatusBarLabelItem, isInFooterMode: boolean): React.ReactNode {\r\n  const iconPaddingClass = item.labelSide === StatusBarLabelSide.Left ? \"nz-icon-padding-right\" : \"nz-icon-padding-left\";\r\n  return (<FooterIndicator\r\n    isInFooterMode={isInFooterMode}\r\n  >\r\n    {item.icon && <Icon iconSpec={item.icon} />}\r\n    {item.label && <span className={iconPaddingClass}>{ConditionalStringValue.getValue(item.label)}</span>}\r\n  </FooterIndicator>\r\n  );\r\n}\r\n\r\n/** function to produce a StatusBarItem component from an AbstractStatusBarActionItem */\r\nfunction generateActionStatusBarItem(item: AbstractStatusBarActionItem, isInFooterMode: boolean): React.ReactNode {\r\n  return <Indicator toolTip={ConditionalStringValue.getValue(item.tooltip)} opened={false} onClick={item.execute} iconSpec={item.icon}\r\n    isInFooterMode={isInFooterMode} />;\r\n}\r\n\r\n/** local function to combine items from Stage and from Extensions */\r\nfunction combineItems(stageItems: ReadonlyArray<CommonStatusBarItem>, addonItems: ReadonlyArray<CommonStatusBarItem>) {\r\n  const items: CommonStatusBarItem[] = [];\r\n  if (stageItems.length)\r\n    items.push(...stageItems);\r\n  if (addonItems.length)\r\n    items.push(...addonItems);\r\n  return items;\r\n}\r\n\r\n/** local function to ensure a width value is defined for a status bar entries.  */\r\nfunction verifiedMapEntries<T>(map: Map<string, T | undefined>) {\r\n  for (const [, val] of map) {\r\n    // istanbul ignore next\r\n    if (val === undefined)\r\n      return undefined;\r\n  }\r\n  return map as Map<string, T>;\r\n}\r\n\r\n/** Returns a subset of docked entry keys that exceed given width and should be placed in overflow panel. */\r\nfunction getItemToPlaceInOverflow(width: number, docked: ReadonlyArray<readonly [string, number]>, overflowWidth: number) {\r\n  let settingsWidth = 0;\r\n\r\n  let i = 0;\r\n  for (; i < docked.length; i++) {\r\n    const w = docked[i][1];\r\n    const newSettingsWidth = settingsWidth + w;\r\n    if (newSettingsWidth > width) {\r\n      settingsWidth += overflowWidth;\r\n      break;\r\n    }\r\n    settingsWidth = newSettingsWidth;\r\n  }\r\n\r\n  let j = i;\r\n  for (; j > 0; j--) {\r\n    if (settingsWidth <= width)\r\n      break;\r\n    const w = docked[j][1];\r\n    settingsWidth -= w;\r\n  }\r\n\r\n  const overflowItems = new Array<string>();\r\n  for (i = j; i < docked.length; i++) {\r\n    overflowItems.push(docked[i][0]);\r\n  }\r\n  return overflowItems;\r\n}\r\n\r\nfunction isItemInOverflow(id: string, overflowItemIds: ReadonlyArray<string> | undefined) {\r\n  if (!overflowItemIds || 0 === overflowItemIds.length)\r\n    return false;\r\n  return !!overflowItemIds.find((value) => value === id);\r\n}\r\n\r\n/** Properties for the [[StatusBarComposer]] React components\r\n * @public\r\n */\r\nexport interface StatusBarComposerProps extends CommonProps {\r\n  /** Status Bar items */\r\n  items: CommonStatusBarItem[];\r\n\r\n  /** CSS class name override for the overall Status Bar */\r\n  mainClassName?: string;\r\n  /** CSS class name override for the left section */\r\n  leftClassName?: string;\r\n  /** CSS class name override for the center section */\r\n  centerClassName?: string;\r\n  /** CSS class name override for the right section */\r\n  rightClassName?: string;\r\n}\r\n\r\n/** Component to load components into the [[StatusBar]].\r\n * @public\r\n */\r\nexport function StatusBarComposer(props: StatusBarComposerProps) {\r\n  const { className, style, items, mainClassName, leftClassName, centerClassName, rightClassName } = props;\r\n  const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new StatusBarItemsManager(items));\r\n  const [isOverflowPanelOpen, setIsOverflowPanelOpen] = React.useState(false);\r\n  const containerWidth = React.useRef<number | undefined>(undefined);\r\n\r\n  const isInitialMount = React.useRef(true);\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current)\r\n      isInitialMount.current = false;\r\n    else {\r\n      setDefaultItemsManager(new StatusBarItemsManager(items));\r\n    }\r\n  }, [items]);\r\n  const defaultItems = useDefaultStatusBarItems(defaultItemsManager);\r\n  const syncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);\r\n  useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);\r\n\r\n  const statusBarContext = React.useContext(StatusBarContext);\r\n  const [addonItemsManager] = React.useState(new StatusBarItemsManager());\r\n  const addonItems = useUiItemsProviderStatusBarItems(addonItemsManager);\r\n  const addonSyncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);\r\n  useStatusBarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);\r\n\r\n  const statusBarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);\r\n  const entryWidths = React.useRef(new Map<string, number | undefined>());\r\n  const overflowWidth = React.useRef<number | undefined>(undefined);\r\n  const [overflown, setOverflown] = React.useState<ReadonlyArray<string>>();\r\n\r\n  const calculateOverflow = React.useCallback(() => {\r\n    const widths = verifiedMapEntries(entryWidths.current);\r\n    if (containerWidth.current === undefined ||\r\n      widths === undefined ||\r\n      overflowWidth.current === undefined\r\n    ) {\r\n      setOverflown(new Array<string>());\r\n      return;\r\n    }\r\n\r\n    // Calculate overflow.\r\n    const newOverflown = getItemToPlaceInOverflow(containerWidth.current, [...widths.entries()], overflowWidth.current);\r\n    if (!eqlOverflown(overflown, newOverflown)) {\r\n      setOverflown(newOverflown);\r\n      // istanbul ignore next\r\n      if (0 === newOverflown.length && isOverflowPanelOpen)\r\n        setIsOverflowPanelOpen(false);\r\n    }\r\n  }, [isOverflowPanelOpen, overflown]);\r\n\r\n  const handleOverflowResize = React.useCallback((w: number) => {\r\n    const calculate = overflowWidth.current !== w;\r\n    overflowWidth.current = w;\r\n    calculate && calculateOverflow();\r\n  }, [calculateOverflow]);\r\n\r\n  const handleEntryResize = React.useCallback((key: string) => (w: number) => {\r\n    const oldW = entryWidths.current.get(key);\r\n    if ((undefined === oldW) || Math.abs(oldW - w) > 2) {\r\n      entryWidths.current.set(key, w);\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  /** generate a wrapped status bar entry that will report its size. */\r\n  const getComponent = React.useCallback((item: CommonStatusBarItem, key: string): React.ReactNode => {\r\n    return (\r\n      <DockedStatusBarEntry\r\n        key={key}\r\n        entryKey={key}\r\n        getOnResize={handleEntryResize}\r\n      >\r\n        <DockedStatusBarItem key={key} itemId={item.id} >\r\n          {isStatusBarItem(item) && item.reactNode}\r\n          {isAbstractStatusBarActionItem(item) && generateActionStatusBarItem(item, statusBarContext.isInFooterMode)}\r\n          {isAbstractStatusBarLabelItem(item) && generateActionStatusLabelItem(item, statusBarContext.isInFooterMode)}\r\n        </DockedStatusBarItem>\r\n      </DockedStatusBarEntry>\r\n    );\r\n  }, [statusBarContext.isInFooterMode, handleEntryResize]);\r\n\r\n  const getSectionItems = React.useCallback((section: StatusBarSection): React.ReactNode[] => {\r\n    const sectionItems = statusBarItems\r\n      .filter((item) => item.section as number === section && !isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => a.itemPriority - b.itemPriority);\r\n\r\n    return sectionItems.map((sectionItem) => (\r\n      <React.Fragment key={sectionItem.id}>\r\n        {getComponent(sectionItem, sectionItem.id)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const getOverflowItems = React.useCallback((): React.ReactNode[] => {\r\n    const itemsInOverflow = statusBarItems\r\n      .filter((item) => isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => getCombinedSectionItemPriority(a) - getCombinedSectionItemPriority(b)).reverse();\r\n\r\n    return itemsInOverflow.map((item) => (\r\n      <React.Fragment key={item.id}>\r\n        {getComponent(item, item.id)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const handleContainerResize = React.useCallback((w: number) => {\r\n    if ((undefined === containerWidth.current) || Math.abs(containerWidth.current - w) > 2) {\r\n      containerWidth.current = w;\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n  const targetRef = React.useRef<HTMLDivElement>(null);\r\n  const resizeObserverRef = useResizeObserver(handleContainerResize);\r\n  // allow  both the containerRef and the resize observer function that takes a ref to be processed when the ref is set.\r\n  const refs = useRefs(containerRef, resizeObserverRef);\r\n\r\n  const onOverflowClick = React.useCallback(() => {\r\n    setIsOverflowPanelOpen((prev) => !prev);\r\n  }, []);\r\n  // istanbul ignore next\r\n  const handleOnClose = React.useCallback(() => {\r\n    setIsOverflowPanelOpen(false);\r\n  }, []);\r\n  const leftItems = React.useMemo(() => getSectionItems(StatusBarSection.Left), [getSectionItems]);\r\n  const centerItems = React.useMemo(() => getSectionItems(StatusBarSection.Center), [getSectionItems]);\r\n  const rightItems = React.useMemo(() => getSectionItems(StatusBarSection.Right), [getSectionItems]);\r\n  const contextItems = React.useMemo(() => getSectionItems(StatusBarSection.Context), [getSectionItems]);\r\n  const overflowItems = React.useMemo(() => getOverflowItems(), [getOverflowItems]);\r\n\r\n  const containerClassName = classnames(\r\n    \"uifw-statusbar-docked\",\r\n    className,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={containerClassName}\r\n      ref={refs}\r\n      style={style}\r\n      role=\"presentation\"\r\n    >\r\n      <StatusBarSpaceBetween className={mainClassName}>\r\n        <StatusBarLeftSection className={leftClassName}>\r\n          {leftItems}\r\n        </StatusBarLeftSection>\r\n        <StatusBarCenterSection className={centerClassName}>\r\n          {centerItems}\r\n          {contextItems}\r\n        </StatusBarCenterSection>\r\n        <StatusBarRightSection className={rightClassName}>\r\n          {rightItems}\r\n          {(!overflown || overflown.length > 0) && (\r\n            <>\r\n              <StatusBarOverflow\r\n                onClick={onOverflowClick}\r\n                onResize={handleOverflowResize}\r\n                ref={targetRef}\r\n              />\r\n              {overflowItems.length > 0 && isOverflowPanelOpen && targetRef.current &&\r\n                <StatusBarOverflowPanel\r\n                  onClose={handleOnClose}\r\n                  open={true}\r\n                  target={targetRef.current}\r\n                >\r\n                  <div className=\"uifw-statusbar-overflow-items-container\" data-testid=\"uifw-statusbar-overflow-items-container\">\r\n                    {overflowItems.map((overflowEntry) => overflowEntry)}\r\n                  </div>\r\n                </StatusBarOverflowPanel>\r\n              }\r\n            </>\r\n          )}\r\n\r\n        </StatusBarRightSection>\r\n      </StatusBarSpaceBetween>\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/StatusBarItem.d.ts

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { AbstractStatusBarCustomItem, CommonStatusBarItem } from "@itwin/appui-abstract";
+/** Describes the data needed to insert an item into the StatusBar.
+ * @public
+ */
+export interface StatusBarItem extends AbstractStatusBarCustomItem {
+    /** React node for the StatusBar item. */
+    readonly reactNode: React.ReactNode;
+}
+/** StatusBarItem type guard.
+ * @public
+ */
+export declare const isStatusBarItem: (item: CommonStatusBarItem) => item is StatusBarItem;
+//# sourceMappingURL=StatusBarItem.d.ts.map

package/lib/cjs/appui-react/statusbar/StatusBarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItem.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEzF;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,2BAA2B;IAChE,yCAAyC;IACzC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,mBAAmB,0BAExD,CAAC"}

package/lib/cjs/appui-react/statusbar/StatusBarItem.js

@@ -0,0 +1,18 @@
+"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 StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isStatusBarItem = void 0;
+/** StatusBarItem type guard.
+ * @public
+ */
+const isStatusBarItem = (item) => {
+    return (!!item.isCustom) && ("reactNode" in item);
+};
+exports.isStatusBarItem = isStatusBarItem;
+//# sourceMappingURL=StatusBarItem.js.map

package/lib/cjs/appui-react/statusbar/StatusBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarItem.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItem.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAaH;;GAEG;AACI,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAyB,EAAE;IAClF,OAAO,CAAC,CAAC,CAAE,IAAoC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC;AACrF,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractStatusBarCustomItem, CommonStatusBarItem } from \"@itwin/appui-abstract\";\r\n\r\n/** Describes the data needed to insert an item into the StatusBar.\r\n * @public\r\n */\r\nexport interface StatusBarItem extends AbstractStatusBarCustomItem {\r\n  /** React node for the StatusBar item. */\r\n  readonly reactNode: React.ReactNode;\r\n}\r\n\r\n/** StatusBarItem type guard.\r\n * @public\r\n */\r\nexport const isStatusBarItem = (item: CommonStatusBarItem): item is StatusBarItem => {\r\n  return (!!(item as AbstractStatusBarCustomItem).isCustom) && (\"reactNode\" in item);\r\n};\r\n"]}

package/lib/cjs/appui-react/statusbar/StatusBarItemUtilities.d.ts

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { StatusBarSection } from "@itwin/appui-abstract";
+import { StatusBarItem } from "./StatusBarItem";
+/** Utility methods for creating and maintaining StatusBar items.
+ * @public
+ */
+export declare class StatusBarItemUtilities {
+    /** Creates a StatusBar item */
+    static createStatusBarItem: (id: string, section: StatusBarSection, itemPriority: number, reactNode: React.ReactNode, itemProps?: Partial<StatusBarItem> | undefined) => StatusBarItem;
+}
+//# sourceMappingURL=StatusBarItemUtilities.d.ts.map

package/lib/cjs/appui-react/statusbar/StatusBarItemUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarItemUtilities.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemUtilities.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;GAEG;AACH,qBAAa,sBAAsB;IAEjC,+BAA+B;IAC/B,OAAc,mBAAmB,OAAQ,MAAM,WAAW,gBAAgB,gBAAgB,MAAM,aAAa,MAAM,SAAS,qDAAuC,aAAa,CAI7K;CAEJ"}

package/lib/cjs/appui-react/statusbar/StatusBarItemUtilities.js

@@ -0,0 +1,23 @@
+"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 StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarItemUtilities = void 0;
+/** Utility methods for creating and maintaining StatusBar items.
+ * @public
+ */
+class StatusBarItemUtilities {
+}
+exports.StatusBarItemUtilities = StatusBarItemUtilities;
+/** Creates a StatusBar item */
+StatusBarItemUtilities.createStatusBarItem = (id, section, itemPriority, reactNode, itemProps) => ({
+    id, section, itemPriority, reactNode,
+    isCustom: true,
+    ...itemProps ? itemProps : {},
+});
+//# sourceMappingURL=StatusBarItemUtilities.js.map

package/lib/cjs/appui-react/statusbar/StatusBarItemUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarItemUtilities.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemUtilities.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAMH;;GAEG;AACH,MAAa,sBAAsB;;AAAnC,wDASC;AAPC,+BAA+B;AACjB,0CAAmB,GAAG,CAAC,EAAU,EAAE,OAAyB,EAAE,YAAoB,EAAE,SAA0B,EAAE,SAAkC,EAAiB,EAAE,CAAC,CAAC;IACnL,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS;IACpC,QAAQ,EAAE,IAAI;IACd,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;CAC9B,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StatusBarSection } from \"@itwin/appui-abstract\";\r\nimport { StatusBarItem } from \"./StatusBarItem\";\r\n\r\n/** Utility methods for creating and maintaining StatusBar items.\r\n * @public\r\n */\r\nexport class StatusBarItemUtilities {\r\n\r\n  /** Creates a StatusBar item */\r\n  public static createStatusBarItem = (id: string, section: StatusBarSection, itemPriority: number, reactNode: React.ReactNode, itemProps?: Partial<StatusBarItem>): StatusBarItem => ({\r\n    id, section, itemPriority, reactNode,\r\n    isCustom: true,\r\n    ...itemProps ? itemProps : {},\r\n  });\r\n\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/StatusBarItemsManager.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import { StatusBarItemsManager as UIA_StatusBarItemsManager } from "@itwin/appui-abstract";
+/** StatusBar Items Manager class.
+ * @beta
+ * @deprecated Use [StatusBarItemsManager]($appui-abstract) in bentley/appui-abstract instead
+ */
+export declare class StatusBarItemsManager extends UIA_StatusBarItemsManager {
+}
+//# sourceMappingURL=StatusBarItemsManager.d.ts.map

package/lib/cjs/appui-react/statusbar/StatusBarItemsManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarItemsManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemsManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAE3F;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,yBAAyB;CAAI"}

package/lib/cjs/appui-react/statusbar/StatusBarItemsManager.js

@@ -0,0 +1,19 @@
+"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 StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarItemsManager = void 0;
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/** StatusBar Items Manager class.
+ * @beta
+ * @deprecated Use [StatusBarItemsManager]($appui-abstract) in bentley/appui-abstract instead
+ */
+class StatusBarItemsManager extends appui_abstract_1.StatusBarItemsManager {
+}
+exports.StatusBarItemsManager = StatusBarItemsManager;
+//# sourceMappingURL=StatusBarItemsManager.js.map

package/lib/cjs/appui-react/statusbar/StatusBarItemsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarItemsManager.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemsManager.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0DAA2F;AAE3F;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,sCAAyB;CAAI;AAAxE,sDAAwE","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport { StatusBarItemsManager as UIA_StatusBarItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** StatusBar Items Manager class.\r\n * @beta\r\n * @deprecated Use [StatusBarItemsManager]($appui-abstract) in bentley/appui-abstract instead\r\n */\r\nexport class StatusBarItemsManager extends UIA_StatusBarItemsManager { }\r\n"]}

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.d.ts

@@ -0,0 +1,34 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+/// <reference types="react" />
+import { ConfigurableCreateInfo, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
+import { WidgetControl } from "../widgets/WidgetControl";
+/** Status Bar Field type.
+ * @public
+ */
+export declare type StatusBarFieldId = string | null;
+/** Status Bar Widget Control render prop arguments.
+ * @public
+ */
+export interface StatusBarWidgetControlArgs {
+    /** Describes whether the footer is in widget or footer mode. */
+    isInFooterMode: boolean;
+    /** Currently open widget or null if no widget is open. */
+    openWidget: StatusBarFieldId;
+    /** Function called when the widget is being opened or closed. */
+    onOpenWidget: (widget: StatusBarFieldId) => void;
+    /** Element reference to which the toast will animate out to. */
+    toastTargetRef: React.Ref<HTMLElement>;
+}
+/** Status Bar Widget Control.
+ * @public
+ */
+export declare abstract class StatusBarWidgetControl extends WidgetControl {
+    constructor(info: ConfigurableCreateInfo, options: any);
+    /** Gets the React node associated with this StatusBar Widget Control */
+    abstract getReactNode(args: StatusBarWidgetControlArgs): React.ReactNode;
+    /** Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */
+    getType(): ConfigurableUiControlType;
+}
+//# sourceMappingURL=StatusBarWidgetControl.d.ts.map

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarWidgetControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;GAEG;AACH,oBAAY,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,gEAAgE;IAChE,cAAc,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,UAAU,EAAE,gBAAgB,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,gEAAgE;IAChE,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CACxC;AAED;;GAEG;AACH,8BAAsB,sBAAuB,SAAQ,aAAa;gBACpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,wEAAwE;aACxD,YAAY,CAAC,IAAI,EAAE,0BAA0B,GAAG,KAAK,CAAC,SAAS;IAE/E,sFAAsF;IACtE,OAAO,IAAI,yBAAyB;CACrD"}

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.js

@@ -0,0 +1,24 @@
+"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 StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarWidgetControl = void 0;
+const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
+const WidgetControl_1 = require("../widgets/WidgetControl");
+/** Status Bar Widget Control.
+ * @public
+ */
+class StatusBarWidgetControl extends WidgetControl_1.WidgetControl {
+    constructor(info, options) {
+        super(info, options);
+    }
+    /** Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */
+    getType() { return ConfigurableUiControl_1.ConfigurableUiControlType.StatusBarWidget; }
+}
+exports.StatusBarWidgetControl = StatusBarWidgetControl;
+//# sourceMappingURL=StatusBarWidgetControl.js.map

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarWidgetControl.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,mFAA4G;AAC5G,4DAAyD;AAqBzD;;GAEG;AACH,MAAsB,sBAAuB,SAAQ,6BAAa;IAChE,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAKD,sFAAsF;IACtE,OAAO,KAAgC,OAAO,iDAAyB,CAAC,eAAe,CAAC,CAAC,CAAC;CAC3G;AAVD,wDAUC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { WidgetControl } from \"../widgets/WidgetControl\";\r\n\r\n/** Status Bar Field type.\r\n * @public\r\n */\r\nexport type StatusBarFieldId = string | null;\r\n\r\n/** Status Bar Widget Control render prop arguments.\r\n * @public\r\n */\r\nexport interface StatusBarWidgetControlArgs {\r\n  /** Describes whether the footer is in widget or footer mode. */\r\n  isInFooterMode: boolean;\r\n  /** Currently open widget or null if no widget is open. */\r\n  openWidget: StatusBarFieldId;\r\n  /** Function called when the widget is being opened or closed. */\r\n  onOpenWidget: (widget: StatusBarFieldId) => void;\r\n  /** Element reference to which the toast will animate out to. */\r\n  toastTargetRef: React.Ref<HTMLElement>;\r\n}\r\n\r\n/** Status Bar Widget Control.\r\n * @public\r\n */\r\nexport abstract class StatusBarWidgetControl extends WidgetControl {\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** Gets the React node associated with this StatusBar Widget Control */\r\n  public abstract getReactNode(args: StatusBarWidgetControlArgs): React.ReactNode;\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */\r\n  public override getType(): ConfigurableUiControlType { return ConfigurableUiControlType.StatusBarWidget; }\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/useDefaultStatusBarItems.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import { CommonStatusBarItem, StatusBarItemsManager } from "@itwin/appui-abstract";
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+export declare const useDefaultStatusBarItems: (manager: StatusBarItemsManager) => readonly CommonStatusBarItem[];
+//# sourceMappingURL=useDefaultStatusBarItems.d.ts.map

package/lib/cjs/appui-react/statusbar/useDefaultStatusBarItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useDefaultStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAA6B,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9G;;GAEG;AACH,eAAO,MAAM,wBAAwB,YAAa,qBAAqB,KAAG,SAAS,mBAAmB,EAqBrG,CAAC"}

package/lib/cjs/appui-react/statusbar/useDefaultStatusBarItems.js

@@ -0,0 +1,38 @@
+"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 StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultStatusBarItems = void 0;
+const React = require("react");
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+const useDefaultStatusBarItems = (manager) => {
+    const [items, setItems] = React.useState(manager.items);
+    const isInitialMount = React.useRef(true);
+    React.useEffect(() => {
+        if (isInitialMount.current)
+            isInitialMount.current = false;
+        else {
+            setItems(manager.items);
+        }
+    }, [manager]);
+    React.useEffect(() => {
+        // istanbul ignore next
+        const handleChanged = (args) => {
+            setItems(args.items);
+        };
+        manager.onItemsChanged.addListener(handleChanged);
+        return () => {
+            manager.onItemsChanged.removeListener(handleChanged);
+        };
+    }, [manager]);
+    return items;
+};
+exports.useDefaultStatusBarItems = useDefaultStatusBarItems;
+//# sourceMappingURL=useDefaultStatusBarItems.js.map

package/lib/cjs/appui-react/statusbar/useDefaultStatusBarItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useDefaultStatusBarItems.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAG/B;;GAEG;AACI,MAAM,wBAAwB,GAAG,CAAC,OAA8B,EAAkC,EAAE;IACzG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,aAAa,GAAG,CAAC,IAA+B,EAAE,EAAE;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AArBW,QAAA,wBAAwB,4BAqBnC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonStatusBarItem, StatusBarItemsChangedArgs, StatusBarItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** Hook that returns items from [[StatusBarItemsManager]].\r\n * @public\r\n */\r\nexport const useDefaultStatusBarItems = (manager: StatusBarItemsManager): readonly CommonStatusBarItem[] => {\r\n  const [items, setItems] = React.useState(manager.items);\r\n  const isInitialMount = React.useRef(true);\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current)\r\n      isInitialMount.current = false;\r\n    else {\r\n      setItems(manager.items);\r\n    }\r\n  }, [manager]);\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleChanged = (args: StatusBarItemsChangedArgs) => {\r\n      setItems(args.items);\r\n    };\r\n    manager.onItemsChanged.addListener(handleChanged);\r\n    return () => {\r\n      manager.onItemsChanged.removeListener(handleChanged);\r\n    };\r\n  }, [manager]);\r\n  return items;\r\n};\r\n"]}

package/lib/cjs/appui-react/statusbar/useUiItemsProviderStatusBarItems.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import { CommonStatusBarItem, StatusBarItemsManager } from "@itwin/appui-abstract";
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+export declare const useUiItemsProviderStatusBarItems: (manager: StatusBarItemsManager) => readonly CommonStatusBarItem[];
+//# sourceMappingURL=useUiItemsProviderStatusBarItems.d.ts.map

package/lib/cjs/appui-react/statusbar/useUiItemsProviderStatusBarItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiItemsProviderStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAGH,OAAO,EACL,mBAAmB,EAA6B,qBAAqB,EACtE,MAAM,uBAAuB,CAAC;AAO/B;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAAa,qBAAqB,KAAG,SAAS,mBAAmB,EAmC7G,CAAC"}