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

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

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KPICardSkeleton = void 0;
+var tslib_1 = require("tslib");
+var react_components_1 = require("@fluentui/react-components");
+var React = tslib_1.__importStar(require("react"));
+var Stack_1 = tslib_1.__importDefault(require("./stack/Stack"));
+var useKpiStyles_1 = require("./useKpiStyles");
+var css_1 = require("@emotion/css");
+/**
+ * Skeleton loading state for KPICard component.
+ * Mimics the exact layout of KPICard while data is being fetched.
+ */
+var KPICardSkeleton = function () {
+    var styles = (0, useKpiStyles_1.useKpiStyles)();
+    var skeletonStyles = {
+        headerTitle: (0, css_1.css)({
+            width: "120px",
+            height: "16px",
+        }),
+        headerBadge: (0, css_1.css)({
+            width: "32px",
+            height: "32px",
+            borderRadius: "50%",
+        }),
+        mainValue: (0, css_1.css)({
+            width: "80px",
+            height: "42px",
+        }),
+        goalText: (0, css_1.css)({
+            width: "70px",
+            height: "16px",
+        }),
+        progressLabel: (0, css_1.css)({
+            width: "80px",
+            height: "12px",
+        }),
+        progressValue: (0, css_1.css)({
+            width: "50px",
+            height: "12px",
+        }),
+        progressBar: (0, css_1.css)({
+            width: "100%",
+            height: "8px",
+            borderRadius: "4px",
+        }),
+        footerIcon: (0, css_1.css)({
+            width: "16px",
+            height: "16px",
+            borderRadius: "4px",
+        }),
+        footerLabel: (0, css_1.css)({
+            width: "50px",
+            height: "10px",
+        }),
+        footerValue: (0, css_1.css)({
+            width: "40px",
+            height: "14px",
+        }),
+        badge: (0, css_1.css)({
+            width: "90px",
+            height: "32px",
+            borderRadius: "20px",
+        }),
+    };
+    return (React.createElement(react_components_1.Card, { className: styles.card },
+        React.createElement(react_components_1.Skeleton, { animation: "pulse" },
+            React.createElement(Stack_1.default, { gap: "m", padding: "m" },
+                React.createElement(react_components_1.CardHeader, { header: React.createElement(Stack_1.default, { direction: "horizontal", alignItems: "center", gap: "8px" },
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.headerTitle })), action: React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.headerBadge, shape: "circle" }) }),
+                React.createElement(Stack_1.default, { gap: "s", direction: "horizontal", alignItems: "baseline", paddingTop: "s" },
+                    React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.mainValue }),
+                    React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.goalText })),
+                React.createElement(Stack_1.default, { gap: "s" },
+                    React.createElement(Stack_1.default, { direction: "horizontal", justifyContent: "space-between" },
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.progressLabel }),
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.progressValue })),
+                    React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.progressBar })),
+                React.createElement(react_components_1.CardFooter, null,
+                    React.createElement(Stack_1.default, { direction: "vertical", alignItems: "center", gap: "xs" },
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerIcon }),
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerLabel }),
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerValue })),
+                    React.createElement(react_components_1.Divider, { vertical: true, style: {
+                            height: "32px",
+                            borderColor: react_components_1.tokens.colorNeutralStroke1,
+                        } }),
+                    React.createElement(Stack_1.default, { direction: "vertical", alignItems: "center", gap: "xs" },
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerIcon }),
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerLabel }),
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerValue })),
+                    React.createElement(react_components_1.Divider, { vertical: true, style: {
+                            height: "32px",
+                            borderColor: react_components_1.tokens.colorNeutralStroke1,
+                        } }),
+                    React.createElement(Stack_1.default, { direction: "vertical", alignItems: "center", gap: "xs" },
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerIcon }),
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerLabel }),
+                        React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.footerValue }))),
+                React.createElement(Stack_1.default, null,
+                    React.createElement(react_components_1.SkeletonItem, { className: skeletonStyles.badge }))))));
+};
+exports.KPICardSkeleton = KPICardSkeleton;
+exports.default = exports.KPICardSkeleton;
+//# sourceMappingURL=KpiCardSkeleton.js.map

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

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

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

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Kpis = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-floating-promises */
+var React = tslib_1.__importStar(require("react"));
+var Stack_1 = require("./stack/Stack");
+var KpiCard_1 = require("./KpiCard");
+var KpiCardSkeleton_1 = require("./KpiCardSkeleton");
+var useKpiStyles_1 = require("./useKpiStyles");
+var NoKpisCard_1 = require("./NoKpisCard");
+var showError_1 = require("./showError");
+var KpiCardCompact_1 = require("./KpiCardCompact");
+var mockData = [
+    {
+        identifier: 'kpi-1',
+        title: 'Sales Revenue',
+        currentValue: 125.0,
+        goal: 150.0,
+        totalItems: 200.0,
+        description: 'This is a comprehensive description of the Total Sales Revenue KPI for Q1. This metric tracks all revenue generated from product sales, service contracts, and recurring subscriptions across all business units and geographic regions. The goal is set based on historical performance, market conditions, and strategic growth objectives. Performance is evaluated weekly with detailed breakdowns by product category, sales team, and customer segment. This KPI is critical for quarterly business reviews and investor reporting.',
+        goalMetric: 2,
+    },
+    {
+        identifier: 'kpi-2',
+        title: 'Customer Satisfaction',
+        currentValue: 87,
+        goal: 90,
+        totalItems: 100,
+        description: 'Customer satisfaction score',
+        goalMetric: 1,
+    },
+    {
+        identifier: 'kpi-3',
+        title: 'Tasks Completed',
+        currentValue: 42,
+        goal: 50,
+        totalItems: 60,
+        description: 'Number of tasks completed this month',
+        goalMetric: 2,
+    },
+    {
+        identifier: 'kpi-4',
+        title: 'New Customers',
+        currentValue: 156,
+        goal: 200,
+        totalItems: 250,
+        description: 'New customer acquisitions this quarter',
+        goalMetric: 1,
+    },
+    {
+        identifier: 'kpi-5',
+        title: 'Response Time',
+        currentValue: 2.5,
+        goal: 2,
+        totalItems: 5,
+        description: 'Average response time in hours',
+        goalMetric: 2,
+    },
+    {
+        identifier: 'kpi-6',
+        title: 'Employee Engagement',
+        currentValue: 78,
+        goal: 85,
+        totalItems: 100,
+        description: 'Employee engagement score percentage',
+        goalMetric: 1,
+    },
+];
+var Kpis = function (props) {
+    var _a = props.skeletonCount, skeletonCount = _a === void 0 ? 3 : _a, _b = props.compact, compact = _b === void 0 ? false : _b;
+    var styles = (0, useKpiStyles_1.useKpiStyles)();
+    var kpis = mockData;
+    var loading = false;
+    var error = null;
+    /**
+     * Renders skeleton cards while data is loading
+     */
+    var renderSkeletons = React.useCallback(function () {
+        return Array.from({ length: skeletonCount }).map(function (_, index) { return (React.createElement(KpiCardSkeleton_1.KPICardSkeleton, { key: "kpi-skeleton-".concat(index) })); });
+    }, [skeletonCount]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack_1.Stack, { gap: "l", direction: "horizontal", padding: "l", paddingTop: "s" },
+            React.createElement(React.Fragment, null, loading ? (renderSkeletons()) : error ? (React.createElement(showError_1.ShowError, { message: error })) : (React.createElement("div", { className: styles.kpiContainer }, kpis.length > 0 ? (kpis.map(function (kpi) {
+                return compact ? (React.createElement(KpiCardCompact_1.KPICardCompact, { key: kpi.identifier, dataCard: kpi })) : (React.createElement(KpiCard_1.KPICard, { key: kpi.identifier, dataCard: kpi }));
+            })) : (React.createElement(NoKpisCard_1.NoKpisCard, null))))))));
+};
+exports.Kpis = Kpis;
+//# sourceMappingURL=Kpis.js.map

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoKpisCard = 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 Stack_1 = tslib_1.__importDefault(require("./stack/Stack"));
+var useKpiStyles_1 = require("./useKpiStyles");
+// Mock data for the list URL
+var mockListUrl = "/sites/mock-site/Lists/Directory Status Config";
+/**
+ * NoKpisCard Component
+
+ */
+var NoKpisCard = function () {
+    var styles = (0, useKpiStyles_1.useKpiStyles)();
+    var listUrl = mockListUrl;
+    var isLoading = false;
+    var onConfigure = React.useCallback(function () {
+        if (!listUrl)
+            return;
+        var host = window.location.origin;
+        // listUrl is already the ServerRelativeUrl, just append AllItems.aspx
+        var appConfigUrl = "".concat(host).concat(listUrl, "/AllItems.aspx");
+        window.open(appConfigUrl, "_blank");
+    }, [listUrl]);
+    return (React.createElement(react_components_1.Card, { className: styles.noKpiCardContainer },
+        React.createElement("div", { className: styles.noKpiBackgroundOrb1 }),
+        React.createElement("div", { className: styles.noKpiBackgroundOrb2 }),
+        React.createElement(Stack_1.default, { alignItems: "center", justifyContent: "center", gap: "s" },
+            React.createElement("div", { className: styles.noKpiIconContainer },
+                React.createElement(react_icons_1.DataBarVerticalStarRegular, { className: styles.noKpiIcon }),
+                React.createElement(react_icons_1.SparkleRegular, { className: styles.noKpiSparkle1 }),
+                React.createElement(react_icons_1.SparkleRegular, { className: styles.noKpiSparkle2 })),
+            React.createElement(react_components_1.Text, { className: styles.noKpiTitle }, "No KPIs Configured"),
+            React.createElement("div", { className: styles.noKpiDecorativeLine }),
+            React.createElement(react_components_1.Text, { className: styles.noKpiSubtitle },
+                "Start tracking your team's performance by configuring",
+                " ",
+                React.createElement("span", { className: styles.noKpiHighlight }, "KPI parameters"),
+                " in the App Configuration list."),
+            !isLoading && listUrl && (React.createElement("div", { className: styles.noKpiButtonContainer },
+                React.createElement(react_components_1.Button, { appearance: "outline", icon: React.createElement(react_icons_1.SettingsRegular, null), className: styles.noKpiButton, onClick: onConfigure }, "Configure KPIs"))))));
+};
+exports.NoKpisCard = NoKpisCard;
+exports.default = exports.NoKpisCard;
+//# sourceMappingURL=NoKpisCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoKpisCard.js","sourceRoot":"","sources":["../../../src/controls/KPIControl/NoKpisCard.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,+DAAgE;AAChE,qDAI+B;AAC/B,gEAAkC;AAClC,+CAA8C;AAE9C,6BAA6B;AAC7B,IAAM,WAAW,GAAG,gDAAgD,CAAC;AAErE;;;GAGG;AACI,IAAM,UAAU,GAAa;IAClC,IAAM,MAAM,GAAG,IAAA,2BAAY,GAAE,CAAC;IAC9B,IAAM,OAAO,GAAG,WAAW,CAAC;IAC5B,IAAM,SAAS,GAAG,KAAK,CAAC;IAExB,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;QACpC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QACpC,sEAAsE;QACtE,IAAM,YAAY,GAAG,UAAG,IAAI,SAAG,OAAO,mBAAgB,CAAC;QACvD,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,uBAAI,IAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB;QAExC,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,GAAI;QAC9C,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,GAAI;QAE9C,oBAAC,eAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG;YAExD,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;gBACvC,oBAAC,wCAA0B,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI;gBAC3D,oBAAC,4BAAc,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa,GAAI;gBACnD,oBAAC,4BAAc,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa,GAAI,CAC/C;YAGN,oBAAC,uBAAI,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,yBAA2B;YAG7D,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,GAAI;YAG9C,oBAAC,uBAAI,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa;;gBACwB,GAAG;gBAC9D,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,qBAAuB;kDAExD;YAGN,CAAC,SAAS,IAAI,OAAO,IAAI,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB;gBACzC,oBAAC,yBAAM,IACL,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,oBAAC,6BAAe,OAAG,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,WAAW,qBAGb,CACL,CACP,CACK,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,UAAU,cAyDrB;AAEF,kBAAe,kBAAU,CAAC"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Kpis"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/KPIControl/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB"}

package/lib-commonjs/controls/KPIControl/showError/IErrorDisplayProps.js

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

package/lib-commonjs/controls/KPIControl/showError/IErrorDisplayProps.js.map

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

package/lib-commonjs/controls/KPIControl/showError/ShowError.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowError = void 0;
+var tslib_1 = require("tslib");
+var react_components_1 = require("@fluentui/react-components");
+var react_icons_1 = require("@fluentui/react-icons");
+var react_1 = tslib_1.__importDefault(require("react"));
+var stack_1 = require("../stack");
+var useShowErrorStyles_1 = require("./useShowErrorStyles");
+var ShowError = function (_a) {
+    var title = _a.title, message = _a.message;
+    var styles = (0, useShowErrorStyles_1.useShowErrorStyles)();
+    return (react_1.default.createElement(react_components_1.Card, { className: styles.container },
+        react_1.default.createElement(stack_1.Stack, { gap: "l", alignItems: "center" },
+            react_1.default.createElement(react_icons_1.ErrorCircleRegular, { className: styles.icon }),
+            react_1.default.createElement(stack_1.Stack, { gap: "s", alignItems: "center" },
+                react_1.default.createElement(react_components_1.Title3, { className: styles.title }, title),
+                react_1.default.createElement(react_components_1.Body1, { className: styles.message }, message)))));
+};
+exports.ShowError = ShowError;
+exports.default = exports.ShowError;
+//# sourceMappingURL=ShowError.js.map

package/lib-commonjs/controls/KPIControl/showError/ShowError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowError.js","sourceRoot":"","sources":["../../../../src/controls/KPIControl/showError/ShowError.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiE;AAEjE,qDAA2D;AAE3D,wDAA0B;AAC1B,kCAAiC;AACjC,2DAA0D;AAEnD,IAAM,SAAS,GAAiC,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACtE,IAAM,MAAM,GAAG,IAAA,uCAAkB,GAAE,CAAC;IACpC,OAAO,CACL,8BAAC,uBAAI,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS;QAC/B,8BAAC,aAAK,IAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ;YAChC,8BAAC,gCAAkB,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;YAE9C,8BAAC,aAAK,IAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ;gBAChC,8BAAC,yBAAM,IAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAU;gBACjD,8BAAC,wBAAK,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAS,CAC7C,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,SAAS,aAcpB;AAEF,kBAAe,iBAAS,CAAC"}

package/lib-commonjs/controls/KPIControl/showError/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IErrorDisplayProps"), exports);
+tslib_1.__exportStar(require("./ShowError"), exports);
+tslib_1.__exportStar(require("./useShowErrorStyles"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/KPIControl/showError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/KPIControl/showError/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,sDAA4B;AAC5B,+DAAqC"}

package/lib-commonjs/controls/KPIControl/showError/useShowErrorStyles.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShowErrorStyles = void 0;
+var css_1 = require("@emotion/css");
+var react_components_1 = require("@fluentui/react-components");
+var react_1 = require("react");
+var useShowErrorStyles = function () {
+    return (0, react_1.useMemo)(function () { return ({
+        container: (0, css_1.css)({
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            minHeight: "200px",
+            textAlign: "center",
+            backgroundColor: react_components_1.tokens.colorNeutralBackground1,
+            border: "1px solid ".concat(react_components_1.tokens.colorNeutralStroke2),
+            borderRadius: react_components_1.tokens.borderRadiusLarge,
+            padding: "".concat(react_components_1.tokens.spacingVerticalXXL, " ").concat(react_components_1.tokens.spacingHorizontalXXL),
+            boxShadow: react_components_1.tokens.shadow4,
+            maxWidth: "500px",
+            margin: "20px auto",
+        }),
+        icon: (0, css_1.css)({
+            fontSize: "48px",
+            color: react_components_1.tokens.colorPaletteRedForeground1,
+            animation: "pulse 2s infinite",
+            "@keyframes pulse": {
+                "0%": { transform: "scale(1)" },
+                "50%": { transform: "scale(1.05)" },
+                "100%": { transform: "scale(1)" },
+            },
+        }),
+        title: (0, css_1.css)({
+            color: react_components_1.tokens.colorNeutralForeground1,
+            fontWeight: react_components_1.tokens.fontWeightSemibold,
+            textAlign: "center",
+        }),
+        message: (0, css_1.css)({
+            color: react_components_1.tokens.colorNeutralForeground2,
+            textAlign: "center",
+            lineHeight: react_components_1.tokens.lineHeightBase400,
+        }),
+    }); }, []);
+};
+exports.useShowErrorStyles = useShowErrorStyles;
+//# sourceMappingURL=useShowErrorStyles.js.map

package/lib-commonjs/controls/KPIControl/showError/useShowErrorStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShowErrorStyles.js","sourceRoot":"","sources":["../../../../src/controls/KPIControl/showError/useShowErrorStyles.tsx"],"names":[],"mappings":";;;AAAA,oCAAmC;AACnC,+DAAoD;AACpD,+BAAgC;AASzB,IAAM,kBAAkB,GAAG;IAChC,OAAO,IAAA,eAAO,EACZ,cAAM,OAAA,CAAC;QACL,SAAS,EAAE,IAAA,SAAG,EAAC;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,QAAQ;YACnB,eAAe,EAAE,yBAAM,CAAC,uBAAuB;YAC/C,MAAM,EAAE,oBAAa,yBAAM,CAAC,mBAAmB,CAAE;YACjD,YAAY,EAAE,yBAAM,CAAC,iBAAiB;YACtC,OAAO,EAAE,UAAG,yBAAM,CAAC,kBAAkB,cAAI,yBAAM,CAAC,oBAAoB,CAAE;YACtE,SAAS,EAAE,yBAAM,CAAC,OAAO;YACzB,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,WAAW;SACpB,CAAC;QACF,IAAI,EAAE,IAAA,SAAG,EAAC;YACR,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,yBAAM,CAAC,0BAA0B;YACxC,SAAS,EAAE,mBAAmB;YAC9B,kBAAkB,EAAE;gBAClB,IAAI,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;gBAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE;gBACnC,MAAM,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;aAClC;SACF,CAAC;QACF,KAAK,EAAE,IAAA,SAAG,EAAC;YACT,KAAK,EAAE,yBAAM,CAAC,uBAAuB;YACrC,UAAU,EAAE,yBAAM,CAAC,kBAAkB;YACrC,SAAS,EAAE,QAAQ;SACpB,CAAC;QACF,OAAO,EAAE,IAAA,SAAG,EAAC;YACX,KAAK,EAAE,yBAAM,CAAC,uBAAuB;YACrC,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,yBAAM,CAAC,iBAAiB;SACrC,CAAC;KACH,CAAC,EAnCI,CAmCJ,EACF,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,kBAAkB,sBAwC7B"}

package/lib-commonjs/controls/KPIControl/stack/IStackProps.js

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

package/lib-commonjs/controls/KPIControl/stack/IStackProps.js.map

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

package/lib-commonjs/controls/KPIControl/stack/Stack.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = void 0;
+var tslib_1 = require("tslib");
+var react_components_1 = require("@fluentui/react-components");
+var react_1 = tslib_1.__importDefault(require("react"));
+var css_1 = require("@emotion/css");
+/**
+ * Mapping of predefined sizes to Fluent UI tokens.
+ */
+var sizeMap = {
+    xs: react_components_1.tokens.spacingHorizontalXS,
+    s: react_components_1.tokens.spacingHorizontalS,
+    m: react_components_1.tokens.spacingHorizontalM,
+    l: react_components_1.tokens.spacingHorizontalL,
+    xl: react_components_1.tokens.spacingHorizontalXL,
+    xxl: react_components_1.tokens.spacingHorizontalXXL,
+};
+/**
+ * Stack component provides a flexible layout using Flexbox.
+ * It allows stacking child components either horizontally or vertically with predefined spacing options.
+ */
+exports.Stack = react_1.default.memo(function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? "vertical" : _b, _c = _a.justifyContent, justifyContent = _c === void 0 ? "flex-start" : _c, _d = _a.alignItems, alignItems = _d === void 0 ? "stretch" : _d, gap = _a.gap, columnGap = _a.columnGap, rowGap = _a.rowGap, margin = _a.margin, padding = _a.padding, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, width = _a.width, height = _a.height, _e = _a.wrap, wrap = _e === void 0 ? false : _e, children = _a.children, style = _a.style, className = _a.className, overflow = _a.overflow, background = _a.background;
+    var stackStyle = (0, css_1.css)(tslib_1.__assign({ display: "flex", flexDirection: direction === "horizontal" ? "row" : "column", justifyContent: justifyContent, alignItems: alignItems, gap: gap && sizeMap[gap] ? sizeMap[gap] : gap, columnGap: columnGap && sizeMap[columnGap] ? sizeMap[columnGap] : columnGap, rowGap: rowGap && sizeMap[rowGap] ? sizeMap[rowGap] : rowGap, margin: margin && sizeMap[margin] ? sizeMap[margin] : margin, padding: padding && sizeMap[padding] ? sizeMap[padding] : padding, marginTop: marginTop && sizeMap[marginTop] ? sizeMap[marginTop] : marginTop, marginBottom: marginBottom && sizeMap[marginBottom]
+            ? sizeMap[marginBottom]
+            : marginBottom, marginLeft: marginLeft && sizeMap[marginLeft] ? sizeMap[marginLeft] : marginLeft, marginRight: marginRight && sizeMap[marginRight]
+            ? sizeMap[marginRight]
+            : marginRight, paddingTop: paddingTop && sizeMap[paddingTop] ? sizeMap[paddingTop] : paddingTop, paddingBottom: paddingBottom && sizeMap[paddingBottom]
+            ? sizeMap[paddingBottom]
+            : paddingBottom, paddingLeft: paddingLeft && sizeMap[paddingLeft]
+            ? sizeMap[paddingLeft]
+            : paddingLeft, paddingRight: paddingRight && sizeMap[paddingRight]
+            ? sizeMap[paddingRight]
+            : paddingRight, width: width, height: height, overflow: overflow, flexWrap: wrap ? "wrap" : "nowrap", backgroundColor: background }, style));
+    return (react_1.default.createElement("div", { className: (0, react_components_1.mergeClasses)(className, stackStyle) }, children));
+});
+exports.default = exports.Stack;
+//# sourceMappingURL=Stack.js.map

package/lib-commonjs/controls/KPIControl/stack/Stack.js.map

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

package/lib-commonjs/controls/KPIControl/stack/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IStackProps"), exports);
+tslib_1.__exportStar(require("./Stack"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/KPIControl/stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/KPIControl/stack/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,kDAAwB"}