coject 1.3.1 → 1.3.3

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

@@ -1,15 +1,4 @@
 "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 };
 };
@@ -18,10 +7,13 @@ 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"]);
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+const Button = ({ ...props }) => {
+    const { classes } = (0, theme_1.default)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Button, Object.assign({}, props), children)));
+        react_1.default.createElement(material_1.Box, { className: classes.root },
+            react_1.default.createElement(material_1.Button, { ...props }, props?.children))));
 };
 exports.Button = Button;
 //# sourceMappingURL=index.js.map

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,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"}
+{"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,OAAO,CAAC,IAAI;YACxB,8BAAC,iBAAS,OAAK,KAAK,IAAG,KAAK,EAAE,QAAQ,CAAa,CACjD,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB"}

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

@@ -0,0 +1,22 @@
+"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: "auto",
+            display: "flex",
+            alignItems: "center",
+            "& button": {
+                fontSize: "14px",
+                minWidth: "auto",
+                minHeight: "auto",
+                lineHeight: "14px",
+                textTransform: "capitalize"
+            }
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Button/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,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

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

@@ -1,7 +1,13 @@
 import { FC } from "react";
-interface iCheckbox {
-    name: string;
-    value?: string;
+import { CheckboxProps } from "@mui/material";
+interface iCheckbox extends Omit<CheckboxProps, "onChange" | "defaultChecked"> {
+    name?: string;
+    label?: string;
+    onChange?: any;
+    error?: boolean;
+    trueValue?: string;
+    falseValue?: string;
+    helperText?: string;
 }
 export declare const Checkbox: FC<iCheckbox>;
 export {};

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

@@ -22,16 +22,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.Checkbox = void 0;
@@ -40,16 +32,37 @@ const react_1 = __importStar(require("react"));
 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)() || {};
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+const Checkbox = ({ name, label, onChange, trueValue, falseValue, helperText, error, ...props }) => {
+    const { classes } = (0, theme_1.default)();
+    const { setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
+    const [checkedValue, setCheckedValue] = (0, react_1.useState)(false);
     // Value
     (0, react_1.useEffect)(() => {
-        if (value)
-            control && setValue(name, value);
-    }, [control, name, setValue, value]);
+        if (props?.value) {
+            control && setValue(name || "default", (trueValue ? (props?.value === trueValue) ? trueValue : (falseValue ? falseValue : false) : props?.value));
+            setCheckedValue(props?.value ? (`${props?.value}` !== (falseValue ? falseValue : "false")) ? (trueValue ? (`${props?.value}` === trueValue) : true) : false : false);
+        }
+        else
+            control && setValue(name || "default", falseValue ? falseValue : false);
+    }, [control, name, setValue, props?.value, falseValue, trueValue]);
+    // Change Value
+    const changeValue = (event) => {
+        onChange && onChange(event, ((event.target.checked) ? (trueValue ? trueValue : true) : (falseValue ? falseValue : false)));
+        if (event.target.checked) {
+            setCheckedValue(true);
+            control && setValue(name || "default", (trueValue ? trueValue : true));
+        }
+        else {
+            setCheckedValue(false);
+            control && setValue(name || "default", (falseValue ? falseValue : false));
+        }
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Checkbox, Object.assign({}, (control && register(name)), props))));
+        react_1.default.createElement(material_1.Box, { className: `${classes.root} ${error ? classes.rootError : ""}` },
+            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { name: name || "default", value: checkedValue, checked: checkedValue, onChange: changeValue, ...props }), label: label ? label : (name || "default") }),
+            helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
 };
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=index.js.map

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

@@ -1 +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,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Checkbox/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<"error" | "root" | "rootError", 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/Checkbox/theme.js

@@ -0,0 +1,38 @@
+"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%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "flex-start",
+            "& .MuiButtonBase-root": {
+                padding: "0 9px"
+            },
+            "& .MuiTypography-root": {
+                fontSize: "14px",
+                lineHeight: "14px",
+                textTransform: "capitalize"
+            }
+        },
+        rootError: {
+            "& span": {
+                color: theme.palette.error.main
+            },
+            "& svg": {
+                fill: theme.palette.error.main
+            }
+        },
+        error: {
+            fontSize: "11px",
+            lineHeight: "16px",
+            textTransform: "capitalize",
+            color: theme.palette.error.main
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/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,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,YAAY;YAC5B,uBAAuB,EAAE;gBACrB,OAAO,EAAE,OAAO;aACnB;YACD,uBAAuB,EAAE;gBACrB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;QACD,SAAS,EAAE;YACP,QAAQ,EAAE;gBACN,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;aAClC;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;aACjC;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SAClC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

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

@@ -1,18 +1,22 @@
 import { FC } from "react";
-interface iDatePicker {
-    name: string;
+import { DateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
+import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
+type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
+    style?: any;
+    name?: string;
     value?: string;
+    onChange?: any;
+    error?: boolean;
     hijri?: boolean;
     format?: string;
-    inFormat?: string;
-    outFormat?: string;
     minDate?: string;
     maxDate?: string;
-    views?: string;
+    inFormat?: string;
+    outFormat?: string;
     withTime?: boolean;
-    justText?: boolean;
-    placeholder?: string;
-    onChange?: any;
-}
+    textView?: boolean;
+    fullWidth?: boolean;
+    helperText?: string;
+};
 export declare const DatePicker: FC<iDatePicker>;
 export {};

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

@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 };
 };
@@ -47,15 +36,16 @@ 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 DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
+const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
+    const { classes } = (0, theme_1.default)();
     const DateComponent = withTime ? DateTimePicker_1.DateTimePicker : DatePicker_1.DatePicker;
-    const Views = views ? { views: [`${views}`] } : {};
-    const { register, setValue } = (0, react_hook_form_1.useFormContext)() || {};
+    const { setValue, control } = (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
@@ -63,21 +53,26 @@ const DatePicker = (_a) => {
         : { 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]);
+        control && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
+    }, [control, 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"));
+            control && setValue(name || "default", 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"));
-        } })))));
+    }, [value, setValue, control, name, hijri, inFormat, outFormat]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Box, { className: `${classes.root} ${error ? classes.rootError : ""}` },
+            react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri_1.AdapterMomentHijri : AdapterMoment_1.AdapterMoment }, textView
+                ? react_1.default.createElement(material_1.Typography, { ...style, ...props }, 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, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...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"));
+                        control && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
+                    } })),
+            helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
 };
 exports.DatePicker = DatePicker;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AAEvD,kBAAkB;AAClB,qDAAiD;AAEjD,SAAS;AACT,oDAA4B;AAC5B,gEAAuC;AAEvC,cAAc;AACd,4CAAgE;AAChE,qEAAkE;AAClE,+EAA4E;AAC5E,mFAAgF;AAChF,uEAAyF;AACzF,+DAA8F;AAE9F,SAAS;AACT,oDAAgC;AAqBzB,MAAM,UAAU,GAAoB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9L,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAChC,MAAM,aAAa,GAAQ,QAAQ,CAAC,CAAC,CAAC,+BAAc,CAAC,CAAC,CAAC,uBAAa,CAAC;IACrE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAc,GAAE,IAAI,EAAE,CAAC;IACrD,MAAM,CAAE,YAAY,EAAE,eAAe,CAAE,GAAG,IAAA,gBAAQ,EAAM,KAAK,CAAC,CAAC,CAAC,IAAA,sBAAW,EAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAA,gBAAM,EAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IAE9G,WAAW;IACX,MAAM,QAAQ,GAAG,KAAK;QAClB,CAAC,CAAC,EAAE,OAAO,EAAE,IAAA,sBAAW,EAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAA,sBAAW,EAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE;QAC5L,CAAC,CAAC,EAAE,OAAO,EAAE,IAAA,gBAAM,EAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAA,gBAAM,EAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC;IAEvL,gBAAgB;IAChB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IACtG,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvD,eAAe;IACf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,sBAAW,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAA,gBAAM,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;YACvI,eAAe,CAAC,WAAW,CAAC,CAAC;YAC7B,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QACrG,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjE,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/D,8BAAC,2CAAoB,IAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,uCAAkB,CAAC,CAAC,CAAC,6BAAa,IACvE,QAAQ;gBACN,CAAC,CAAC,8BAAC,qBAAU,OAAK,KAAK,KAAM,KAAK,IAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAc;gBACrM,CAAC,CAAC,8BAAC,aAAa,IAAC,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,KAAM,KAAK,KAAM,QAAQ,KAAM,KAAK,EAC1K,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EACrI,QAAQ,EAAE,CAAC,QAAa,EAAE,EAAE;wBACxB,eAAe,CAAC,QAAQ,CAAC,CAAC;wBAC1B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;wBAC5E,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;oBAClG,CAAC,GACD,CAEW;YACrB,UAAU,IAAI,8BAAC,yBAAc,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,UAAU,CAAkB,CACrF,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,UAAU,cA6CrB"}

package/dist/cjs/Components/DatePicker/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<"error" | "root" | "rootError", 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/DatePicker/theme.js

@@ -0,0 +1,56 @@
+"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%",
+            "& input": {
+                padding: "12px",
+                fontSize: "14px"
+            },
+            "& fieldset": {
+                borderRadius: "unset"
+            },
+            "& label": {
+                top: "-5px",
+                fontSize: "14px",
+                textTransform: "capitalize",
+                "&.MuiInputLabel-shrink": {
+                    top: "2px"
+                }
+            },
+            "& button": {
+                backgroundColor: "transparent !important"
+            },
+            "& legend": {
+                fontSize: "10px"
+            },
+            "& .MuiFormControl-fullWidth": {
+                width: "100%"
+            },
+            "& .MuiAutocomplete-root": {
+                "& .MuiInputBase-root, & input": {
+                    cursor: "pointer"
+                }
+            }
+        },
+        rootError: {
+            "& p, & input, & label, & button": {
+                color: theme.palette.error.main + "!important"
+            },
+            "& fieldset": {
+                borderColor: theme.palette.error.main + "!important"
+            }
+        },
+        error: {
+            fontSize: "11px",
+            lineHeight: "16px",
+            textTransform: "capitalize",
+            color: theme.palette.error.main
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/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,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,eAAe,EAAE,wBAAwB;aAC5C;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;QACD,SAAS,EAAE;YACP,iCAAiC,EAAE;gBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACjD;YACD,YAAY,EAAE;gBACV,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACvD;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SAClC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

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

@@ -1,6 +1,12 @@
 import { FC } from "react";
+import { GridColDef } from "@mui/x-data-grid";
+type iSchema = GridColDef & {
+    component?: string;
+    componentProps?: any;
+    componentMedia?: any;
+};
 interface iForm {
-    schema?: any;
+    style?: any;
     mode?: string;
     name?: string;
     getForm?: any;
@@ -8,7 +14,11 @@ interface iForm {
     children?: any;
     dispatch?: any;
     setModal?: any;
+    onSuccess?: any;
     dataSource?: any;
+    noRequest?: boolean;
+    schema?: iSchema | any;
+    invisibility?: string[];
     onSubmitClear?: boolean;
 }
 export declare const Form: FC<iForm>;