coject 2.4.34 → 2.4.36
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/Components/Email/index.d.ts +21 -0
- package/dist/cjs/Components/Email/index.js +43 -0
- package/dist/cjs/Components/Email/index.js.map +1 -0
- package/dist/cjs/Components/Email/theme.d.ts +10 -0
- package/dist/cjs/Components/Email/theme.js +10 -0
- package/dist/cjs/Components/Email/theme.js.map +1 -0
- package/dist/cjs/Components/Form/index.js +10 -0
- package/dist/cjs/Components/Form/index.js.map +1 -1
- package/dist/cjs/Components/Phone/index.d.ts +22 -0
- package/dist/cjs/Components/Phone/index.js +53 -0
- package/dist/cjs/Components/Phone/index.js.map +1 -0
- package/dist/cjs/Components/Phone/theme.d.ts +10 -0
- package/dist/cjs/Components/Phone/theme.js +10 -0
- package/dist/cjs/Components/Phone/theme.js.map +1 -0
- package/dist/cjs/Components/index.d.ts +2 -0
- package/dist/cjs/Components/index.js +7 -1
- package/dist/cjs/Components/index.js.map +1 -1
- package/dist/esm/Components/Email/index.d.ts +21 -0
- package/dist/esm/Components/Email/index.js +16 -0
- package/dist/esm/Components/Email/index.js.map +1 -0
- package/dist/esm/Components/Email/theme.d.ts +10 -0
- package/dist/esm/Components/Email/theme.js +8 -0
- package/dist/esm/Components/Email/theme.js.map +1 -0
- package/dist/esm/Components/Form/index.js +11 -1
- package/dist/esm/Components/Form/index.js.map +1 -1
- package/dist/esm/Components/Phone/index.d.ts +22 -0
- package/dist/esm/Components/Phone/index.js +26 -0
- package/dist/esm/Components/Phone/index.js.map +1 -0
- package/dist/esm/Components/Phone/theme.d.ts +10 -0
- package/dist/esm/Components/Phone/theme.js +8 -0
- package/dist/esm/Components/Phone/theme.js.map +1 -0
- package/dist/esm/Components/index.d.ts +2 -0
- package/dist/esm/Components/index.js +4 -0
- package/dist/esm/Components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
|
3
|
+
type iEmail = Omit<TextFieldProps, "type" | "validation" | "required"> & {
|
|
4
|
+
name: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
value?: string | number;
|
|
8
|
+
validation?: {
|
|
9
|
+
pattern?: {
|
|
10
|
+
value: RegExp;
|
|
11
|
+
message: string;
|
|
12
|
+
};
|
|
13
|
+
required?: string | boolean;
|
|
14
|
+
};
|
|
15
|
+
errorMessages?: {
|
|
16
|
+
required?: string;
|
|
17
|
+
pattern?: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export declare const Email: FC<iEmail>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Email = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
// Coject
|
|
29
|
+
const Input_1 = require("../Input");
|
|
30
|
+
const Email = ({ name, label, helperText, value, validation, errorMessages, ...props }) => {
|
|
31
|
+
const validate = (0, react_1.useMemo)(() => {
|
|
32
|
+
return {
|
|
33
|
+
pattern: validation?.pattern ?? {
|
|
34
|
+
value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
|
|
35
|
+
message: errorMessages?.pattern ?? "Please enter a valid email address"
|
|
36
|
+
},
|
|
37
|
+
required: errorMessages?.required ?? "Email is required"
|
|
38
|
+
};
|
|
39
|
+
}, [validation]);
|
|
40
|
+
return (react_1.default.createElement(Input_1.Input, { name: name, label: label || "Email", type: "email", helperText: helperText, validation: validate, value: value, ...props }));
|
|
41
|
+
};
|
|
42
|
+
exports.Email = Email;
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Email/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAK3C,SAAS;AACT,oCAAiC;AAiB1B,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzG,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI;gBAC5B,KAAK,EAAE,4BAA4B;gBACnC,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,oCAAoC;aAC1E;YACD,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,mBAAmB;SAC3D,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,8BAAC,aAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CACrI,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,KAAK,SAchB"}
|
|
@@ -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,10 @@
|
|
|
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)()(() => {
|
|
5
|
+
return {
|
|
6
|
+
root: {},
|
|
7
|
+
};
|
|
8
|
+
});
|
|
9
|
+
exports.default = useStyles;
|
|
10
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Email/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE,EAEL;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -55,6 +55,16 @@ const Form = ({ mode, id, getForm, schema, dataSource, localeText, className, st
|
|
|
55
55
|
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
56
56
|
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
57
57
|
react_1.default.createElement(index_1.Input, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
58
|
+
case "email":
|
|
59
|
+
return field.actionTemplate
|
|
60
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
61
|
+
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
62
|
+
react_1.default.createElement(index_1.Email, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
63
|
+
case "phone":
|
|
64
|
+
return field.actionTemplate
|
|
65
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
66
|
+
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
67
|
+
react_1.default.createElement(index_1.Phone, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
58
68
|
case "switch":
|
|
59
69
|
return field.actionTemplate
|
|
60
70
|
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAE7C,kBAAkB;AAClB,qDAAwD;AAExD,UAAU;AACV,6CAAyC;AAEzC,cAAc;AACd,4CAA6C;AAG7C,SAAS;AACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
|
3
|
+
type iPhone = Omit<TextFieldProps, "type" | "validation" | "required" | "onChange"> & {
|
|
4
|
+
name: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
value?: string | number;
|
|
8
|
+
validation?: {
|
|
9
|
+
pattern?: {
|
|
10
|
+
value: RegExp;
|
|
11
|
+
message: string;
|
|
12
|
+
};
|
|
13
|
+
required?: string | boolean;
|
|
14
|
+
};
|
|
15
|
+
errorMessages?: {
|
|
16
|
+
required?: string;
|
|
17
|
+
pattern?: string;
|
|
18
|
+
};
|
|
19
|
+
onChange?: (value: string) => void;
|
|
20
|
+
};
|
|
21
|
+
export declare const Phone: FC<iPhone>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Phone = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
// Material UI
|
|
29
|
+
const material_1 = require("@mui/material");
|
|
30
|
+
// Coject
|
|
31
|
+
const Input_1 = require("../Input");
|
|
32
|
+
const Phone = ({ name, label, helperText, value, validation, onChange, errorMessages, ...props }) => {
|
|
33
|
+
const validate = (0, react_1.useMemo)(() => {
|
|
34
|
+
return {
|
|
35
|
+
pattern: validation?.pattern ?? {
|
|
36
|
+
value: /^\d{9}$/,
|
|
37
|
+
message: errorMessages?.pattern ?? "Please enter a valid Saudi phone number (9 digits only)",
|
|
38
|
+
},
|
|
39
|
+
required: errorMessages?.required ?? "Phone number is required",
|
|
40
|
+
};
|
|
41
|
+
}, [validation]);
|
|
42
|
+
const handleChange = (e) => {
|
|
43
|
+
const numericValue = e.target.value.replace(/\D/g, "");
|
|
44
|
+
onChange?.(`966${numericValue}`);
|
|
45
|
+
};
|
|
46
|
+
const displayValue = typeof value === "string" && value.startsWith("966") ? value.slice(3) : value || "";
|
|
47
|
+
return (react_1.default.createElement(Input_1.Input, { name: name, label: label || "Phone", helperText: helperText, validation: validate, value: displayValue, onChange: handleChange, inputProps: { maxLength: 9, inputMode: "numeric", pattern: "[0-9]*" }, InputProps: {
|
|
48
|
+
...props.InputProps,
|
|
49
|
+
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" }, "966+"))
|
|
50
|
+
}, ...props }));
|
|
51
|
+
};
|
|
52
|
+
exports.Phone = Phone;
|
|
53
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AAExD,cAAc;AACd,4CAA+D;AAE/D,SAAS;AACT,oCAAiC;AAkB1B,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EACH,UAAU,EAAE,OAAO,IAAI;gBACnB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,yDAAyD;aAC/F;YACL,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,0BAA0B;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACvD,QAAQ,EAAE,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;IAEzG,OAAO,CACH,8BAAC,aAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EACjI,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrE,UAAU,EAAE;YACR,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,CACV,8BAAC,yBAAc,IAAC,QAAQ,EAAC,KAAK,WAAsB,CACvD;SACJ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AA/BW,QAAA,KAAK,SA+BhB"}
|
|
@@ -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,10 @@
|
|
|
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)()(() => {
|
|
5
|
+
return {
|
|
6
|
+
root: {}
|
|
7
|
+
};
|
|
8
|
+
});
|
|
9
|
+
exports.default = useStyles;
|
|
10
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE,EAEL;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -2,6 +2,8 @@ export { Form } from "./Form";
|
|
|
2
2
|
export { Grid } from "./Grid";
|
|
3
3
|
export { Modal } from "./Modal";
|
|
4
4
|
export { Input } from "./Input";
|
|
5
|
+
export { Email } from "./Email";
|
|
6
|
+
export { Phone } from "./Phone";
|
|
5
7
|
export { Select } from "./Select";
|
|
6
8
|
export { Button } from "./Button";
|
|
7
9
|
export { Switch } from "./Switch";
|
|
@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.Icons = exports.Scanner = exports.PDFGenerator = exports.Upload = exports.DatePicker = exports.Checkbox = exports.Switch = exports.Button = exports.Select = exports.Input = exports.Modal = exports.Grid = exports.Form = void 0;
|
|
26
|
+
exports.Icons = exports.Scanner = exports.PDFGenerator = exports.Upload = exports.DatePicker = exports.Checkbox = exports.Switch = exports.Button = exports.Select = exports.Phone = exports.Email = exports.Input = exports.Modal = exports.Grid = exports.Form = void 0;
|
|
27
27
|
// Material MUI Icons
|
|
28
28
|
const MuiIcons = __importStar(require("@mui/icons-material"));
|
|
29
29
|
// Form
|
|
@@ -38,6 +38,12 @@ Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { r
|
|
|
38
38
|
// Input
|
|
39
39
|
var Input_1 = require("./Input");
|
|
40
40
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
|
41
|
+
// Email
|
|
42
|
+
var Email_1 = require("./Email");
|
|
43
|
+
Object.defineProperty(exports, "Email", { enumerable: true, get: function () { return Email_1.Email; } });
|
|
44
|
+
// Phone
|
|
45
|
+
var Phone_1 = require("./Phone");
|
|
46
|
+
Object.defineProperty(exports, "Phone", { enumerable: true, get: function () { return Phone_1.Phone; } });
|
|
41
47
|
// Select
|
|
42
48
|
var Select_1 = require("./Select");
|
|
43
49
|
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAgD;AAEhD,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,WAAW;AACX,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,OAAO;AACP,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,OAAO;AACP,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,gBAAgB;AAChB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,UAAU;AACV,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,QAAQ;AACK,QAAA,KAAK,GAAQ,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAgD;AAEhD,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,OAAO;AACP,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,QAAQ;AACR,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,SAAS;AACT,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,WAAW;AACX,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,OAAO;AACP,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,OAAO;AACP,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,gBAAgB;AAChB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,UAAU;AACV,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,QAAQ;AACK,QAAA,KAAK,GAAQ,QAAQ,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
|
3
|
+
type iEmail = Omit<TextFieldProps, "type" | "validation" | "required"> & {
|
|
4
|
+
name: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
value?: string | number;
|
|
8
|
+
validation?: {
|
|
9
|
+
pattern?: {
|
|
10
|
+
value: RegExp;
|
|
11
|
+
message: string;
|
|
12
|
+
};
|
|
13
|
+
required?: string | boolean;
|
|
14
|
+
};
|
|
15
|
+
errorMessages?: {
|
|
16
|
+
required?: string;
|
|
17
|
+
pattern?: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export declare const Email: FC<iEmail>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
// Coject
|
|
3
|
+
import { Input } from "../Input";
|
|
4
|
+
export const Email = ({ name, label, helperText, value, validation, errorMessages, ...props }) => {
|
|
5
|
+
const validate = useMemo(() => {
|
|
6
|
+
return {
|
|
7
|
+
pattern: validation?.pattern ?? {
|
|
8
|
+
value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
|
|
9
|
+
message: errorMessages?.pattern ?? "Please enter a valid email address"
|
|
10
|
+
},
|
|
11
|
+
required: errorMessages?.required ?? "Email is required"
|
|
12
|
+
};
|
|
13
|
+
}, [validation]);
|
|
14
|
+
return (React.createElement(Input, { name: name, label: label || "Email", type: "email", helperText: helperText, validation: validate, value: value, ...props }));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Email/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AAK3C,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAiBjC,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzG,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI;gBAC5B,KAAK,EAAE,4BAA4B;gBACnC,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,oCAAoC;aAC1E;YACD,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,mBAAmB;SAC3D,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CACrI,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Email/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE,EAEL;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { Request } from "../../Services";
|
|
|
6
6
|
// Material UI
|
|
7
7
|
import { Grid, Button } from "@mui/material";
|
|
8
8
|
// Coject
|
|
9
|
-
import { Input, Switch, Select, Checkbox, DatePicker, Upload, Scanner } from "../index";
|
|
9
|
+
import { Input, Switch, Select, Checkbox, DatePicker, Upload, Scanner, Email, Phone } from "../index";
|
|
10
10
|
// Styles
|
|
11
11
|
import useStyles from "./theme";
|
|
12
12
|
export const Form = ({ mode, id, getForm, schema, dataSource, localeText, className, staticData, customKey, onSubmit, onSubmitClear, setModal, dispatch, callback, onError, noRequest, invisibility, children, ...props }) => {
|
|
@@ -49,6 +49,16 @@ export const Form = ({ mode, id, getForm, schema, dataSource, localeText, classN
|
|
|
49
49
|
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
50
50
|
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
51
51
|
React.createElement(Input, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
52
|
+
case "email":
|
|
53
|
+
return field.actionTemplate
|
|
54
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
55
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
56
|
+
React.createElement(Email, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
57
|
+
case "phone":
|
|
58
|
+
return field.actionTemplate
|
|
59
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
60
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
61
|
+
React.createElement(Phone, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
52
62
|
case "switch":
|
|
53
63
|
return field.actionTemplate
|
|
54
64
|
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAExD,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,cAAc;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG7C,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
|
3
|
+
type iPhone = Omit<TextFieldProps, "type" | "validation" | "required" | "onChange"> & {
|
|
4
|
+
name: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
value?: string | number;
|
|
8
|
+
validation?: {
|
|
9
|
+
pattern?: {
|
|
10
|
+
value: RegExp;
|
|
11
|
+
message: string;
|
|
12
|
+
};
|
|
13
|
+
required?: string | boolean;
|
|
14
|
+
};
|
|
15
|
+
errorMessages?: {
|
|
16
|
+
required?: string;
|
|
17
|
+
pattern?: string;
|
|
18
|
+
};
|
|
19
|
+
onChange?: (value: string) => void;
|
|
20
|
+
};
|
|
21
|
+
export declare const Phone: FC<iPhone>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
// Material UI
|
|
3
|
+
import { InputAdornment } from "@mui/material";
|
|
4
|
+
// Coject
|
|
5
|
+
import { Input } from "../Input";
|
|
6
|
+
export const Phone = ({ name, label, helperText, value, validation, onChange, errorMessages, ...props }) => {
|
|
7
|
+
const validate = useMemo(() => {
|
|
8
|
+
return {
|
|
9
|
+
pattern: validation?.pattern ?? {
|
|
10
|
+
value: /^\d{9}$/,
|
|
11
|
+
message: errorMessages?.pattern ?? "Please enter a valid Saudi phone number (9 digits only)",
|
|
12
|
+
},
|
|
13
|
+
required: errorMessages?.required ?? "Phone number is required",
|
|
14
|
+
};
|
|
15
|
+
}, [validation]);
|
|
16
|
+
const handleChange = (e) => {
|
|
17
|
+
const numericValue = e.target.value.replace(/\D/g, "");
|
|
18
|
+
onChange?.(`966${numericValue}`);
|
|
19
|
+
};
|
|
20
|
+
const displayValue = typeof value === "string" && value.startsWith("966") ? value.slice(3) : value || "";
|
|
21
|
+
return (React.createElement(Input, { name: name, label: label || "Phone", helperText: helperText, validation: validate, value: displayValue, onChange: handleChange, inputProps: { maxLength: 9, inputMode: "numeric", pattern: "[0-9]*" }, InputProps: {
|
|
22
|
+
...props.InputProps,
|
|
23
|
+
endAdornment: (React.createElement(InputAdornment, { position: "end" }, "966+"))
|
|
24
|
+
}, ...props }));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAe,MAAM,OAAO,CAAC;AAExD,cAAc;AACd,OAAO,EAAkB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAkBjC,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EACH,UAAU,EAAE,OAAO,IAAI;gBACnB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,yDAAyD;aAC/F;YACL,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,0BAA0B;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACvD,QAAQ,EAAE,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;IAEzG,OAAO,CACH,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EACjI,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrE,UAAU,EAAE;YACR,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,CACV,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,WAAsB,CACvD;SACJ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE,EAEL;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -2,6 +2,8 @@ export { Form } from "./Form";
|
|
|
2
2
|
export { Grid } from "./Grid";
|
|
3
3
|
export { Modal } from "./Modal";
|
|
4
4
|
export { Input } from "./Input";
|
|
5
|
+
export { Email } from "./Email";
|
|
6
|
+
export { Phone } from "./Phone";
|
|
5
7
|
export { Select } from "./Select";
|
|
6
8
|
export { Button } from "./Button";
|
|
7
9
|
export { Switch } from "./Switch";
|
|
@@ -8,6 +8,10 @@ export { Grid } from "./Grid";
|
|
|
8
8
|
export { Modal } from "./Modal";
|
|
9
9
|
// Input
|
|
10
10
|
export { Input } from "./Input";
|
|
11
|
+
// Email
|
|
12
|
+
export { Email } from "./Email";
|
|
13
|
+
// Phone
|
|
14
|
+
export { Phone } from "./Phone";
|
|
11
15
|
// Select
|
|
12
16
|
export { Select } from "./Select";
|
|
13
17
|
// Button
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,WAAW;AACX,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO;AACP,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO;AACP,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ;AACR,MAAM,CAAC,MAAM,KAAK,GAAQ,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Components/index.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,WAAW;AACX,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO;AACP,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO;AACP,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ;AACR,MAAM,CAAC,MAAM,KAAK,GAAQ,QAAQ,CAAC"}
|