graphql-form-mui 0.0.3 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/components/ArrayField.js +1 -1
- package/lib/components/ArrayField.js.map +1 -1
- package/lib/components/EnumField.js +1 -1
- package/lib/components/EnumField.js.map +1 -1
- package/lib/components/FormField.js +2 -1
- package/lib/components/FormField.js.map +1 -1
- package/lib/components/FormLabel.d.ts +4 -1
- package/lib/components/FormLabel.js +20 -4
- package/lib/components/FormLabel.js.map +1 -1
- package/lib/components/ObjectField.js +1 -1
- package/lib/components/ObjectField.js.map +1 -1
- package/lib/components/UniversalField.js +3 -1
- package/lib/components/UniversalField.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ArrayField.tsx +2 -2
- package/src/components/EnumField.tsx +3 -1
- package/src/components/FormField.tsx +2 -1
- package/src/components/FormLabel.tsx +30 -5
- package/src/components/ObjectField.tsx +1 -1
- package/src/components/UniversalField.tsx +3 -0
@@ -58,7 +58,7 @@ var ArrayField = function (props) {
|
|
58
58
|
react_1.default.createElement(material_1.Button, { onClick: function () {
|
59
59
|
formValuePointer.push({});
|
60
60
|
onChange(__assign(__assign({}, formObject), { value: formValuePointer }));
|
61
|
-
}, endIcon: react_1.default.createElement(icons_material_1.
|
61
|
+
}, endIcon: react_1.default.createElement(icons_material_1.Add, null) }, "Add ".concat(f.name))));
|
62
62
|
};
|
63
63
|
exports.default = ArrayField;
|
64
64
|
//# sourceMappingURL=ArrayField.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ArrayField.js","sourceRoot":"","sources":["../../src/components/ArrayField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAA0D;AAC1D,6CAAgF;AAChF,mDAAuD;AACvD,gDAA0B;AAC1B,
|
1
|
+
{"version":3,"file":"ArrayField.js","sourceRoot":"","sources":["../../src/components/ArrayField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAA0D;AAC1D,6CAAgF;AAChF,mDAAuD;AACvD,gDAA0B;AAC1B,sDAA6E;AAE7E,IAAM,UAAU,GAIZ,UAAC,KAAK;IACE,IAAA,UAAU,GAAkB,KAAK,WAAvB,EAAE,QAAQ,GAAQ,KAAK,SAAb,EAAE,CAAC,GAAK,KAAK,EAAV,CAAW;IAC1C,UAAU,CAAC,KAAK,KAAhB,UAAU,CAAC,KAAK,GAAK,EAAE,EAAC;IACxB,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,KAAK,EAAE;QACzC,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACzC;IACD,IAAM,gBAAgB,yBACf,CAAC,KACJ,IAAI,wBACG,CAAC,CAAC,IAAI,KACT,SAAS,eACF,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,OAGnC,CAAC;IACF,IAAM,gBAAgB,GAAG,UAAU,CAAC,KAAyB,CAAC;IAC9D,OAAO,CACH,8BAAC,gBAAK;QACD,gBAAgB,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAS,EAAE,GAAG;YACpC,gBAAgB,CAAC,CAAC,MAAlB,gBAAgB,CAAC,CAAC,IAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAC;YACnD,OAAO,CACH,8BAAC,gBAAK,IAAC,GAAG,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC;gBAClB,8BAAC,uBAAQ,aACL,GAAG,EAAE,CAAC,IACF,KAAK,IACT,CAAC,wBACM,gBAAgB,KACnB,IAAI,EAAE,UAAG,gBAAgB,CAAC,IAAI,cAAI,CAAC,MAAG,KAE1C,QAAQ,EAAE,UAAC,CAAC;wBACR,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;wBACxB,QAAQ,uBACD,UAAU,KACb,KAAK,EAAE,gBAAgB,IACzB,CAAC;oBACP,CAAC,EACD,UAAU,EAAE,CAAe;oBAE3B,8BAAC,gBAAK,IAAC,SAAS,EAAC,KAAK;wBAClB,8BAAC,qBAAU,IACP,OAAO,EAAE;gCACL,QAAQ,uBACD,UAAU,KACb,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CAAC,KAAK,KAAK,EAAX,CAAW,CAAC,IAC3D,CAAC;4BACP,CAAC;4BAED,8BAAC,sBAAK,OAAG,CACA;wBACZ,CAAC,KAAK,CAAC,IAAI,CACR,8BAAC,qBAAU,IACP,OAAO,EAAE;gCACL,IAAM,QAAQ,GAAG,CAAC,CAAC;gCACnB,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gCAC9C,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;gCACnC,QAAQ,uBACD,UAAU,KACb,KAAK,EAAE,gBAAgB,IACzB,CAAC;4BACP,CAAC;4BAED,8BAAC,4BAAW,OAAG,CACN,CAChB;wBACA,CAAC,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,8BAAC,qBAAU,IACP,OAAO,EAAE;gCACL,IAAM,QAAQ,GAAG,CAAC,CAAC;gCACnB,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gCAC9C,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;gCACnC,QAAQ,uBACD,UAAU,KACb,KAAK,EAAE,gBAAgB,IACzB,CAAC;4BACP,CAAC;4BAED,8BAAC,8BAAa,OAAG,CACR,CAChB,CACG,CACD,CACP,CACX,CAAC;QACN,CAAC,CAAC;QAEF,8BAAC,iBAAM,IACH,OAAO,EAAE;gBACL,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC1B,QAAQ,uBACD,UAAU,KACb,KAAK,EAAE,gBAAgB,IACzB,CAAC;YACP,CAAC,EACD,OAAO,EAAE,8BAAC,oBAAG,OAAG,IAEf,cAAO,CAAC,CAAC,IAAI,CAAE,CACX,CACL,CACX,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,UAAU,CAAC"}
|
@@ -33,6 +33,6 @@ exports.default = (function (_a) {
|
|
33
33
|
})) || [];
|
34
34
|
return (react_1.default.createElement(material_1.Select, { placeholder: f.name, value: formObject.value, onChange: function (e) {
|
35
35
|
onChange(__assign(__assign({}, formObject), { value: e.target.value }));
|
36
|
-
} }, options.map(function (o) { return (react_1.default.createElement(material_1.MenuItem, { value: o.value }, o.label)); })));
|
36
|
+
} }, options.map(function (o) { return (react_1.default.createElement(material_1.MenuItem, { key: o.value, value: o.value }, o.label)); })));
|
37
37
|
});
|
38
38
|
//# sourceMappingURL=EnumField.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EnumField.js","sourceRoot":"","sources":["../../src/components/EnumField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAiD;AAEjD,mDAA8C;AAC9C,gDAA0B;AAC1B,mBAAe,UAAC,EAAmD;;QAAjD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,CAAC,OAAA;IAC5C,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,IAAA,6BAAW,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAAC,CAAC;IAC7E,IAAI,CAAC,QAAQ,EAAE;QACX,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACzC;IACD,IAAM,OAAO,GACT,CAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,GAAG,CAAC,UAAC,EAAe;YAAP,KAAK,UAAA;QAAO,OAAA,CAAC;YACrC,KAAK,OAAA;YACL,KAAK,EAAE,KAAK;SACf,CAAC;IAHsC,CAGtC,CAAC,KAAI,EAAE,CAAC;IACd,OAAO,CACH,8BAAC,iBAAM,IACH,WAAW,EAAE,CAAC,CAAC,IAAI,EACnB,KAAK,EAAE,UAAU,CAAC,KAA2B,EAC7C,QAAQ,EAAE,UAAC,CAAC;YACR,QAAQ,uBACD,UAAU,KACb,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IACvB,CAAC;QACP,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAChB,8BAAC,mBAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,
|
1
|
+
{"version":3,"file":"EnumField.js","sourceRoot":"","sources":["../../src/components/EnumField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAiD;AAEjD,mDAA8C;AAC9C,gDAA0B;AAC1B,mBAAe,UAAC,EAAmD;;QAAjD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,CAAC,OAAA;IAC5C,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,IAAA,6BAAW,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAAC,CAAC;IAC7E,IAAI,CAAC,QAAQ,EAAE;QACX,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACzC;IACD,IAAM,OAAO,GACT,CAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,GAAG,CAAC,UAAC,EAAe;YAAP,KAAK,UAAA;QAAO,OAAA,CAAC;YACrC,KAAK,OAAA;YACL,KAAK,EAAE,KAAK;SACf,CAAC;IAHsC,CAGtC,CAAC,KAAI,EAAE,CAAC;IACd,OAAO,CACH,8BAAC,iBAAM,IACH,WAAW,EAAE,CAAC,CAAC,IAAI,EACnB,KAAK,EAAE,UAAU,CAAC,KAA2B,EAC7C,QAAQ,EAAE,UAAC,CAAC;YACR,QAAQ,uBACD,UAAU,KACb,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IACvB,CAAC;QACP,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAChB,8BAAC,mBAAQ,IAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,IACjC,CAAC,CAAC,KAAK,CACD,CACd,EAJmB,CAInB,CAAC,CACG,CACZ,CAAC;AACN,CAAC,EAAC"}
|
@@ -3,10 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
4
|
};
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var material_1 = require("@mui/material");
|
6
7
|
var react_1 = __importDefault(require("react"));
|
7
8
|
var FormField = function (_a) {
|
8
9
|
var children = _a.children;
|
9
|
-
return react_1.default.createElement(
|
10
|
+
return react_1.default.createElement(material_1.FormControl, { fullWidth: true }, children);
|
10
11
|
};
|
11
12
|
exports.default = FormField;
|
12
13
|
//# sourceMappingURL=FormField.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/components/FormField.tsx"],"names":[],"mappings":";;;;;
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/components/FormField.tsx"],"names":[],"mappings":";;;;;AAAA,0CAA4C;AAE5C,gDAA0B;AAC1B,IAAM,SAAS,GAA8B,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,8BAAC,sBAAW,IAAC,SAAS,UAAE,QAAQ,CAAe;AAA/C,CAA+C,CAAC;AAE/G,kBAAe,SAAS,CAAC"}
|
@@ -1,4 +1,7 @@
|
|
1
1
|
import { PassedFormProps } from 'graphql-form';
|
2
2
|
import React from 'react';
|
3
|
-
declare const FormLabel: React.FC<PassedFormProps
|
3
|
+
declare const FormLabel: React.FC<PassedFormProps & {
|
4
|
+
open?: boolean;
|
5
|
+
setOpen: (b: boolean) => void;
|
6
|
+
}>;
|
4
7
|
export default FormLabel;
|
@@ -3,10 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
4
|
};
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var material_1 = require("@mui/material");
|
7
|
+
var icons_material_1 = require("@mui/icons-material");
|
8
|
+
var graphql_js_tree_1 = require("graphql-js-tree");
|
6
9
|
var react_1 = __importDefault(require("react"));
|
7
|
-
var FormLabel = function (props) {
|
8
|
-
props.f.
|
9
|
-
|
10
|
-
|
10
|
+
var FormLabel = function (props) {
|
11
|
+
var f = props.f, open = props.open, setOpen = props.setOpen, nodes = props.nodes;
|
12
|
+
var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(f.type.fieldType); });
|
13
|
+
var isInput = (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
|
14
|
+
return (react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: "center", spacing: 1 },
|
15
|
+
react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: "center" },
|
16
|
+
react_1.default.createElement(material_1.Typography, null, props.f.name.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
|
17
|
+
return str.toUpperCase();
|
18
|
+
})),
|
19
|
+
props.required && react_1.default.createElement(material_1.Typography, { color: 'red' }, "*"),
|
20
|
+
props.children),
|
21
|
+
(f.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition ||
|
22
|
+
isInput ||
|
23
|
+
f.type.fieldType.type === graphql_js_tree_1.Options.array) && (react_1.default.createElement(material_1.IconButton, { onClick: function () { return setOpen(!open); } },
|
24
|
+
open && react_1.default.createElement(icons_material_1.ExpandLess, null),
|
25
|
+
!open && react_1.default.createElement(icons_material_1.ExpandMore, null)))));
|
26
|
+
};
|
11
27
|
exports.default = FormLabel;
|
12
28
|
//# sourceMappingURL=FormLabel.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../src/components/FormLabel.tsx"],"names":[],"mappings":";;;;;
|
1
|
+
{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../src/components/FormLabel.tsx"],"names":[],"mappings":";;;;;AAAA,0CAA8D;AAC9D,sDAAuE;AAEvE,mDAA6F;AAC7F,gDAA0B;AAC1B,IAAM,SAAS,GAAkF,UAAC,KAAK;IAC3F,IAAA,CAAC,GAA2B,KAAK,EAAhC,EAAE,IAAI,GAAqB,KAAK,KAA1B,EAAE,OAAO,GAAY,KAAK,QAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAE1C,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,IAAA,6BAAW,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAAC,CAAC;IAC7E,IAAM,OAAO,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,IAAI,MAAK,gCAAc,CAAC,yBAAyB,CAAC;IAEjF,OAAO,CACH,8BAAC,gBAAK,IAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC;QACnD,8BAAC,gBAAK,IAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ;YACtC,8BAAC,qBAAU,QACN,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG;gBAChE,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC;YAC7B,CAAC,CAAC,CACO;YACZ,KAAK,CAAC,QAAQ,IAAI,8BAAC,qBAAU,IAAC,KAAK,EAAE,KAAK,QAAgB;YAC1D,KAAK,CAAC,QAAQ,CACX;QACP,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe;YAClD,OAAO;YACP,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,KAAK,CAAC,IAAI,CAC5C,8BAAC,qBAAU,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,IAAI,CAAC,EAAd,CAAc;YACpC,IAAI,IAAI,8BAAC,2BAAU,OAAG;YACtB,CAAC,IAAI,IAAI,8BAAC,2BAAU,OAAG,CACf,CAChB,CACG,CACX,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,SAAS,CAAC"}
|
@@ -22,7 +22,7 @@ var ObjectField = function (props) {
|
|
22
22
|
var formObject = props.formObject, f = props.f;
|
23
23
|
formObject.value || (formObject.value = {});
|
24
24
|
var fV = formObject.value;
|
25
|
-
return (react_1.default.createElement(material_1.Stack, { pl:
|
25
|
+
return (react_1.default.createElement(material_1.Stack, { pl: 2, spacing: 2 }, (_a = f.args) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
|
26
26
|
return b.name > a.name ? -1 : 1;
|
27
27
|
}).map(function (a) {
|
28
28
|
var _a;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ObjectField.js","sourceRoot":"","sources":["../../src/components/ObjectField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAsC;AACtC,6CAAqE;AACrE,gDAA0B;AAE1B,IAAM,WAAW,GAA8B,UAAC,KAAK;;IACzC,IAAA,UAAU,GAAQ,KAAK,WAAb,EAAE,CAAC,GAAK,KAAK,EAAV,CAAW;IAChC,UAAU,CAAC,KAAK,KAAhB,UAAU,CAAC,KAAK,GAAK,EAAE,EAAC;IACxB,IAAM,EAAE,GAAG,UAAU,CAAC,KAAoC,CAAC;IAC3D,OAAO,CACH,8BAAC,gBAAK,IAAC,EAAE,EAAE,CAAC,
|
1
|
+
{"version":3,"file":"ObjectField.js","sourceRoot":"","sources":["../../src/components/ObjectField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAsC;AACtC,6CAAqE;AACrE,gDAA0B;AAE1B,IAAM,WAAW,GAA8B,UAAC,KAAK;;IACzC,IAAA,UAAU,GAAQ,KAAK,WAAb,EAAE,CAAC,GAAK,KAAK,EAAV,CAAW;IAChC,UAAU,CAAC,KAAK,KAAhB,UAAU,CAAC,KAAK,GAAK,EAAE,EAAC;IACxB,IAAM,EAAE,GAAG,UAAU,CAAC,KAAoC,CAAC;IAC3D,OAAO,CACH,8BAAC,gBAAK,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,IACnB,MAAA,CAAC,CAAC,IAAI,0CACD,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;QACR,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC,EACA,GAAG,CAAC,UAAC,CAAC;;QACH,EAAE,MAAC,CAAC,CAAC,IAAI,MAAT,EAAE,OAAa,EAAE,IAAI,EAAE,CAAC,EAAE,EAAC;QAC3B,OAAO,CACH,8BAAC,uBAAQ,eACD,KAAK,IACT,WAAW,EAAE,UAAG,KAAK,CAAC,WAAW,cAAI,CAAC,CAAC,IAAI,CAAE,EAC7C,GAAG,EAAE,CAAC,CAAC,IAAI,EACX,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACtB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,UAAC,EAAE;;gBACT,KAAK,CAAC,QAAQ,uBACP,UAAU,KACb,KAAK,wBACE,EAAE,gBACJ,CAAC,CAAC,IAAI,IAAG,EAAE,UAElB,CAAC;YACP,CAAC,EACD,CAAC,EAAE,CAAC,EACJ,QAAQ,EAAE,SAAS,IACrB,CACL,CAAC;IACN,CAAC,CAAC,CACF,CACX,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,WAAW,CAAC"}
|
@@ -16,7 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
17
17
|
var material_1 = require("@mui/material");
|
18
18
|
var react_1 = __importDefault(require("react"));
|
19
|
-
exports.default = (function (props) { return (react_1.default.createElement(material_1.TextField, { value: props.formObject.value || '',
|
19
|
+
exports.default = (function (props) { return (react_1.default.createElement(material_1.TextField, { value: props.formObject.value || '', placeholder: props.f.name.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
|
20
|
+
return str.toUpperCase();
|
21
|
+
}), onChange: function (e) {
|
20
22
|
props.onChange(__assign(__assign({}, props.formObject), { value: e.target.value }));
|
21
23
|
} })); });
|
22
24
|
//# sourceMappingURL=UniversalField.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UniversalField.js","sourceRoot":"","sources":["../../src/components/UniversalField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAA0C;AAE1C,gDAA0B;AAC1B,mBAAe,UAAC,KAAsB,IAAK,OAAA,CACvC,8BAAC,oBAAS,IACN,KAAK,EAAG,KAAK,CAAC,UAAU,CAAC,KAA4B,IAAI,EAAE,EAC3D,QAAQ,EAAE,UAAC,CAAC;QACR,KAAK,CAAC,QAAQ,uBACP,KAAK,CAAC,UAAU,KACnB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IACvB,CAAC;IACP,CAAC,GACH,CACL,
|
1
|
+
{"version":3,"file":"UniversalField.js","sourceRoot":"","sources":["../../src/components/UniversalField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAA0C;AAE1C,gDAA0B;AAC1B,mBAAe,UAAC,KAAsB,IAAK,OAAA,CACvC,8BAAC,oBAAS,IACN,KAAK,EAAG,KAAK,CAAC,UAAU,CAAC,KAA4B,IAAI,EAAE,EAC3D,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG;QAC5E,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC,CAAC,EACF,QAAQ,EAAE,UAAC,CAAC;QACR,KAAK,CAAC,QAAQ,uBACP,KAAK,CAAC,UAAU,KACnB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IACvB,CAAC;IACP,CAAC,GACH,CACL,EAb0C,CAa1C,EAAC"}
|
package/package.json
CHANGED
@@ -2,7 +2,7 @@ import { Button, IconButton, Stack } from '@mui/material';
|
|
2
2
|
import { FormObject, FormValue, PassedFormProps, Renderer } from 'graphql-form';
|
3
3
|
import { Options, ParserField } from 'graphql-js-tree';
|
4
4
|
import React from 'react';
|
5
|
-
import { ArrowDownward, ArrowUpward, Close
|
5
|
+
import { Add, ArrowDownward, ArrowUpward, Close } from '@mui/icons-material';
|
6
6
|
|
7
7
|
const ArrayField: React.FC<
|
8
8
|
PassedFormProps & {
|
@@ -101,7 +101,7 @@ const ArrayField: React.FC<
|
|
101
101
|
value: formValuePointer,
|
102
102
|
});
|
103
103
|
}}
|
104
|
-
endIcon={<
|
104
|
+
endIcon={<Add />}
|
105
105
|
>
|
106
106
|
{`Add ${f.name}`}
|
107
107
|
</Button>
|
@@ -24,7 +24,9 @@ export default ({ nodes, onChange, formObject, f }: PassedFormProps) => {
|
|
24
24
|
}}
|
25
25
|
>
|
26
26
|
{options.map((o) => (
|
27
|
-
<MenuItem
|
27
|
+
<MenuItem key={o.value} value={o.value}>
|
28
|
+
{o.label}
|
29
|
+
</MenuItem>
|
28
30
|
))}
|
29
31
|
</Select>
|
30
32
|
);
|
@@ -1,5 +1,6 @@
|
|
1
|
+
import { FormControl } from '@mui/material';
|
1
2
|
import { PassedFormProps } from 'graphql-form';
|
2
3
|
import React from 'react';
|
3
|
-
const FormField: React.FC<PassedFormProps> = ({ children }) => <
|
4
|
+
const FormField: React.FC<PassedFormProps> = ({ children }) => <FormControl fullWidth>{children}</FormControl>;
|
4
5
|
|
5
6
|
export default FormField;
|
@@ -1,9 +1,34 @@
|
|
1
|
+
import { IconButton, Stack, Typography } from '@mui/material';
|
2
|
+
import { LineAxis, ExpandLess, ExpandMore } from '@mui/icons-material';
|
1
3
|
import { PassedFormProps } from 'graphql-form';
|
4
|
+
import { TypeSystemDefinition, Options, getTypeName, TypeDefinition } from 'graphql-js-tree';
|
2
5
|
import React from 'react';
|
3
|
-
const FormLabel: React.FC<PassedFormProps> = (props) =>
|
4
|
-
|
5
|
-
{props.f.name} {props.children}
|
6
|
-
</div>
|
7
|
-
);
|
6
|
+
const FormLabel: React.FC<PassedFormProps & { open?: boolean; setOpen: (b: boolean) => void }> = (props) => {
|
7
|
+
const { f, open, setOpen, nodes } = props;
|
8
8
|
|
9
|
+
const seekNode = nodes.find((n) => n.name === getTypeName(f.type.fieldType));
|
10
|
+
const isInput = seekNode?.data.type === TypeDefinition.InputObjectTypeDefinition;
|
11
|
+
|
12
|
+
return (
|
13
|
+
<Stack direction={'row'} alignItems="center" spacing={1}>
|
14
|
+
<Stack direction="row" alignItems="center">
|
15
|
+
<Typography>
|
16
|
+
{props.f.name.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
|
17
|
+
return str.toUpperCase();
|
18
|
+
})}
|
19
|
+
</Typography>
|
20
|
+
{props.required && <Typography color={'red'}>*</Typography>}
|
21
|
+
{props.children}
|
22
|
+
</Stack>
|
23
|
+
{(f.data.type === TypeSystemDefinition.FieldDefinition ||
|
24
|
+
isInput ||
|
25
|
+
f.type.fieldType.type === Options.array) && (
|
26
|
+
<IconButton onClick={() => setOpen(!open)}>
|
27
|
+
{open && <ExpandLess />}
|
28
|
+
{!open && <ExpandMore />}
|
29
|
+
</IconButton>
|
30
|
+
)}
|
31
|
+
</Stack>
|
32
|
+
);
|
33
|
+
};
|
9
34
|
export default FormLabel;
|
@@ -7,7 +7,7 @@ const ObjectField: React.FC<PassedFormProps> = (props) => {
|
|
7
7
|
formObject.value ||= {};
|
8
8
|
const fV = formObject.value as { [x: string]: FormObject };
|
9
9
|
return (
|
10
|
-
<Stack pl={
|
10
|
+
<Stack pl={2} spacing={2}>
|
11
11
|
{f.args
|
12
12
|
?.sort((a, b) => {
|
13
13
|
return b.name > a.name ? -1 : 1;
|
@@ -4,6 +4,9 @@ import React from 'react';
|
|
4
4
|
export default (props: PassedFormProps) => (
|
5
5
|
<TextField
|
6
6
|
value={(props.formObject.value as string | undefined) || ''}
|
7
|
+
placeholder={props.f.name.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
|
8
|
+
return str.toUpperCase();
|
9
|
+
})}
|
7
10
|
onChange={(e) => {
|
8
11
|
props.onChange({
|
9
12
|
...props.formObject,
|