coject 1.2.9 → 1.2.11
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 +10 -10
- package/dist/cjs/Components/Button/index.d.ts +3 -6
- package/dist/cjs/Components/Button/index.js +6 -2
- 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 +20 -0
- package/dist/cjs/Components/Button/theme.js.map +1 -0
- package/dist/cjs/Components/Checkbox/index.d.ts +6 -3
- package/dist/cjs/Components/Checkbox/index.js +13 -5
- 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 +24 -0
- package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
- package/dist/cjs/Components/DatePicker/index.d.ts +11 -9
- package/dist/cjs/Components/DatePicker/index.js +17 -10
- 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 +39 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
- package/dist/cjs/Components/Form/index.d.ts +7 -1
- package/dist/cjs/Components/Form/index.js +20 -20
- 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 +12 -6
- package/dist/cjs/Components/Grid/index.js +61 -17
- package/dist/cjs/Components/Grid/index.js.map +1 -1
- package/dist/cjs/Components/Input/index.d.ts +2 -7
- package/dist/cjs/Components/Input/index.js +4 -4
- package/dist/cjs/Components/Input/index.js.map +1 -1
- package/dist/cjs/Components/Input/theme.js +1 -2
- 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 +2 -2
- package/dist/cjs/Components/Modal/index.js.map +1 -1
- package/dist/cjs/Components/Select/index.d.ts +6 -7
- package/dist/cjs/Components/Select/index.js +22 -15
- 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 +44 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +6 -3
- package/dist/cjs/Components/Switch/index.js +13 -5
- 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 +28 -0
- package/dist/cjs/Components/Switch/theme.js.map +1 -0
- package/dist/cjs/Services/Requests/index.js +2 -2
- package/dist/cjs/Services/Requests/index.js.map +1 -1
- package/dist/esm/Components/Button/index.d.ts +3 -6
- package/dist/esm/Components/Button/index.js +7 -3
- 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 +18 -0
- package/dist/esm/Components/Button/theme.js.map +1 -0
- package/dist/esm/Components/Checkbox/index.d.ts +6 -3
- package/dist/esm/Components/Checkbox/index.js +11 -6
- 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 +22 -0
- package/dist/esm/Components/Checkbox/theme.js.map +1 -0
- package/dist/esm/Components/DatePicker/index.d.ts +11 -9
- package/dist/esm/Components/DatePicker/index.js +18 -11
- 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 +37 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -0
- package/dist/esm/Components/Form/index.d.ts +7 -1
- package/dist/esm/Components/Form/index.js +20 -20
- 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 +12 -6
- package/dist/esm/Components/Grid/index.js +63 -19
- package/dist/esm/Components/Grid/index.js.map +1 -1
- package/dist/esm/Components/Input/index.d.ts +2 -7
- package/dist/esm/Components/Input/index.js +4 -4
- package/dist/esm/Components/Input/index.js.map +1 -1
- package/dist/esm/Components/Input/theme.js +1 -2
- 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 +2 -2
- package/dist/esm/Components/Modal/index.js.map +1 -1
- package/dist/esm/Components/Select/index.d.ts +6 -7
- package/dist/esm/Components/Select/index.js +20 -16
- 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 +42 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +6 -3
- package/dist/esm/Components/Switch/index.js +11 -6
- 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 +26 -0
- package/dist/esm/Components/Switch/theme.js.map +1 -0
- package/dist/esm/Services/Requests/index.js +2 -2
- package/dist/esm/Services/Requests/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
|
|
19
19
|
</div>
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
## Coject v1.2
|
|
22
22
|
|
|
23
23
|
The [Coject](https://coject.com/) library exported as [React.js](https://react.dev/) components.
|
|
24
24
|
All Component Is Dependency On [Material UI](https://mui.com/) Library.
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
### Installation
|
|
27
27
|
|
|
28
|
-
Using npm:
|
|
28
|
+
### Using npm:
|
|
29
29
|
```shell
|
|
30
30
|
// npm install
|
|
31
31
|
$ npm i coject
|
|
@@ -34,16 +34,16 @@ $ npm i coject
|
|
|
34
34
|
$ yarn add coject
|
|
35
35
|
```
|
|
36
36
|
|
|
37
|
-
Dependency npm [For JavaScript/TypeScript Project]:
|
|
37
|
+
### Dependency npm [For JavaScript/TypeScript Project]:
|
|
38
38
|
```shell
|
|
39
39
|
// npm install
|
|
40
|
-
$ npm i @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid @mui/x-date-pickers @types/moment @types/moment-hijri coject moment moment-hijri react-hook-form react-toastify tss-react
|
|
40
|
+
$ npm i @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid @mui/x-date-pickers @types/moment @types/moment-hijri coject moment moment-hijri react-hook-form react-toastify tss-react axios
|
|
41
41
|
|
|
42
42
|
// yarn install
|
|
43
|
-
$ yarn add @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid @mui/x-date-pickers @types/moment @types/moment-hijri coject moment moment-hijri react-hook-form react-toastify tss-react
|
|
43
|
+
$ yarn add @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid @mui/x-date-pickers @types/moment @types/moment-hijri coject moment moment-hijri react-hook-form react-toastify tss-react axios
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
-
In React.js:
|
|
46
|
+
### In React.js:
|
|
47
47
|
```js
|
|
48
48
|
// Load Input Components
|
|
49
49
|
import { Form, Input } from 'coject';
|
|
@@ -53,8 +53,8 @@ function FormApp() {
|
|
|
53
53
|
return (
|
|
54
54
|
<>
|
|
55
55
|
<Form onSubmit={(formData) => console.log(formData)}>
|
|
56
|
-
<Input type="email" name="username"
|
|
57
|
-
<Input type="password" name="password"
|
|
56
|
+
<Input type="email" name="username" label="Username" />
|
|
57
|
+
<Input type="password" name="password" label="Password" />
|
|
58
58
|
</Form>
|
|
59
59
|
</>
|
|
60
60
|
);
|
|
@@ -69,6 +69,6 @@ See the [package source](https://github.com/coject/coject) for more details.
|
|
|
69
69
|
**Note:**<br>
|
|
70
70
|
Install [Material UI](https://www.npmjs.com/package/n_) for Coject use in the React.js > 16.
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
### Support
|
|
73
73
|
|
|
74
74
|
Tested in Chrome 74-75, Firefox 66-67, IE 11, Edge 18, Safari 11-12, & Node.js 8-12.
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import { FC
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
export declare const Button: FC<iButton>;
|
|
6
|
-
export {};
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { ButtonProps } from "@mui/material";
|
|
3
|
+
export declare const Button: FC<ButtonProps>;
|
|
@@ -18,10 +18,14 @@ exports.Button = void 0;
|
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
// Material UI
|
|
20
20
|
const material_1 = require("@mui/material");
|
|
21
|
+
// Styles
|
|
22
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
21
23
|
const Button = (_a) => {
|
|
22
|
-
var
|
|
24
|
+
var props = __rest(_a, []);
|
|
25
|
+
const { classes } = (0, theme_1.default)();
|
|
23
26
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
24
|
-
react_1.default.createElement(material_1.
|
|
27
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
28
|
+
react_1.default.createElement(material_1.Button, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children))));
|
|
25
29
|
};
|
|
26
30
|
exports.Button = Button;
|
|
27
31
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAElC,cAAc;AACd,4CAAsE;AAEtE,SAAS;AACT,oDAAgC;AAEzB,MAAM,MAAM,GAAoB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAEhC,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,8BAAC,iBAAS,oBAAK,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAa,CACjD,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB"}
|
|
@@ -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<"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,20 @@
|
|
|
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
|
+
display: "flex",
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
"& button": {
|
|
12
|
+
fontSize: "14px",
|
|
13
|
+
lineHeight: "14px",
|
|
14
|
+
textTransform: "capitalize"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
});
|
|
19
|
+
exports.default = useStyles;
|
|
20
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Button/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { CheckboxProps } from "@mui/material";
|
|
3
|
+
interface iCheckbox extends CheckboxProps {
|
|
4
|
+
name?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
trueValue?: string;
|
|
7
|
+
falseValue?: string;
|
|
5
8
|
}
|
|
6
9
|
export declare const Checkbox: FC<iCheckbox>;
|
|
7
10
|
export {};
|
|
@@ -33,6 +33,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
36
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
40
|
exports.Checkbox = void 0;
|
|
38
41
|
const react_1 = __importStar(require("react"));
|
|
@@ -40,16 +43,21 @@ const react_1 = __importStar(require("react"));
|
|
|
40
43
|
const react_hook_form_1 = require("react-hook-form");
|
|
41
44
|
// Material UI
|
|
42
45
|
const material_1 = require("@mui/material");
|
|
46
|
+
// Styles
|
|
47
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
43
48
|
const Checkbox = (_a) => {
|
|
44
|
-
var { name,
|
|
49
|
+
var { name, label, trueValue, falseValue } = _a, props = __rest(_a, ["name", "label", "trueValue", "falseValue"]);
|
|
50
|
+
const { classes } = (0, theme_1.default)();
|
|
45
51
|
const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
52
|
+
const CheckedValue = (props === null || props === void 0 ? void 0 : props.value) ? (`${props === null || props === void 0 ? void 0 : props.value}` !== (falseValue ? falseValue : "false")) ? (trueValue ? (`${props === null || props === void 0 ? void 0 : props.value}` === trueValue) : true) : false : false;
|
|
46
53
|
// Value
|
|
47
54
|
(0, react_1.useEffect)(() => {
|
|
48
|
-
if (value)
|
|
49
|
-
control && setValue(name, value);
|
|
50
|
-
}, [control, name, setValue, value]);
|
|
55
|
+
if (props === null || props === void 0 ? void 0 : props.value)
|
|
56
|
+
control && setValue(name || "default", props === null || props === void 0 ? void 0 : props.value);
|
|
57
|
+
}, [control, name, setValue, props === null || props === void 0 ? void 0 : props.value]);
|
|
51
58
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
-
react_1.default.createElement(material_1.
|
|
59
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
60
|
+
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, Object.assign({}, (control && register(name || "default")), { defaultChecked: CheckedValue }, props)), label: label ? label : name }))));
|
|
53
61
|
};
|
|
54
62
|
exports.Checkbox = Checkbox;
|
|
55
63
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAiD;AAEjD,cAAc;AACd,4CAA8F;AAE9F,SAAS;AACT,oDAAgC;AAUzB,MAAM,QAAQ,GAAkB,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,OAAY,EAAP,KAAK,cAA9C,4CAAgD,CAAF;IAClF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAChC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAc,GAAE,IAAI,EAAE,CAAC;IAC/D,MAAM,YAAY,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAC,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzK,QAAQ;IACR,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,8BAAC,2BAAgB,IAAC,OAAO,EAAE,8BAAC,mBAAW,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,IAAE,cAAc,EAAE,YAAY,IAAM,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAI,CAChK,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,QAAQ,YAiBnB"}
|
|
@@ -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<"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,24 @@
|
|
|
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
|
+
display: "flex",
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
justifyContent: "flex-start",
|
|
12
|
+
"& .MuiButtonBase-root": {
|
|
13
|
+
padding: "0 9px"
|
|
14
|
+
},
|
|
15
|
+
"& .MuiTypography-root": {
|
|
16
|
+
fontSize: "14px",
|
|
17
|
+
lineHeight: "14px",
|
|
18
|
+
textTransform: "capitalize"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
});
|
|
23
|
+
exports.default = useStyles;
|
|
24
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,YAAY;YAC5B,uBAAuB,EAAE;gBACrB,OAAO,EAAE,OAAO;aACnB;YACD,uBAAuB,EAAE;gBACrB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { DateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
|
|
3
|
+
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
4
|
+
type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
5
|
+
name?: string;
|
|
4
6
|
value?: string;
|
|
7
|
+
views?: string;
|
|
8
|
+
onChange?: any;
|
|
5
9
|
hijri?: boolean;
|
|
6
10
|
format?: string;
|
|
7
|
-
inFormat?: string;
|
|
8
|
-
outFormat?: string;
|
|
9
11
|
minDate?: string;
|
|
10
12
|
maxDate?: string;
|
|
11
|
-
|
|
13
|
+
inFormat?: string;
|
|
14
|
+
outFormat?: string;
|
|
12
15
|
withTime?: boolean;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
16
|
+
textView?: boolean;
|
|
17
|
+
fullWidth?: boolean;
|
|
18
|
+
};
|
|
17
19
|
export declare const DatePicker: FC<iDatePicker>;
|
|
18
20
|
export {};
|
|
@@ -47,12 +47,15 @@ const moment_hijri_1 = __importDefault(require("moment-hijri"));
|
|
|
47
47
|
// Material UI
|
|
48
48
|
const material_1 = require("@mui/material");
|
|
49
49
|
const AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
|
|
50
|
-
const DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
|
|
51
50
|
const AdapterMomentHijri_1 = require("@mui/x-date-pickers/AdapterMomentHijri");
|
|
52
|
-
const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
|
|
53
51
|
const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
52
|
+
const DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
|
|
53
|
+
const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
|
|
54
|
+
// Styles
|
|
55
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
54
56
|
const DatePicker = (_a) => {
|
|
55
|
-
var { name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime,
|
|
57
|
+
var { name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime, textView, fullWidth, onChange } = _a, props = __rest(_a, ["name", "value", "hijri", "format", "inFormat", "outFormat", "minDate", "maxDate", "views", "withTime", "textView", "fullWidth", "onChange"]);
|
|
58
|
+
const { classes } = (0, theme_1.default)();
|
|
56
59
|
const DateComponent = withTime ? DateTimePicker_1.DateTimePicker : DatePicker_1.DatePicker;
|
|
57
60
|
const Views = views ? { views: [`${views}`] } : {};
|
|
58
61
|
const { register, setValue } = (0, react_hook_form_1.useFormContext)() || {};
|
|
@@ -63,21 +66,25 @@ const DatePicker = (_a) => {
|
|
|
63
66
|
: { minDate: (0, moment_1.default)(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: (0, moment_1.default)(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
|
|
64
67
|
// Default Value
|
|
65
68
|
(0, react_1.useEffect)(() => {
|
|
66
|
-
register && !!Object.keys(register).length && setValue(name, selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
69
|
+
register && !!Object.keys(register).length && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
67
70
|
}, [register, setValue, name, selectedDate, outFormat]);
|
|
68
71
|
// Normal Value
|
|
69
72
|
(0, react_1.useEffect)(() => {
|
|
70
73
|
if (value) {
|
|
71
74
|
const ValueFormat = hijri ? (0, moment_hijri_1.default)(value, inFormat ? inFormat : "DD-MM-YYYY") : (0, moment_1.default)(value, inFormat ? inFormat : "DD-MM-YYYY");
|
|
72
75
|
setSelectedDate(ValueFormat);
|
|
73
|
-
register && !!Object.keys(register).length && setValue(name, ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
76
|
+
register && !!Object.keys(register).length && setValue(name || "default", ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
74
77
|
}
|
|
75
78
|
}, [value, setValue, register, name, hijri, inFormat, outFormat]);
|
|
76
|
-
return (react_1.default.createElement(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
80
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
81
|
+
react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri_1.AdapterMomentHijri : AdapterMoment_1.AdapterMoment }, textView
|
|
82
|
+
? react_1.default.createElement(material_1.Typography, null, selectedDate.format(format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))
|
|
83
|
+
: react_1.default.createElement(DateComponent, Object.assign({ className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate }, Calendar, Views, props, { format: format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY", onChange: (newValue) => {
|
|
84
|
+
setSelectedDate(newValue);
|
|
85
|
+
onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
86
|
+
register && !!Object.keys(register).length && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
87
|
+
} }))))));
|
|
81
88
|
};
|
|
82
89
|
exports.DatePicker = DatePicker;
|
|
83
90
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AAEvD,kBAAkB;AAClB,qDAAiD;AAEjD,SAAS;AACT,oDAA4B;AAC5B,gEAAuC;AAEvC,cAAc;AACd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/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<"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,39 @@
|
|
|
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
|
+
"& .MuiFormControl-fullWidth": {
|
|
28
|
+
width: "100%"
|
|
29
|
+
},
|
|
30
|
+
"& .MuiAutocomplete-root": {
|
|
31
|
+
"& .MuiInputBase-root, & input": {
|
|
32
|
+
cursor: "pointer"
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
});
|
|
38
|
+
exports.default = useStyles;
|
|
39
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
+
import { GridColDef } from "@mui/x-data-grid";
|
|
3
|
+
type iSchema = GridColDef & {
|
|
4
|
+
component?: string;
|
|
5
|
+
componentProps?: any;
|
|
6
|
+
componentMedia?: any;
|
|
7
|
+
};
|
|
2
8
|
interface iForm {
|
|
3
|
-
schema?: any;
|
|
4
9
|
mode?: string;
|
|
5
10
|
name?: string;
|
|
6
11
|
getForm?: any;
|
|
@@ -9,6 +14,7 @@ interface iForm {
|
|
|
9
14
|
dispatch?: any;
|
|
10
15
|
setModal?: any;
|
|
11
16
|
dataSource?: any;
|
|
17
|
+
schema?: iSchema | any;
|
|
12
18
|
onSubmitClear?: boolean;
|
|
13
19
|
}
|
|
14
20
|
export declare const Form: FC<iForm>;
|
|
@@ -26,6 +26,7 @@ const material_1 = require("@mui/material");
|
|
|
26
26
|
const Input_1 = require("../Input");
|
|
27
27
|
const Switch_1 = require("../Switch");
|
|
28
28
|
const Select_1 = require("../Select");
|
|
29
|
+
const Checkbox_1 = require("../Checkbox");
|
|
29
30
|
const DatePicker_1 = require("../DatePicker");
|
|
30
31
|
// Styles
|
|
31
32
|
const theme_1 = __importDefault(require("./theme"));
|
|
@@ -56,34 +57,33 @@ const Form = (_a) => {
|
|
|
56
57
|
react_1.default.createElement("form", Object.assign({ className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit) }, props),
|
|
57
58
|
react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
|
|
58
59
|
schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && schema.map((field, index) => {
|
|
59
|
-
var _a, _b, _c, _d, _e, _f
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
switch ((_c = field.component) === null || _c === void 0 ? void 0 : _c.toLowerCase()) {
|
|
60
|
+
var _a, _b, _c, _d, _e, _f;
|
|
61
|
+
switch ((_a = field.component) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
|
|
62
|
+
case "date":
|
|
63
|
+
return field.actionTemplate
|
|
64
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
65
|
+
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
66
|
+
react_1.default.createElement(DatePicker_1.DatePicker, Object.assign({ fullWidth: true, name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_b = field === null || field === void 0 ? void 0 : field.componentProps) === null || _b === void 0 ? void 0 : _b.value) }))));
|
|
67
67
|
case "input":
|
|
68
68
|
return field.actionTemplate
|
|
69
69
|
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
70
|
-
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.
|
|
71
|
-
react_1.default.createElement(Input_1.Input, Object.assign({ fullWidth: true, name: field.field }, field.
|
|
70
|
+
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
71
|
+
react_1.default.createElement(Input_1.Input, Object.assign({ fullWidth: true, name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_c = field === null || field === void 0 ? void 0 : field.componentProps) === null || _c === void 0 ? void 0 : _c.value) }))));
|
|
72
72
|
case "switch":
|
|
73
73
|
return field.actionTemplate
|
|
74
74
|
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
75
|
-
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.
|
|
76
|
-
react_1.default.createElement(Switch_1.Switch, Object.assign({ name: field.field }, field.
|
|
77
|
-
case "
|
|
75
|
+
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
76
|
+
react_1.default.createElement(Switch_1.Switch, Object.assign({ name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_d = field === null || field === void 0 ? void 0 : field.componentProps) === null || _d === void 0 ? void 0 : _d.value) }))));
|
|
77
|
+
case "checkbox":
|
|
78
78
|
return field.actionTemplate
|
|
79
79
|
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
80
|
-
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.
|
|
81
|
-
react_1.default.createElement(
|
|
82
|
-
case "
|
|
80
|
+
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
81
|
+
react_1.default.createElement(Checkbox_1.Checkbox, Object.assign({ name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_e = field === null || field === void 0 ? void 0 : field.componentProps) === null || _e === void 0 ? void 0 : _e.value) }))));
|
|
82
|
+
case "select":
|
|
83
83
|
return field.actionTemplate
|
|
84
84
|
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
85
|
-
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.
|
|
86
|
-
react_1.default.createElement(
|
|
85
|
+
: (react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
86
|
+
react_1.default.createElement(Select_1.Select, Object.assign({ name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_f = field === null || field === void 0 ? void 0 : field.componentProps) === null || _f === void 0 ? void 0 : _f.value) }))));
|
|
87
87
|
default:
|
|
88
88
|
return null;
|
|
89
89
|
}
|
|
@@ -97,14 +97,14 @@ const Form = (_a) => {
|
|
|
97
97
|
}
|
|
98
98
|
else {
|
|
99
99
|
return react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
|
|
100
|
-
react_1.default.createElement(material_1.Button, Object.assign({}, field.
|
|
100
|
+
react_1.default.createElement(material_1.Button, Object.assign({}, field.componentProps), field.field));
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
else
|
|
104
104
|
return null;
|
|
105
105
|
})
|
|
106
106
|
: react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
|
|
107
|
-
react_1.default.createElement(material_1.Button, { fullWidth: true, type: "submit", variant: "
|
|
107
|
+
react_1.default.createElement(material_1.Button, { fullWidth: true, type: "submit", variant: "outlined" }, "Save")))))));
|
|
108
108
|
};
|
|
109
109
|
exports.Form = Form;
|
|
110
110
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAElC,kBAAkB;AAClB,qDAAwD;AAExD,UAAU;AACV,6CAAyC;AAEzC,cAAc;AACd,4CAA6C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const mui_1 = require("tss-react/mui");
|
|
4
|
-
const useStyles = (0, mui_1.makeStyles)()((
|
|
4
|
+
const useStyles = (0, mui_1.makeStyles)()(() => {
|
|
5
5
|
return {
|
|
6
6
|
root: {
|
|
7
7
|
width: "100%",
|
|
8
8
|
"& button": {
|
|
9
|
-
padding: "15px"
|
|
9
|
+
padding: "9px 15px",
|
|
10
|
+
textTransform: "capitalize"
|
|
10
11
|
}
|
|
11
12
|
}
|
|
12
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU;gBACnB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { DataGridProps, GridColDef } from "@mui/x-data-grid";
|
|
3
|
+
type iSchema = GridColDef & {
|
|
4
|
+
component?: string;
|
|
5
|
+
componentProps?: any;
|
|
6
|
+
componentMedia?: any;
|
|
7
|
+
};
|
|
8
|
+
interface iGrid extends DataGridProps {
|
|
4
9
|
dispatch?: any;
|
|
5
10
|
dataSource?: any;
|
|
6
|
-
actions?: boolean;
|
|
7
11
|
toolbar?: boolean;
|
|
8
|
-
|
|
9
|
-
|
|
12
|
+
actions?: boolean;
|
|
13
|
+
onAddSubmit?: any;
|
|
14
|
+
onEditSubmit?: any;
|
|
15
|
+
schema?: iSchema | any;
|
|
10
16
|
}
|
|
11
|
-
export declare const Grid: FC<iGrid
|
|
17
|
+
export declare const Grid: FC<Omit<iGrid, "rows" | "columns">>;
|
|
12
18
|
export {};
|