coject 1.2.2 → 1.2.3

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Components";
+export * from "./Services";

package/dist/cjs/index.js

@@ -0,0 +1,21 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Components
+__exportStar(require("./Components"), exports);
+// Services
+__exportStar(require("./Services"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../resources/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,aAAa;AACb,+CAA6B;AAE7B,WAAW;AACX,6CAA2B"}

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

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from "react";
+interface iButton {
+    children?: ReactNode;
+}
+export declare const Button: FC<iButton>;
+export {};

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

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+// Material UI
+import { Button as MuiButton } from "@mui/material";
+export const Button = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MuiButton, Object.assign({}, props), children)));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,cAAc;AACd,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAOpD,MAAM,CAAC,MAAM,MAAM,GAAgB,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACpD,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,SAAS,oBAAK,KAAK,GAAG,QAAQ,CAAa,CAC/B,CACpB,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface iCheckbox {
+    name: string;
+    value?: string;
+}
+export declare const Checkbox: FC<iCheckbox>;
+export {};

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

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect } from "react";
+// React Hook Form
+import { useFormContext } from "react-hook-form";
+// Material UI
+import { Checkbox as MuiCheckbox } from "@mui/material";
+export const Checkbox = (_a) => {
+    var { name, value } = _a, props = __rest(_a, ["name", "value"]);
+    const { register, setValue, control } = useFormContext() || {};
+    // Value
+    useEffect(() => {
+        if (value)
+            control && setValue(name, value);
+    }, [value]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MuiCheckbox, Object.assign({}, (control && register(name)), props))));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAQxD,MAAM,CAAC,MAAM,QAAQ,GAAkB,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IAC3D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,WAAW,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAM,KAAK,EAAI,CAC9C,CACpB,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+import { FC } from "react";
+interface iDatePicker {
+    name: string;
+    value?: string;
+    hijri?: boolean;
+    format?: string;
+    inFormat?: string;
+    outFormat?: string;
+    minDate?: string;
+    maxDate?: string;
+    views?: string;
+    withTime?: boolean;
+    justText?: boolean;
+    placeholder?: string;
+    onChange?: any;
+}
+export declare const DatePicker: FC<iDatePicker>;
+export {};

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

@@ -0,0 +1,53 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useEffect } from "react";
+// React Hook Form
+import { useFormContext } from "react-hook-form";
+// Moment
+import Moment from "moment";
+import MomentHijri from "moment-hijri";
+// Material UI
+import { Typography } from "@mui/material";
+import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
+import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import { AdapterMomentHijri } from "@mui/x-date-pickers/AdapterMomentHijri";
+import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+export const DatePicker = (_a) => {
+    var { name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime, justText, placeholder, onChange } = _a, props = __rest(_a, ["name", "value", "hijri", "format", "inFormat", "outFormat", "minDate", "maxDate", "views", "withTime", "justText", "placeholder", "onChange"]);
+    const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
+    const Views = views ? { views: [`${views}`] } : {};
+    const { register, setValue } = useFormContext() || {};
+    const [selectedDate, setSelectedDate] = useState(hijri ? MomentHijri(new Date()) : Moment(new Date()));
+    // Calendar
+    const Calendar = hijri
+        ? { minDate: MomentHijri(minDate ? minDate : "14-03-1937", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: MomentHijri(maxDate ? maxDate : "26-10-2076", inFormat ? inFormat : "DD-MM-YYYY") }
+        : { minDate: Moment(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: Moment(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
+    // Default Value
+    useEffect(() => {
+        register && !!Object.keys(register).length && setValue(name, selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
+    }, [register, setValue, name, selectedDate, outFormat]);
+    // Normal Value
+    useEffect(() => {
+        if (value) {
+            const ValueFormat = hijri ? MomentHijri(value, inFormat ? inFormat : "DD-MM-YYYY") : Moment(value, inFormat ? inFormat : "DD-MM-YYYY");
+            setSelectedDate(ValueFormat);
+            register && !!Object.keys(register).length && setValue(name, ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
+        }
+    }, [value, setValue, register, name, hijri, inFormat, outFormat]);
+    return (React.createElement(LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri : AdapterMoment }, justText ? (React.createElement(Typography, null, selectedDate.format(format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))) : (React.createElement(DateComponent, Object.assign({ label: placeholder, value: selectedDate }, Calendar, Views, props, { format: format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY", onChange: (newValue) => {
+            setSelectedDate(newValue);
+            onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
+            register && !!Object.keys(register).length && setValue(name, newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
+        } })))));
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { FC } from "react";
+interface iForm {
+    schema?: any;
+    mode?: string;
+    name?: string;
+    getForm?: any;
+    onSubmit?: any;
+    children?: any;
+    dispatch?: any;
+    setModal?: any;
+    dataSource?: any;
+    onSubmitClear?: boolean;
+}
+export declare const Form: FC<iForm>;
+export {};

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

@@ -0,0 +1,99 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+// React Hook Form
+import { useForm, FormProvider } from "react-hook-form";
+// Request
+import { Request } from "../../Services";
+// Material UI
+import { Grid, Button } from "@mui/material";
+// Components
+import { Input } from "../Input";
+import { Switch } from "../Switch";
+import { Select } from "../Select";
+import { DatePicker } from "../DatePicker";
+// Styles
+import useStyles from "./theme";
+export const Form = (_a) => {
+    var { name, mode, getForm, schema, dataSource, onSubmit, onSubmitClear, setModal, dispatch, children } = _a, props = __rest(_a, ["name", "mode", "getForm", "schema", "dataSource", "onSubmit", "onSubmitClear", "setModal", "dispatch", "children"]);
+    const { classes } = useStyles();
+    const Methods = useForm();
+    const Data = (dataSource && dataSource.staticData) ? Object.assign({}, dataSource.staticData) : {};
+    // Use Form
+    getForm && getForm(Methods);
+    // On Form Submit
+    const onFormSubmit = (submitData) => {
+        onSubmit && onSubmit(submitData);
+        if (dataSource) {
+            Request({ dataSource, mode,
+                data: name ? { [name]: submitData } : submitData,
+                apiUrlId: dataSource.primaryKey ? Data[dataSource.primaryKey] : Data.id,
+                callBack: () => {
+                    onSubmitClear && Methods.reset();
+                    setModal && setModal(false);
+                }, dispatch }).then();
+        }
+    };
+    // Schema Fields
+    const Fields = schema && !!schema.length && (schema === null || schema === void 0 ? void 0 : schema.map((Field) => Field.type));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FormProvider, Object.assign({}, Methods),
+            React.createElement("form", Object.assign({ className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit) }, props),
+                React.createElement(Grid, { container: true, spacing: 2 },
+                    schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && schema.map((field, index) => {
+                        var _a, _b, _c, _d, _e, _f, _g;
+                        if ((_b = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a.cascade) === null || _b === void 0 ? void 0 : _b.parent) {
+                            if (mode === "update")
+                                field.props.cascade.parentValue = Data[field.props.cascade.parent];
+                            if (mode === "create")
+                                delete field.props.cascade.parentValue;
+                        }
+                        switch ((_c = field.component) === null || _c === void 0 ? void 0 : _c.toLowerCase()) {
+                            case "input":
+                                return field.actionTemplate
+                                    ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        React.createElement(Input, Object.assign({ fullWidth: true, name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_d = field === null || field === void 0 ? void 0 : field.props) === null || _d === void 0 ? void 0 : _d.value) }))));
+                            case "switch":
+                                return field.actionTemplate
+                                    ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        React.createElement(Switch, Object.assign({ name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_e = field === null || field === void 0 ? void 0 : field.props) === null || _e === void 0 ? void 0 : _e.value) }))));
+                            case "select":
+                                return field.actionTemplate
+                                    ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        React.createElement(Select, Object.assign({ name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_f = field === null || field === void 0 ? void 0 : field.props) === null || _f === void 0 ? void 0 : _f.value) }))));
+                            case "datePicker":
+                                return field.actionTemplate
+                                    ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        React.createElement(DatePicker, Object.assign({ name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_g = field === null || field === void 0 ? void 0 : field.props) === null || _g === void 0 ? void 0 : _g.value) }))));
+                            default:
+                                return null;
+                        }
+                    }),
+                    children,
+                    (schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && Fields.includes("button")) ? schema.map((field, index) => {
+                        if (field.type === "button") {
+                            if (field.template) {
+                                return React.createElement(React.Fragment, { key: index }, field.template(Methods.getValues()));
+                            }
+                            else {
+                                return React.createElement(Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                    React.createElement(Button, Object.assign({}, field.props), field.field));
+                            }
+                        }
+                    }) : React.createElement(Grid, { item: true, md: 12, lg: 12 },
+                        React.createElement(Button, { fullWidth: true, type: "submit", variant: "contained" }, "Save")))))));
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Components/Form/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<"root", 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/Form/theme.js

@@ -0,0 +1,13 @@
+import { makeStyles } from "tss-react/mui";
+const useStyles = makeStyles()((theme) => {
+    return {
+        root: {
+            width: "100%",
+            "& button": {
+                padding: "15px"
+            }
+        }
+    };
+});
+export default useStyles;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/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,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACR,OAAO,EAAE,MAAM;aAClB;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+interface iGrid {
+    schema?: any;
+    dispatch?: any;
+    dataSource?: any;
+    actions?: boolean;
+    toolbar?: boolean;
+    initialState?: any;
+    pageSizeOptions?: number[];
+}
+export declare const Grid: FC<iGrid>;
+export {};

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

@@ -0,0 +1,88 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect, useState } from "react";
+// Request
+import { Request } from "../../Services";
+// Material UI
+import { Box, Grid as MuiGrid, Button, Typography } from "@mui/material";
+// Material UI Icons
+import * as MuiIcons from "@mui/icons-material";
+// Material UI Table
+import { DataGrid, GridActionsCellItem, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarExport } from "@mui/x-data-grid";
+// Components
+import { Form, Modal } from "../index";
+// Styles
+import useStyles from "./theme";
+export const Grid = (_a) => {
+    var _b;
+    var { dataSource, schema, actions, toolbar, initialState, pageSizeOptions, dispatch } = _a, props = __rest(_a, ["dataSource", "schema", "actions", "toolbar", "initialState", "pageSizeOptions", "dispatch"]);
+    const Icons = MuiIcons;
+    const { classes } = useStyles();
+    const [gridData, setGridData] = useState([]);
+    const [selectedData, setSelectedData] = useState(null);
+    const [addNew, setAddNew] = useState(false);
+    const [update, setUpdate] = useState(false);
+    const [delModal, setDelModal] = useState(false);
+    // Static Data
+    useEffect(() => {
+        if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData) && !!dataSource.staticData.length && !(dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl)) {
+            setGridData(dataSource.staticData);
+        }
+    }, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl, dataSource.staticData]);
+    // Dynamic Data
+    useEffect(() => {
+        if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl) && !dataSource.staticData) {
+            Request({ dataSource: Object.assign({}, dataSource), dispatch, callBack: (ResponseData) => setGridData(ResponseData) }).then();
+        }
+    }, [dataSource, dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl, dispatch]);
+    // Default Schema
+    const defaultSchema = !!gridData.length ? (_b = Object.keys(gridData[0])) === null || _b === void 0 ? void 0 : _b.map((columnKey) => ({ field: columnKey, flex: (columnKey === ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.primaryKey) ? dataSource.primaryKey : "id") ? 0 : 1), component: "input", width: 100 })) : [];
+    // Columns Schema
+    const columnsSchema = [...(schema ? schema : defaultSchema), ...(actions
+            ? [{ field: "actions", type: "actions", headerName: "Actions", width: 100, cellClassName: "actions",
+                    getActions: ({ row }) => {
+                        return [
+                            React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Edit, null), label: "Edit", onClick: () => { setUpdate(true); setSelectedData(row); } }),
+                            React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Delete, null), label: "Delete", onClick: () => { setDelModal(true); setSelectedData(row); } })
+                        ];
+                    }
+                }] : [])
+    ];
+    // Custom Toolbar
+    const CustomToolbar = () => {
+        return (React.createElement(GridToolbarContainer, null,
+            React.createElement(GridToolbarColumnsButton, null),
+            React.createElement(GridToolbarFilterButton, null),
+            React.createElement(GridToolbarExport, null),
+            actions && (React.createElement(Button, { onClick: () => setAddNew(true), type: "button" },
+                React.createElement(Icons.Add, null),
+                " Add New"))));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Modal, { title: "Add New Item", open: addNew, setOpen: setAddNew },
+            React.createElement(Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create" })),
+        React.createElement(Modal, { title: "Update Item", open: update, setOpen: setUpdate },
+            React.createElement(Form, { dataSource: Object.assign(Object.assign({}, dataSource), { staticData: selectedData }), schema: schema ? schema : defaultSchema, mode: "update" })),
+        React.createElement(Modal, { title: "Delete Item", open: delModal, setOpen: setDelModal },
+            React.createElement(MuiGrid, { container: true, spacing: 2 },
+                React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
+                    React.createElement(Typography, { color: theme => theme.palette.error.main }, "Are You Sure To Delete This Item?")),
+                React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
+                    React.createElement(Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => Request({ dataSource, mode: "delete", apiUrlId: dataSource.primaryKey ? selectedData[dataSource.primaryKey] : selectedData.id, callBack: () => setDelModal(false), dispatch }).then() }, "Delete")))),
+        React.createElement(Box, { className: classes.root },
+            React.createElement(DataGrid, Object.assign({ rows: gridData, columns: columnsSchema, density: "compact" }, props, { getRowClassName: (params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "dark" : ""), initialState: initialState ? initialState : {
+                    pagination: { paginationModel: { pageSize: 15 } }
+                }, pageSizeOptions: pageSizeOptions ? pageSizeOptions : [15, 25, 35, 50, 100], slots: {
+                    toolbar: toolbar ? CustomToolbar : null
+                } })))));
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Components/Grid/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<"root", 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/Grid/theme.js

@@ -0,0 +1,52 @@
+import { makeStyles } from "tss-react/mui";
+const useStyles = makeStyles()((theme) => {
+    return {
+        root: {
+            width: "100%",
+            "& .dark": {
+                backgroundColor: theme.palette.grey[200]
+            },
+            "& .MuiDataGrid-root": {
+                border: "unset"
+            },
+            "& .MuiDataGrid-toolbarContainer": {
+                marginBottom: "15px",
+                "& button": {
+                    padding: 0,
+                    width: "100px",
+                    height: "35px",
+                    fontSize: "14px",
+                    minHeight: "auto",
+                    textTransform: "capitalize",
+                    color: theme.palette.grey[900],
+                    border: "1px solid" + theme.palette.grey[400],
+                    "& svg": {
+                        margin: 0,
+                        width: "18px",
+                        height: "18px",
+                        color: theme.palette.primary.main
+                    }
+                }
+            },
+            "& .MuiDataGrid-main": {
+                border: "1px solid" + theme.palette.grey[400]
+            },
+            "& .MuiDataGrid-columnHeaders": {
+                minHeight: "45px !important",
+                borderRadius: "unset",
+                backgroundColor: theme.palette.primary.main,
+                borderBottom: "1px solid" + theme.palette.grey[400],
+                "& .MuiDataGrid-columnHeaderTitle": {
+                    fontWeight: "bold",
+                    textTransform: "capitalize",
+                    color: theme.palette.primary.contrastText
+                },
+                "& svg": {
+                    fill: theme.palette.primary.contrastText
+                }
+            }
+        }
+    };
+});
+export default useStyles;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/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,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aAC3C;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,OAAO;aAClB;YACD,iCAAiC,EAAE;gBAC/B,YAAY,EAAE,MAAM;gBACpB,UAAU,EAAE;oBACR,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,MAAM;oBACjB,aAAa,EAAE,YAAY;oBAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC7C,OAAO,EAAE;wBACL,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;qBACpC;iBACJ;aACJ;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aAChD;YACD,8BAA8B,EAAE;gBAC5B,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,OAAO;gBACrB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,YAAY,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;gBACnD,kCAAkC,EAAE;oBAChC,UAAU,EAAE,MAAM;oBAClB,aAAa,EAAE,YAAY;oBAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;iBAC5C;gBACD,OAAO,EAAE;oBACL,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;iBAC3C;aACJ;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+interface iInput {
+    name: string;
+    value?: string;
+    label?: string;
+}
+export declare const Input: FC<iInput>;
+export {};

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

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect } from "react";
+// React Hook Form
+import { useFormContext } from "react-hook-form";
+// Material UI
+import { TextField } from "@mui/material";
+export const Input = (_a) => {
+    var { name, value, label } = _a, props = __rest(_a, ["name", "value", "label"]);
+    const { register, setValue, control } = useFormContext() || {};
+    // Value
+    useEffect(() => {
+        if (value)
+            control && setValue(name, value);
+    }, [value]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextField, Object.assign({}, (control && register(name)), { defaultValue: value, label: label ? label : name }, props))));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAA9B,0BAAgC,CAAF;IAC5D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,SAAS,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAM,KAAK,EAAI,CAC9F,CACpB,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from "react";
+interface iModal {
+    open: boolean;
+    setOpen?: any;
+    title?: string;
+    children?: ReactNode;
+}
+export declare const Modal: FC<iModal>;
+export {};

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

@@ -0,0 +1,33 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+// Material UI
+import { Box, Typography, IconButton, Modal as MuiModal } from "@mui/material";
+// Material Icon
+import * as MuiIcons from "@mui/icons-material";
+// Styles
+import useStyles from "./theme";
+export const Modal = (_a) => {
+    var { open, setOpen, title, children } = _a, props = __rest(_a, ["open", "setOpen", "title", "children"]);
+    const Icons = MuiIcons;
+    const { classes } = useStyles();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MuiModal, Object.assign({ open: open }, props),
+            React.createElement(Box, { className: classes.root },
+                React.createElement(Box, { className: classes.header },
+                    React.createElement(Typography, { variant: "h5" }, title ? title : "Modal Title"),
+                    React.createElement(IconButton, { onClick: () => setOpen(false) },
+                        React.createElement(Icons.Close, null))),
+                React.createElement(Box, { className: classes.body },
+                    React.createElement(React.Fragment, null, children))))));
+};
+//# sourceMappingURL=index.js.map