coject 2.3.24 → 2.4.1

package/dist/cjs/Components/Button/index.d.ts

@@ -1,3 +1,7 @@
 import { FC } from "react";
 import { ButtonProps } from "@mui/material";
-export declare const Button: FC<ButtonProps>;
+interface CustomButtonProps extends ButtonProps {
+    download?: string;
+}
+export declare const Button: FC<CustomButtonProps>;
+export {};

package/dist/cjs/Components/Button/index.js

@@ -9,7 +9,7 @@ const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 // Styles
 const theme_1 = __importDefault(require("./theme"));
-const Button = ({ ...props }) => {
+const Button = ({ download, ...props }) => {
     const { classes } = (0, theme_1.default)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.Box, { className: `${classes.root} coject_button` },

package/dist/cjs/Components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,cAAc;AACd,4CAAsE;AAEtE,SAAS;AACT,oDAAgC;AAEzB,MAAM,MAAM,GAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAEhC,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,gBAAgB;YAC3C,8BAAC,iBAAS,OAAK,KAAK,IAAG,KAAK,EAAE,QAAQ,CAAa,CACjD,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,cAAc;AACd,4CAAsE;AAEtE,SAAS;AACT,oDAAgC;AAOzB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAEhC,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,gBAAgB;YAC3C,8BAAC,iBAAS,OAAK,KAAK,IAAG,KAAK,EAAE,QAAQ,CAAa,CACjD,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB"}

package/dist/cjs/Components/Form/index.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode } from "react";
 import { GridColDef } from "@mui/x-data-grid";
 type iSchema = GridColDef & {
     component?: string;

package/dist/cjs/Components/PDFGenerator/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const PDFGenerator: FC<any>;

package/dist/cjs/Components/PDFGenerator/index.js

@@ -0,0 +1,92 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PDFGenerator = void 0;
+const react_1 = __importStar(require("react"));
+// JSPDF
+const jspdf_1 = __importDefault(require("jspdf"));
+const html2canvas_1 = __importDefault(require("html2canvas"));
+// Coject
+const index_1 = require("../index");
+// Material UI
+const material_1 = require("@mui/material");
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+const PDFGenerator = ({ button, landscape, fileName, title, children }) => {
+    const { classes } = (0, theme_1.default)();
+    const [modal, setModal] = (0, react_1.useState)(false);
+    const [pdfPreview, setPdfPreview] = (0, react_1.useState)(null);
+    // Clear PDF Preview
+    (0, react_1.useEffect)(() => {
+        if (!modal) {
+            setPdfPreview(null);
+        }
+    }, [modal]);
+    // Generate PDF
+    const generatePDF = () => {
+        const element = document.getElementById("content");
+        (0, html2canvas_1.default)(element).then((canvas) => {
+            let position = 0;
+            let pageCount = 0;
+            const imgWidth = landscape ? 297 : 210;
+            const pageHeight = landscape ? 210 : 297;
+            const pdf = new jspdf_1.default(`${landscape ? 'landscape' : 'p'}`, "mm", "a4");
+            const imgData = canvas.toDataURL("image/png");
+            const imgHeight = (canvas.height * imgWidth) / canvas.width;
+            let heightLeft = imgHeight;
+            // Create Pages
+            while (heightLeft > 0) {
+                pageCount++;
+                pdf.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
+                pdf.text(`${pageCount}`, 105, 290, { align: "center" });
+                heightLeft -= pageHeight;
+                if (heightLeft > 0) {
+                    position -= pageHeight;
+                    pdf.addPage();
+                }
+            }
+            // Generate a Blob URL for preview
+            const pdfBlob = pdf.output("blob");
+            const pdfURL = URL.createObjectURL(pdfBlob);
+            setPdfPreview(pdfURL);
+        });
+    };
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(material_1.Box, { className: `${classes.root} coject_pdf` },
+            react_1.default.createElement(index_1.Button, { variant: 'contained', onClick: () => setModal(true) }, button ?? 'PDF Report'),
+            react_1.default.createElement(index_1.Modal, { open: modal, setOpen: setModal, title: title ?? 'PDF Report', className: classes.modal }, pdfPreview ?
+                react_1.default.createElement(react_1.Fragment, null,
+                    react_1.default.createElement("iframe", { src: pdfPreview, className: classes.preview }),
+                    react_1.default.createElement(index_1.Button, { className: classes.button, variant: 'contained', component: 'a', href: pdfPreview, download: `${fileName ? (fileName + ".pdf") : "example.pdf"}` }, "Download PDF")) :
+                react_1.default.createElement(react_1.Fragment, null,
+                    react_1.default.createElement(material_1.Box, { className: classes.children },
+                        react_1.default.createElement(material_1.Box, { id: "content" }, children)),
+                    react_1.default.createElement(index_1.Button, { className: classes.button, variant: 'contained', component: 'a', onClick: generatePDF }, "Preview PDF"))))));
+};
+exports.PDFGenerator = PDFGenerator;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/PDFGenerator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/PDFGenerator/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/PDFGenerator/theme.d.ts

@@ -0,0 +1,10 @@
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"button" | "children" | "root" | "modal" | "preview", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/dist/cjs/Components/PDFGenerator/theme.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()((theme) => {
+    return {
+        root: {
+            margin: 0,
+            width: "100%",
+            "& button": {
+                gap: 4,
+                display: "flex",
+                padding: "10px 20px",
+                alignItems: "center",
+                boxShadow: "none !important",
+                backgroundColor: theme.palette.primary.main
+            }
+        },
+        button: {
+            gap: 4,
+            display: "flex",
+            marginTop: "10px",
+            padding: "5px 20px",
+            alignItems: "center",
+            textTransform: "capitalize",
+            borderRadius: "0 !important",
+            boxShadow: "none !important",
+            backgroundColor: theme.palette.primary.main
+        },
+        children: {
+            width: "auto",
+            padding: "10px",
+            border: "1px solid #d2d0d0",
+            minHeight: "calc(100vh - 250px)"
+        },
+        modal: {
+            "& .coject_modal": {
+                width: "800px"
+            }
+        },
+        preview: {
+            width: "100%",
+            height: "calc(100vh - 250px)"
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

package/dist/cjs/Components/PDFGenerator/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/PDFGenerator/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACR,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,WAAW;gBACpB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,iBAAiB;gBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aAC9C;SACJ;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,UAAU;YACnB,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,YAAY;YAC3B,YAAY,EAAE,cAAc;YAC5B,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;SAC9C;QACD,QAAQ,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,mBAAmB;YAC3B,SAAS,EAAE,qBAAqB;SACnC;QACD,KAAK,EAAE;YACH,iBAAiB,EAAE;gBACf,KAAK,EAAE,OAAO;aACjB;SACJ;QACD,OAAO,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,qBAAqB;SAChC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

package/dist/cjs/Components/index.d.ts

@@ -8,4 +8,5 @@ export { Switch } from "./Switch";
 export { Checkbox } from "./Checkbox";
 export { DatePicker } from "./DatePicker";
 export { Upload } from "./Upload";
+export { PDFGenerator } from "./PDFGenerator";
 export declare const Icons: any;

package/dist/cjs/Components/index.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icons = exports.Upload = exports.DatePicker = exports.Checkbox = exports.Switch = exports.Button = exports.Select = exports.Input = exports.Modal = exports.Grid = exports.Form = void 0;
+exports.Icons = exports.PDFGenerator = exports.Upload = exports.DatePicker = exports.Checkbox = exports.Switch = exports.Button = exports.Select = exports.Input = exports.Modal = exports.Grid = exports.Form = void 0;
 // Material MUI Icons
 const MuiIcons = __importStar(require("@mui/icons-material"));
 // Form
@@ -56,6 +56,9 @@ Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function (
 // Date
 var Upload_1 = require("./Upload");
 Object.defineProperty(exports, "Upload", { enumerable: true, get: function () { return Upload_1.Upload; } });
+// PDF Generator
+var PDFGenerator_1 = require("./PDFGenerator");
+Object.defineProperty(exports, "PDFGenerator", { enumerable: true, get: function () { return PDFGenerator_1.PDFGenerator; } });
 // Icons
 exports.Icons = MuiIcons;
 //# sourceMappingURL=index.js.map

package/dist/cjs/Components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAgD;AAEhD,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,WAAW;AACX,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,OAAO;AACP,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,OAAO;AACP,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,QAAQ;AACK,QAAA,KAAK,GAAQ,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAgD;AAEhD,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,WAAW;AACX,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,OAAO;AACP,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,OAAO;AACP,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,gBAAgB;AAChB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,QAAQ;AACK,QAAA,KAAK,GAAQ,QAAQ,CAAC"}

package/dist/esm/Components/Button/index.d.ts

@@ -1,3 +1,7 @@
 import { FC } from "react";
 import { ButtonProps } from "@mui/material";
-export declare const Button: FC<ButtonProps>;
+interface CustomButtonProps extends ButtonProps {
+    download?: string;
+}
+export declare const Button: FC<CustomButtonProps>;
+export {};

package/dist/esm/Components/Button/index.js

@@ -3,7 +3,7 @@ import React from "react";
 import { Box, Button as MuiButton } from "@mui/material";
 // Styles
 import useStyles from "./theme";
-export const Button = ({ ...props }) => {
+export const Button = ({ download, ...props }) => {
     const { classes } = useStyles();
     return (React.createElement(React.Fragment, null,
         React.createElement(Box, { className: `${classes.root} coject_button` },

package/dist/esm/Components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,SAAS,EAAe,MAAM,eAAe,CAAC;AAEtE,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAEhC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,gBAAgB;YAC3C,oBAAC,SAAS,OAAK,KAAK,IAAG,KAAK,EAAE,QAAQ,CAAa,CACjD,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,SAAS,EAAe,MAAM,eAAe,CAAC;AAEtE,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAOhC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,gBAAgB;YAC3C,oBAAC,SAAS,OAAK,KAAK,IAAG,KAAK,EAAE,QAAQ,CAAa,CACjD,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/Components/Form/index.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode } from "react";
 import { GridColDef } from "@mui/x-data-grid";
 type iSchema = GridColDef & {
     component?: string;

package/dist/esm/Components/Form/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 // React Hook Form
 import { useForm, FormProvider } from "react-hook-form";
 // Request

package/dist/esm/Components/PDFGenerator/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const PDFGenerator: FC<any>;

package/dist/esm/Components/PDFGenerator/index.js

@@ -0,0 +1,62 @@
+import React, { Fragment, useEffect, useState } from "react";
+// JSPDF
+import jsPDF from "jspdf";
+import html2canvas from "html2canvas";
+// Coject
+import { Button, Modal } from "../index";
+// Material UI
+import { Box } from "@mui/material";
+// Styles
+import useStyles from "./theme";
+export const PDFGenerator = ({ button, landscape, fileName, title, children }) => {
+    const { classes } = useStyles();
+    const [modal, setModal] = useState(false);
+    const [pdfPreview, setPdfPreview] = useState(null);
+    // Clear PDF Preview
+    useEffect(() => {
+        if (!modal) {
+            setPdfPreview(null);
+        }
+    }, [modal]);
+    // Generate PDF
+    const generatePDF = () => {
+        const element = document.getElementById("content");
+        html2canvas(element).then((canvas) => {
+            let position = 0;
+            let pageCount = 0;
+            const imgWidth = landscape ? 297 : 210;
+            const pageHeight = landscape ? 210 : 297;
+            const pdf = new jsPDF(`${landscape ? 'landscape' : 'p'}`, "mm", "a4");
+            const imgData = canvas.toDataURL("image/png");
+            const imgHeight = (canvas.height * imgWidth) / canvas.width;
+            let heightLeft = imgHeight;
+            // Create Pages
+            while (heightLeft > 0) {
+                pageCount++;
+                pdf.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
+                pdf.text(`${pageCount}`, 105, 290, { align: "center" });
+                heightLeft -= pageHeight;
+                if (heightLeft > 0) {
+                    position -= pageHeight;
+                    pdf.addPage();
+                }
+            }
+            // Generate a Blob URL for preview
+            const pdfBlob = pdf.output("blob");
+            const pdfURL = URL.createObjectURL(pdfBlob);
+            setPdfPreview(pdfURL);
+        });
+    };
+    return (React.createElement(Fragment, null,
+        React.createElement(Box, { className: `${classes.root} coject_pdf` },
+            React.createElement(Button, { variant: 'contained', onClick: () => setModal(true) }, button ?? 'PDF Report'),
+            React.createElement(Modal, { open: modal, setOpen: setModal, title: title ?? 'PDF Report', className: classes.modal }, pdfPreview ?
+                React.createElement(Fragment, null,
+                    React.createElement("iframe", { src: pdfPreview, className: classes.preview }),
+                    React.createElement(Button, { className: classes.button, variant: 'contained', component: 'a', href: pdfPreview, download: `${fileName ? (fileName + ".pdf") : "example.pdf"}` }, "Download PDF")) :
+                React.createElement(Fragment, null,
+                    React.createElement(Box, { className: classes.children },
+                        React.createElement(Box, { id: "content" }, children)),
+                    React.createElement(Button, { className: classes.button, variant: 'contained', component: 'a', onClick: generatePDF }, "Preview PDF"))))));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/PDFGenerator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/PDFGenerator/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/PDFGenerator/theme.d.ts

@@ -0,0 +1,10 @@
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"button" | "children" | "root" | "modal" | "preview", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/dist/esm/Components/PDFGenerator/theme.js

@@ -0,0 +1,45 @@
+import { makeStyles } from "tss-react/mui";
+const useStyles = makeStyles()((theme) => {
+    return {
+        root: {
+            margin: 0,
+            width: "100%",
+            "& button": {
+                gap: 4,
+                display: "flex",
+                padding: "10px 20px",
+                alignItems: "center",
+                boxShadow: "none !important",
+                backgroundColor: theme.palette.primary.main
+            }
+        },
+        button: {
+            gap: 4,
+            display: "flex",
+            marginTop: "10px",
+            padding: "5px 20px",
+            alignItems: "center",
+            textTransform: "capitalize",
+            borderRadius: "0 !important",
+            boxShadow: "none !important",
+            backgroundColor: theme.palette.primary.main
+        },
+        children: {
+            width: "auto",
+            padding: "10px",
+            border: "1px solid #d2d0d0",
+            minHeight: "calc(100vh - 250px)"
+        },
+        modal: {
+            "& .coject_modal": {
+                width: "800px"
+            }
+        },
+        preview: {
+            width: "100%",
+            height: "calc(100vh - 250px)"
+        }
+    };
+});
+export default useStyles;
+//# sourceMappingURL=theme.js.map

package/dist/esm/Components/PDFGenerator/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/PDFGenerator/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACR,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,WAAW;gBACpB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,iBAAiB;gBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aAC9C;SACJ;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,UAAU;YACnB,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,YAAY;YAC3B,YAAY,EAAE,cAAc;YAC5B,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;SAC9C;QACD,QAAQ,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,mBAAmB;YAC3B,SAAS,EAAE,qBAAqB;SACnC;QACD,KAAK,EAAE;YACH,iBAAiB,EAAE;gBACf,KAAK,EAAE,OAAO;aACjB;SACJ;QACD,OAAO,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,qBAAqB;SAChC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/esm/Components/index.d.ts

@@ -8,4 +8,5 @@ export { Switch } from "./Switch";
 export { Checkbox } from "./Checkbox";
 export { DatePicker } from "./DatePicker";
 export { Upload } from "./Upload";
+export { PDFGenerator } from "./PDFGenerator";
 export declare const Icons: any;

package/dist/esm/Components/index.js

@@ -20,6 +20,8 @@ export { Checkbox } from "./Checkbox";
 export { DatePicker } from "./DatePicker";
 // Date
 export { Upload } from "./Upload";
+// PDF Generator
+export { PDFGenerator } from "./PDFGenerator";
 // Icons
 export const Icons = MuiIcons;
 //# sourceMappingURL=index.js.map

package/dist/esm/Components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,WAAW;AACX,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO;AACP,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO;AACP,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAQ;AACR,MAAM,CAAC,MAAM,KAAK,GAAQ,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,WAAW;AACX,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO;AACP,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO;AACP,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ;AACR,MAAM,CAAC,MAAM,KAAK,GAAQ,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "coject",
-    "version": "2.3.24",
+    "version": "2.4.1",
     "description": "React Library",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -40,8 +40,8 @@
         "@mui/x-data-grid": "^7.6.1",
         "@mui/x-date-pickers": "^7.6.1",
         "@types/node": "^20.14.2",
-        "@types/react-dom": "^18.3.0",
         "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
         "axios": "^1.7.2",
         "coject-hijri": "^1.9.0",
         "moment": "^2.30.1",
@@ -55,5 +55,9 @@
     "peerDependencies": {
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
+    },
+    "dependencies": {
+        "html2canvas": "^1.4.1",
+        "jspdf": "^2.5.2"
     }
 }