@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/KPIControl/useKpiStyles.js

@@ -0,0 +1,272 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKpiStyles = void 0;
+var tslib_1 = require("tslib");
+var css_1 = require("@emotion/css");
+var react_components_1 = require("@fluentui/react-components");
+// Animations for NoKpisCard
+var floatAnimation = (0, css_1.keyframes)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-8px); }\n"], ["\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-8px); }\n"])));
+var shimmerAnimation = (0, css_1.keyframes)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  0% { background-position: -200% center; }\n  100% { background-position: 200% center; }\n"], ["\n  0% { background-position: -200% center; }\n  100% { background-position: 200% center; }\n"])));
+var useKpiStyles = function () {
+    var styles = {
+        card: (0, css_1.css)({
+            width: "100%",
+            height: "310px",
+            borderRadius: 10,
+            background: react_components_1.tokens.colorNeutralBackground1,
+            border: "1px solid ".concat(react_components_1.tokens.colorNeutralStroke1),
+            boxShadow: react_components_1.tokens.shadow8,
+            overflow: "visible",
+            position: "relative",
+            padding: "0px 15px !important",
+            transition: "transform 0.25s ease, box-shadow 0.25s ease",
+            "&:hover, &:focus-within": {
+                zIndex: 10,
+                transform: "translateY(-2px)",
+                boxShadow: react_components_1.tokens.shadow16, // deeper on hover
+            },
+        }),
+        description: (0, css_1.css)({
+            fontSize: react_components_1.tokens.fontSizeBase300,
+            color: react_components_1.tokens.colorNeutralForeground4,
+            lineHeight: react_components_1.tokens.lineHeightBase400,
+            position: "relative",
+            zIndex: 1,
+        }),
+        footerMetric: (0, css_1.css)({
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: react_components_1.tokens.spacingVerticalXXS,
+        }),
+        footerIcon: (0, css_1.css)({
+            color: react_components_1.tokens.colorNeutralForeground3,
+            fontSize: react_components_1.tokens.fontSizeBase300,
+        }),
+        footerLabel: (0, css_1.css)({
+            fontSize: react_components_1.tokens.fontSizeBase100,
+            color: react_components_1.tokens.colorNeutralForeground3,
+            textTransform: "uppercase",
+            letterSpacing: "0.8px",
+            fontWeight: react_components_1.tokens.fontWeightMedium,
+        }),
+        footerValue: (0, css_1.css)({
+            fontSize: react_components_1.tokens.fontSizeBase400,
+            fontWeight: react_components_1.tokens.fontWeightSemibold,
+            color: react_components_1.tokens.colorNeutralForeground2,
+        }),
+        footerDivider: (0, css_1.css)({
+            height: "32px",
+            borderColor: react_components_1.tokens.colorNeutralStroke1,
+        }),
+        glowBlob: (0, css_1.css)({
+            position: "absolute",
+            top: "-60px",
+            right: "-60px",
+            width: "180px",
+            height: "180px",
+            borderRadius: "50%",
+            pointerEvents: "none",
+            zIndex: 0,
+            filter: "blur(40px)",
+        }),
+        glowBlobSuccess: (0, css_1.css)({
+            position: "absolute",
+            top: "-40px",
+            right: "-40px",
+            width: "160px",
+            height: "160px",
+            borderRadius: "50%",
+            pointerEvents: "none",
+            zIndex: 0,
+            background: "radial-gradient(circle, ".concat(react_components_1.tokens.colorPaletteLightGreenBackground2, " 0%, transparent 70%)"),
+            opacity: 0.7,
+            filter: "blur(20px)",
+        }),
+        glowBlobError: (0, css_1.css)({
+            position: "absolute",
+            top: "-40px",
+            right: "-40px",
+            width: "160px",
+            height: "160px",
+            borderRadius: "50%",
+            pointerEvents: "none",
+            zIndex: 0,
+            background: "radial-gradient(circle, ".concat(react_components_1.tokens.colorPaletteRedBackground2, " 0%, transparent 70%)"),
+            opacity: 0.6,
+            filter: "blur(20px)",
+        }),
+        headerActionBadge: (0, css_1.css)({
+            minWidth: "32px",
+            height: "32px",
+            borderRadius: "50% !important",
+            background: "".concat(react_components_1.tokens.colorNeutralBackground3, " !important"), // subtle circle bg
+            border: "none !important",
+            padding: "0 !important",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+        }),
+        kpiContainer: (0, css_1.css)({
+            width: "100%",
+            backgroundColor: react_components_1.tokens.colorNeutralBackground2,
+            borderRadius: 8,
+            display: "grid",
+            gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, 280px), 1fr))",
+            gap: 16,
+            padding: 16,
+        }),
+        iconContainer: (0, css_1.css)({
+            width: 48,
+            height: 48,
+            borderRadius: 8,
+            display: "grid",
+            placeItems: "center",
+            background: react_components_1.tokens.colorNeutralBackgroundInverted,
+        }),
+        noKpiCard: (0, css_1.css)({
+            width: 280,
+            minHeight: 160,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+        }),
+        // NoKpisCard styles
+        noKpiCardContainer: (0, css_1.css)({
+            width: "100%",
+            minWidth: "280px",
+            minHeight: "280px",
+            borderRadius: "16px",
+            background: "linear-gradient(135deg, ".concat(react_components_1.tokens.colorNeutralBackground1, " 0%, ").concat(react_components_1.tokens.colorNeutralBackground3, " 100%)"),
+            border: "1px solid ".concat(react_components_1.tokens.colorNeutralStroke1),
+            boxShadow: react_components_1.tokens.shadow16,
+            overflow: "hidden",
+            position: "relative",
+            padding: "32px",
+            transition: "transform 0.3s ease, box-shadow 0.3s ease",
+            "&:hover": {
+                transform: "translateY(-4px)",
+                boxShadow: react_components_1.tokens.shadow28,
+            },
+        }),
+        noKpiBackgroundOrb1: (0, css_1.css)({
+            position: "absolute",
+            top: "0px",
+            right: "0px",
+            width: "180px",
+            height: "180px",
+            borderRadius: "50%",
+            background: "radial-gradient(circle, ".concat(react_components_1.tokens.colorBrandBackground2, " 0%, transparent 70%)"),
+            opacity: 0.8,
+            pointerEvents: "none",
+            filter: "blur(25px)",
+            transform: "translate(30%, -30%)",
+        }),
+        noKpiBackgroundOrb2: (0, css_1.css)({
+            position: "absolute",
+            bottom: "-30px",
+            left: "-30px",
+            width: "120px",
+            height: "120px",
+            borderRadius: "50%",
+            background: "radial-gradient(circle, ".concat(react_components_1.tokens.colorPaletteLavenderBackground2, " 0%, transparent 70%)"),
+            opacity: 0.5,
+            pointerEvents: "none",
+            filter: "blur(20px)",
+        }),
+        noKpiIconContainer: (0, css_1.css)({
+            width: "80px",
+            height: "80px",
+            borderRadius: "20px",
+            background: "linear-gradient(135deg, ".concat(react_components_1.tokens.colorBrandBackground, " 0%, ").concat(react_components_1.tokens.colorBrandBackground2, " 100%)"),
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            boxShadow: "0 8px 24px ".concat(react_components_1.tokens.colorBrandBackground, "40"),
+            animation: "".concat(floatAnimation, " 3s ease-in-out infinite"),
+            position: "relative",
+            zIndex: 1,
+        }),
+        noKpiIcon: (0, css_1.css)({
+            fontSize: "36px",
+            color: react_components_1.tokens.colorNeutralForegroundOnBrand,
+        }),
+        noKpiSparkle1: (0, css_1.css)({
+            position: "absolute",
+            top: "-8px",
+            right: "-8px",
+            color: react_components_1.tokens.colorPaletteYellowForeground1,
+            fontSize: "20px",
+            animation: "".concat(floatAnimation, " 2s ease-in-out infinite 0.5s"),
+        }),
+        noKpiSparkle2: (0, css_1.css)({
+            position: "absolute",
+            bottom: "-4px",
+            left: "-8px",
+            color: react_components_1.tokens.colorPaletteLavenderForeground2,
+            fontSize: "16px",
+            animation: "".concat(floatAnimation, " 2.5s ease-in-out infinite"),
+        }),
+        noKpiTitle: (0, css_1.css)({
+            fontSize: "22px",
+            fontWeight: react_components_1.tokens.fontWeightSemibold,
+            color: react_components_1.tokens.colorNeutralForeground1,
+            marginTop: "24px",
+            textAlign: "center",
+            position: "relative",
+            zIndex: 1,
+        }),
+        noKpiSubtitle: (0, css_1.css)({
+            fontSize: "14px",
+            color: react_components_1.tokens.colorNeutralForeground3,
+            textAlign: "center",
+            lineHeight: "1.6",
+            maxWidth: "320px",
+            marginTop: "8px",
+            position: "relative",
+            zIndex: 1,
+        }),
+        noKpiHighlight: (0, css_1.css)({
+            background: "linear-gradient(90deg, ".concat(react_components_1.tokens.colorBrandForeground1, ", ").concat(react_components_1.tokens.colorPaletteLavenderForeground2, ", ").concat(react_components_1.tokens.colorBrandForeground1, ")"),
+            backgroundSize: "200% auto",
+            WebkitBackgroundClip: "text",
+            WebkitTextFillColor: "transparent",
+            backgroundClip: "text",
+            fontWeight: react_components_1.tokens.fontWeightSemibold,
+            animation: "".concat(shimmerAnimation, " 3s linear infinite"),
+        }),
+        noKpiButtonContainer: (0, css_1.css)({
+            marginTop: "24px",
+            position: "relative",
+            zIndex: 1,
+        }),
+        noKpiButton: (0, css_1.css)({
+            borderRadius: "10px",
+            padding: "10px 20px",
+            fontWeight: react_components_1.tokens.fontWeightSemibold,
+            transition: "transform 0.2s ease",
+            "&:hover": {
+                transform: "scale(1.02)",
+            },
+        }),
+        noKpiDecorativeLine: (0, css_1.css)({
+            width: "60px",
+            height: "4px",
+            borderRadius: "2px",
+            background: "linear-gradient(90deg, ".concat(react_components_1.tokens.colorBrandBackground, ", ").concat(react_components_1.tokens.colorPaletteLavenderBackground2, ")"),
+            marginTop: "16px",
+            position: "relative",
+            zIndex: 1,
+        }),
+        footerGrid: (0, css_1.css)({
+            width: "100%",
+            display: "grid",
+            gridTemplateColumns: "repeat(auto-fit, minmax(80px, 1fr))",
+            alignItems: "center",
+        }),
+    };
+    return styles;
+};
+exports.useKpiStyles = useKpiStyles;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=useKpiStyles.js.map

package/lib-commonjs/controls/KPIControl/useKpiStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKpiStyles.js","sourceRoot":"","sources":["../../../src/controls/KPIControl/useKpiStyles.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/ListToolbar/FlatItem.js

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

package/lib-commonjs/controls/ListToolbar/FlatItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatItem.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/FlatItem.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/ListToolbar/IListToolbarProps.js

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

package/lib-commonjs/controls/ListToolbar/IListToolbarProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IListToolbarProps.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/IListToolbarProps.tsx"],"names":[],"mappings":""}

package/lib-commonjs/controls/ListToolbar/IToolbarItem.js

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

package/lib-commonjs/controls/ListToolbar/IToolbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToolbarItem.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/IToolbarItem.tsx"],"names":[],"mappings":""}

package/lib-commonjs/controls/ListToolbar/IToolbarItemRendererProps.js

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

package/lib-commonjs/controls/ListToolbar/IToolbarItemRendererProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToolbarItemRendererProps.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/IToolbarItemRendererProps.tsx"],"names":[],"mappings":""}

package/lib-commonjs/controls/ListToolbar/ListToolbar.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListToolbar = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-floating-promises */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+var React = tslib_1.__importStar(require("react"));
+var jotai_1 = require("jotai");
+var lodash_1 = require("lodash");
+var react_components_1 = require("@fluentui/react-components");
+var react_migration_v8_v9_1 = require("@fluentui/react-migration-v8-v9");
+var react_theme_provider_1 = require("@fluentui/react-theme-provider");
+var ListToolbarControl_1 = tslib_1.__importDefault(require("./ListToolbarControl"));
+var ListToolbar = function (props) {
+    var themeV8 = props.theme, context = props.context;
+    var _a = React.useState(), theme = _a[0], setTheme = _a[1];
+    var currentSPTheme = (0, react_theme_provider_1.useTheme)();
+    var _b = React.useState(false), isInitialized = _b[0], setIsInitialized = _b[1];
+    React.useEffect(function () {
+        (function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var teamsContext, teamsTheme, error_1;
+            var _a;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 4, , 5]);
+                        if (!(0, lodash_1.has)(context, "sdks.microsoftTeams.teamsJs.app.getContext")) return [3 /*break*/, 2];
+                        return [4 /*yield*/, ((_a = context.sdks.microsoftTeams) === null || _a === void 0 ? void 0 : _a.teamsJs.app.getContext())];
+                    case 1:
+                        teamsContext = _b.sent();
+                        teamsTheme = teamsContext.app.theme || "default";
+                        switch (teamsTheme) {
+                            case "dark":
+                                setTheme(react_components_1.teamsDarkTheme);
+                                break;
+                            case "contrast":
+                                setTheme(react_components_1.teamsHighContrastTheme);
+                                break;
+                            case "default":
+                                setTheme(react_components_1.teamsLightTheme);
+                                break;
+                            default:
+                                setTheme(react_components_1.teamsLightTheme);
+                                break;
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        if (themeV8 || currentSPTheme) {
+                            setTheme((0, react_migration_v8_v9_1.createV9Theme)(themeV8 !== null && themeV8 !== void 0 ? themeV8 : currentSPTheme));
+                        }
+                        else {
+                            setTheme(react_components_1.teamsLightTheme);
+                        }
+                        _b.label = 3;
+                    case 3: return [3 /*break*/, 5];
+                    case 4:
+                        error_1 = _b.sent();
+                        console.warn("ListToolbar: Failed to resolve theme, using default", error_1);
+                        setTheme(react_components_1.teamsLightTheme);
+                        return [3 /*break*/, 5];
+                    case 5:
+                        setIsInitialized(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [context, currentSPTheme, themeV8]);
+    if (!isInitialized)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_components_1.IdPrefixProvider, { value: "userPicker-" },
+            React.createElement(react_components_1.FluentProvider, { theme: theme },
+                React.createElement(jotai_1.Provider, null,
+                    React.createElement(ListToolbarControl_1.default, tslib_1.__assign({}, props)))))));
+};
+exports.ListToolbar = ListToolbar;
+//# sourceMappingURL=ListToolbar.js.map

package/lib-commonjs/controls/ListToolbar/ListToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListToolbar.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":";;;;AAAA,4DAA4D;AAC5D,sDAAsD;AACtD,mDAA+B;AAE/B,+BAAiC;AACjC,iCAA6B;AAE7B,+DAOoC;AACpC,yEAAgE;AAChE,uEAA0D;AAK1D,oFAAsD;AAE/C,IAAM,WAAW,GAA+C,UACrE,KAAmD;IAE3C,IAAO,OAAO,GAAc,KAAK,MAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IACpC,IAAA,KAAoB,KAAK,CAAC,QAAQ,EAAS,EAA1C,KAAK,QAAA,EAAE,QAAQ,QAA2B,CAAC;IAClD,IAAM,cAAc,GAAG,IAAA,+BAAQ,GAAE,CAAC;IAC5B,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IAGzE,KAAK,CAAC,SAAS,CAAC;QACd,CAAC;;;;;;;6BAEO,IAAA,YAAG,EAAC,OAAO,EAAE,4CAA4C,CAAC,EAA1D,wBAA0D;wBACvC,qBAAM,CAAA,MAAC,OAA0B,CAAC,IAAI,CAAC,cAAc,0CAAE,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA,EAAA;;wBAA9F,YAAY,GAAG,SAA+E;wBAC9F,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,IAAI,SAAS,CAAC;wBACvD,QAAQ,UAAU,EAAE,CAAC;4BACnB,KAAK,MAAM;gCACT,QAAQ,CAAC,iCAAc,CAAC,CAAC;gCACzB,MAAM;4BACR,KAAK,UAAU;gCACb,QAAQ,CAAC,yCAAsB,CAAC,CAAC;gCACjC,MAAM;4BACR,KAAK,SAAS;gCACZ,QAAQ,CAAC,kCAAe,CAAC,CAAC;gCAC1B,MAAM;4BACR;gCACE,QAAQ,CAAC,kCAAe,CAAC,CAAC;gCAC1B,MAAM;wBACV,CAAC;;;wBACI,IAAI,OAAO,IAAI,cAAc,EAAE,CAAC;4BACrC,QAAQ,CAAC,IAAA,qCAAa,EAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,cAAc,CAAC,CAAC,CAAC;wBACrD,CAAC;6BAAM,CAAC;4BACN,QAAQ,CAAC,kCAAe,CAAC,CAAC;wBAC5B,CAAC;;;;;wBAED,OAAO,CAAC,IAAI,CAAC,qDAAqD,EAAE,OAAK,CAAC,CAAC;wBAC3E,QAAQ,CAAC,kCAAe,CAAC,CAAC;;;wBAE5B,gBAAgB,CAAC,IAAI,CAAC,CAAC;;;;aACxB,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvC,IAAI,CAAC,aAAa;QAAE,OAAO,yCAAK,CAAC;IAEjC,OAAO,CACL;QACE,oBAAC,mCAAgB,IAAC,KAAK,EAAC,aAAa;YACrC,oBAAC,iCAAc,IAAC,KAAK,EAAE,KAAK;gBAC1B,oBAAC,gBAAQ;oBACP,oBAAC,4BAAkB,uBAAK,KAAK,EAAI,CACxB,CACI,CACE,CAClB,CACJ,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,WAAW,eAuDtB"}

package/lib-commonjs/controls/ListToolbar/ListToolbarControl.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListToolbar = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var react_icons_1 = require("@fluentui/react-icons");
+var useListToolbarStyles_1 = require("./useListToolbarStyles");
+var useOverflowIndex_1 = require("./useOverflowIndex");
+var ToolbarItemRenderer_1 = require("./ToolbarItemRenderer");
+var helpers_1 = require("./helpers");
+/* ------------------------------------------------------------------ */
+/*  ListToolbar — main component                                      */
+/* ------------------------------------------------------------------ */
+var ListToolbar = function (_a) {
+    var items = _a.items, _b = _a.farItems, farItems = _b === void 0 ? [] : _b, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, _d = _a.ariaLabel, ariaLabel = _d === void 0 ? 'Toolbar' : _d, totalCount = _a.totalCount, className = _a.className, _e = _a.showGroupDividers, showGroupDividers = _e === void 0 ? true : _e;
+    var styles = (0, useListToolbarStyles_1.useListToolbarStyles)();
+    var toolbarRef = React.useRef(null);
+    var leftRef = React.useRef(null);
+    var rightRef = React.useRef(null);
+    var measureRef = React.useRef(null);
+    // ---- Separate regular vs far items ----
+    var regularItems = React.useMemo(function () { return items.filter(function (i) { return !i.isFarItem && i.visible !== false; }); }, [items]);
+    var allFarItems = React.useMemo(function () {
+        var fromItems = items.filter(function (i) { return i.isFarItem && i.visible !== false; });
+        var fromFar = farItems.filter(function (i) { return i.visible !== false; });
+        return tslib_1.__spreadArray(tslib_1.__spreadArray([], fromItems, true), fromFar, true);
+    }, [items, farItems]);
+    var groupedFarItems = React.useMemo(function () { return (0, helpers_1.groupItems)(allFarItems); }, [allFarItems]);
+    // ---- Build flat list of regular items (items + dividers) ----
+    var flatItems = React.useMemo(function () { return (0, helpers_1.flattenWithDividers)(regularItems, showGroupDividers); }, [regularItems, showGroupDividers]);
+    // ---- Custom overflow detection ----
+    var overflowIndex = (0, useOverflowIndex_1.useOverflowIndex)(toolbarRef, rightRef, measureRef, flatItems.length);
+    // Determine which actual items (not dividers) are hidden
+    var visibleItemKeys = React.useMemo(function () {
+        var keys = new Set();
+        for (var i = 0; i < overflowIndex && i < flatItems.length; i++) {
+            if (flatItems[i].type === 'item') {
+                keys.add(flatItems[i].key);
+            }
+        }
+        return keys;
+    }, [flatItems, overflowIndex]);
+    var hiddenItems = React.useMemo(function () { return regularItems.filter(function (item) { return !visibleItemKeys.has(item.key); }); }, [regularItems, visibleItemKeys]);
+    var hasOverflow = hiddenItems.length > 0;
+    // ---- Render far items ----
+    var renderFarGroup = function (groupItemsList, groupIndex, isLastGroup) {
+        var elements = [];
+        for (var _i = 0, groupItemsList_1 = groupItemsList; _i < groupItemsList_1.length; _i++) {
+            var item = groupItemsList_1[_i];
+            if (item.dividerBefore) {
+                elements.push(React.createElement(react_components_1.ToolbarDivider, { key: "".concat(item.key, "-divider-before") }));
+            }
+            elements.push(React.createElement(ToolbarItemRenderer_1.ToolbarItemRenderer, { key: item.key, item: item, isLoading: isLoading, itemClass: styles.farItemButton, labelClass: styles.farItemLabel }));
+            if (item.dividerAfter) {
+                elements.push(React.createElement(react_components_1.ToolbarDivider, { key: "".concat(item.key, "-divider-after") }));
+            }
+        }
+        if (showGroupDividers && !isLastGroup) {
+            elements.push(React.createElement(react_components_1.ToolbarDivider, { key: "group-divider-".concat(groupIndex) }));
+        }
+        return elements;
+    };
+    return (React.createElement("div", { ref: toolbarRef, role: "toolbar", "aria-label": ariaLabel, className: "".concat(styles.toolbar, " ").concat(className || '') },
+        React.createElement("div", { ref: measureRef, className: styles.measureSection, "aria-hidden": "true" }, flatItems.map(function (flat) {
+            if (flat.type === 'divider') {
+                return React.createElement(react_components_1.ToolbarDivider, { key: flat.key });
+            }
+            return (React.createElement(ToolbarItemRenderer_1.ToolbarItemRenderer, { key: flat.key, item: flat.item, isLoading: isLoading, itemClass: styles.toolbarItem }));
+        })),
+        React.createElement("div", { ref: leftRef, className: styles.leftSection },
+            flatItems.map(function (flat, idx) {
+                if (idx >= overflowIndex)
+                    return null;
+                if (flat.type === 'divider') {
+                    return React.createElement(react_components_1.ToolbarDivider, { key: flat.key });
+                }
+                return (React.createElement(ToolbarItemRenderer_1.ToolbarItemRenderer, { key: flat.key, item: flat.item, isLoading: isLoading, itemClass: styles.toolbarItem }));
+            }),
+            hasOverflow && (React.createElement(react_components_1.Menu, null,
+                React.createElement(react_components_1.MenuTrigger, { disableButtonEnhancement: true },
+                    React.createElement(react_components_1.Tooltip, { content: "".concat(hiddenItems.length, " more actions"), relationship: "label" },
+                        React.createElement(react_components_1.ToolbarButton, { className: styles.overflowButton, icon: React.createElement(react_icons_1.MoreHorizontalRegular, null), "aria-label": "".concat(hiddenItems.length, " more actions") }))),
+                React.createElement(react_components_1.MenuPopover, null,
+                    React.createElement(react_components_1.MenuList, null, hiddenItems.map(function (item) { return (React.createElement(react_components_1.MenuItem, { key: item.key, icon: item.icon, disabled: item.disabled || isLoading, onClick: item.onClick }, item.label || item.tooltip || item.key)); }))))),
+            totalCount !== undefined && totalCount > 0 && (React.createElement(react_components_1.Badge, { appearance: "filled", color: "informative", className: styles.countBadge },
+                React.createElement(react_components_1.Text, { size: 200 },
+                    totalCount,
+                    " items")))),
+        React.createElement("div", { ref: rightRef, className: styles.rightGroup }, allFarItems.length > 0 && (React.createElement("div", { className: styles.farItemsContainer }, Array.from(groupedFarItems.entries()).map(function (_a, groupIndex) {
+            var _groupName = _a[0], groupItemsList = _a[1];
+            return renderFarGroup(groupItemsList, groupIndex, groupIndex === groupedFarItems.size - 1);
+        }))))));
+};
+exports.ListToolbar = ListToolbar;
+exports.default = exports.ListToolbar;
+//# sourceMappingURL=ListToolbarControl.js.map

package/lib-commonjs/controls/ListToolbar/ListToolbarControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListToolbarControl.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/ListToolbarControl.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/ListToolbar/ToolbarItemRenderer.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarItemRenderer = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+/**
+ * Renders a single toolbar button with optional tooltip and label.
+ */
+var ToolbarItemRenderer = function (_a) {
+    var item = _a.item, isLoading = _a.isLoading, itemClass = _a.itemClass, labelClass = _a.labelClass;
+    if (item.visible === false)
+        return null;
+    if (item.onRender)
+        return item.onRender();
+    var labelContent = labelClass ? (React.createElement("span", { className: labelClass }, item.label)) : (item.label);
+    var button = item.label ? (React.createElement(react_components_1.ToolbarButton, { className: itemClass, "aria-label": item.ariaLabel || item.tooltip || item.label, icon: item.icon, onClick: item.onClick, disabled: item.disabled || isLoading, appearance: item.appearance }, labelContent)) : (React.createElement(react_components_1.ToolbarButton, { className: itemClass, "aria-label": item.ariaLabel || item.tooltip || item.key, icon: item.icon, onClick: item.onClick, disabled: item.disabled || isLoading, appearance: item.appearance }));
+    if (item.tooltip) {
+        return (React.createElement(react_components_1.Tooltip, { content: item.tooltip, relationship: "label" }, button));
+    }
+    return button;
+};
+exports.ToolbarItemRenderer = ToolbarItemRenderer;
+//# sourceMappingURL=ToolbarItemRenderer.js.map

package/lib-commonjs/controls/ListToolbar/ToolbarItemRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarItemRenderer.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/ToolbarItemRenderer.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,+DAGoC;AAGpC;;GAEG;AACI,IAAM,mBAAmB,GAAwC,UAAC,EAKxE;QAJC,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA;IAEV,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK;QAAE,OAAO,IAAI,CAAC;IACxC,IAAI,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IAE1C,IAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,CAChC,8BAAM,SAAS,EAAE,UAAU,IAAG,IAAI,CAAC,KAAK,CAAQ,CACjD,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX,CAAC;IAEF,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAC1B,oBAAC,gCAAa,IACZ,SAAS,EAAE,SAAS,gBACR,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,EACxD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,YAAY,CACC,CACjB,CAAC,CAAC,CAAC,CACF,oBAAC,gCAAa,IACZ,SAAS,EAAE,SAAS,gBACR,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EACtD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,CACH,CAAC;IAEF,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,OAAO,CACL,oBAAC,0BAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAC,OAAO,IACjD,MAAM,CACC,CACX,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AA9CW,QAAA,mBAAmB,uBA8C9B"}

package/lib-commonjs/controls/ListToolbar/helpers.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.groupItems = groupItems;
+exports.flattenWithDividers = flattenWithDividers;
+/* ------------------------------------------------------------------ */
+/*  groupItems — groups items by their `group` property               */
+/* ------------------------------------------------------------------ */
+function groupItems(items) {
+    var groups = new Map();
+    for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
+        var item = items_1[_i];
+        var groupName = item.group || 'default';
+        if (!groups.has(groupName)) {
+            groups.set(groupName, []);
+        }
+        groups.get(groupName).push(item);
+    }
+    return groups;
+}
+/* ------------------------------------------------------------------ */
+/*  flattenWithDividers — builds a flat render-list from grouped items */
+/* ------------------------------------------------------------------ */
+function flattenWithDividers(items, showGroupDividers) {
+    var result = [];
+    var grouped = groupItems(items);
+    var groupEntries = Array.from(grouped.entries());
+    for (var gi = 0; gi < groupEntries.length; gi++) {
+        var _a = groupEntries[gi], groupItemsList = _a[1];
+        var isLastGroup = gi === groupEntries.length - 1;
+        for (var _i = 0, groupItemsList_1 = groupItemsList; _i < groupItemsList_1.length; _i++) {
+            var item = groupItemsList_1[_i];
+            if (item.dividerBefore) {
+                result.push({ type: 'divider', key: "".concat(item.key, "-div-before") });
+            }
+            result.push({ type: 'item', item: item, key: item.key });
+            if (item.dividerAfter) {
+                result.push({ type: 'divider', key: "".concat(item.key, "-div-after") });
+            }
+        }
+        if (showGroupDividers && !isLastGroup) {
+            result.push({ type: 'divider', key: "group-div-".concat(gi) });
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=helpers.js.map

package/lib-commonjs/controls/ListToolbar/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/helpers.ts"],"names":[],"mappings":";;AAOA,gCAcC;AAMD,kDA4BC;AApDD,wEAAwE;AACxE,wEAAwE;AACxE,wEAAwE;AAExE,SAAgB,UAAU,CACxB,KAAqB;IAErB,IAAM,MAAM,GAAG,IAAI,GAAG,EAA0B,CAAC;IAEjD,KAAmB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE,CAAC;QAAtB,IAAM,IAAI,cAAA;QACb,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;QAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAC5B,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,wEAAwE;AACxE,yEAAyE;AACzE,wEAAwE;AAExE,SAAgB,mBAAmB,CACjC,KAAqB,EACrB,iBAA0B;IAE1B,IAAM,MAAM,GAAe,EAAE,CAAC;IAC9B,IAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAClC,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAEnD,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,YAAY,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC;QAC1C,IAAA,KAAqB,YAAY,CAAC,EAAE,CAAC,EAAlC,cAAc,QAAoB,CAAC;QAC5C,IAAM,WAAW,GAAG,EAAE,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;QAEnD,KAAmB,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc,EAAE,CAAC;YAA/B,IAAM,IAAI,uBAAA;YACb,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,UAAG,IAAI,CAAC,GAAG,gBAAa,EAAE,CAAC,CAAC;YAClE,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,MAAA,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YACnD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,UAAG,IAAI,CAAC,GAAG,eAAY,EAAE,CAAC,CAAC;YACjE,CAAC;QACH,CAAC;QAED,IAAI,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC;YACtC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAa,EAAE,CAAE,EAAE,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/lib-commonjs/controls/ListToolbar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListToolbar = void 0;
+var ListToolbar_1 = require("./ListToolbar");
+Object.defineProperty(exports, "ListToolbar", { enumerable: true, get: function () { return ListToolbar_1.ListToolbar; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/ListToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}