performanceresultscreens 0.0.1

package/dist/components/Organisms/StudentInsights/insights.styles.d.ts

@@ -0,0 +1,177 @@
+export namespace no_insights_container_styles {
+    const alignItems: string;
+    const gap: number;
+}
+export const no_insights_box_styles: {};
+export namespace no_insights_box_text_styles {
+    const color: string;
+}
+export namespace title_text_styles {
+    export const fontFamily: string;
+    export const fontWeight: string;
+    export const fontSize: string;
+    export const lineHeight: string;
+    const color_1: string;
+    export { color_1 as color };
+    export const my: number;
+}
+export const hightchart_container_styles: {
+    "&::-webkit-scrollbar": {
+        display: string;
+    };
+    overflowX: string;
+    my: number;
+    gap: number;
+};
+export namespace chart_wrapper_styles {
+    const backgroundColor: string;
+    const p: number;
+    const borderBottom: string;
+    const borderRadius: number;
+}
+export namespace middleSectionStyles {
+    namespace text {
+        const fontFamily_1: string;
+        export { fontFamily_1 as fontFamily };
+        const fontWeight_1: string;
+        export { fontWeight_1 as fontWeight };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const lineHeight_1: string;
+        export { lineHeight_1 as lineHeight };
+    }
+    namespace grid {
+        export const templateColumns: string;
+        export const padding: number;
+        export const marginTop: string;
+        export const marginX: number;
+        const gap_1: number;
+        export { gap_1 as gap };
+    }
+    namespace customBox {
+        export const height: string;
+        export const width: string;
+        const backgroundColor_1: string;
+        export { backgroundColor_1 as backgroundColor };
+        export const display: string;
+        export const justifyContent: string;
+        const alignItems_1: string;
+        export { alignItems_1 as alignItems };
+    }
+    namespace spanText {
+        export const marginLeft: string;
+        const fontFamily_2: string;
+        export { fontFamily_2 as fontFamily };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        const fontWeight_2: number;
+        export { fontWeight_2 as fontWeight };
+        const lineHeight_2: string;
+        export { lineHeight_2 as lineHeight };
+        export const textAlign: string;
+        export const textUnderlinePosition: string;
+        export const textDecorationSkipInk: string;
+    }
+    namespace spanText1 {
+        const marginLeft_1: string;
+        export { marginLeft_1 as marginLeft };
+        const fontFamily_3: string;
+        export { fontFamily_3 as fontFamily };
+        const fontSize_3: string;
+        export { fontSize_3 as fontSize };
+        const fontWeight_3: number;
+        export { fontWeight_3 as fontWeight };
+        const lineHeight_3: string;
+        export { lineHeight_3 as lineHeight };
+        const textAlign_1: string;
+        export { textAlign_1 as textAlign };
+        const textUnderlinePosition_1: string;
+        export { textUnderlinePosition_1 as textUnderlinePosition };
+        const textDecorationSkipInk_1: string;
+        export { textDecorationSkipInk_1 as textDecorationSkipInk };
+    }
+    namespace spanText2 {
+        const marginLeft_2: string;
+        export { marginLeft_2 as marginLeft };
+        const fontFamily_4: string;
+        export { fontFamily_4 as fontFamily };
+        const fontSize_4: string;
+        export { fontSize_4 as fontSize };
+        const fontWeight_4: number;
+        export { fontWeight_4 as fontWeight };
+        const lineHeight_4: string;
+        export { lineHeight_4 as lineHeight };
+        const textAlign_2: string;
+        export { textAlign_2 as textAlign };
+        const textUnderlinePosition_2: string;
+        export { textUnderlinePosition_2 as textUnderlinePosition };
+        const textDecorationSkipInk_2: string;
+        export { textDecorationSkipInk_2 as textDecorationSkipInk };
+    }
+    namespace spanText3 {
+        const marginLeft_3: string;
+        export { marginLeft_3 as marginLeft };
+        const fontFamily_5: string;
+        export { fontFamily_5 as fontFamily };
+        const fontSize_5: string;
+        export { fontSize_5 as fontSize };
+        const fontWeight_5: number;
+        export { fontWeight_5 as fontWeight };
+        const lineHeight_5: string;
+        export { lineHeight_5 as lineHeight };
+        const textAlign_3: string;
+        export { textAlign_3 as textAlign };
+        const textUnderlinePosition_3: string;
+        export { textUnderlinePosition_3 as textUnderlinePosition };
+        const textDecorationSkipInk_3: string;
+        export { textDecorationSkipInk_3 as textDecorationSkipInk };
+    }
+    namespace legend {
+        const fontFamily_6: string;
+        export { fontFamily_6 as fontFamily };
+        const fontSize_6: string;
+        export { fontSize_6 as fontSize };
+        const fontWeight_6: number;
+        export { fontWeight_6 as fontWeight };
+        const lineHeight_6: string;
+        export { lineHeight_6 as lineHeight };
+        const textAlign_4: string;
+        export { textAlign_4 as textAlign };
+        const textUnderlinePosition_4: string;
+        export { textUnderlinePosition_4 as textUnderlinePosition };
+        const textDecorationSkipInk_4: string;
+        export { textDecorationSkipInk_4 as textDecorationSkipInk };
+    }
+    namespace legendBoxClass {
+        const backgroundColor_2: string;
+        export { backgroundColor_2 as backgroundColor };
+        export const boxSize: string;
+    }
+    namespace legendBoxOther {
+        const backgroundColor_3: string;
+        export { backgroundColor_3 as backgroundColor };
+        const boxSize_1: string;
+        export { boxSize_1 as boxSize };
+    }
+    namespace mobileCardText {
+        const margin: string;
+    }
+    namespace mobileCardBody {
+        const width_1: number;
+        export { width_1 as width };
+        const height_1: number;
+        export { height_1 as height };
+        const margin_1: string;
+        export { margin_1 as margin };
+        const backgroundColor_4: string;
+        export { backgroundColor_4 as backgroundColor };
+        const justifyContent_1: string;
+        export { justifyContent_1 as justifyContent };
+        const alignItems_2: string;
+        export { alignItems_2 as alignItems };
+        export const flexDirection: string;
+        const borderBottom_1: string;
+        export { borderBottom_1 as borderBottom };
+        export const paddingTop: string;
+    }
+}

package/dist/components/Organisms/StudentInsights/insights.styles.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.middleSectionStyles = exports.chart_wrapper_styles = exports.hightchart_container_styles = exports.title_text_styles = exports.no_insights_box_text_styles = exports.no_insights_box_styles = exports.no_insights_container_styles = void 0;
+exports.no_insights_container_styles = {
+    alignItems: "center",
+    gap: 2,
+};
+exports.no_insights_box_styles = {};
+exports.no_insights_box_text_styles = {
+    color: "white",
+};
+exports.title_text_styles = {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: "700",
+    fontSize: "18px",
+    lineHeight: "32px",
+    color: "white",
+    my: 3,
+};
+exports.hightchart_container_styles = {
+    "&::-webkit-scrollbar": {
+        display: "none",
+    },
+    overflowX: "scroll",
+    my: 3,
+    gap: 3,
+};
+exports.chart_wrapper_styles = {
+    backgroundColor: "#353535",
+    p: 2,
+    borderBottom: "1px solid #7ABC40",
+    borderRadius: 8,
+};
+exports.middleSectionStyles = {
+    text: {
+        fontFamily: "Inter, sans-serif",
+        fontWeight: "700",
+        fontSize: "18px",
+        lineHeight: "32px",
+    },
+    grid: {
+        templateColumns: "33% 33% 33%",
+        padding: 2,
+        marginTop: "32px",
+        marginX: 2,
+        gap: 3,
+    },
+    customBox: {
+        height: "140px",
+        width: "130px",
+        backgroundColor: "#262626",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    spanText: {
+        marginLeft: "10px",
+        fontFamily: "sans-serif",
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "26px",
+        textAlign: "left",
+        textUnderlinePosition: "from-font",
+        textDecorationSkipInk: "none",
+    },
+    spanText1: {
+        marginLeft: "10px",
+        fontFamily: "sans-serif",
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "26px",
+        textAlign: "left",
+        textUnderlinePosition: "from-font",
+        textDecorationSkipInk: "none",
+    },
+    spanText2: {
+        marginLeft: "10px",
+        fontFamily: "sans-serif",
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "26px",
+        textAlign: "left",
+        textUnderlinePosition: "from-font",
+        textDecorationSkipInk: "none",
+    },
+    spanText3: {
+        marginLeft: "10px",
+        fontFamily: "sans-serif",
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "26px",
+        textAlign: "left",
+        textUnderlinePosition: "from-font",
+        textDecorationSkipInk: "none",
+    },
+    legend: {
+        fontFamily: "sans-serif",
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "26px",
+        textAlign: "left",
+        textUnderlinePosition: "from-font",
+        textDecorationSkipInk: "none",
+    },
+    legendBoxClass: {
+        backgroundColor: "#8F82D7",
+        boxSize: "15px",
+    },
+    legendBoxOther: {
+        backgroundColor: "#FFBFB7",
+        boxSize: "15px",
+    },
+    mobileCardText: {
+        margin: "10px",
+    },
+    mobileCardBody: {
+        width: 300,
+        height: 400,
+        margin: "5px",
+        backgroundColor: "#353535",
+        justifyContent: "center",
+        alignItems: "center",
+        flexDirection: "column",
+        borderBottom: "1px solid #7ABC40",
+        paddingTop: "5px",
+    },
+};
+//# sourceMappingURL=insights.styles.js.map

package/dist/components/Organisms/StudentInsights/insights.styles.js.map

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

package/dist/components/Organisms/StudentInsights/text.d.ts

@@ -0,0 +1,7 @@
+export namespace middleSectionText {
+    const subjectLevelInsights: string;
+    function prerequisitePerformance(result: any): string;
+    function chapterPerformance(count: any): string;
+    function homeworkCompletionRate(completionRate: any): string;
+    function textVariant(diff: any, absValue: any): string;
+}

package/dist/components/Organisms/StudentInsights/text.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.middleSectionText = void 0;
+exports.middleSectionText = {
+    subjectLevelInsights: "Subject Level insights",
+    prerequisitePerformance: (result) => `Students who completed prerequisite tasks in this subject perform relatively better by ${result}% than those who haven't.`,
+    chapterPerformance: (count) => `There ${count > 1 ? "are" : "is"} ${count} ${count > 1 ? "chapters" : "chapter"} where the overall students performance was below expected level. Check the chapter list below.`,
+    homeworkCompletionRate: (completionRate) => `The homework completion rate for your class is ${completionRate}%`,
+    textVariant: (diff, absValue) => {
+        if (diff >= 15) {
+            return `The homework completion rate for this class is alarmingly lower by ${absValue}% compared to the other class section for this subject.`;
+        }
+        else if (diff < 15 && diff >= 10) {
+            return `The homework completion rate for this class is substantially lower by ${absValue}% compared to the other class section for this subject.`;
+        }
+        else if (diff < 10 && diff >= 5) {
+            return `The homework completion rate for this class is lower by ${absValue}% compared to the other class section for this subject.`;
+        }
+        else if (diff < 5 && diff >= -5) {
+            return `The homework completion rate for this class is at par with other class section for this subject.`;
+        }
+        else if (diff < -5 && diff >= -10) {
+            return `The homework completion rate for this class is better by ${absValue}% compared to the other class section for this subject.`;
+        }
+        else if (diff < -10 && diff >= -15) {
+            return `The homework completion rate for this class is substantially better by ${absValue}% compared to the other class section for this subject.`;
+        }
+        else if (diff < -15) {
+            return `The homework completion rate for this class is significantly higher by ${absValue}% compared to the other class section for this subject.`;
+        }
+        else {
+            return "Unexpected case encountered.";
+        }
+    },
+};
+//# sourceMappingURL=text.js.map

package/dist/components/Organisms/StudentInsights/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/Organisms/StudentInsights/text.js"],"names":[],"mappings":";;;AAAa,QAAA,iBAAiB,GAAG;IAC/B,oBAAoB,EAAE,wBAAwB;IAC9C,uBAAuB,EAAE,CAAC,MAAM,EAAE,EAAE,CAClC,0FAA0F,MAAM,2BAA2B;IAC7H,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAE,CAC5B,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,IACxC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAC3B,iGAAiG;IACnG,sBAAsB,EAAE,CAAC,cAAc,EAAE,EAAE,CACzC,kDAAkD,cAAc,GAAG;IACrE,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC9B,IAAI,IAAI,IAAI,EAAE,EAAE;YACd,OAAO,sEAAsE,QAAQ,yDAAyD,CAAC;SAChJ;aAAM,IAAI,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,EAAE,EAAE;YAClC,OAAO,yEAAyE,QAAQ,yDAAyD,CAAC;SACnJ;aAAM,IAAI,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,CAAC,EAAE;YACjC,OAAO,2DAA2D,QAAQ,yDAAyD,CAAC;SACrI;aAAM,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,EAAE;YACjC,OAAO,kGAAkG,CAAC;SAC3G;aAAM,IAAI,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE;YACnC,OAAO,4DAA4D,QAAQ,yDAAyD,CAAC;SACtI;aAAM,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE;YACpC,OAAO,0EAA0E,QAAQ,yDAAyD,CAAC;SACpJ;aAAM,IAAI,IAAI,GAAG,CAAC,EAAE,EAAE;YACrB,OAAO,0EAA0E,QAAQ,yDAAyD,CAAC;SACpJ;aAAM;YACL,OAAO,8BAA8B,CAAC;SACvC;IACH,CAAC;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+declare const TableComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default TableComponent;

package/dist/components/Organisms/TableComponent/TableComponent.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const react_1 = require("@chakra-ui/react");
+const customTheme_1 = require("../../../utils/customTheme");
+const Component = (props) => {
+    const formattedColumns = props?.columns.map((column) => ({
+        ...column,
+        sorter: column.sortable
+            ? (a, b) => {
+                const valueA = a[column.dataIndex];
+                const valueB = b[column.dataIndex];
+                if (column.dataIndex === "date") {
+                    const dateA = new Date(valueA.split("-").reverse().join("-"));
+                    const dateB = new Date(valueB.split("-").reverse().join("-"));
+                    return dateA.getTime() - dateB.getTime();
+                }
+                if (typeof valueA === "string") {
+                    return valueA.localeCompare(valueB);
+                }
+                return valueA - valueB;
+            }
+            : undefined,
+        sortDirections: column.sortable ? ["ascend", "descend"] : undefined,
+        filters: column.filterable
+            ? Array.from(new Set(props?.data.map((item) => item[column.dataIndex]))).map((value) => ({
+                text: value,
+                value,
+            }))
+            : undefined,
+        onFilter: column.filterable
+            ? (value, record) => record[column.dataIndex] === value
+            : undefined,
+        filterSearch: column.filterable ? true : undefined,
+    }));
+    return ((0, jsx_runtime_1.jsx)(antd_1.Table, { columns: formattedColumns, dataSource: props?.isLoading ? ["Loading...."] : props?.data, rowKey: "key", loading: {
+            spinning: props?.isLoading || false,
+            indicator: ((0, jsx_runtime_1.jsx)(react_1.Center, { w: "100%", h: "100%", children: (0, jsx_runtime_1.jsx)(react_1.Spinner, { size: "xl", thickness: "4px", speed: "0.65s", color: "blue.500" }) })),
+        }, scroll: { y: 400 }, pagination: {
+            showSizeChanger: true,
+            pageSizeOptions: props?.pageSizeOptions || [
+                "10",
+                "20",
+                "40",
+                "60",
+                "100",
+            ],
+            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,
+            locale: { items_per_page: "rows" },
+        }, locale: {
+            emptyText: props?.noDataText || "No data available",
+        } }));
+};
+const TableComponent = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = TableComponent;
+//# sourceMappingURL=TableComponent.js.map

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

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

package/dist/components/Organisms/TableComponent/TableComponent.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const DefaultTable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

package/dist/components/Organisms/TableComponent/TableComponent.stories.js

@@ -0,0 +1,189 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultTable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const TableComponent_1 = __importDefault(require("./TableComponent"));
+exports.default = {
+    title: "Components/Organisms/TableComponent",
+    component: TableComponent_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(TableComponent_1.default, { ...args });
+exports.DefaultTable = Template.bind({});
+exports.DefaultTable.args = {
+    columns: [
+        { title: "Name", dataIndex: "name", key: "name", sortable: true },
+        { title: "Age", dataIndex: "age", key: "age", sortable: true },
+        { title: "Address", dataIndex: "address", key: "address" },
+        { title: "Email", dataIndex: "email", key: "email", sortable: false },
+        { title: "Phone", dataIndex: "phone", key: "phone" },
+        { title: "Company", dataIndex: "company", key: "company" },
+        { title: "Date", dataIndex: "date", key: "date", sortable: true },
+        {
+            title: "Position",
+            dataIndex: "position",
+            key: "position",
+            sortable: true,
+            filterable: true,
+        },
+        { title: "Salary", dataIndex: "salary", key: "salary", filterable: true },
+        {
+            title: "Actions",
+            key: "actions",
+            render: (_, record) => ((0, jsx_runtime_1.jsxs)(react_1.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", colorScheme: "blue", onClick: () => alert("HELLO"), children: "View" }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", colorScheme: "green", onClick: () => alert("HELLO"), children: "Navigate" })] })),
+        },
+    ],
+    data: [
+        {
+            key: "1",
+            name: "John Brown",
+            age: 32,
+            address: "New York No. 1 Lake Park",
+            email: "john.brown@example.com",
+            phone: "1234567890",
+            company: "TechCorp",
+            position: "Developer",
+            salary: 50000,
+            date: "15-10-2022",
+        },
+        {
+            key: "2",
+            name: "Jim Green",
+            age: 42,
+            address: "London No. 1 Lake Park",
+            email: "jim.green@example.com",
+            phone: "2345678901",
+            company: "Innovatech",
+            position: "Manager",
+            salary: 75000,
+            date: "01-01-2021",
+        },
+        {
+            key: "3",
+            name: "Joe Black",
+            age: 28,
+            address: "Sidney No. 1 Lake Park",
+            email: "joe.black@example.com",
+            phone: "3456789012",
+            company: "DevSolutions",
+            position: "Designer",
+            salary: 60000,
+            date: "20-05-2023",
+        },
+        {
+            key: "4",
+            name: "John Brown",
+            age: 32,
+            address: "New York No. 1 Lake Park",
+            email: "john.brown@example.com",
+            phone: "1234567890",
+            company: "TechCorp",
+            position: "Developer",
+            salary: 50000,
+            date: "15-10-2022",
+        },
+        {
+            key: "5",
+            name: "Jim Green",
+            age: 42,
+            address: "London No. 1 Lake Park",
+            email: "jim.green@example.com",
+            phone: "2345678901",
+            company: "Innovatech",
+            position: "Manager",
+            salary: 75000,
+            date: "01-01-2021",
+        },
+        {
+            key: "6",
+            name: "Joe Black",
+            age: 28,
+            address: "Sidney No. 1 Lake Park",
+            email: "joe.black@example.com",
+            phone: "3456789012",
+            company: "DevSolutions",
+            position: "Designer",
+            salary: 60000,
+            date: "20-05-2023",
+        },
+        {
+            key: "7",
+            name: "John Brown",
+            age: 32,
+            address: "New York No. 1 Lake Park",
+            email: "john.brown@example.com",
+            phone: "1234567890",
+            company: "TechCorp",
+            position: "Developer",
+            salary: 50000,
+            date: "15-10-2022",
+        },
+        {
+            key: "8",
+            name: "Jim Green",
+            age: 42,
+            address: "London No. 1 Lake Park",
+            email: "jim.green@example.com",
+            phone: "2345678901",
+            company: "Innovatech",
+            position: "Manager",
+            salary: 75000,
+            date: "01-01-2021",
+        },
+        {
+            key: "9",
+            name: "Joe Black",
+            age: 28,
+            address: "Sidney No. 1 Lake Park",
+            email: "joe.black@example.com",
+            phone: "3456789012",
+            company: "DevSolutions",
+            position: "Designer",
+            salary: 60000,
+            date: "20-05-2023",
+        },
+        {
+            key: "10",
+            name: "John Brown",
+            age: 32,
+            address: "New York No. 1 Lake Park",
+            email: "john.brown@example.com",
+            phone: "1234567890",
+            company: "TechCorp",
+            position: "Developer",
+            salary: 50000,
+            date: "15-10-2022",
+        },
+        {
+            key: "11",
+            name: "Jim Green",
+            age: 42,
+            address: "London No. 1 Lake Park",
+            email: "jim.green@example.com",
+            phone: "2345678901",
+            company: "Innovatech",
+            position: "Manager",
+            salary: 75000,
+            date: "01-01-2021",
+        },
+        {
+            key: "12",
+            name: "Joe Black",
+            age: 28,
+            address: "Sidney No. 1 Lake Park",
+            email: "joe.black@example.com",
+            phone: "3456789012",
+            company: "DevSolutions",
+            position: "Designer",
+            salary: 60000,
+            date: "20-05-2023",
+        },
+    ],
+    pageSizeOptions: ["5", "10", "25", "50"],
+    noDataText: "Data not available",
+    isLoading: false,
+};
+//# sourceMappingURL=TableComponent.stories.js.map

package/dist/components/Organisms/TableComponent/TableComponent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.stories.js","sourceRoot":"","sources":["../../../../src/components/Organisms/TableComponent/TableComponent.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,4CAAkD;AAClD,sEAA8C;AAE9C,kBAAe;IACb,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,wBAAc;CAClB,CAAC;AAEV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,wBAAc,OAAK,IAAI,GAAI,CAAC;AAEtD,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE;QACP,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC9D,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;QAC1D,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;QACrE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE;QACpD,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;QAC1D,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE;YACE,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,UAAU;YACrB,GAAG,EAAE,UAAU;YACf,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;SACjB;QACD,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE;QACzE;YACE,KAAK,EAAE,SAAS;YAChB,GAAG,EAAE,SAAS;YACd,MAAM,EAAE,CAAC,CAAM,EAAE,MAAW,EAAE,EAAE,CAAC,CAC/B,wBAAC,cAAM,IAAC,OAAO,EAAE,CAAC,aAChB,uBAAC,cAAM,IAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,qBAEzD,EACT,uBAAC,cAAM,IAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,yBAE1D,IACF,CACV;SACF;KACF;IACD,IAAI,EAAE;QACJ;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,YAAY;YACrB,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,YAAY;YACrB,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,YAAY;YACrB,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,IAAI;YACT,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,IAAI;YACT,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,YAAY;YACrB,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;QACD;YACE,GAAG,EAAE,IAAI;YACT,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,YAAY;SACnB;KACF;IACD,eAAe,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACxC,UAAU,EAAE,oBAAoB;IAChC,SAAS,EAAE,KAAK;CACjB,CAAC"}

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

@@ -0,0 +1,2 @@
+declare const TutorFeedback: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default TutorFeedback;