coinsperformance 0.0.5 → 0.0.7

package/dist/components/Molecules/SLI/SLIChart.js

@@ -0,0 +1,237 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const highcharts_1 = __importDefault(require("highcharts"));
+const highcharts_react_official_1 = __importDefault(require("highcharts-react-official"));
+function formatShortDate(dateStr) {
+    if (!dateStr)
+        return "";
+    // Handle both old "Month day-day" format and new "YYYY-MM-DD" format
+    if (dateStr.includes("-") && dateStr.split("-").length === 3) {
+        const date = new Date(dateStr);
+        const day = date.getDate();
+        const monthShort = date.toLocaleString('default', { month: 'short' });
+        let suffix = 'th';
+        if (day === 1 || day === 21 || day === 31)
+            suffix = 'st';
+        else if (day === 2 || day === 22)
+            suffix = 'nd';
+        else if (day === 3 || day === 23)
+            suffix = 'rd';
+        return `${day}${suffix} ${monthShort}`;
+    }
+    const parts = dateStr.split(" ");
+    if (parts.length < 2)
+        return dateStr;
+    const month = parts[0];
+    if (dateStr.includes("24–31"))
+        return "24th " + month;
+    if (dateStr.includes("1–15"))
+        return "1st " + month;
+    if (dateStr.includes("16–") || dateStr.includes("16-") || dateStr.includes("16–17"))
+        return "15th " + month;
+    return dateStr;
+}
+// Entrance animation logic (Left-to-right clip)
+function runEntranceAnimation(chart) {
+    const series = chart.series[0];
+    if (!series)
+        return;
+    const points = series.points;
+    const duration = 1100;
+    const startTime = performance.now();
+    // Hide all markers initially
+    points.forEach((p) => p.graphic && p.graphic.attr({ opacity: 0 }));
+    // Create a clip rect that grows from left to right
+    const clip = chart.renderer.clipRect(-20, -20, 0, chart.plotHeight + 40);
+    // Apply clip to path + area groups
+    series.group.clip(clip);
+    if (series.markerGroup)
+        series.markerGroup.clip(clip);
+    function easeOutCubic(t) {
+        return 1 - Math.pow(1 - t, 3);
+    }
+    let rafId;
+    function tick(now) {
+        const t = Math.min((now - startTime) / duration, 1);
+        const eased = easeOutCubic(t);
+        const clipWidth = eased * chart.plotWidth;
+        clip.attr({ width: clipWidth + 40 });
+        // Reveal each dot as the line sweeps past it
+        points.forEach((p) => {
+            if (p.plotX !== undefined && p.plotX <= clipWidth) {
+                p.graphic && p.graphic.animate({ opacity: 1 }, { duration: 120 });
+            }
+        });
+        if (t < 1) {
+            rafId = requestAnimationFrame(tick);
+        }
+        else {
+            // Unclip so hover/tooltip areas work normally
+            series.group.clip(false);
+            if (series.markerGroup)
+                series.markerGroup.clip(false);
+            clip.destroy();
+        }
+    }
+    rafId = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(rafId);
+}
+function SLIChart({ data = {}, commonProps = {} }) {
+    const chartRef = (0, react_1.useRef)(null);
+    // Support both direct array and the new nested structure
+    const fortnights = Array.isArray(data) ? data : (data?.fortnights || []);
+    // Theme aspects (Dynamic styles pulled from sliUtils.js)
+    const sliStyle = { ...commonProps?.sliStyle };
+    const chartOptions = commonProps?.chartOptions || {};
+    const { lineColor, markerFillColor, markerLineColor, hoverLineColor, tooltipStops, gridLineColor, xAxisLabelColor, yAxisLabelColor, crosshairColor, lineWidth, markerRadius, markerHoverRadius, markerLineWidth, markerHoverLineWidth, tooltipDistance, tooltipBorderRadius, tooltipFontSize, chartHeight, scrollMinWidth, 
+    // Typography & Comprehensive Layout Tokens
+    chartFontFamily, chartBgColor, xAxisLabelFontSize, xAxisLabelFontWeight, yAxisLabelFontSize, tooltipBgColor, tooltipTextColor, tooltipShadowColor, tooltipBorderColor, tooltipFontWeight, tooltipLetterSpacing, } = sliStyle;
+    // Trigger animation once on mount
+    (0, react_1.useEffect)(() => {
+        const timer = setTimeout(() => {
+            const chart = chartRef.current?.chart;
+            if (chart)
+                runEntranceAnimation(chart);
+        }, 60);
+        return () => clearTimeout(timer);
+    }, []);
+    const baseOptions = {
+        chart: {
+            type: "line",
+            animation: false,
+            style: { fontFamily: chartFontFamily },
+            backgroundColor: chartBgColor,
+            marginLeft: 58,
+            marginRight: 24,
+            marginTop: 20,
+            scrollablePlotArea: {
+                minWidth: scrollMinWidth,
+                scrollPositionX: 0,
+            },
+            events: {
+                load() {
+                    runEntranceAnimation(this);
+                },
+            },
+        },
+        title: { text: null },
+        credits: { enabled: false },
+        legend: { enabled: false },
+        xAxis: {
+            categories: fortnights.map((d) => formatShortDate(d.fromDate || d.date)),
+            tickmarkPlacement: "on",
+            lineColor: gridLineColor,
+            tickColor: gridLineColor,
+            gridLineWidth: 1,
+            gridLineColor: gridLineColor,
+            labels: {
+                style: {
+                    color: xAxisLabelColor,
+                    fontSize: xAxisLabelFontSize,
+                    fontWeight: xAxisLabelFontWeight
+                },
+            },
+            crosshair: {
+                color: crosshairColor,
+                dashStyle: "Solid",
+                width: 1,
+            },
+        },
+        yAxis: {
+            min: 0,
+            max: 100,
+            tickInterval: 10,
+            title: { text: null },
+            gridLineColor: gridLineColor,
+            gridLineDashStyle: "Solid",
+            labels: {
+                style: {
+                    color: yAxisLabelColor,
+                    fontSize: yAxisLabelFontSize
+                },
+            },
+        },
+        tooltip: {
+            useHTML: true,
+            backgroundColor: tooltipStops ? {
+                linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
+                stops: tooltipStops
+            } : tooltipBgColor,
+            borderColor: tooltipBorderColor,
+            borderWidth: 0,
+            borderRadius: tooltipBorderRadius,
+            shadow: {
+                color: tooltipShadowColor,
+                width: 8,
+                offsetX: 0,
+                offsetY: 4
+            },
+            shape: "callout",
+            distance: tooltipDistance,
+            outside: false,
+            padding: 0,
+            style: {
+                color: tooltipTextColor,
+                pointerEvents: "none"
+            },
+            formatter() {
+                return `
+          <div style="padding:4px 10px;font-family:${chartFontFamily};font-size:${tooltipFontSize};font-weight:${tooltipFontWeight};color:${tooltipTextColor};letter-spacing:${tooltipLetterSpacing};text-align:center;">
+            ${Math.round(this.y)}
+          </div>
+        `;
+            },
+        },
+        plotOptions: {
+            series: {
+                animation: false,
+                lineWidth: lineWidth,
+                marker: {
+                    enabled: true,
+                    radius: markerRadius,
+                    symbol: "circle",
+                    lineWidth: markerLineWidth,
+                    lineColor: markerLineColor,
+                    fillColor: markerFillColor,
+                    states: {
+                        hover: {
+                            enabled: true,
+                            radius: markerHoverRadius,
+                            lineWidth: markerHoverLineWidth,
+                            lineColor: hoverLineColor,
+                        },
+                    },
+                },
+                states: {
+                    hover: { lineWidth: lineWidth },
+                    inactive: { opacity: 1 },
+                },
+            },
+        },
+        series: [
+            {
+                name: "Fortnightly SLI",
+                color: lineColor,
+                data: fortnights.map((d) => d.sliData?.fortnightly_sli ?? d.sli ?? 0),
+            },
+        ],
+    };
+    // Combine base configuration with any external chartOptions overrides
+    const options = highcharts_1.default.merge(baseOptions, chartOptions);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: sliStyle.wrapper_style, children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
+                    __html: `
+            .highcharts-scrolling::-webkit-scrollbar {
+              height: 0 !important;
+              width: 0 !important;
+              display: none !important;
+            }
+          `
+                } }), (0, jsx_runtime_1.jsx)(highcharts_react_official_1.default, { highcharts: highcharts_1.default, options: options, ref: chartRef, containerProps: { style: { height: chartHeight, width: "100%" } } })] }));
+}
+exports.default = SLIChart;
+//# sourceMappingURL=SLIChart.js.map

package/dist/components/Molecules/SLI/SLIChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SLIChart.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SLI/SLIChart.jsx"],"names":[],"mappings":"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"}

package/dist/components/Molecules/SLI/data.d.ts

@@ -0,0 +1,14 @@
+export namespace SLI_API_RESPONSE {
+    const schoolId: string;
+    const academicYearName: string;
+    const totalFortnights: number;
+    const fortnights: {
+        fortnightNumber: number;
+        fromDate: string;
+        toDate: string;
+        sliData: {
+            fortnightly_sli: number;
+            cumulative_sli: number;
+        };
+    }[];
+}

package/dist/components/Molecules/SLI/data.js

@@ -0,0 +1,236 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLI_API_RESPONSE = void 0;
+exports.SLI_API_RESPONSE = {
+    "schoolId": "668233a8210397db5e51e63b",
+    "academicYearName": "2025-2026",
+    "totalFortnights": 25,
+    "fortnights": [
+        {
+            "fortnightNumber": 1,
+            "fromDate": "2025-03-24",
+            "toDate": "2025-03-31",
+            "sliData": {
+                "fortnightly_sli": 0,
+                "cumulative_sli": 0
+            }
+        },
+        {
+            "fortnightNumber": 2,
+            "fromDate": "2025-04-01",
+            "toDate": "2025-04-15",
+            "sliData": {
+                "fortnightly_sli": 64.53,
+                "cumulative_sli": 64.53
+            }
+        },
+        {
+            "fortnightNumber": 3,
+            "fromDate": "2025-04-16",
+            "toDate": "2025-04-30",
+            "sliData": {
+                "fortnightly_sli": 45,
+                "cumulative_sli": 59.52
+            }
+        },
+        {
+            "fortnightNumber": 4,
+            "fromDate": "2025-05-01",
+            "toDate": "2025-05-15",
+            "sliData": {
+                "fortnightly_sli": 59.52,
+                "cumulative_sli": 59.52
+            }
+        },
+        {
+            "fortnightNumber": 5,
+            "fromDate": "2025-05-16",
+            "toDate": "2025-05-31",
+            "sliData": {
+                "fortnightly_sli": 59.52,
+                "cumulative_sli": 59.52
+            }
+        },
+        {
+            "fortnightNumber": 6,
+            "fromDate": "2025-06-01",
+            "toDate": "2025-06-15",
+            "sliData": {
+                "fortnightly_sli": 74.31,
+                "cumulative_sli": 74.31
+            }
+        },
+        {
+            "fortnightNumber": 7,
+            "fromDate": "2025-06-16",
+            "toDate": "2025-06-30",
+            "sliData": {
+                "fortnightly_sli": 83.03,
+                "cumulative_sli": 80.47
+            }
+        },
+        {
+            "fortnightNumber": 8,
+            "fromDate": "2025-07-01",
+            "toDate": "2025-07-15",
+            "sliData": {
+                "fortnightly_sli": 80.22,
+                "cumulative_sli": 80.12
+            }
+        },
+        {
+            "fortnightNumber": 9,
+            "fromDate": "2025-07-16",
+            "toDate": "2025-07-31",
+            "sliData": {
+                "fortnightly_sli": 74.25,
+                "cumulative_sli": 76.54
+            }
+        },
+        {
+            "fortnightNumber": 10,
+            "fromDate": "2025-08-01",
+            "toDate": "2025-08-15",
+            "sliData": {
+                "fortnightly_sli": 59.02,
+                "cumulative_sli": 74.86
+            }
+        },
+        {
+            "fortnightNumber": 11,
+            "fromDate": "2025-08-16",
+            "toDate": "2025-08-31",
+            "sliData": {
+                "fortnightly_sli": 68.65,
+                "cumulative_sli": 73.3
+            }
+        },
+        {
+            "fortnightNumber": 12,
+            "fromDate": "2025-09-01",
+            "toDate": "2025-09-15",
+            "sliData": {
+                "fortnightly_sli": 70.68,
+                "cumulative_sli": 69.26
+            }
+        },
+        {
+            "fortnightNumber": 13,
+            "fromDate": "2025-09-16",
+            "toDate": "2025-09-30",
+            "sliData": {
+                "fortnightly_sli": 69.1,
+                "cumulative_sli": 68.03
+            }
+        },
+        {
+            "fortnightNumber": 14,
+            "fromDate": "2025-10-01",
+            "toDate": "2025-10-15",
+            "sliData": {
+                "fortnightly_sli": 74.02,
+                "cumulative_sli": 72.3
+            }
+        },
+        {
+            "fortnightNumber": 15,
+            "fromDate": "2025-10-16",
+            "toDate": "2025-10-31",
+            "sliData": {
+                "fortnightly_sli": 74.14,
+                "cumulative_sli": 72.62
+            }
+        },
+        {
+            "fortnightNumber": 16,
+            "fromDate": "2025-11-01",
+            "toDate": "2025-11-15",
+            "sliData": {
+                "fortnightly_sli": 53.44,
+                "cumulative_sli": 71.09
+            }
+        },
+        {
+            "fortnightNumber": 17,
+            "fromDate": "2025-11-16",
+            "toDate": "2025-11-30",
+            "sliData": {
+                "fortnightly_sli": 49.33,
+                "cumulative_sli": 66.31
+            }
+        },
+        {
+            "fortnightNumber": 18,
+            "fromDate": "2025-12-01",
+            "toDate": "2025-12-15",
+            "sliData": {
+                "fortnightly_sli": 53.26,
+                "cumulative_sli": 64.18
+            }
+        },
+        {
+            "fortnightNumber": 19,
+            "fromDate": "2025-12-16",
+            "toDate": "2025-12-31",
+            "sliData": {
+                "fortnightly_sli": 49.81,
+                "cumulative_sli": 63.48
+            }
+        },
+        {
+            "fortnightNumber": 20,
+            "fromDate": "2026-01-01",
+            "toDate": "2026-01-15",
+            "sliData": {
+                "fortnightly_sli": 31.84,
+                "cumulative_sli": 62.17
+            }
+        },
+        {
+            "fortnightNumber": 21,
+            "fromDate": "2026-01-16",
+            "toDate": "2026-01-31",
+            "sliData": {
+                "fortnightly_sli": 38.49,
+                "cumulative_sli": 61.68
+            }
+        },
+        {
+            "fortnightNumber": 22,
+            "fromDate": "2026-02-01",
+            "toDate": "2026-02-15",
+            "sliData": {
+                "fortnightly_sli": 23.44,
+                "cumulative_sli": 61.16
+            }
+        },
+        {
+            "fortnightNumber": 23,
+            "fromDate": "2026-02-16",
+            "toDate": "2026-02-28",
+            "sliData": {
+                "fortnightly_sli": 32.2,
+                "cumulative_sli": 60.5
+            }
+        },
+        {
+            "fortnightNumber": 24,
+            "fromDate": "2026-03-01",
+            "toDate": "2026-03-15",
+            "sliData": {
+                "fortnightly_sli": 60.5,
+                "cumulative_sli": 60.5
+            }
+        },
+        {
+            "fortnightNumber": 25,
+            "fromDate": "2026-03-16",
+            "toDate": "2026-03-17",
+            "sliData": {
+                "fortnightly_sli": 60.5,
+                "cumulative_sli": 60.5
+            }
+        }
+    ]
+};
+//# sourceMappingURL=data.js.map

package/dist/components/Molecules/SLI/data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SLI/data.js"],"names":[],"mappings":"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"}

package/dist/components/Molecules/SLI/sliUtils.d.ts

@@ -0,0 +1,44 @@
+export namespace sliCommonProps {
+    namespace sliStyle {
+        const lineColor: string;
+        const markerFillColor: string;
+        const markerLineColor: string;
+        const hoverLineColor: string;
+        const tooltipStops: (string | number)[][];
+        const gridLineColor: string;
+        const xAxisLabelColor: string;
+        const yAxisLabelColor: string;
+        const crosshairColor: string;
+        const chartFontFamily: string;
+        const chartBgColor: string;
+        const xAxisLabelFontSize: string;
+        const xAxisLabelFontWeight: string;
+        const yAxisLabelFontSize: string;
+        const tooltipBgColor: string;
+        const tooltipTextColor: string;
+        const tooltipShadowColor: string;
+        const tooltipBorderColor: string;
+        const tooltipFontWeight: string;
+        const tooltipLetterSpacing: string;
+        const lineWidth: number;
+        const markerRadius: number;
+        const markerHoverRadius: number;
+        const markerLineWidth: number;
+        const markerHoverLineWidth: number;
+        const tooltipDistance: number;
+        const tooltipBorderRadius: number;
+        const tooltipFontSize: string;
+        const chartHeight: string;
+        const scrollMinWidth: number;
+    }
+    const chartOptions: {};
+    namespace wrapper_style {
+        const fontFamily: string;
+        const background: string;
+        const padding: string;
+        const maxWidth: string;
+        const margin: string;
+        const boxSizing: string;
+        const position: string;
+    }
+}

package/dist/components/Molecules/SLI/sliUtils.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sliCommonProps = void 0;
+exports.sliCommonProps = {
+    sliStyle: {
+        // Theme aspects (can be overridden from stories)
+        lineColor: "#c4b5fd",
+        markerFillColor: "#0f172a",
+        markerLineColor: "#c4b5fd",
+        hoverLineColor: "#a78bfa",
+        tooltipStops: [
+            [0, "#312e81"],
+            [1, "#1e1b4b"]
+        ],
+        gridLineColor: "#f1f5f9",
+        xAxisLabelColor: "#475569",
+        yAxisLabelColor: "#475569",
+        crosshairColor: "rgba(196,181,253,0.2)",
+        // Comprehensive Typography & Layout Tokens
+        chartFontFamily: "'DM Sans', 'Segoe UI', sans-serif",
+        chartBgColor: "#ffffff",
+        xAxisLabelFontSize: "11px",
+        xAxisLabelFontWeight: "500",
+        yAxisLabelFontSize: "11px",
+        tooltipBgColor: "#13131a",
+        tooltipTextColor: "#f8fafc",
+        tooltipShadowColor: "rgba(0,0,0,0.3)",
+        tooltipBorderColor: "transparent",
+        tooltipFontWeight: "500",
+        tooltipLetterSpacing: "0.02em",
+        // Dimension aspects
+        lineWidth: 3,
+        markerRadius: 5,
+        markerHoverRadius: 8,
+        markerLineWidth: 2,
+        markerHoverLineWidth: 3,
+        tooltipDistance: 8,
+        tooltipBorderRadius: 10,
+        tooltipFontSize: "16px",
+        chartHeight: "340px",
+        scrollMinWidth: 3000,
+    },
+    // Custom Highcharts options that will be merged with the defaults
+    chartOptions: {},
+    wrapper_style: {
+        fontFamily: "'DM Sans', 'Segoe UI', sans-serif",
+        background: "#ffffff",
+        padding: "24px",
+        maxWidth: "780px",
+        margin: "0 auto",
+        boxSizing: "border-box",
+        position: "relative",
+    }
+};
+//# sourceMappingURL=sliUtils.js.map

package/dist/components/Molecules/SLI/sliUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliUtils.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SLI/sliUtils.js"],"names":[],"mappings":";;;AACa,QAAA,cAAc,GAAG;IAC5B,QAAQ,EAAE;QACR,iDAAiD;QACjD,SAAS,EAAE,SAAS;QACpB,eAAe,EAAE,SAAS;QAC1B,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE;YACZ,CAAC,CAAC,EAAE,SAAS,CAAC;YACd,CAAC,CAAC,EAAE,SAAS,CAAC;SACf;QACD,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,SAAS;QAC1B,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,uBAAuB;QAEvC,2CAA2C;QAC3C,eAAe,EAAE,mCAAmC;QACpD,YAAY,EAAE,SAAS;QACvB,kBAAkB,EAAE,MAAM;QAC1B,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,MAAM;QAE1B,cAAc,EAAE,SAAS;QACzB,gBAAgB,EAAE,SAAS;QAC3B,kBAAkB,EAAE,iBAAiB;QACrC,kBAAkB,EAAE,aAAa;QACjC,iBAAiB,EAAE,KAAK;QACxB,oBAAoB,EAAE,QAAQ;QAE9B,oBAAoB;QACpB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;QAClB,oBAAoB,EAAE,CAAC;QACvB,eAAe,EAAE,CAAC;QAClB,mBAAmB,EAAE,EAAE;QACvB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,OAAO;QACpB,cAAc,EAAE,IAAI;KACrB;IACD,kEAAkE;IAClE,YAAY,EAAE,EAAE;IAChB,aAAa,EAAC;QACZ,UAAU,EAAE,mCAAmC;QAC/C,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,UAAU;KACvB;CAEA,CAAC"}

package/dist/components/Organisms/NewActivityList/NewActivityList.d.ts

@@ -0,0 +1,10 @@
+interface NewActivityListProps {
+    activityData: any[];
+    handleClick?: (activityItem: any) => void;
+    handleAttachmentClick?: (attachment: any, activityItem: any) => void;
+    icons?: Record<string, string>;
+    isMySpace?: boolean;
+    isStudent?: boolean;
+}
+declare const NewActivityList: ({ activityData, handleClick, handleAttachmentClick, icons, isMySpace, isStudent, }: NewActivityListProps) => import("react/jsx-runtime").JSX.Element;
+export default NewActivityList;

package/dist/components/Organisms/NewActivityList/NewActivityList.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const NewActivityCard_1 = __importDefault(require("../../Molecules/ExperientialComponents/NewActivityCard"));
+const react_masonry_css_1 = __importDefault(require("react-masonry-css"));
+const common_utils_1 = require("../../../utils/common-utils");
+const NewActivityList = ({ activityData, handleClick, handleAttachmentClick, icons, isMySpace, isStudent = true, }) => {
+    const breakpointColumnsObj = {
+        default: 5,
+        1400: 4,
+        1024: 3,
+        900: 2,
+        500: 1,
+    };
+    // Transform the activityData using appropriate function based on isMySpace flag
+    const transformedActivityData = isMySpace
+        ? (0, common_utils_1.prepareMySpaceActivityData)(activityData)
+        : (0, common_utils_1.prepareActivityData)(activityData, isStudent);
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { children: (0, jsx_runtime_1.jsx)(react_masonry_css_1.default, { breakpointCols: breakpointColumnsObj, className: "my-masonry-grid", columnClassName: "my-masonry-grid_column", style: { display: "flex", width: "auto", gap: "16px" }, "data-testid": "activity-list-masonry", children: transformedActivityData.map((activityItem, index) => {
+                // Find the original activity item for click handlers
+                const originalActivityItem = activityData[index];
+                return ((0, jsx_runtime_1.jsx)(react_1.Box, { mb: "16px", sx: { backgroundClip: "padding-box" }, "data-testid": "activity-list-card-container", children: (0, jsx_runtime_1.jsx)(NewActivityCard_1.default, { subject: activityItem.subject, topic: activityItem.topic, title: activityItem.title, description: activityItem.description, headerImage: activityItem.headerImage, isMandatory: activityItem.isMandatory, emojiCount: activityItem.emojiCount, commentCount: activityItem.commentCount, attachments: activityItem.attachments, cardColor: activityItem.cardColor, isMySpace: isMySpace, allowCommentsandInteractions: activityItem?.allowCommentsAndInteractions, icons: icons, onCardClick: () => {
+                            handleClick && handleClick(originalActivityItem);
+                        }, onAttachmentClick: (attachment) => {
+                            handleAttachmentClick &&
+                                handleAttachmentClick(attachment, originalActivityItem);
+                        } }) }, index));
+            }) }) }));
+};
+exports.default = NewActivityList;
+//# sourceMappingURL=NewActivityList.js.map

package/dist/components/Organisms/NewActivityList/NewActivityList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewActivityList.js","sourceRoot":"","sources":["../../../../src/components/Organisms/NewActivityList/NewActivityList.tsx"],"names":[],"mappings":";;;;;;AACA,4CAAuC;AACvC,6GAAqF;AACrF,0EAAwC;AACxC,8DAGqC;AAWrC,MAAM,eAAe,GAAG,CAAC,EACvB,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,SAAS,EACT,SAAS,GAAG,IAAI,GACK,EAAE,EAAE;IACzB,MAAM,oBAAoB,GAAG;QAC3B,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,CAAC;KACP,CAAC;IAEF,gFAAgF;IAChF,MAAM,uBAAuB,GAAG,SAAS;QACvC,CAAC,CAAC,IAAA,yCAA0B,EAAC,YAAY,CAAC;QAC1C,CAAC,CAAC,IAAA,kCAAmB,EAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAEjD,OAAO,CACL,uBAAC,WAAG,cACF,uBAAC,2BAAO,IACN,cAAc,EAAE,oBAAoB,EACpC,SAAS,EAAC,iBAAiB,EAC3B,eAAe,EAAC,wBAAwB,EACxC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,iBAC1C,uBAAuB,YAElC,uBAAuB,CAAC,GAAG,CAAC,CAAC,YAAiB,EAAE,KAAU,EAAE,EAAE;gBAC7D,qDAAqD;gBACrD,MAAM,oBAAoB,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;gBAEjD,OAAO,CACL,uBAAC,WAAG,IAEF,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE,iBACzB,8BAA8B,YAE1C,uBAAC,yBAAe,IACd,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,WAAW,EAAE,YAAY,CAAC,WAAW,EACrC,WAAW,EAAE,YAAY,CAAC,WAAW,EACrC,WAAW,EAAE,YAAY,CAAC,WAAW,EACrC,UAAU,EAAE,YAAY,CAAC,UAAU,EACnC,YAAY,EAAE,YAAY,CAAC,YAAY,EACvC,WAAW,EAAE,YAAY,CAAC,WAAW,EACrC,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,SAAS,EAAE,SAAS,EACpB,4BAA4B,EAC1B,YAAY,EAAE,4BAA4B,EAE5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,GAAG,EAAE;4BAChB,WAAW,IAAI,WAAW,CAAC,oBAAoB,CAAC,CAAC;wBACnD,CAAC,EACD,iBAAiB,EAAE,CAAC,UAAe,EAAE,EAAE;4BACrC,qBAAqB;gCACnB,qBAAqB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;wBAC5D,CAAC,GACD,IA5BG,KAAK,CA6BN,CACP,CAAC;YACJ,CAAC,CAAC,GACM,GACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}