coject 1.2.2 → 1.2.3

package/README.md

@@ -1,3 +1,7 @@
 # Coject
 
-npm install axios moment @types/moment moment-hijri @types/moment-hijri react-toastify react-hook-form @emotion/react @mui/material @emotion/react @emotion/styled @mui/icons-material @mui/x-data-grid @mui/x-date-pickers
+# JavaScript Project
+npm install @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid @mui/x-date-pickers axios moment moment-hijri react-hook-form react-toastify tss-react
+
+# TypeScript Project
+npm install @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid @mui/x-date-pickers @types/moment @types/moment-hijri axios moment moment-hijri react-hook-form react-toastify tss-react

package/dist/cjs/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/cjs/Components/Button/index.js

@@ -0,0 +1,27 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+// Material UI
+const material_1 = require("@mui/material");
+const Button = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Button, Object.assign({}, props), children)));
+};
+exports.Button = Button;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA6C;AAE7C,cAAc;AACd,4CAAoD;AAO7C,MAAM,MAAM,GAAgB,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACpD,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,iBAAS,oBAAK,KAAK,GAAG,QAAQ,CAAa,CAC/B,CACpB,CAAC;AACN,CAAC,CAAC;AANW,QAAA,MAAM,UAMjB"}

package/dist/cjs/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/cjs/Components/Checkbox/index.js

@@ -0,0 +1,55 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const react_1 = __importStar(require("react"));
+// React Hook Form
+const react_hook_form_1 = require("react-hook-form");
+// Material UI
+const material_1 = require("@mui/material");
+const Checkbox = (_a) => {
+    var { name, value } = _a, props = __rest(_a, ["name", "value"]);
+    const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
+    // Value
+    (0, react_1.useEffect)(() => {
+        if (value)
+            control && setValue(name, value);
+    }, [value]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Checkbox, Object.assign({}, (control && register(name)), props))));
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAiD;AAEjD,cAAc;AACd,4CAAwD;AAQjD,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,IAAA,gCAAc,GAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,IAAA,iBAAS,EAAC,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,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,mBAAW,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAM,KAAK,EAAI,CAC9C,CACpB,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,QAAQ,YAanB"}

package/dist/cjs/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/cjs/Components/DatePicker/index.js

@@ -0,0 +1,83 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const react_1 = __importStar(require("react"));
+// React Hook Form
+const react_hook_form_1 = require("react-hook-form");
+// Moment
+const moment_1 = __importDefault(require("moment"));
+const moment_hijri_1 = __importDefault(require("moment-hijri"));
+// Material UI
+const material_1 = require("@mui/material");
+const AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
+const DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
+const AdapterMomentHijri_1 = require("@mui/x-date-pickers/AdapterMomentHijri");
+const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
+const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+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_1.DateTimePicker : DatePicker_1.DatePicker;
+    const Views = views ? { views: [`${views}`] } : {};
+    const { register, setValue } = (0, react_hook_form_1.useFormContext)() || {};
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)(hijri ? (0, moment_hijri_1.default)(new Date()) : (0, moment_1.default)(new Date()));
+    // Calendar
+    const Calendar = hijri
+        ? { minDate: (0, moment_hijri_1.default)(minDate ? minDate : "14-03-1937", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: (0, moment_hijri_1.default)(maxDate ? maxDate : "26-10-2076", inFormat ? inFormat : "DD-MM-YYYY") }
+        : { minDate: (0, moment_1.default)(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: (0, moment_1.default)(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
+    // Default Value
+    (0, react_1.useEffect)(() => {
+        register && !!Object.keys(register).length && setValue(name, selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
+    }, [register, setValue, name, selectedDate, outFormat]);
+    // Normal Value
+    (0, react_1.useEffect)(() => {
+        if (value) {
+            const ValueFormat = hijri ? (0, moment_hijri_1.default)(value, inFormat ? inFormat : "DD-MM-YYYY") : (0, moment_1.default)(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_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri_1.AdapterMomentHijri : AdapterMoment_1.AdapterMoment }, justText ? (react_1.default.createElement(material_1.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_1.default.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"));
+        } })))));
+};
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Form/index.js

@@ -0,0 +1,106 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const react_1 = __importDefault(require("react"));
+// React Hook Form
+const react_hook_form_1 = require("react-hook-form");
+// Request
+const Services_1 = require("../../Services");
+// Material UI
+const material_1 = require("@mui/material");
+// Components
+const Input_1 = require("../Input");
+const Switch_1 = require("../Switch");
+const Select_1 = require("../Select");
+const DatePicker_1 = require("../DatePicker");
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+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 } = (0, theme_1.default)();
+    const Methods = (0, react_hook_form_1.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) {
+            (0, Services_1.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_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, Methods),
+            react_1.default.createElement("form", Object.assign({ className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit) }, props),
+                react_1.default.createElement(material_1.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_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        react_1.default.createElement(Input_1.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_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        react_1.default.createElement(Switch_1.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_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        react_1.default.createElement(Select_1.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_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
+                                    : (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                        react_1.default.createElement(DatePicker_1.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_1.default.createElement(react_1.default.Fragment, { key: index }, field.template(Methods.getValues()));
+                            }
+                            else {
+                                return react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
+                                    react_1.default.createElement(material_1.Button, Object.assign({}, field.props), field.field));
+                            }
+                        }
+                    }) : react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
+                        react_1.default.createElement(material_1.Button, { fullWidth: true, type: "submit", variant: "contained" }, "Save")))))));
+};
+exports.Form = Form;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Form/theme.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()((theme) => {
+    return {
+        root: {
+            width: "100%",
+            "& button": {
+                padding: "15px"
+            }
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,kBAAe,SAAS,CAAC"}

package/dist/cjs/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/cjs/Components/Grid/index.js

@@ -0,0 +1,118 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+const react_1 = __importStar(require("react"));
+// Request
+const Services_1 = require("../../Services");
+// Material UI
+const material_1 = require("@mui/material");
+// Material UI Icons
+const MuiIcons = __importStar(require("@mui/icons-material"));
+// Material UI Table
+const x_data_grid_1 = require("@mui/x-data-grid");
+// Components
+const index_1 = require("../index");
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+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 } = (0, theme_1.default)();
+    const [gridData, setGridData] = (0, react_1.useState)([]);
+    const [selectedData, setSelectedData] = (0, react_1.useState)(null);
+    const [addNew, setAddNew] = (0, react_1.useState)(false);
+    const [update, setUpdate] = (0, react_1.useState)(false);
+    const [delModal, setDelModal] = (0, react_1.useState)(false);
+    // Static Data
+    (0, react_1.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
+    (0, react_1.useEffect)(() => {
+        if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl) && !dataSource.staticData) {
+            (0, Services_1.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_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Edit, null), label: "Edit", onClick: () => { setUpdate(true); setSelectedData(row); } }),
+                            react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Delete, null), label: "Delete", onClick: () => { setDelModal(true); setSelectedData(row); } })
+                        ];
+                    }
+                }] : [])
+    ];
+    // Custom Toolbar
+    const CustomToolbar = () => {
+        return (react_1.default.createElement(x_data_grid_1.GridToolbarContainer, null,
+            react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, null),
+            react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, null),
+            react_1.default.createElement(x_data_grid_1.GridToolbarExport, null),
+            actions && (react_1.default.createElement(material_1.Button, { onClick: () => setAddNew(true), type: "button" },
+                react_1.default.createElement(Icons.Add, null),
+                " Add New"))));
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(index_1.Modal, { title: "Add New Item", open: addNew, setOpen: setAddNew },
+            react_1.default.createElement(index_1.Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create" })),
+        react_1.default.createElement(index_1.Modal, { title: "Update Item", open: update, setOpen: setUpdate },
+            react_1.default.createElement(index_1.Form, { dataSource: Object.assign(Object.assign({}, dataSource), { staticData: selectedData }), schema: schema ? schema : defaultSchema, mode: "update" })),
+        react_1.default.createElement(index_1.Modal, { title: "Delete Item", open: delModal, setOpen: setDelModal },
+            react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
+                react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
+                    react_1.default.createElement(material_1.Typography, { color: theme => theme.palette.error.main }, "Are You Sure To Delete This Item?")),
+                react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
+                    react_1.default.createElement(material_1.Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => (0, Services_1.Request)({ dataSource, mode: "delete", apiUrlId: dataSource.primaryKey ? selectedData[dataSource.primaryKey] : selectedData.id, callBack: () => setDelModal(false), dispatch }).then() }, "Delete")))),
+        react_1.default.createElement(material_1.Box, { className: classes.root },
+            react_1.default.createElement(x_data_grid_1.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
+                } })))));
+};
+exports.Grid = Grid;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Grid/theme.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.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
+                }
+            }
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,kBAAe,SAAS,CAAC"}

package/dist/cjs/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 {};