reviewhver 0.0.1

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,246 @@
+export 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 carouselButtonSize: string;
+    const carouselButtonBg: string;
+    const carouselButtonHoverBg: string;
+    const carouselIconColor: string;
+}
+export namespace sliCommonProps {
+    export { sliStyle };
+    export namespace wrapper_style {
+        const fontFamily: string;
+        const background: string;
+        const maxWidth: string;
+        const boxSizing: string;
+        const position: string;
+    }
+    export namespace chartOptions {
+        namespace chart {
+            export const type: string;
+            export const animation: boolean;
+            export namespace style {
+                import fontFamily_1 = sliStyle.chartFontFamily;
+                export { fontFamily_1 as fontFamily };
+            }
+            import backgroundColor = sliStyle.chartBgColor;
+            export { backgroundColor };
+            export const marginLeft: number;
+            export const marginRight: number;
+            export const marginTop: number;
+        }
+        namespace title {
+            const text: null;
+        }
+        namespace credits {
+            const enabled: boolean;
+        }
+        namespace legend {
+            const enabled_1: boolean;
+            export { enabled_1 as enabled };
+        }
+        namespace xAxis {
+            export const tickmarkPlacement: string;
+            import lineColor_1 = sliStyle.gridLineColor;
+            export { lineColor_1 as lineColor };
+            import tickColor = sliStyle.gridLineColor;
+            export { tickColor };
+            export const gridLineWidth: number;
+            import gridLineColor_1 = sliStyle.gridLineColor;
+            export { gridLineColor_1 as gridLineColor };
+            export namespace labels {
+                export namespace style_1 {
+                    import color = sliStyle.xAxisLabelColor;
+                    export { color };
+                    import fontSize = sliStyle.xAxisLabelFontSize;
+                    export { fontSize };
+                    import fontWeight = sliStyle.xAxisLabelFontWeight;
+                    export { fontWeight };
+                }
+                export { style_1 as style };
+            }
+            export namespace crosshair {
+                import color_1 = sliStyle.crosshairColor;
+                export { color_1 as color };
+                export const dashStyle: string;
+                export const width: number;
+            }
+        }
+        namespace yAxis {
+            export const min: number;
+            export const max: number;
+            export const maxPadding: number;
+            export const tickInterval: number;
+            export namespace title_1 {
+                const text_1: null;
+                export { text_1 as text };
+            }
+            export { title_1 as title };
+            import gridLineColor_2 = sliStyle.gridLineColor;
+            export { gridLineColor_2 as gridLineColor };
+            export const gridLineDashStyle: string;
+            export namespace labels_1 {
+                export namespace style_2 {
+                    import color_2 = sliStyle.yAxisLabelColor;
+                    export { color_2 as color };
+                    import fontSize_1 = sliStyle.yAxisLabelFontSize;
+                    export { fontSize_1 as fontSize };
+                }
+                export { style_2 as style };
+            }
+            export { labels_1 as labels };
+        }
+        namespace tooltip {
+            const enabled_2: boolean;
+            export { enabled_2 as enabled };
+            export const useHTML: boolean;
+            const backgroundColor_1: string | {
+                linearGradient: {
+                    x1: number;
+                    y1: number;
+                    x2: number;
+                    y2: number;
+                };
+                stops: (string | number)[][];
+            };
+            export { backgroundColor_1 as backgroundColor };
+            import borderColor = sliStyle.tooltipBorderColor;
+            export { borderColor };
+            export const borderWidth: number;
+            import borderRadius = sliStyle.tooltipBorderRadius;
+            export { borderRadius };
+            export namespace shadow {
+                import color_3 = sliStyle.tooltipShadowColor;
+                export { color_3 as color };
+                const width_1: number;
+                export { width_1 as width };
+                export const offsetX: number;
+                export const offsetY: number;
+            }
+            export const shape: string;
+            import distance = sliStyle.tooltipDistance;
+            export { distance };
+            export const outside: boolean;
+            export const padding: number;
+            export namespace style_3 {
+                import color_4 = sliStyle.tooltipTextColor;
+                export { color_4 as color };
+                export const pointerEvents: string;
+            }
+            export { style_3 as style };
+            export function positioner(labelWidth: any, labelHeight: any, point: any): {
+                x: number;
+                y: any;
+            };
+            export function formatter(): any;
+        }
+        namespace plotOptions {
+            namespace series {
+                const animation_1: boolean;
+                export { animation_1 as animation };
+                import color_5 = sliStyle.lineColor;
+                export { color_5 as color };
+                import lineWidth_1 = sliStyle.lineWidth;
+                export { lineWidth_1 as lineWidth };
+                export namespace dataLabels {
+                    const enabled_3: boolean;
+                    export { enabled_3 as enabled };
+                    const useHTML_1: boolean;
+                    export { useHTML_1 as useHTML };
+                    const shape_1: string;
+                    export { shape_1 as shape };
+                    export const y: number;
+                    const padding_1: number;
+                    export { padding_1 as padding };
+                    export const crop: boolean;
+                    export const overflow: string;
+                    export const allowOverlap: boolean;
+                    const borderWidth_1: number;
+                    export { borderWidth_1 as borderWidth };
+                    import borderRadius_1 = sliStyle.tooltipBorderRadius;
+                    export { borderRadius_1 as borderRadius };
+                    const backgroundColor_2: string | {
+                        linearGradient: {
+                            x1: number;
+                            y1: number;
+                            x2: number;
+                            y2: number;
+                        };
+                        stops: (string | number)[][];
+                    };
+                    export { backgroundColor_2 as backgroundColor };
+                    export namespace style_4 {
+                        import color_6 = sliStyle.tooltipTextColor;
+                        export { color_6 as color };
+                        import fontWeight_1 = sliStyle.tooltipFontWeight;
+                        export { fontWeight_1 as fontWeight };
+                        import fontSize_2 = sliStyle.tooltipFontSize;
+                        export { fontSize_2 as fontSize };
+                        import letterSpacing = sliStyle.tooltipLetterSpacing;
+                        export { letterSpacing };
+                        export const textOutline: string;
+                    }
+                    export { style_4 as style };
+                    export function formatter(): string | null;
+                }
+                export namespace marker {
+                    const enabled_4: boolean;
+                    export { enabled_4 as enabled };
+                    import radius = sliStyle.markerRadius;
+                    export { radius };
+                    export const symbol: string;
+                    import lineWidth_2 = sliStyle.markerLineWidth;
+                    export { lineWidth_2 as lineWidth };
+                    import lineColor_2 = sliStyle.markerLineColor;
+                    export { lineColor_2 as lineColor };
+                    import fillColor = sliStyle.markerFillColor;
+                    export { fillColor };
+                    export namespace states {
+                        namespace hover {
+                            const enabled_5: boolean;
+                            export { enabled_5 as enabled };
+                        }
+                    }
+                }
+                export namespace states_1 {
+                    export namespace hover_1 {
+                        import lineWidth_3 = sliStyle.lineWidth;
+                        export { lineWidth_3 as lineWidth };
+                    }
+                    export { hover_1 as hover };
+                    export namespace inactive {
+                        const opacity: number;
+                    }
+                }
+                export { states_1 as states };
+            }
+        }
+    }
+}

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

@@ -0,0 +1,208 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sliCommonProps = exports.sliStyle = void 0;
+exports.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: "12px",
+    chartHeight: "250px",
+    carouselButtonSize: "32px",
+    carouselButtonBg: "rgba(0, 0, 0, 0.3)",
+    carouselButtonHoverBg: "rgba(0, 0, 0, 0.5)",
+    carouselIconColor: "#ffffff",
+};
+exports.sliCommonProps = {
+    sliStyle: exports.sliStyle,
+    wrapper_style: {
+        fontFamily: "'DM Sans', 'Segoe UI', sans-serif",
+        background: "#ffffff",
+        // padding: "24px",
+        maxWidth: "500px",
+        // margin: "0 auto",
+        boxSizing: "border-box",
+        position: "relative",
+    },
+    // Base Highcharts options, fully pre-configured with sliStyle tokens
+    chartOptions: {
+        chart: {
+            type: "line",
+            animation: false,
+            style: { fontFamily: exports.sliStyle.chartFontFamily },
+            backgroundColor: exports.sliStyle.chartBgColor,
+            marginLeft: 58,
+            marginRight: 24,
+            marginTop: 35,
+        },
+        title: { text: null },
+        credits: { enabled: false },
+        legend: { enabled: false },
+        xAxis: {
+            tickmarkPlacement: "on",
+            lineColor: exports.sliStyle.gridLineColor,
+            tickColor: exports.sliStyle.gridLineColor,
+            gridLineWidth: 1,
+            gridLineColor: exports.sliStyle.gridLineColor,
+            labels: {
+                style: {
+                    color: exports.sliStyle.xAxisLabelColor,
+                    fontSize: exports.sliStyle.xAxisLabelFontSize,
+                    fontWeight: exports.sliStyle.xAxisLabelFontWeight
+                },
+            },
+            crosshair: {
+                color: exports.sliStyle.crosshairColor,
+                dashStyle: "Solid",
+                width: 1,
+            },
+        },
+        yAxis: {
+            min: 0,
+            max: 100,
+            maxPadding: 0.2,
+            tickInterval: 10,
+            title: { text: null },
+            gridLineColor: exports.sliStyle.gridLineColor,
+            gridLineDashStyle: "Solid",
+            labels: {
+                style: {
+                    color: exports.sliStyle.yAxisLabelColor,
+                    fontSize: exports.sliStyle.yAxisLabelFontSize
+                },
+            },
+        },
+        tooltip: {
+            enabled: false,
+            useHTML: true,
+            backgroundColor: exports.sliStyle.tooltipStops ? {
+                linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
+                stops: exports.sliStyle.tooltipStops
+            } : exports.sliStyle.tooltipBgColor,
+            borderColor: exports.sliStyle.tooltipBorderColor,
+            borderWidth: 0,
+            borderRadius: exports.sliStyle.tooltipBorderRadius,
+            shadow: {
+                color: exports.sliStyle.tooltipShadowColor,
+                width: 8,
+                offsetX: 0,
+                offsetY: 4
+            },
+            shape: "callout",
+            distance: exports.sliStyle.tooltipDistance,
+            outside: true,
+            padding: 0,
+            style: {
+                color: exports.sliStyle.tooltipTextColor,
+                pointerEvents: "none"
+            },
+            positioner(labelWidth, labelHeight, point) {
+                const chart = this.chart;
+                const x = point.plotX + chart.plotLeft - labelWidth / 2;
+                let y;
+                // If score > 80, position tooltip below the point
+                if (point.y > 80) {
+                    y = point.plotY + chart.plotTop + 15;
+                }
+                else {
+                    y = point.plotY + chart.plotTop - labelHeight - 15;
+                }
+                return { x, y };
+            },
+            formatter() {
+                return `
+          <div style="padding:4px 10px;font-family:${exports.sliStyle.chartFontFamily};font-size:${exports.sliStyle.tooltipFontSize};font-weight:${exports.sliStyle.tooltipFontWeight};color:${exports.sliStyle.tooltipTextColor};letter-spacing:${exports.sliStyle.tooltipLetterSpacing};text-align:center;">
+            ${Math.round(this.y)}
+          </div>
+        `;
+            },
+        },
+        plotOptions: {
+            series: {
+                animation: false,
+                color: exports.sliStyle.lineColor,
+                lineWidth: exports.sliStyle.lineWidth,
+                dataLabels: {
+                    enabled: true,
+                    useHTML: true,
+                    shape: "callout",
+                    y: -15,
+                    padding: 3,
+                    crop: false,
+                    overflow: "allow",
+                    allowOverlap: true,
+                    borderWidth: 0,
+                    borderRadius: exports.sliStyle.tooltipBorderRadius,
+                    backgroundColor: exports.sliStyle.tooltipStops ? {
+                        linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
+                        stops: exports.sliStyle.tooltipStops
+                    } : exports.sliStyle.tooltipBgColor,
+                    style: {
+                        color: exports.sliStyle.tooltipTextColor,
+                        fontWeight: exports.sliStyle.tooltipFontWeight,
+                        fontSize: exports.sliStyle.tooltipFontSize,
+                        letterSpacing: exports.sliStyle.tooltipLetterSpacing,
+                        textOutline: "none",
+                    },
+                    formatter() {
+                        if (this.point.index % 2 === 0) {
+                            return `
+                <div style="font-family:${exports.sliStyle.chartFontFamily};text-align:center;min-width:18px;">
+                  ${Math.round(this.y)}
+                </div>
+              `;
+                        }
+                        return null;
+                    },
+                },
+                marker: {
+                    enabled: true,
+                    radius: exports.sliStyle.markerRadius,
+                    symbol: "circle",
+                    lineWidth: exports.sliStyle.markerLineWidth,
+                    lineColor: exports.sliStyle.markerLineColor,
+                    fillColor: exports.sliStyle.markerFillColor,
+                    states: {
+                        hover: {
+                            enabled: false,
+                        },
+                    },
+                },
+                states: {
+                    hover: { lineWidth: exports.sliStyle.lineWidth },
+                    inactive: { opacity: 1 },
+                },
+            },
+        },
+    }
+};
+//# sourceMappingURL=sliUtils.js.map