coject 1.3.1 → 1.3.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/README.md +15 -7
- package/dist/cjs/Builder/Dashboard/index.d.ts +13 -0
- package/dist/cjs/Builder/Dashboard/index.js +50 -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 +13 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js +128 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/index.d.ts +14 -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 +12 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js +147 -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 +434 -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 +216 -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 -6
- package/dist/cjs/Components/Button/index.js +6 -14
- package/dist/cjs/Components/Button/index.js.map +1 -1
- 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 +9 -3
- package/dist/cjs/Components/Checkbox/index.js +30 -17
- package/dist/cjs/Components/Checkbox/index.js.map +1 -1
- 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 +13 -9
- package/dist/cjs/Components/DatePicker/index.js +21 -26
- package/dist/cjs/Components/DatePicker/index.js.map +1 -1
- 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 +10 -1
- package/dist/cjs/Components/Form/index.js +46 -76
- package/dist/cjs/Components/Form/index.js.map +1 -1
- package/dist/cjs/Components/Form/theme.js +3 -2
- package/dist/cjs/Components/Form/theme.js.map +1 -1
- package/dist/cjs/Components/Grid/index.d.ts +18 -6
- package/dist/cjs/Components/Grid/index.js +99 -43
- package/dist/cjs/Components/Grid/index.js.map +1 -1
- package/dist/cjs/Components/Grid/theme.js +0 -3
- package/dist/cjs/Components/Grid/theme.js.map +1 -1
- package/dist/cjs/Components/Input/index.d.ts +4 -5
- package/dist/cjs/Components/Input/index.js +5 -16
- package/dist/cjs/Components/Input/index.js.map +1 -1
- package/dist/cjs/Components/Input/theme.d.ts +1 -1
- package/dist/cjs/Components/Input/theme.js +14 -5
- package/dist/cjs/Components/Input/theme.js.map +1 -1
- package/dist/cjs/Components/Modal/index.d.ts +3 -4
- package/dist/cjs/Components/Modal/index.js +3 -15
- package/dist/cjs/Components/Modal/index.js.map +1 -1
- package/dist/cjs/Components/Modal/theme.js +3 -1
- package/dist/cjs/Components/Modal/theme.js.map +1 -1
- package/dist/cjs/Components/Select/index.d.ts +12 -7
- package/dist/cjs/Components/Select/index.js +49 -42
- package/dist/cjs/Components/Select/index.js.map +1 -1
- package/dist/cjs/Components/Select/theme.d.ts +10 -0
- package/dist/cjs/Components/Select/theme.js +63 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +9 -3
- package/dist/cjs/Components/Switch/index.js +30 -17
- package/dist/cjs/Components/Switch/index.js.map +1 -1
- 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/index.d.ts +1 -1
- package/dist/cjs/Components/index.js +3 -1
- package/dist/cjs/Components/index.js.map +1 -1
- package/dist/cjs/Services/Requests/index.js +28 -40
- package/dist/cjs/Services/Requests/index.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Builder/Dashboard/index.d.ts +13 -0
- package/dist/esm/Builder/Dashboard/index.js +20 -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 +13 -0
- package/dist/esm/Builder/Header/dskHeader/index.js +98 -0
- package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/index.d.ts +14 -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 +12 -0
- package/dist/esm/Builder/Header/mobHeader/index.js +117 -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 +432 -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 +214 -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 -6
- package/dist/esm/Components/Button/index.js +7 -15
- package/dist/esm/Components/Button/index.js.map +1 -1
- 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 +9 -3
- package/dist/esm/Components/Checkbox/index.js +30 -20
- package/dist/esm/Components/Checkbox/index.js.map +1 -1
- 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 +13 -9
- package/dist/esm/Components/DatePicker/index.js +22 -27
- package/dist/esm/Components/DatePicker/index.js.map +1 -1
- 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 +10 -1
- package/dist/esm/Components/Form/index.js +46 -76
- package/dist/esm/Components/Form/index.js.map +1 -1
- package/dist/esm/Components/Form/theme.js +3 -2
- package/dist/esm/Components/Form/theme.js.map +1 -1
- package/dist/esm/Components/Grid/index.d.ts +18 -6
- package/dist/esm/Components/Grid/index.js +101 -45
- package/dist/esm/Components/Grid/index.js.map +1 -1
- package/dist/esm/Components/Grid/theme.js +0 -3
- package/dist/esm/Components/Grid/theme.js.map +1 -1
- package/dist/esm/Components/Input/index.d.ts +4 -5
- package/dist/esm/Components/Input/index.js +6 -17
- package/dist/esm/Components/Input/index.js.map +1 -1
- package/dist/esm/Components/Input/theme.d.ts +1 -1
- package/dist/esm/Components/Input/theme.js +14 -5
- package/dist/esm/Components/Input/theme.js.map +1 -1
- package/dist/esm/Components/Modal/index.d.ts +3 -4
- package/dist/esm/Components/Modal/index.js +3 -15
- package/dist/esm/Components/Modal/index.js.map +1 -1
- package/dist/esm/Components/Modal/theme.js +3 -1
- package/dist/esm/Components/Modal/theme.js.map +1 -1
- package/dist/esm/Components/Select/index.d.ts +12 -7
- package/dist/esm/Components/Select/index.js +48 -44
- package/dist/esm/Components/Select/index.js.map +1 -1
- package/dist/esm/Components/Select/theme.d.ts +10 -0
- package/dist/esm/Components/Select/theme.js +61 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +9 -3
- package/dist/esm/Components/Switch/index.js +30 -20
- package/dist/esm/Components/Switch/index.js.map +1 -1
- 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/index.d.ts +1 -1
- package/dist/esm/Components/index.js +4 -2
- package/dist/esm/Components/index.js.map +1 -1
- package/dist/esm/Services/Requests/index.js +28 -40
- package/dist/esm/Services/Requests/index.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useEffect, useState } from "react";
|
|
1
|
+
import React, { useEffect, useState, useReducer } from "react";
|
|
13
2
|
// Request
|
|
14
3
|
import { Request } from "../../Services";
|
|
15
4
|
// Material UI
|
|
@@ -18,41 +7,91 @@ import { Box, Grid as MuiGrid, Button, Typography } from "@mui/material";
|
|
|
18
7
|
import * as MuiIcons from "@mui/icons-material";
|
|
19
8
|
// Material UI Table
|
|
20
9
|
import { DataGrid, GridActionsCellItem, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarExport } from "@mui/x-data-grid";
|
|
21
|
-
//
|
|
22
|
-
import { Form, Modal } from "../index";
|
|
10
|
+
// Coject
|
|
11
|
+
import { Form, DatePicker, Modal } from "../index";
|
|
23
12
|
// Styles
|
|
24
13
|
import useStyles from "./theme";
|
|
25
|
-
export const Grid = (
|
|
26
|
-
var _b;
|
|
27
|
-
var { dataSource, schema, actions, toolbar, initialState, pageSizeOptions, dispatch } = _a, props = __rest(_a, ["dataSource", "schema", "actions", "toolbar", "initialState", "pageSizeOptions", "dispatch"]);
|
|
14
|
+
export const Grid = ({ dataSource, customKey, schema, actions, toolbar, dispatch, onAddSubmit, onEditSubmit, onDeleteSubmit, noAddRequest, noEditRequest, noDeleteRequest, noRequest, ...props }) => {
|
|
28
15
|
const Icons = MuiIcons;
|
|
29
16
|
const { classes } = useStyles();
|
|
30
17
|
const [gridData, setGridData] = useState([]);
|
|
18
|
+
const [schemaData, setSchemaData] = useState({});
|
|
31
19
|
const [selectedData, setSelectedData] = useState(null);
|
|
32
|
-
const [
|
|
33
|
-
const [
|
|
34
|
-
const [
|
|
20
|
+
const [, forceUpdate] = useReducer(x => x + 1, 0);
|
|
21
|
+
const [callData, setCallData] = useState(false);
|
|
22
|
+
const [addModal, setAddModal] = useState(false);
|
|
23
|
+
const [editModal, setEditModal] = useState(false);
|
|
24
|
+
const [deleteModal, setDeleteModal] = useState(false);
|
|
35
25
|
// Static Data
|
|
36
26
|
useEffect(() => {
|
|
37
|
-
if (
|
|
27
|
+
if (dataSource?.staticData && !dataSource?.apiUrl) {
|
|
38
28
|
setGridData(dataSource.staticData);
|
|
39
29
|
}
|
|
40
|
-
}, [dataSource
|
|
30
|
+
}, [dataSource?.apiUrl, dataSource?.staticData]);
|
|
41
31
|
// Dynamic Data
|
|
42
32
|
useEffect(() => {
|
|
43
|
-
if (
|
|
44
|
-
Request({ dataSource
|
|
33
|
+
if (dataSource?.apiUrl && !dataSource.staticData) {
|
|
34
|
+
Request({ dataSource, dispatch, callBack: (data) => setGridData(data) }).then();
|
|
35
|
+
}
|
|
36
|
+
}, [callData, dataSource, dataSource?.apiUrl, dispatch]);
|
|
37
|
+
// Dynamic Data ( Schema )
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
if (schema) {
|
|
40
|
+
schema.map((field) => {
|
|
41
|
+
if (field.component === "select" && field.componentProps?.dataSource && !field.componentProps.dataSource.staticData) {
|
|
42
|
+
return Request({ dataSource: field.componentProps.dataSource, callBack: (data) => setSchemaData((prev) => ({ ...prev, [field.field]: data })) }).then();
|
|
43
|
+
}
|
|
44
|
+
else
|
|
45
|
+
return null;
|
|
46
|
+
});
|
|
45
47
|
}
|
|
46
|
-
}, [
|
|
48
|
+
}, [schema]);
|
|
47
49
|
// Default Schema
|
|
48
|
-
const defaultSchema = !!gridData.length ?
|
|
50
|
+
const defaultSchema = !!gridData.length ? Object.keys(gridData[0])?.map((columnKey) => ({
|
|
51
|
+
field: columnKey,
|
|
52
|
+
component: "input",
|
|
53
|
+
flex: (columnKey === (dataSource?.primaryKey ? dataSource.primaryKey : "id") ? 0 : 1)
|
|
54
|
+
})) : [];
|
|
55
|
+
// Custom Schema
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
if (schema) {
|
|
58
|
+
schema.map((columnSchema) => {
|
|
59
|
+
if (columnSchema.headerName) {
|
|
60
|
+
if (columnSchema.componentProps)
|
|
61
|
+
columnSchema.componentProps.label = columnSchema.headerName;
|
|
62
|
+
else
|
|
63
|
+
columnSchema.componentProps = { label: columnSchema.headerName };
|
|
64
|
+
}
|
|
65
|
+
if (columnSchema.component === "date" && !columnSchema.renderCell) {
|
|
66
|
+
columnSchema.renderCell = (data) => React.createElement(DatePicker, { value: data.value, textView: true });
|
|
67
|
+
}
|
|
68
|
+
if (columnSchema.component === "select" && columnSchema.componentProps?.dataSource) {
|
|
69
|
+
const customKey = columnSchema.componentProps.customKey;
|
|
70
|
+
const customName = columnSchema.componentProps.customName;
|
|
71
|
+
columnSchema.type = "singleSelect";
|
|
72
|
+
columnSchema.getOptionValue = (value) => customKey ? value[customKey] : value.id;
|
|
73
|
+
columnSchema.getOptionLabel = (value) => customName ? value[customName] : value.label;
|
|
74
|
+
if (columnSchema.componentProps.dataSource.staticData) {
|
|
75
|
+
columnSchema.valueOptions = columnSchema.componentProps.dataSource.staticData;
|
|
76
|
+
columnSchema.componentProps.dataSource = { staticData: columnSchema.componentProps.dataSource.staticData };
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
columnSchema.valueOptions = schemaData[columnSchema.field];
|
|
80
|
+
columnSchema.componentProps.dataSource = { staticData: schemaData[columnSchema.field] };
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
return ({ ...columnSchema });
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
forceUpdate();
|
|
87
|
+
}, [forceUpdate, schema, schemaData]);
|
|
49
88
|
// Columns Schema
|
|
50
89
|
const columnsSchema = [...(schema ? schema : defaultSchema), ...(actions
|
|
51
90
|
? [{ field: "actions", type: "actions", headerName: "Actions", width: 100, cellClassName: "actions",
|
|
52
91
|
getActions: ({ row }) => {
|
|
53
92
|
return [
|
|
54
|
-
React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Edit, null), label: "Edit", onClick: () => {
|
|
55
|
-
React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Delete, null), label: "Delete", onClick: () => {
|
|
93
|
+
React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Edit, null), label: "Edit", onClick: () => { setEditModal(true); setSelectedData(row); } }),
|
|
94
|
+
React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Delete, null), label: "Delete", onClick: () => { setDeleteModal(true); setSelectedData(row); } })
|
|
56
95
|
];
|
|
57
96
|
}
|
|
58
97
|
}] : [])
|
|
@@ -60,29 +99,46 @@ export const Grid = (_a) => {
|
|
|
60
99
|
// Custom Toolbar
|
|
61
100
|
const CustomToolbar = () => {
|
|
62
101
|
return (React.createElement(GridToolbarContainer, null,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
102
|
+
toolbar &&
|
|
103
|
+
React.createElement(React.Fragment, null,
|
|
104
|
+
React.createElement(GridToolbarColumnsButton, null),
|
|
105
|
+
React.createElement(GridToolbarFilterButton, null),
|
|
106
|
+
React.createElement(GridToolbarExport, null)),
|
|
107
|
+
actions &&
|
|
108
|
+
React.createElement(Button, { onClick: () => setAddModal(true), type: "button" },
|
|
109
|
+
React.createElement(Icons.Add, null),
|
|
110
|
+
" Add New")));
|
|
69
111
|
};
|
|
70
112
|
return (React.createElement(React.Fragment, null,
|
|
71
|
-
React.createElement(Modal, { title: "Add New Item", open:
|
|
72
|
-
React.createElement(Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create"
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
113
|
+
React.createElement(Modal, { title: "Add New Item", open: addModal, setOpen: setAddModal },
|
|
114
|
+
React.createElement(Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create", noRequest: noRequest || noAddRequest, onSubmit: (data) => {
|
|
115
|
+
onAddSubmit && onAddSubmit(data);
|
|
116
|
+
!!dataSource?.staticData && setAddModal(false);
|
|
117
|
+
}, onSuccess: () => setCallData(!callData), setModal: setAddModal })),
|
|
118
|
+
React.createElement(Modal, { title: "Update Item", open: editModal, setOpen: setEditModal },
|
|
119
|
+
React.createElement(Form, { dataSource: { ...dataSource, staticData: selectedData }, schema: schema ? schema : defaultSchema, mode: "update", noRequest: noRequest || noEditRequest, onSubmit: (data) => {
|
|
120
|
+
onEditSubmit && onEditSubmit(data);
|
|
121
|
+
!!dataSource?.staticData?.length && setEditModal(false);
|
|
122
|
+
}, onSuccess: () => setCallData(!callData), setModal: setEditModal })),
|
|
123
|
+
React.createElement(Modal, { title: "Delete Item", open: deleteModal, setOpen: setDeleteModal },
|
|
76
124
|
React.createElement(MuiGrid, { container: true, spacing: 2 },
|
|
77
125
|
React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
|
|
78
126
|
React.createElement(Typography, { color: theme => theme.palette.error.main }, "Are You Sure To Delete This Item?")),
|
|
79
127
|
React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
|
|
80
|
-
React.createElement(Button, { fullWidth: true, type: "button", variant: "contained", onClick: () =>
|
|
128
|
+
React.createElement(Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => {
|
|
129
|
+
onDeleteSubmit && onDeleteSubmit(selectedData);
|
|
130
|
+
!!dataSource?.staticData?.length && setDeleteModal(false);
|
|
131
|
+
if (!noRequest || !noDeleteRequest) {
|
|
132
|
+
Request({
|
|
133
|
+
dataSource, mode: "delete", callBack: () => {
|
|
134
|
+
setCallData(!callData);
|
|
135
|
+
setDeleteModal(false);
|
|
136
|
+
}, dispatch,
|
|
137
|
+
apiUrlId: dataSource.primaryKey ? selectedData[dataSource.primaryKey] : selectedData.id
|
|
138
|
+
}).then();
|
|
139
|
+
}
|
|
140
|
+
} }, "Delete")))),
|
|
81
141
|
React.createElement(Box, { className: classes.root },
|
|
82
|
-
React.createElement(DataGrid,
|
|
83
|
-
pagination: { paginationModel: { pageSize: 15 } }
|
|
84
|
-
}, pageSizeOptions: pageSizeOptions ? pageSizeOptions : [15, 25, 35, 50, 100], slots: {
|
|
85
|
-
toolbar: toolbar ? CustomToolbar : null
|
|
86
|
-
} })))));
|
|
142
|
+
React.createElement(DataGrid, { className: !gridData?.length ? classes.empty : "", ...(customKey ? { getRowId: (row) => row[customKey] } : {}), rows: gridData, columns: columnsSchema, density: "compact", ...props, pageSizeOptions: props?.pageSizeOptions ? props?.pageSizeOptions : [15, 25, 35, 50, 100], slots: props?.slots ? props?.slots : { toolbar: actions || toolbar ? CustomToolbar : null }, initialState: props?.initialState ? props?.initialState : { pagination: { paginationModel: { pageSize: 15 } } }, getRowClassName: (params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "dark" : "") }))));
|
|
87
143
|
};
|
|
88
144
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aAC3C;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,OAAO;aAClB;YACD,iCAAiC,EAAE;gBAC/B,YAAY,EAAE,MAAM;gBACpB,UAAU,EAAE;oBACR,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,MAAM;oBACjB,aAAa,EAAE,YAAY;oBAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC7C,OAAO,EAAE;wBACL,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;qBACpC;iBACJ;aACJ;YACD,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aAC3C;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,OAAO;aAClB;YACD,iCAAiC,EAAE;gBAC/B,YAAY,EAAE,MAAM;gBACpB,UAAU,EAAE;oBACR,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,MAAM;oBACjB,aAAa,EAAE,YAAY;oBAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC7C,OAAO,EAAE;wBACL,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;qBACpC;iBACJ;aACJ;YACD,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;QACD,KAAK,EAAE;YACH,gCAAgC,EAAE;gBAC9B,SAAS,EAAE,OAAO;aACrB;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
|
3
|
+
type iInput = Omit<TextFieldProps, "helperText"> & {
|
|
4
|
+
helperText?: string;
|
|
5
|
+
};
|
|
7
6
|
export declare const Input: FC<iInput>;
|
|
8
7
|
export {};
|
|
@@ -1,32 +1,21 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React, { useEffect } from "react";
|
|
13
2
|
// React Hook Form
|
|
14
3
|
import { useFormContext } from "react-hook-form";
|
|
15
4
|
// Material UI
|
|
16
|
-
import { Box, TextField } from "@mui/material";
|
|
5
|
+
import { Box, TextField, FormHelperText } from "@mui/material";
|
|
17
6
|
// Styles
|
|
18
7
|
import useStyles from "./theme";
|
|
19
|
-
export const Input = (
|
|
20
|
-
var { name, value, label } = _a, props = __rest(_a, ["name", "value", "label"]);
|
|
8
|
+
export const Input = ({ value, helperText, ...props }) => {
|
|
21
9
|
const { classes } = useStyles();
|
|
22
10
|
const { register, setValue, control } = useFormContext() || {};
|
|
23
11
|
// Value
|
|
24
12
|
useEffect(() => {
|
|
25
13
|
if (value)
|
|
26
|
-
control && setValue(name, value);
|
|
27
|
-
}, [control, name, setValue, value]);
|
|
14
|
+
control && setValue(props?.name || "default", value);
|
|
15
|
+
}, [control, props?.name, setValue, value]);
|
|
28
16
|
return (React.createElement(React.Fragment, null,
|
|
29
17
|
React.createElement(Box, { className: classes.root },
|
|
30
|
-
React.createElement(TextField,
|
|
18
|
+
React.createElement(TextField, { ...(control && register(props?.name || "default")), defaultValue: value, label: props?.label ? props?.label : (props?.name || "default"), ...props }, props?.children),
|
|
19
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
31
20
|
};
|
|
32
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/E,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAOhC,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,oBAAC,SAAS,OAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,KAAM,KAAK,IAC1J,KAAK,EAAE,QAAQ,CACR;YACV,UAAU,IAAI,oBAAC,cAAc,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,UAAU,CAAkB,CACrF,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -22,12 +22,21 @@ const useStyles = makeStyles()((theme) => {
|
|
|
22
22
|
"& legend": {
|
|
23
23
|
fontSize: "10px"
|
|
24
24
|
},
|
|
25
|
-
"& .
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
"& .MuiInputBase-inputSizeSmall": {
|
|
26
|
+
padding: "8px 12px"
|
|
27
|
+
},
|
|
28
|
+
"& .MuiInputLabel-sizeSmall": {
|
|
29
|
+
top: "-2px"
|
|
30
|
+
},
|
|
31
|
+
"& .MuiInputBase-fullWidth": {
|
|
32
|
+
minWidth: "200px"
|
|
30
33
|
}
|
|
34
|
+
},
|
|
35
|
+
error: {
|
|
36
|
+
fontSize: "11px",
|
|
37
|
+
lineHeight: "16px",
|
|
38
|
+
textTransform: "capitalize",
|
|
39
|
+
color: theme.palette.error.main
|
|
31
40
|
}
|
|
32
41
|
};
|
|
33
42
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Input/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,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,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Input/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,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,eAAe,SAAS,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { FC
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { ModalProps } from "@mui/material";
|
|
3
|
+
interface iModal extends ModalProps {
|
|
4
4
|
setOpen?: any;
|
|
5
5
|
title?: string;
|
|
6
|
-
children?: ReactNode;
|
|
7
6
|
}
|
|
8
7
|
export declare const Modal: FC<iModal>;
|
|
9
8
|
export {};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React from "react";
|
|
13
2
|
// Material UI
|
|
14
3
|
import { Box, Typography, IconButton, Modal as MuiModal } from "@mui/material";
|
|
@@ -16,18 +5,17 @@ import { Box, Typography, IconButton, Modal as MuiModal } from "@mui/material";
|
|
|
16
5
|
import * as MuiIcons from "@mui/icons-material";
|
|
17
6
|
// Styles
|
|
18
7
|
import useStyles from "./theme";
|
|
19
|
-
export const Modal = (
|
|
20
|
-
var { open, setOpen, title, children } = _a, props = __rest(_a, ["open", "setOpen", "title", "children"]);
|
|
8
|
+
export const Modal = ({ open, setOpen, title, ...props }) => {
|
|
21
9
|
const Icons = MuiIcons;
|
|
22
10
|
const { classes } = useStyles();
|
|
23
11
|
return (React.createElement(React.Fragment, null,
|
|
24
|
-
React.createElement(MuiModal,
|
|
12
|
+
React.createElement(MuiModal, { open: open, ...props },
|
|
25
13
|
React.createElement(Box, { className: classes.root },
|
|
26
14
|
React.createElement(Box, { className: classes.header },
|
|
27
15
|
React.createElement(Typography, { variant: "h5" }, title ? title : "Modal Title"),
|
|
28
16
|
React.createElement(IconButton, { onClick: () => setOpen(false) },
|
|
29
17
|
React.createElement(Icons.Close, null))),
|
|
30
18
|
React.createElement(Box, { className: classes.body },
|
|
31
|
-
React.createElement(React.Fragment, null, children))))));
|
|
19
|
+
React.createElement(React.Fragment, null, props?.children))))));
|
|
32
20
|
};
|
|
33
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,IAAI,QAAQ,EAAc,MAAM,eAAe,CAAC;AAE3F,gBAAgB;AAChB,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAQhC,MAAM,CAAC,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,SAAS,EAAE,CAAC;IAEhC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK;YAC3B,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;gBACxB,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM;oBAC1B,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAc;oBACvE,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;wBAAE,oBAAC,KAAK,CAAC,KAAK,OAAG,CAAa,CACrE;gBACN,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;oBACxB,oBAAC,KAAK,CAAC,QAAQ,QAAE,KAAK,EAAE,QAAQ,CAAkB,CAChD,CACJ,CACC,CACE,CACpB,CAAC;AACN,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;SACtD;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACxC,MAAM,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aACpC;SACJ;QACD,IAAI,EAAE;YACF,OAAO,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;SACtD;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACxC,MAAM,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aACpC;SACJ;QACD,IAAI,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,mBAAmB;SACjC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
import { AutocompleteProps } from '@mui/material';
|
|
3
|
+
interface iSelect extends AutocompleteProps<any, any, any, any> {
|
|
4
|
+
name?: string;
|
|
5
|
+
label?: string;
|
|
6
6
|
onChange?: any;
|
|
7
7
|
dispatch?: any;
|
|
8
|
+
error?: boolean;
|
|
8
9
|
dataSource?: any;
|
|
9
|
-
|
|
10
|
+
inputProps?: any;
|
|
10
11
|
required?: boolean;
|
|
12
|
+
renderOption?: any;
|
|
11
13
|
customKey?: string;
|
|
12
14
|
customName?: string;
|
|
13
|
-
|
|
15
|
+
helperText?: string;
|
|
16
|
+
checkboxes?: boolean;
|
|
17
|
+
fixedOption?: (string | number)[];
|
|
18
|
+
disabledOption?: (string | number)[];
|
|
14
19
|
}
|
|
15
|
-
export declare const Select: FC<iSelect
|
|
20
|
+
export declare const Select: FC<Omit<iSelect, "options" | "renderInput">>;
|
|
16
21
|
export {};
|
|
@@ -1,70 +1,74 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React, { useState, useEffect } from "react";
|
|
13
2
|
// React Hook Form
|
|
14
3
|
import { useFormContext, Controller } from "react-hook-form";
|
|
15
4
|
// Request
|
|
16
5
|
import { Request } from "../../Services";
|
|
17
6
|
// Material UI
|
|
18
|
-
import { TextField, Autocomplete } from
|
|
19
|
-
|
|
20
|
-
|
|
7
|
+
import { Box, TextField, Autocomplete, Chip, Checkbox, FormHelperText } from '@mui/material';
|
|
8
|
+
// Coject
|
|
9
|
+
import { Icons } from "../index";
|
|
10
|
+
// Styles
|
|
11
|
+
import useStyles from "./theme";
|
|
12
|
+
export const Select = ({ name, label, helperText, dataSource, checkboxes, customKey, customName, renderOption, fixedOption, disabledOption, onChange, required, dispatch, inputProps, error, ...props }) => {
|
|
13
|
+
const { classes } = useStyles();
|
|
21
14
|
const Methods = useFormContext() || {};
|
|
22
15
|
const [selectedValue, setSelectedValue] = useState();
|
|
23
16
|
const [selectData, setSelectData] = useState([]);
|
|
24
17
|
const { setValue, control } = useFormContext() || {};
|
|
25
|
-
const DropdownID =
|
|
18
|
+
const DropdownID = dataSource?.uniqueName ? dataSource.uniqueName : dataSource?.name ? dataSource.name : name;
|
|
26
19
|
// Value
|
|
27
20
|
useEffect(() => {
|
|
28
|
-
if (value) {
|
|
29
|
-
|
|
30
|
-
|
|
21
|
+
if (props?.value || (fixedOption && props?.multiple)) {
|
|
22
|
+
if (fixedOption && props?.multiple) {
|
|
23
|
+
setSelectedValue([...fixedOption, ...(props?.value ? (props?.multiple ? props?.value : [props?.value]) : [])]);
|
|
24
|
+
control && setValue(name || "default", [...fixedOption, ...(props?.value ? (props?.multiple ? props?.value : [props?.value]) : [])]);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
setSelectedValue(props.value);
|
|
28
|
+
control && setValue(name || "default", props.value);
|
|
29
|
+
}
|
|
31
30
|
}
|
|
32
|
-
}, [control, name, setValue, value]);
|
|
31
|
+
}, [control, name, setValue, props.value, fixedOption, props?.multiple]);
|
|
33
32
|
// Static Data
|
|
34
33
|
useEffect(() => {
|
|
35
|
-
if (
|
|
36
|
-
dataSource.staticData
|
|
37
|
-
return setSelectData((Prev) => [...Prev, { id: Data[customKey ? customKey : "id"], label: Data[customName ? customName : "label"] }]);
|
|
38
|
-
});
|
|
34
|
+
if (dataSource?.staticData && !!dataSource.staticData.length && !dataSource?.apiUrl) {
|
|
35
|
+
setSelectData(dataSource.staticData);
|
|
39
36
|
}
|
|
40
|
-
}, [
|
|
37
|
+
}, [dataSource?.apiUrl, dataSource?.staticData]);
|
|
41
38
|
// Dynamic Data
|
|
42
39
|
useEffect(() => {
|
|
43
|
-
if (
|
|
40
|
+
if (dataSource?.apiUrl && !dataSource.staticData) {
|
|
44
41
|
Request({
|
|
45
|
-
dataSource:
|
|
46
|
-
callBack: (ResponseData) =>
|
|
47
|
-
ResponseData.map((Data) => {
|
|
48
|
-
return setSelectData((Prev) => [...Prev, { id: Data[customKey ? customKey : "id"], label: Data[customName ? customName : "label"] }]);
|
|
49
|
-
});
|
|
50
|
-
}
|
|
42
|
+
dataSource: { ...dataSource }, dispatch,
|
|
43
|
+
callBack: (ResponseData) => setSelectData(ResponseData)
|
|
51
44
|
}).then();
|
|
52
45
|
}
|
|
53
|
-
}, [
|
|
46
|
+
}, [dataSource, dataSource?.apiUrl, dispatch]);
|
|
54
47
|
// Master Component
|
|
55
48
|
const MuiAutocomplete = () => {
|
|
56
|
-
return (React.createElement(Autocomplete,
|
|
57
|
-
? multiple
|
|
58
|
-
? selectedValue
|
|
59
|
-
: multiple ? [] : selectData.find((option) => option.id === selectedValue)
|
|
60
|
-
: multiple ? [] : null,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
49
|
+
return (React.createElement(Autocomplete, { id: DropdownID, options: selectData, multiple: props?.multiple, ...props, value: !!selectData?.length && selectedValue
|
|
50
|
+
? props?.multiple
|
|
51
|
+
? selectedValue?.map((SValue) => selectData.find((option) => (customKey ? option[`${customKey}`] : option.id) === SValue))
|
|
52
|
+
: props?.multiple ? [] : selectData.find((option) => (customKey ? option[`${customKey}`] : option.id) === selectedValue)
|
|
53
|
+
: props?.multiple ? [] : null, defaultValue: !!selectData?.length && selectedValue
|
|
54
|
+
? props?.multiple
|
|
55
|
+
? selectedValue?.map((SValue) => selectData.find((option) => (customKey ? option[`${customKey}`] : option.id) === SValue))
|
|
56
|
+
: props?.multiple ? [] : selectData.find((option) => (customKey ? option[`${customKey}`] : option.id) === selectedValue)
|
|
57
|
+
: props?.multiple ? [] : null, onChange: (event, newValue) => {
|
|
58
|
+
onChange && onChange(event, newValue, Methods);
|
|
59
|
+
setSelectedValue(props?.multiple ? [...new Set([...(fixedOption ? fixedOption : []), ...(newValue?.map((NValue) => (customKey ? NValue[`${customKey}`] : NValue.id)))])] : (customKey ? (newValue && newValue[`${customKey}`]) : newValue?.id));
|
|
60
|
+
control && setValue(name || "default", props?.multiple ? [...new Set([...(fixedOption ? fixedOption : []), ...(newValue?.map((NValue) => (customKey ? NValue[`${customKey}`] : NValue.id)))])] : (customKey ? (newValue && newValue[`${customKey}`]) : newValue?.id));
|
|
61
|
+
}, renderTags: (tagValue, getTagProps) => tagValue.map((row, index) => (React.createElement(Chip, { ...getTagProps({ index }), label: customName ? row[`${customName}`] : row.label, disabled: (fixedOption && props?.multiple) ? fixedOption.includes(customKey ? row[`${customKey}`] : row.id) : false }))), ...(customName ? { getOptionLabel: (option) => option[`${customName}`] } : {}), ...((renderOption || checkboxes) ? { renderOption: (props, row, { selected }) => React.createElement(Box, { component: "li", ...props }, checkboxes
|
|
62
|
+
? React.createElement(React.Fragment, null,
|
|
63
|
+
React.createElement(Checkbox, { icon: React.createElement(Icons.CheckBoxOutlineBlank, { fontSize: "small" }), checkedIcon: React.createElement(Icons.CheckBox, { fontSize: "small" }), style: { marginRight: 5 }, checked: selected }),
|
|
64
|
+
customName ? row[`${customName}`] : row.label)
|
|
65
|
+
: renderOption(row)) } : {}), getOptionDisabled: (row) => (disabledOption ? disabledOption.includes(customKey ? row[`${customKey}`] : row.id) : false) || ((fixedOption && props?.multiple) ? fixedOption.includes(customKey ? row[`${customKey}`] : row.id) : false), renderInput: (params) => React.createElement(TextField, { ...params, InputProps: { ...params.InputProps, ...inputProps, type: "search" }, error: error, label: label ? label : (name || "default"), required: required }) }));
|
|
65
66
|
};
|
|
66
|
-
return (React.createElement(React.Fragment, null,
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
return (React.createElement(React.Fragment, null,
|
|
68
|
+
React.createElement(Box, { className: classes.root },
|
|
69
|
+
control
|
|
70
|
+
? React.createElement(Controller, { name: name || "default", control: control, rules: { required: required }, render: () => React.createElement(MuiAutocomplete, null) })
|
|
71
|
+
: React.createElement(MuiAutocomplete, null),
|
|
72
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
69
73
|
};
|
|
70
74
|
//# sourceMappingURL=index.js.map
|