coject 2.0.0 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Builder/Dashboard/index.d.ts +21 -0
- package/dist/cjs/Builder/Dashboard/index.js +54 -0
- package/dist/cjs/Builder/Dashboard/index.js.map +1 -0
- package/dist/cjs/Builder/Dashboard/theme.d.ts +10 -0
- package/dist/cjs/Builder/Dashboard/theme.js +38 -0
- package/dist/cjs/Builder/Dashboard/theme.js.map +1 -0
- package/dist/cjs/Builder/Footer/index.d.ts +8 -0
- package/dist/cjs/Builder/Footer/index.js +31 -0
- package/dist/cjs/Builder/Footer/index.js.map +1 -0
- package/dist/cjs/Builder/Footer/theme.d.ts +10 -0
- package/dist/cjs/Builder/Footer/theme.js +79 -0
- package/dist/cjs/Builder/Footer/theme.js.map +1 -0
- package/dist/cjs/Builder/Header/dskHeader/index.d.ts +21 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js +152 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/index.d.ts +22 -0
- package/dist/cjs/Builder/Header/index.js +21 -0
- package/dist/cjs/Builder/Header/index.js.map +1 -0
- package/dist/cjs/Builder/Header/mobHeader/index.d.ts +20 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js +171 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/theme.d.ts +10 -0
- package/dist/cjs/Builder/Header/theme.js +464 -0
- package/dist/cjs/Builder/Header/theme.js.map +1 -0
- package/dist/cjs/Builder/Page/index.d.ts +7 -0
- package/dist/cjs/Builder/Page/index.js +22 -0
- package/dist/cjs/Builder/Page/index.js.map +1 -0
- package/dist/cjs/Builder/Page/theme.d.ts +10 -0
- package/dist/cjs/Builder/Page/theme.js +29 -0
- package/dist/cjs/Builder/Page/theme.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js +75 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.js +70 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/index.d.ts +8 -0
- package/dist/cjs/Builder/Sidebar/index.js +24 -0
- package/dist/cjs/Builder/Sidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/theme.d.ts +10 -0
- package/dist/cjs/Builder/Sidebar/theme.js +218 -0
- package/dist/cjs/Builder/Sidebar/theme.js.map +1 -0
- package/dist/cjs/Builder/index.d.ts +5 -0
- package/dist/cjs/Builder/index.js +19 -0
- package/dist/cjs/Builder/index.js.map +1 -0
- package/dist/cjs/Builder/theme.d.ts +2 -0
- package/dist/cjs/Builder/theme.js +28 -0
- package/dist/cjs/Builder/theme.js.map +1 -0
- package/dist/cjs/Components/Button/index.d.ts +3 -0
- package/dist/cjs/Components/Button/index.js +19 -0
- package/dist/cjs/Components/Button/index.js.map +1 -0
- package/dist/cjs/Components/Button/theme.d.ts +10 -0
- package/dist/cjs/Components/Button/theme.js +22 -0
- package/dist/cjs/Components/Button/theme.js.map +1 -0
- package/dist/cjs/Components/Checkbox/index.d.ts +14 -0
- package/dist/cjs/Components/Checkbox/index.js +74 -0
- package/dist/cjs/Components/Checkbox/index.js.map +1 -0
- package/dist/cjs/Components/Checkbox/theme.d.ts +10 -0
- package/dist/cjs/Components/Checkbox/theme.js +38 -0
- package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
- package/dist/cjs/Components/DatePicker/index.d.ts +21 -0
- package/dist/cjs/Components/DatePicker/index.js +90 -0
- package/dist/cjs/Components/DatePicker/index.js.map +1 -0
- package/dist/cjs/Components/DatePicker/theme.d.ts +10 -0
- package/dist/cjs/Components/DatePicker/theme.js +56 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
- package/dist/cjs/Components/Form/index.d.ts +58 -0
- package/dist/cjs/Components/Form/index.js +84 -0
- package/dist/cjs/Components/Form/index.js.map +1 -0
- package/dist/cjs/Components/Form/theme.d.ts +10 -0
- package/dist/cjs/Components/Form/theme.js +16 -0
- package/dist/cjs/Components/Form/theme.js.map +1 -0
- package/dist/cjs/Components/Grid/index.d.ts +85 -0
- package/dist/cjs/Components/Grid/index.js +213 -0
- package/dist/cjs/Components/Grid/index.js.map +1 -0
- package/dist/cjs/Components/Grid/theme.d.ts +10 -0
- package/dist/cjs/Components/Grid/theme.js +62 -0
- package/dist/cjs/Components/Grid/theme.js.map +1 -0
- package/dist/cjs/Components/Input/index.d.ts +33 -0
- package/dist/cjs/Components/Input/index.js +111 -0
- package/dist/cjs/Components/Input/index.js.map +1 -0
- package/dist/cjs/Components/Input/theme.d.ts +10 -0
- package/dist/cjs/Components/Input/theme.js +46 -0
- package/dist/cjs/Components/Input/theme.js.map +1 -0
- package/dist/cjs/Components/Modal/index.d.ts +8 -0
- package/dist/cjs/Components/Modal/index.js +51 -0
- package/dist/cjs/Components/Modal/index.js.map +1 -0
- package/dist/cjs/Components/Modal/theme.d.ts +10 -0
- package/dist/cjs/Components/Modal/theme.js +40 -0
- package/dist/cjs/Components/Modal/theme.js.map +1 -0
- package/dist/cjs/Components/Select/index.d.ts +54 -0
- package/dist/cjs/Components/Select/index.js +128 -0
- package/dist/cjs/Components/Select/index.js.map +1 -0
- package/dist/cjs/Components/Select/theme.d.ts +10 -0
- package/dist/cjs/Components/Select/theme.js +61 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +14 -0
- package/dist/cjs/Components/Switch/index.js +74 -0
- package/dist/cjs/Components/Switch/index.js.map +1 -0
- package/dist/cjs/Components/Switch/theme.d.ts +10 -0
- package/dist/cjs/Components/Switch/theme.js +42 -0
- package/dist/cjs/Components/Switch/theme.js.map +1 -0
- package/dist/cjs/Components/Upload/index.d.ts +16 -0
- package/dist/cjs/Components/Upload/index.js +158 -0
- package/dist/cjs/Components/Upload/index.js.map +1 -0
- package/dist/cjs/Components/Upload/theme.d.ts +10 -0
- package/dist/cjs/Components/Upload/theme.js +99 -0
- package/dist/cjs/Components/Upload/theme.js.map +1 -0
- package/dist/cjs/Components/index.d.ts +11 -0
- package/dist/cjs/Components/index.js +61 -0
- package/dist/cjs/Components/index.js.map +1 -0
- package/dist/cjs/Services/Requests/index.d.ts +41 -0
- package/dist/cjs/Services/Requests/index.js +81 -0
- package/dist/cjs/Services/Requests/index.js.map +1 -0
- package/dist/cjs/Services/index.d.ts +1 -0
- package/dist/cjs/Services/index.js +8 -0
- package/dist/cjs/Services/index.js.map +1 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.js +25 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/rtl_style copy.css +102 -0
- package/dist/cjs/rtl_style.css +102 -0
- package/dist/esm/Builder/Dashboard/index.d.ts +21 -0
- package/dist/esm/Builder/Dashboard/index.js +24 -0
- package/dist/esm/Builder/Dashboard/index.js.map +1 -0
- package/dist/esm/Builder/Dashboard/theme.d.ts +10 -0
- package/dist/esm/Builder/Dashboard/theme.js +36 -0
- package/dist/esm/Builder/Dashboard/theme.js.map +1 -0
- package/dist/esm/Builder/Footer/index.d.ts +8 -0
- package/dist/esm/Builder/Footer/index.js +24 -0
- package/dist/esm/Builder/Footer/index.js.map +1 -0
- package/dist/esm/Builder/Footer/theme.d.ts +10 -0
- package/dist/esm/Builder/Footer/theme.js +77 -0
- package/dist/esm/Builder/Footer/theme.js.map +1 -0
- package/dist/esm/Builder/Header/dskHeader/index.d.ts +21 -0
- package/dist/esm/Builder/Header/dskHeader/index.js +122 -0
- package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/index.d.ts +22 -0
- package/dist/esm/Builder/Header/index.js +14 -0
- package/dist/esm/Builder/Header/index.js.map +1 -0
- package/dist/esm/Builder/Header/mobHeader/index.d.ts +20 -0
- package/dist/esm/Builder/Header/mobHeader/index.js +141 -0
- package/dist/esm/Builder/Header/mobHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/theme.d.ts +10 -0
- package/dist/esm/Builder/Header/theme.js +462 -0
- package/dist/esm/Builder/Header/theme.js.map +1 -0
- package/dist/esm/Builder/Page/index.d.ts +7 -0
- package/dist/esm/Builder/Page/index.js +15 -0
- package/dist/esm/Builder/Page/index.js.map +1 -0
- package/dist/esm/Builder/Page/theme.d.ts +10 -0
- package/dist/esm/Builder/Page/theme.js +27 -0
- package/dist/esm/Builder/Page/theme.js.map +1 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.js +45 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.js +40 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/index.d.ts +8 -0
- package/dist/esm/Builder/Sidebar/index.js +17 -0
- package/dist/esm/Builder/Sidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/theme.d.ts +10 -0
- package/dist/esm/Builder/Sidebar/theme.js +216 -0
- package/dist/esm/Builder/Sidebar/theme.js.map +1 -0
- package/dist/esm/Builder/index.d.ts +5 -0
- package/dist/esm/Builder/index.js +11 -0
- package/dist/esm/Builder/index.js.map +1 -0
- package/dist/esm/Builder/theme.d.ts +2 -0
- package/dist/esm/Builder/theme.js +26 -0
- package/dist/esm/Builder/theme.js.map +1 -0
- package/dist/esm/Components/Button/index.d.ts +3 -0
- package/dist/esm/Components/Button/index.js +12 -0
- package/dist/esm/Components/Button/index.js.map +1 -0
- package/dist/esm/Components/Button/theme.d.ts +10 -0
- package/dist/esm/Components/Button/theme.js +20 -0
- package/dist/esm/Components/Button/theme.js.map +1 -0
- package/dist/esm/Components/Checkbox/index.d.ts +14 -0
- package/dist/esm/Components/Checkbox/index.js +44 -0
- package/dist/esm/Components/Checkbox/index.js.map +1 -0
- package/dist/esm/Components/Checkbox/theme.d.ts +10 -0
- package/dist/esm/Components/Checkbox/theme.js +36 -0
- package/dist/esm/Components/Checkbox/theme.js.map +1 -0
- package/dist/esm/Components/DatePicker/index.d.ts +21 -0
- package/dist/esm/Components/DatePicker/index.js +60 -0
- package/dist/esm/Components/DatePicker/index.js.map +1 -0
- package/dist/esm/Components/DatePicker/theme.d.ts +10 -0
- package/dist/esm/Components/DatePicker/theme.js +54 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -0
- package/dist/esm/Components/Form/index.d.ts +58 -0
- package/dist/esm/Components/Form/index.js +77 -0
- package/dist/esm/Components/Form/index.js.map +1 -0
- package/dist/esm/Components/Form/theme.d.ts +10 -0
- package/dist/esm/Components/Form/theme.js +14 -0
- package/dist/esm/Components/Form/theme.js.map +1 -0
- package/dist/esm/Components/Grid/index.d.ts +85 -0
- package/dist/esm/Components/Grid/index.js +183 -0
- package/dist/esm/Components/Grid/index.js.map +1 -0
- package/dist/esm/Components/Grid/theme.d.ts +10 -0
- package/dist/esm/Components/Grid/theme.js +60 -0
- package/dist/esm/Components/Grid/theme.js.map +1 -0
- package/dist/esm/Components/Input/index.d.ts +33 -0
- package/dist/esm/Components/Input/index.js +81 -0
- package/dist/esm/Components/Input/index.js.map +1 -0
- package/dist/esm/Components/Input/theme.d.ts +10 -0
- package/dist/esm/Components/Input/theme.js +44 -0
- package/dist/esm/Components/Input/theme.js.map +1 -0
- package/dist/esm/Components/Modal/index.d.ts +8 -0
- package/dist/esm/Components/Modal/index.js +21 -0
- package/dist/esm/Components/Modal/index.js.map +1 -0
- package/dist/esm/Components/Modal/theme.d.ts +10 -0
- package/dist/esm/Components/Modal/theme.js +38 -0
- package/dist/esm/Components/Modal/theme.js.map +1 -0
- package/dist/esm/Components/Select/index.d.ts +54 -0
- package/dist/esm/Components/Select/index.js +98 -0
- package/dist/esm/Components/Select/index.js.map +1 -0
- package/dist/esm/Components/Select/theme.d.ts +10 -0
- package/dist/esm/Components/Select/theme.js +59 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +14 -0
- package/dist/esm/Components/Switch/index.js +44 -0
- package/dist/esm/Components/Switch/index.js.map +1 -0
- package/dist/esm/Components/Switch/theme.d.ts +10 -0
- package/dist/esm/Components/Switch/theme.js +40 -0
- package/dist/esm/Components/Switch/theme.js.map +1 -0
- package/dist/esm/Components/Upload/index.d.ts +16 -0
- package/dist/esm/Components/Upload/index.js +128 -0
- package/dist/esm/Components/Upload/index.js.map +1 -0
- package/dist/esm/Components/Upload/theme.d.ts +10 -0
- package/dist/esm/Components/Upload/theme.js +97 -0
- package/dist/esm/Components/Upload/theme.js.map +1 -0
- package/dist/esm/Components/index.d.ts +11 -0
- package/dist/esm/Components/index.js +25 -0
- package/dist/esm/Components/index.js.map +1 -0
- package/dist/esm/Services/Requests/index.d.ts +41 -0
- package/dist/esm/Services/Requests/index.js +74 -0
- package/dist/esm/Services/Requests/index.js.map +1 -0
- package/dist/esm/Services/index.d.ts +1 -0
- package/dist/esm/Services/index.js +3 -0
- package/dist/esm/Services/index.js.map +1 -0
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +9 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/rtl_style copy.css +102 -0
- package/dist/esm/rtl_style.css +102 -0
- package/package.json +3 -5
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.Grid = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
// Request
|
|
32
|
+
const Services_1 = require("../../Services");
|
|
33
|
+
// Material UI
|
|
34
|
+
const material_1 = require("@mui/material");
|
|
35
|
+
// Material UI Table
|
|
36
|
+
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
37
|
+
// Coject
|
|
38
|
+
const index_1 = require("../index");
|
|
39
|
+
// Styles
|
|
40
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
41
|
+
const Grid = ({ dataSource, noRenderRequest, actionsControl, staticData, callback, localeText, customKey, onAddCallback, onEditCallback, addFormChildren, editFormChildren, onDeleteCallback, schema, actions, customActions, invisibility, formInvisibility, toolbar, customToolbar, dispatch, onAddSubmit, onEditSubmit, onDeleteSubmit, noAddRequest, noEditRequest, noDeleteRequest, noRequest, ...props }) => {
|
|
42
|
+
const { classes } = (0, theme_1.default)();
|
|
43
|
+
const [gridData, setGridData] = (0, react_1.useState)([]);
|
|
44
|
+
const [schemaData, setSchemaData] = (0, react_1.useState)({});
|
|
45
|
+
const [selectedData, setSelectedData] = (0, react_1.useState)(null);
|
|
46
|
+
const [, forceUpdate] = (0, react_1.useReducer)(x => x + 1, 0);
|
|
47
|
+
const [callData, setCallData] = (0, react_1.useState)(false);
|
|
48
|
+
const [addModal, setAddModal] = (0, react_1.useState)(false);
|
|
49
|
+
const [editModal, setEditModal] = (0, react_1.useState)(false);
|
|
50
|
+
const [deleteModal, setDeleteModal] = (0, react_1.useState)(false);
|
|
51
|
+
// Static Data
|
|
52
|
+
(0, react_1.useEffect)(() => {
|
|
53
|
+
if (staticData) {
|
|
54
|
+
setGridData(staticData);
|
|
55
|
+
}
|
|
56
|
+
}, [staticData]);
|
|
57
|
+
// Dynamic Data
|
|
58
|
+
(0, react_1.useEffect)(() => {
|
|
59
|
+
if (dataSource?.apiUrl && !staticData && !noRenderRequest) {
|
|
60
|
+
(0, Services_1.Request)({ dataSource, dispatch, callback: (data) => {
|
|
61
|
+
setGridData(data);
|
|
62
|
+
callback && callback(data);
|
|
63
|
+
} }).then();
|
|
64
|
+
}
|
|
65
|
+
// eslint-disable-next-line
|
|
66
|
+
}, [callData, dispatch, staticData, callback, noRenderRequest]);
|
|
67
|
+
// Dynamic Data ( Schema )
|
|
68
|
+
(0, react_1.useEffect)(() => {
|
|
69
|
+
if (schema) {
|
|
70
|
+
schema.map((field) => {
|
|
71
|
+
if (field.component === "select" && field.componentProps?.dataSource?.apiUrl) {
|
|
72
|
+
return (0, Services_1.Request)({ dataSource: field.componentProps.dataSource, callback: (data) => {
|
|
73
|
+
setSchemaData((prev) => ({ ...prev, [field.field]: data }));
|
|
74
|
+
} }).then();
|
|
75
|
+
}
|
|
76
|
+
else
|
|
77
|
+
return null;
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
}, []);
|
|
81
|
+
// Default Schema
|
|
82
|
+
const defaultSchema = !!gridData.length ? Object.keys(gridData[0])?.map((columnKey) => ({ field: columnKey, component: "input", flex: (columnKey === (customKey ? customKey : "id") ? 0 : 1) })) : [];
|
|
83
|
+
// Custom Schema
|
|
84
|
+
(0, react_1.useEffect)(() => {
|
|
85
|
+
if (schema) {
|
|
86
|
+
schema.map((columnSchema) => {
|
|
87
|
+
if (columnSchema.headerName) {
|
|
88
|
+
if (columnSchema.componentProps)
|
|
89
|
+
columnSchema.componentProps.label = columnSchema.headerName;
|
|
90
|
+
else
|
|
91
|
+
columnSchema.componentProps = { label: columnSchema.headerName };
|
|
92
|
+
}
|
|
93
|
+
if (columnSchema.component === "date" && !columnSchema.renderCell) {
|
|
94
|
+
columnSchema.renderCell = (data) => react_1.default.createElement(index_1.DatePicker, { value: data.value, ...columnSchema.componentProps, textView: true });
|
|
95
|
+
}
|
|
96
|
+
if (columnSchema.component === "select" && columnSchema.componentProps) {
|
|
97
|
+
const customKey = columnSchema.componentProps.customKey;
|
|
98
|
+
const customName = columnSchema.componentProps.customName;
|
|
99
|
+
columnSchema.type = "singleSelect";
|
|
100
|
+
columnSchema.getOptionValue = (value) => customKey ? value[customKey] : value.id;
|
|
101
|
+
columnSchema.getOptionLabel = (value) => customName ? value[customName] : value.label;
|
|
102
|
+
if (columnSchema.componentProps.staticData && !columnSchema.componentProps.dataSource?.apiUrl) {
|
|
103
|
+
columnSchema.valueOptions = columnSchema.componentProps.staticData;
|
|
104
|
+
}
|
|
105
|
+
else if (columnSchema.componentProps.dataSource?.apiUrl && !columnSchema.componentProps.staticData) {
|
|
106
|
+
columnSchema.valueOptions = schemaData[columnSchema.field];
|
|
107
|
+
columnSchema.componentProps.staticData = schemaData[columnSchema.field];
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
return ({ ...columnSchema });
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
forceUpdate();
|
|
114
|
+
}, [forceUpdate, schema, schemaData]);
|
|
115
|
+
// Grid Actions
|
|
116
|
+
const gridActions = (row) => actions && (actions instanceof Array
|
|
117
|
+
? actions?.map((label, index) => {
|
|
118
|
+
if (label === "edit" || label === "delete") {
|
|
119
|
+
return (react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: index, label: label, icon: label === "edit" ? react_1.default.createElement(index_1.Icons.Edit, null) : react_1.default.createElement(index_1.Icons.Delete, null), onClick: () => {
|
|
120
|
+
(label === "edit") ? setEditModal(true) : setDeleteModal(true);
|
|
121
|
+
setSelectedData(row);
|
|
122
|
+
} }));
|
|
123
|
+
}
|
|
124
|
+
else
|
|
125
|
+
return undefined;
|
|
126
|
+
}).filter((element) => element !== undefined)
|
|
127
|
+
: [
|
|
128
|
+
(actionsControl?.edit instanceof Function ? actionsControl?.edit(row) : true) ? react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { label: "edit", icon: react_1.default.createElement(index_1.Icons.Edit, null), onClick: () => { setEditModal(true); setSelectedData(row); } }) : react_1.default.createElement(react_1.default.Fragment, null),
|
|
129
|
+
(actionsControl?.delete instanceof Function ? actionsControl?.delete(row) : true) ? react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { label: "delete", icon: react_1.default.createElement(index_1.Icons.Delete, null), onClick: () => { setDeleteModal(true); setSelectedData(row); } }) : react_1.default.createElement(react_1.default.Fragment, null)
|
|
130
|
+
]);
|
|
131
|
+
// Grid Custom Actions
|
|
132
|
+
const gridCustomActions = (row) => customActions?.map((action, index) => {
|
|
133
|
+
const ActionIcon = index_1.Icons[action.icon];
|
|
134
|
+
const ActionLabel = action.label;
|
|
135
|
+
return (((actionsControl && actionsControl[ActionLabel] instanceof Function) ? actionsControl[ActionLabel](row) : true)
|
|
136
|
+
? react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: index, label: action.label, icon: react_1.default.createElement(ActionIcon, null), onClick: (event) => action.onClick(event, row) })
|
|
137
|
+
: react_1.default.createElement(react_1.default.Fragment, null));
|
|
138
|
+
}).filter((element) => element !== undefined);
|
|
139
|
+
// Columns Schema
|
|
140
|
+
const columnsSchema = [...(schema ? schema : defaultSchema), ...((actions || customActions)
|
|
141
|
+
? [{ field: "actions", type: "actions", headerName: (localeText && localeText?.gridHeaderAction) || "Actions", width: 100, cellClassName: "actions", getActions: ({ row }) => ([...(gridActions(row) || []), ...(gridCustomActions(row) || [])]) }]
|
|
142
|
+
: [])];
|
|
143
|
+
// Custom Toolbar
|
|
144
|
+
const CustomToolbar = () => {
|
|
145
|
+
return (react_1.default.createElement(x_data_grid_1.GridToolbarContainer, null,
|
|
146
|
+
toolbar &&
|
|
147
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
148
|
+
toolbar instanceof Array ? (toolbar?.includes("visibility") && react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, null)) : react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, null),
|
|
149
|
+
toolbar instanceof Array ? (toolbar?.includes("filter") && react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, null)) : react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, null),
|
|
150
|
+
toolbar instanceof Array ? (toolbar?.includes("export") && react_1.default.createElement(x_data_grid_1.GridToolbarExport, null)) : react_1.default.createElement(x_data_grid_1.GridToolbarExport, null)),
|
|
151
|
+
customToolbar && customToolbar(gridData),
|
|
152
|
+
actions && (actions instanceof Array
|
|
153
|
+
? (actions?.includes("add") && react_1.default.createElement(material_1.Button, { onClick: () => setAddModal(true), type: "button" },
|
|
154
|
+
react_1.default.createElement(index_1.Icons.Add, null),
|
|
155
|
+
" ",
|
|
156
|
+
(localeText && localeText?.toolbarNew) || "Add New"))
|
|
157
|
+
: react_1.default.createElement(material_1.Button, { onClick: () => setAddModal(true), type: "button" },
|
|
158
|
+
react_1.default.createElement(index_1.Icons.Add, null),
|
|
159
|
+
" ",
|
|
160
|
+
(localeText && localeText?.toolbarNew) || "Add New"))));
|
|
161
|
+
};
|
|
162
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
163
|
+
react_1.default.createElement(index_1.Modal, { title: localeText?.modalAddTitle || "Add New Item", open: addModal, setOpen: setAddModal },
|
|
164
|
+
react_1.default.createElement(index_1.Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create", noRequest: (noRequest || noAddRequest) && !!dataSource, ...(formInvisibility ? { invisibility: formInvisibility } : {}), onSubmit: (data) => {
|
|
165
|
+
onAddSubmit && onAddSubmit(data);
|
|
166
|
+
!!staticData && setAddModal(false);
|
|
167
|
+
}, callback: (data) => {
|
|
168
|
+
setCallData(!callData);
|
|
169
|
+
onAddCallback && onAddCallback(data);
|
|
170
|
+
}, setModal: setAddModal, ...(localeText?.modalAddButton ? { localeText: { submitButton: localeText?.modalAddButton } } : {}) }, addFormChildren && addFormChildren)),
|
|
171
|
+
react_1.default.createElement(index_1.Modal, { title: localeText?.modalEditTitle || "Update Item", open: editModal, setOpen: setEditModal },
|
|
172
|
+
react_1.default.createElement(index_1.Form, { dataSource: dataSource, staticData: selectedData, schema: schema ? schema : defaultSchema, mode: "update", noRequest: (noRequest || noEditRequest) && !!dataSource, ...(customKey ? { customKey: customKey } : {}), ...(formInvisibility ? { invisibility: formInvisibility } : {}), onSubmit: (data) => {
|
|
173
|
+
onEditSubmit && onEditSubmit(data);
|
|
174
|
+
!!staticData?.length && setEditModal(false);
|
|
175
|
+
}, callback: (data) => {
|
|
176
|
+
setCallData(!callData);
|
|
177
|
+
onEditCallback && onEditCallback(data);
|
|
178
|
+
}, setModal: setEditModal, ...(localeText?.modalEditButton ? { localeText: { submitButton: localeText?.modalEditButton } } : {}) }, editFormChildren && editFormChildren(selectedData))),
|
|
179
|
+
react_1.default.createElement(index_1.Modal, { title: localeText?.modalDeleteTitle || "Delete Item", open: deleteModal, setOpen: setDeleteModal },
|
|
180
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
|
|
181
|
+
react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
|
|
182
|
+
react_1.default.createElement(material_1.Typography, { color: theme => theme.palette.error.main }, localeText?.modalDeleteMessage || "Are You Sure To Delete This Item?")),
|
|
183
|
+
react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
|
|
184
|
+
react_1.default.createElement(material_1.Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => {
|
|
185
|
+
onDeleteSubmit && onDeleteSubmit(selectedData);
|
|
186
|
+
!!staticData?.length && setDeleteModal(false);
|
|
187
|
+
if (!(noRequest || noDeleteRequest) && !!dataSource) {
|
|
188
|
+
(0, Services_1.Request)({
|
|
189
|
+
dataSource, mode: "delete", callback: (data) => {
|
|
190
|
+
setCallData(!callData);
|
|
191
|
+
setDeleteModal(false);
|
|
192
|
+
onDeleteCallback && onDeleteCallback(data);
|
|
193
|
+
}, dispatch,
|
|
194
|
+
apiUrlId: customKey ? selectedData[customKey] : selectedData.id
|
|
195
|
+
}).then();
|
|
196
|
+
}
|
|
197
|
+
} }, localeText?.modalDeleteButton || "Delete")))),
|
|
198
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
199
|
+
react_1.default.createElement(x_data_grid_1.DataGrid, { className: !gridData?.length ? classes.empty : "", ...(localeText ? { localeText: localeText } : {}), ...(customKey ? { getRowId: (row) => row[customKey] } : {}), rows: gridData, columns: columnsSchema, density: "compact", ...props, pageSizeOptions: props?.pageSizeOptions ? props?.pageSizeOptions : [15, 25, 35, 50, 100], slotProps: {
|
|
200
|
+
...(props?.slotProps ? props.slotProps : {}),
|
|
201
|
+
...((localeText?.paginationLabel) || (localeText?.paginationLabelOf) ? {
|
|
202
|
+
pagination: {
|
|
203
|
+
...(props?.slotProps?.pagination ? props.slotProps.pagination : {}),
|
|
204
|
+
...(localeText?.paginationLabel ? { labelRowsPerPage: localeText.paginationLabel } : {}),
|
|
205
|
+
...(localeText?.paginationLabelOf ? { labelDisplayedRows: (paginationInfo) => {
|
|
206
|
+
return (paginationInfo.from + " - " + paginationInfo.to + " " + localeText.paginationLabelOf + " " + paginationInfo.count);
|
|
207
|
+
} } : {}),
|
|
208
|
+
}
|
|
209
|
+
} : {})
|
|
210
|
+
}, initialState: props?.initialState ? props?.initialState : { pagination: { paginationModel: { pageSize: 15 } } }, slots: props?.slots ? props?.slots : { toolbar: actions || toolbar || customToolbar ? CustomToolbar : null }, getRowClassName: (params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "dark" : ""), ...(invisibility ? { columnVisibilityModel: invisibility.reduce((prev, key) => ({ ...prev, [key]: false }), {}) } : {}) }))));
|
|
211
|
+
};
|
|
212
|
+
exports.Grid = Grid;
|
|
213
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"empty" | "root", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const mui_1 = require("tss-react/mui");
|
|
4
|
+
const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
5
|
+
return {
|
|
6
|
+
root: {
|
|
7
|
+
width: "100%",
|
|
8
|
+
"& .dark": {
|
|
9
|
+
backgroundColor: theme.palette.grey[200]
|
|
10
|
+
},
|
|
11
|
+
"& .MuiDataGrid-root": {
|
|
12
|
+
border: "unset"
|
|
13
|
+
},
|
|
14
|
+
"& .MuiDataGrid-toolbarContainer": {
|
|
15
|
+
padding: 0,
|
|
16
|
+
marginBottom: "15px",
|
|
17
|
+
"& button": {
|
|
18
|
+
padding: 0,
|
|
19
|
+
width: "100px",
|
|
20
|
+
height: "35px",
|
|
21
|
+
fontSize: "14px",
|
|
22
|
+
minHeight: "auto",
|
|
23
|
+
textTransform: "capitalize",
|
|
24
|
+
color: theme.palette.grey[900],
|
|
25
|
+
border: "1px solid" + theme.palette.grey[400],
|
|
26
|
+
"& svg": {
|
|
27
|
+
margin: 0,
|
|
28
|
+
width: "18px",
|
|
29
|
+
height: "18px",
|
|
30
|
+
color: theme.palette.primary.main
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"& .MuiDataGrid-columnHeaders": {
|
|
35
|
+
minHeight: "39px !important",
|
|
36
|
+
borderRadius: "unset",
|
|
37
|
+
backgroundColor: theme.palette.primary.main,
|
|
38
|
+
"& .MuiDataGrid-columnHeader": {
|
|
39
|
+
backgroundColor: theme.palette.primary.main,
|
|
40
|
+
},
|
|
41
|
+
"& .MuiDataGrid-columnHeaderTitle": {
|
|
42
|
+
fontWeight: "bold",
|
|
43
|
+
textTransform: "capitalize",
|
|
44
|
+
color: theme.palette.primary.contrastText
|
|
45
|
+
},
|
|
46
|
+
"& svg": {
|
|
47
|
+
fill: theme.palette.primary.contrastText
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
"& .MuiDataGrid-virtualScroller": {
|
|
51
|
+
minHeight: "350px"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
empty: {
|
|
55
|
+
"& .MuiDataGrid-virtualScroller": {
|
|
56
|
+
minHeight: "350px"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
});
|
|
61
|
+
exports.default = useStyles;
|
|
62
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,OAAO,EAAE,CAAC;gBACV,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,8BAA8B,EAAE;gBAC5B,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,OAAO;gBACrB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,6BAA6B,EAAE;oBAC3B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBAC9C;gBACD,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;YACD,gCAAgC,EAAE;gBAC9B,SAAS,EAAE,OAAO;aACrB;SACJ;QACD,KAAK,EAAE;YACH,gCAAgC,EAAE;gBAC9B,SAAS,EAAE,OAAO;aACrB;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
|
3
|
+
type iInput = Omit<TextFieldProps, "helperText" | "required"> & {
|
|
4
|
+
name?: string;
|
|
5
|
+
onChange?: any;
|
|
6
|
+
validation?: {
|
|
7
|
+
number?: boolean | string;
|
|
8
|
+
arabic?: boolean | string;
|
|
9
|
+
english?: boolean | string;
|
|
10
|
+
required?: boolean | string;
|
|
11
|
+
min?: number | {
|
|
12
|
+
value: number;
|
|
13
|
+
message: string;
|
|
14
|
+
};
|
|
15
|
+
max?: number | {
|
|
16
|
+
value: number;
|
|
17
|
+
message: string;
|
|
18
|
+
};
|
|
19
|
+
minLength?: number | {
|
|
20
|
+
value: number;
|
|
21
|
+
message: string;
|
|
22
|
+
};
|
|
23
|
+
maxLength?: number | {
|
|
24
|
+
value: number;
|
|
25
|
+
message: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
helperText?: string;
|
|
29
|
+
value?: string | number;
|
|
30
|
+
required?: boolean | string;
|
|
31
|
+
};
|
|
32
|
+
export declare const Input: FC<iInput>;
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.Input = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
// React Hook Form
|
|
32
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
33
|
+
// Material UI
|
|
34
|
+
const material_1 = require("@mui/material");
|
|
35
|
+
// Styles
|
|
36
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
37
|
+
const Input = ({ name, value, helperText, validation, required, onChange, ...props }) => {
|
|
38
|
+
const { classes } = (0, theme_1.default)();
|
|
39
|
+
const Methods = (0, react_hook_form_1.useFormContext)() || {};
|
|
40
|
+
const [inputValue, setInputValue] = (0, react_1.useState)("");
|
|
41
|
+
const { setValue, control, getValues, watch, setError, clearErrors, formState: { errors } } = (0, react_hook_form_1.useFormContext)() || {};
|
|
42
|
+
// Methods Watching
|
|
43
|
+
(0, react_1.useEffect)(() => {
|
|
44
|
+
control && setInputValue(getValues(name || "default") ? getValues(name || "default") : "");
|
|
45
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
46
|
+
}, [control, getValues, name, watch && watch(name || "default")]);
|
|
47
|
+
// Value
|
|
48
|
+
(0, react_1.useEffect)(() => {
|
|
49
|
+
if (value) {
|
|
50
|
+
setInputValue(value);
|
|
51
|
+
control && setValue(name || "default", value);
|
|
52
|
+
}
|
|
53
|
+
else
|
|
54
|
+
control && setValue(name || "default", "");
|
|
55
|
+
}, [control, name, setValue, value]);
|
|
56
|
+
// Change Value
|
|
57
|
+
const changeValue = (event) => {
|
|
58
|
+
onChange && onChange(event, event.target.value, Methods);
|
|
59
|
+
setInputValue(event.target.value);
|
|
60
|
+
control && setValue(name || "default", event.target.value);
|
|
61
|
+
};
|
|
62
|
+
// Error Handling
|
|
63
|
+
(0, react_1.useEffect)(() => {
|
|
64
|
+
const Required = (!!required || !!validation?.required) && !inputValue;
|
|
65
|
+
const Numbers = !!validation?.number && !!inputValue && !(/^[0-9,.]+$/i.test(`${inputValue}`));
|
|
66
|
+
const Arabic = !!validation?.arabic && !!inputValue && !(/^[ ءأ-ي0-9',._/-]+$/i.test(`${inputValue}`));
|
|
67
|
+
const English = !!validation?.english && !!inputValue && !(/^[-/_.,'0-9A-Za-z ]+$/i.test(`${inputValue}`));
|
|
68
|
+
const MinNumber = !!validation?.min && !!inputValue && Number(inputValue) < Number((validation.min instanceof Object) ? validation.min.value : validation.min);
|
|
69
|
+
const MaxNumber = !!validation?.max && !!inputValue && Number(inputValue) > Number((validation.max instanceof Object) ? validation.max.value : validation.max);
|
|
70
|
+
const MinLength = !!validation?.minLength && !!inputValue && (`${inputValue}`).length < Number((validation.minLength instanceof Object) ? validation.minLength.value : validation.minLength);
|
|
71
|
+
const MaxLength = !!validation?.maxLength && !!inputValue && (`${inputValue}`).length > Number((validation.maxLength instanceof Object) ? validation.maxLength.value : validation.maxLength);
|
|
72
|
+
// Clear Errors
|
|
73
|
+
if (!Required && !Numbers && !Arabic && !English && !MinNumber && !MaxNumber && !MinLength && !MaxLength)
|
|
74
|
+
clearErrors(name || "default");
|
|
75
|
+
// Set Errors
|
|
76
|
+
else {
|
|
77
|
+
// Required
|
|
78
|
+
if (Required)
|
|
79
|
+
setError(name || "default", { type: "required", message: ((required?.toString() === "true") || (validation?.required?.toString() === "true")) ? "This Field Is Required" : `${required ? required : ""}${validation?.required ? validation?.required : ""}` });
|
|
80
|
+
// Numbers
|
|
81
|
+
if (Numbers)
|
|
82
|
+
setError(name || "default", { type: "pattern", message: (validation?.number?.toString() === "true") ? "This Field Just Numbers" : `${validation?.number}` });
|
|
83
|
+
// Arabic
|
|
84
|
+
if (Arabic)
|
|
85
|
+
setError(name || "default", { type: "pattern", message: (validation?.arabic?.toString() === "true") ? "This Field Just Arabic" : `${validation?.arabic}` });
|
|
86
|
+
// English
|
|
87
|
+
if (English)
|
|
88
|
+
setError(name || "default", { type: "pattern", message: (validation?.english?.toString() === "true") ? "This Field Just English" : `${validation?.english}` });
|
|
89
|
+
// MinNumber
|
|
90
|
+
if (MinNumber)
|
|
91
|
+
setError(name || "default", { type: "min", message: (validation?.min instanceof Object) ? `${validation.min.message}` : "Less Than The Minimum" });
|
|
92
|
+
// MaxNumber
|
|
93
|
+
if (MaxNumber)
|
|
94
|
+
setError(name || "default", { type: "max", message: (validation?.max instanceof Object) ? `${validation.max.message}` : "Greater Than The Maximum" });
|
|
95
|
+
// MinLength
|
|
96
|
+
if (MinLength)
|
|
97
|
+
setError(name || "default", { type: "minLength", message: (validation?.minLength instanceof Object) ? `${validation.minLength.message}` : "Less Than The Minimum Length" });
|
|
98
|
+
// MaxLength
|
|
99
|
+
if (MaxLength)
|
|
100
|
+
setError(name || "default", { type: "maxLength", message: (validation?.maxLength instanceof Object) ? `${validation.maxLength.message}` : "Greater Than The Maximum Length" });
|
|
101
|
+
}
|
|
102
|
+
}, [inputValue, required, name, setError, clearErrors, validation]);
|
|
103
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
104
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
105
|
+
react_1.default.createElement(material_1.TextField, { name: name || "default", value: inputValue, onChange: changeValue, label: props?.label ? props?.label : (name || "default"), ...props }, props?.children),
|
|
106
|
+
(helperText || (control && errors && errors[name || "default"])) && react_1.default.createElement(material_1.FormHelperText, { className: classes.error },
|
|
107
|
+
control && errors && errors[name || "default"]?.message,
|
|
108
|
+
helperText && !(control && errors && errors[name || "default"]) && helperText))));
|
|
109
|
+
};
|
|
110
|
+
exports.Input = Input;
|
|
111
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const mui_1 = require("tss-react/mui");
|
|
4
|
+
const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
5
|
+
return {
|
|
6
|
+
root: {
|
|
7
|
+
margin: 0,
|
|
8
|
+
width: "100%",
|
|
9
|
+
"& input": {
|
|
10
|
+
padding: "12px",
|
|
11
|
+
fontSize: "14px"
|
|
12
|
+
},
|
|
13
|
+
"& fieldset": {
|
|
14
|
+
borderRadius: "unset"
|
|
15
|
+
},
|
|
16
|
+
"& label": {
|
|
17
|
+
top: "-5px",
|
|
18
|
+
fontSize: "14px",
|
|
19
|
+
textTransform: "capitalize",
|
|
20
|
+
"&.MuiInputLabel-shrink": {
|
|
21
|
+
top: "2px"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"& legend": {
|
|
25
|
+
fontSize: "10px"
|
|
26
|
+
},
|
|
27
|
+
"& .MuiInputBase-inputSizeSmall": {
|
|
28
|
+
padding: "8px 12px"
|
|
29
|
+
},
|
|
30
|
+
"& .MuiInputLabel-sizeSmall": {
|
|
31
|
+
top: "-2px"
|
|
32
|
+
},
|
|
33
|
+
"& .MuiInputBase-fullWidth": {
|
|
34
|
+
minWidth: "200px"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
error: {
|
|
38
|
+
fontSize: "11px",
|
|
39
|
+
lineHeight: "16px",
|
|
40
|
+
textTransform: "capitalize",
|
|
41
|
+
color: theme.palette.error.main
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
});
|
|
45
|
+
exports.default = useStyles;
|
|
46
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Input/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,QAAQ,EAAE,MAAM;aACnB;YACD,gCAAgC,EAAE;gBAC9B,OAAO,EAAE,UAAU;aACtB;YACD,4BAA4B,EAAE;gBAC1B,GAAG,EAAE,MAAM;aACd;YACD,2BAA2B,EAAE;gBACzB,QAAQ,EAAE,OAAO;aACpB;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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.Modal = void 0;
|
|
30
|
+
const react_1 = __importDefault(require("react"));
|
|
31
|
+
// Material UI
|
|
32
|
+
const material_1 = require("@mui/material");
|
|
33
|
+
// Material Icon
|
|
34
|
+
const MuiIcons = __importStar(require("@mui/icons-material"));
|
|
35
|
+
// Styles
|
|
36
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
37
|
+
const Modal = ({ open, setOpen, title, ...props }) => {
|
|
38
|
+
const Icons = MuiIcons;
|
|
39
|
+
const { classes } = (0, theme_1.default)();
|
|
40
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
41
|
+
react_1.default.createElement(material_1.Modal, { open: open, ...props },
|
|
42
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
43
|
+
react_1.default.createElement(material_1.Box, { className: classes.header },
|
|
44
|
+
react_1.default.createElement(material_1.Typography, { variant: "h5" }, title ? title : "Modal Title"),
|
|
45
|
+
react_1.default.createElement(material_1.IconButton, { onClick: () => setOpen(false) },
|
|
46
|
+
react_1.default.createElement(Icons.Close, null))),
|
|
47
|
+
react_1.default.createElement(material_1.Box, { className: classes.body },
|
|
48
|
+
react_1.default.createElement(react_1.default.Fragment, null, props?.children))))));
|
|
49
|
+
};
|
|
50
|
+
exports.Modal = Modal;
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAElC,cAAc;AACd,4CAA2F;AAE3F,gBAAgB;AAChB,8DAAgD;AAEhD,SAAS;AACT,oDAAgC;AAQzB,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,KAAK,GAAQ,QAAQ,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAEhC,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,gBAAQ,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK;YAC3B,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;gBACxB,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM;oBAC1B,8BAAC,qBAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAc;oBACvE,8BAAC,qBAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;wBAAE,8BAAC,KAAK,CAAC,KAAK,OAAG,CAAa,CACrE;gBACN,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;oBACxB,8BAAC,eAAK,CAAC,QAAQ,QAAE,KAAK,EAAE,QAAQ,CAAkB,CAChD,CACJ,CACC,CACE,CACpB,CAAC;AACN,CAAC,CAAA;AAnBY,QAAA,KAAK,SAmBjB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"body" | "header" | "root", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|