reviewhver 0.0.1

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.styles.js

@@ -0,0 +1,187 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrimaryButton = exports.SecondaryButton = exports.Button = exports.ButtonContainer = exports.Description = exports.Content = exports.Divider = exports.SubTitle = exports.Badge = exports.Title = exports.Image = exports.TopSection = exports.InnerCard = exports.OuterCard = exports.OuterContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+// Centers everything
+exports.OuterContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 80px;
+  background: #ffffff;
+  width: fit-content;
+  box-sizing: border-box;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+  border-radius: 16px;
+  border-radius: 16px;
+  @media (max-width: 768px) {
+    padding: 24px;
+  }
+  @media (max-width: 425px) {
+    padding: 12px;
+  }
+`;
+exports.OuterCard = styled_components_1.default.div `
+  font-family: "Poppins", sans-serif;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: center;
+  border-radius: 2px 24px 24px 24px;
+  background: var(--Primary-900, #312961);
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
+  padding: 7px 0px 14px 14px;
+  width: 100%;
+`;
+exports.InnerCard = styled_components_1.default.div `
+  font-family: "Poppins", sans-serif;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+  border-radius: 2px 24px 24px 24px;
+  background: #e9e5ff;
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
+  padding: 24px;
+  width: 100%;
+  margin-top: -14px;
+  @media (max-width: 768px) {
+    padding: 16px;
+    width: 100%;
+  }
+`;
+exports.TopSection = styled_components_1.default.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 12px;
+  margin-bottom: 12px;
+  width: 100%;
+`;
+exports.Image = styled_components_1.default.img `
+  max-width: 168px;
+  height: auto;
+`;
+exports.Title = styled_components_1.default.h3 `
+  color: var(--Colour-Blue-Student-text, #130159);
+  font-family: Poppins;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 30px;
+  letter-spacing: 0.48px;
+  text-align: left;
+  white-space: pre-line;
+  margin: 0;
+  @media (max-width: 768px) {
+    font-size: 18px;
+  }
+`;
+exports.Badge = styled_components_1.default.div `
+  background: linear-gradient(90deg, #F2E0B1 0%, #AF8E51 100%);
+  color: #000;
+  font-family: Poppins;
+  font-size: 18px;
+  font-weight: 600;
+  padding: 10px 46px;
+  border-radius: 8px;
+  white-space: nowrap;
+  @media (max-width: 768px) {
+    font-size: 12px;
+    padding: 6px 16px;
+  }
+`;
+exports.SubTitle = styled_components_1.default.h4 `
+  color: rgba(19, 1, 89, 0.85);
+  font-family: "Poppins", sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 18px;
+  margin: 0 0 8px 0;
+  text-align: left;
+  @media (max-width: 768px) {
+    font-size: 14px;
+    line-height: 20px;
+  }
+`;
+exports.Divider = styled_components_1.default.div `
+  width: 100%;
+  border-bottom: 1px dashed #00000030;
+  margin: 12px 0 16px 0;
+`;
+exports.Content = styled_components_1.default.div `
+  width: 100%;
+`;
+exports.Description = styled_components_1.default.p `
+  font-size: 14px;
+  line-height: 20px;
+  margin: 0;
+  color: ${({ isMatchthefollowing }) => (isMatchthefollowing ? "#5F4DC7" : "#000")};
+  text-align: left;
+  font-weight: 500;
+  font-family: "Poppins", sans-serif;
+  @media (max-width: 768px) {
+    font-size: 13px;
+    line-height: 20px;
+  }
+`;
+exports.ButtonContainer = styled_components_1.default.div `
+  margin-top: 20px;
+  width: 100%;
+  display: flex;
+  gap: 12px;
+  @media (max-width: 768px) {
+    flex-direction: column;
+    gap: 10px;
+  }
+`;
+exports.Button = styled_components_1.default.button `
+  margin-top: 20px;
+  font-family: "Poppins", sans-serif;
+  width: 100%;
+  padding: 12px 0;
+  background: transparent;
+  border: 1px solid #5F4DC7;
+  border-radius: 8px;
+  color: #5F4DC7;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.2s ease;
+  &:hover {
+    background: #4d3c94;
+  }
+  @media (max-width: 768px) {
+    font-size: 13px;
+    padding: 10px 0;
+  }
+`;
+exports.SecondaryButton = (0, styled_components_1.default)(exports.Button) `
+  margin-top: 0;
+  flex: 1;
+  &:hover {
+    background: #fff;
+    border-color: #4d3c94;
+  }
+`;
+exports.PrimaryButton = (0, styled_components_1.default)(exports.Button) `
+  margin-top: 0;
+  flex: 1;
+  background: #5F4DC7;
+  border: 1px solid #5F4DC7;
+  color: #ffffff;
+  &:hover {
+    background: #4d3c94;
+    border-color: #4d3c94;
+  }
+`;
+//# sourceMappingURL=RevisionCompleteCard.styles.js.map

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCompleteCard.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,qBAAqB;AACR,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBvC,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYlC,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQnC,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG9B,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;CAc7B,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAa9B,CAAC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;CAYhC,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEhC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,CAAC,CAAkC;;;;WAI1D,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;CAQjF,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CASxC,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBlC,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,cAAM,CAAC,CAAA;;;;;;;CAO5C,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,cAAM,CAAC,CAAA;;;;;;;;;;CAU1C,CAAC"}

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const OuterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ImageSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;
+export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.styles.js

@@ -0,0 +1,134 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.Description = exports.Subtitle = exports.Title = exports.Content = exports.Image = exports.ImageSection = exports.Card = exports.OuterContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+// Outer container to center the card with padding
+exports.OuterContainer = styled_components_1.default.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 80px;
+  background: #ffffff;
+  width: fit-content;
+  box-sizing: border-box;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+  @media (max-width: 768px) {
+    padding: 24px;
+  }
+  border-radius:16px;
+  @media (max-width: 425px) {
+    padding: 12px;
+  }
+`;
+// White card container
+exports.Card = styled_components_1.default.div `
+  overflow: hidden;
+  font-family: "Poppins", sans-serif;
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  align-items: center;
+  border-radius: 16px;
+  background: var(--Primary-Background, #faf9fe);
+  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
+  padding: 24px;
+  box-sizing: border-box;
+  max-width: 400px;
+  width: 100%;
+
+  @media (max-width: 768px) {
+    padding: 16px;
+  }
+`;
+exports.ImageSection = styled_components_1.default.div `
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #faf9fe;
+`;
+exports.Image = styled_components_1.default.img `
+  width: 100%;
+  object-fit: cover;
+  background: #faf9fe;
+
+  @media (max-width: 768px) {
+    max-height: 200px;
+  }
+`;
+exports.Content = styled_components_1.default.div `
+  border-top: 2px dashed #ddd;
+  margin: 16px 0;
+  padding-top: 16px;
+  width: 100%;
+  border-image: repeating-linear-gradient(
+      to right,
+      #ddd 0,
+      #ddd 12px,
+      transparent 12px,
+      transparent 24px
+    )
+    1;
+`;
+exports.Title = styled_components_1.default.h3 `
+  color: #130159d9;
+  font-family: Poppins;
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0 0 8px 0;
+
+  @media (max-width: 768px) {
+    font-size: 16px;
+  }
+`;
+exports.Subtitle = styled_components_1.default.p `
+  color: #85898b;
+  font-weight: 400;
+  font-family: Poppins;
+  font-size: 14px;
+  margin: 0 0 8px 0;
+
+  @media (max-width: 768px) {
+    font-size: 12px;
+  }
+`;
+exports.Description = styled_components_1.default.p `
+  color: #000;
+  font-family: Poppins;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  align-self: stretch;
+  margin: 0 0 16px 0;
+
+  @media (max-width: 768px) {
+    font-size: 13px;
+    line-height: 20px;
+  }
+`;
+exports.Button = styled_components_1.default.button `
+  width: 100%;
+  padding: 10px 0;
+  background: #5f4dc7;
+  border: none;
+  border-radius: 8px;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s ease;
+
+  &:hover {
+    background: #5939d6;
+  }
+
+  @media (max-width: 768px) {
+    font-size: 13px;
+    padding: 8px 0;
+  }
+`;
+//# sourceMappingURL=RevisionCard.styles.js.map

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCard.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionIntroCard/RevisionCard.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,kDAAkD;AACrC,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBvC,CAAC;AAEF,uBAAuB;AACV,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkB7B,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMrC,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ9B,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAahC,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;CAU7B,CAAC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;CAU/B,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;CAclC,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;CAoBlC,CAAC"}

package/dist/components/Molecules/RevisionIntroCard/RevisionIntro.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface RevisionCardProps {
+    title: string;
+    subtitle: string;
+    description: string;
+    buttonText: string;
+    rivSrc?: string;
+    imageSrc?: string;
+    onButtonClick?: () => void;
+}
+declare const RevisionCard: React.FC<RevisionCardProps>;
+export default RevisionCard;

package/dist/components/Molecules/RevisionIntroCard/RevisionIntro.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const S = __importStar(require("./RevisionCard.styles"));
+const react_canvas_1 = require("@rive-app/react-canvas");
+const STATE_MACHINE_NAME = "State Machine 1";
+const RevisionCard = ({ title, subtitle, description, buttonText, rivSrc, imageSrc, onButtonClick, }) => {
+    const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
+        src: rivSrc,
+        autoplay: true,
+        onLoad: () => console.log("Rive loaded:", rivSrc),
+        onStateChange: (event) => console.log("State changed:", event),
+    });
+    return ((0, jsx_runtime_1.jsx)(S.OuterContainer, { children: (0, jsx_runtime_1.jsxs)(S.Card, { children: [(0, jsx_runtime_1.jsx)(S.ImageSection, { children: rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })) }), (0, jsx_runtime_1.jsxs)(S.Content, { children: [(0, jsx_runtime_1.jsx)(S.Title, { children: title }), (0, jsx_runtime_1.jsx)(S.Subtitle, { children: subtitle }), (0, jsx_runtime_1.jsx)(S.Description, { children: description }), (0, jsx_runtime_1.jsx)(S.Button, { onClick: onButtonClick, children: buttonText })] })] }) }));
+};
+exports.default = RevisionCard;
+//# sourceMappingURL=RevisionIntro.js.map

package/dist/components/Molecules/RevisionIntroCard/RevisionIntro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionIntro.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionIntroCard/RevisionIntro.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yDAA2C;AAC3C,yDAAiD;AAWjD,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAE7C,MAAM,YAAY,GAAgC,CAAC,EACjD,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,sBAAO,EAAC;QACtC,GAAG,EAAE,MAAM;QACX,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC;QACjD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,CAAC,CAAC,cAAc,cACf,wBAAC,CAAC,CAAC,IAAI,eACL,uBAAC,CAAC,CAAC,YAAY,cACZ,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,uBAAC,CAAC,CAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,GAAI,CACvC,GACc,EAEjB,wBAAC,CAAC,CAAC,OAAO,eACR,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,EAC1B,uBAAC,CAAC,CAAC,QAAQ,cAAE,QAAQ,GAAc,EACnC,uBAAC,CAAC,CAAC,WAAW,cAAE,WAAW,GAAiB,EAC5C,uBAAC,CAAC,CAAC,MAAM,IAAC,OAAO,EAAE,aAAa,YAAG,UAAU,GAAY,IAC/C,IACL,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,4 @@
+export default function SLIChart({ data, commonProps }: {
+    data?: {} | undefined;
+    commonProps?: {} | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,130 @@
+"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 "";
+    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;
+}
+function SLIChart({ data = {}, commonProps = {} }) {
+    const chartRef = (0, react_1.useRef)(null);
+    const rawFortnights = Array.isArray(data) ? data : (data?.fortnights || []);
+    const fortnights = [...rawFortnights]
+        .reverse()
+        .filter((d) => {
+        const score = d.sliData?.fortnightly_sli ?? d.sli;
+        return score !== null && score !== undefined;
+    });
+    const chartOptions = commonProps?.chartOptions || {};
+    const sliStyle = commonProps?.sliStyle || {};
+    const maxVisibleCount = 6;
+    const visibleCount = Math.min(maxVisibleCount, fortnights.length);
+    // Default to showing the first 'visibleCount' points
+    const [startIndex, setStartIndex] = (0, react_1.useState)(0);
+    const maxStartIndex = Math.max(0, fortnights.length - maxVisibleCount);
+    const handlePrev = () => {
+        setStartIndex((prev) => Math.max(0, prev - 1));
+    };
+    const handleNext = () => {
+        setStartIndex((prev) => Math.min(maxStartIndex, prev + 1));
+    };
+    const hasMultiplePages = fortnights.length > visibleCount;
+    const showPrev = startIndex > 0;
+    const showNext = startIndex < maxStartIndex;
+    // Navigation is handled via options update (since animation is disabled)
+    const dataOptions = {
+        xAxis: {
+            categories: fortnights.map((d) => formatShortDate(d.toDate || d.date)),
+            min: startIndex,
+            max: startIndex + visibleCount - 1,
+            tickInterval: 1,
+            // Ensure labels are not hidden at the boundaries
+            labels: {
+                align: 'center',
+                reserveSpace: true,
+                overflow: 'justify',
+                autoRotation: false,
+                style: {
+                    fontSize: sliStyle.xAxisLabelFontSize || "11px",
+                }
+            }
+        },
+        series: [
+            {
+                name: "Fortnightly SLI",
+                data: fortnights.map((d) => {
+                    const score = d.sliData?.fortnightly_sli ?? d.sli ?? 0;
+                    if (score > 80) {
+                        return {
+                            y: score,
+                            dataLabels: {
+                                y: 45, // Position below the point
+                            },
+                        };
+                    }
+                    return score;
+                }),
+            },
+        ],
+    };
+    const options = highcharts_1.default.merge(chartOptions, dataOptions);
+    const buttonBaseStyle = {
+        position: "absolute",
+        top: "50%",
+        transform: "translateY(-50%)",
+        width: sliStyle.carouselButtonSize || "32px",
+        height: sliStyle.carouselButtonSize || "32px",
+        borderRadius: "50%",
+        backgroundColor: sliStyle.carouselButtonBg || "rgba(255, 255, 255, 0.1)",
+        backdropFilter: "blur(8px)",
+        WebkitBackdropFilter: "blur(8px)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        cursor: "pointer",
+        border: "1px solid rgba(255, 255, 255, 0.2)",
+        zIndex: 9999,
+        color: sliStyle.carouselIconColor || "white",
+        transition: "all 0.3s ease",
+        outline: "none",
+        boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { ...commonProps?.wrapper_style, position: "relative" }, children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
+                    __html: `
+                    .carousel-btn:hover {
+                        background-color: ${sliStyle.carouselButtonHoverBg || "rgba(0,0,0,0.5)"} !important;
+                    }
+                `
+                } }), showPrev && ((0, jsx_runtime_1.jsx)("button", { className: "carousel-btn", style: { ...buttonBaseStyle, left: "45px" }, onClick: handlePrev, "aria-label": "Previous", children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("polyline", { points: "15 18 9 12 15 6" }) }) })), showNext && ((0, jsx_runtime_1.jsx)("button", { className: "carousel-btn", style: { ...buttonBaseStyle, right: "10px" }, onClick: handleNext, "aria-label": "Next", children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("polyline", { points: "9 18 15 12 9 6" }) }) })), (0, jsx_runtime_1.jsx)(highcharts_react_official_1.default, { highcharts: highcharts_1.default, options: options, ref: chartRef, containerProps: { style: { height: sliStyle.chartHeight || "250px", 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;
+        };
+    }[];
+}