graphql-form 0.1.8 → 0.1.10
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/lib/render/fields.js +4 -0
- package/lib/render/fields.js.map +1 -1
- package/lib/render/index.js +5 -5
- package/lib/render/index.js.map +1 -1
- package/package.json +1 -1
- package/src/render/fields.tsx +13 -1
- package/src/render/index.tsx +9 -5
package/lib/render/fields.js
CHANGED
|
@@ -28,6 +28,10 @@ var Fields = function (props) {
|
|
|
28
28
|
if (node.type.fieldType.type === graphql_js_tree_1.Options.array) {
|
|
29
29
|
return react_1.default.createElement(ArrayField, __assign({}, props));
|
|
30
30
|
}
|
|
31
|
+
if (node.type.fieldType.type === graphql_js_tree_1.Options.required) {
|
|
32
|
+
var nodeWithoutRequired = __assign(__assign({}, node), { type: __assign(__assign({}, node.type), { fieldType: __assign({}, node.type.fieldType.nest) }) });
|
|
33
|
+
return react_1.default.createElement(exports.Fields, __assign({}, props, { required: true, node: nodeWithoutRequired }));
|
|
34
|
+
}
|
|
31
35
|
if (isInput) {
|
|
32
36
|
return react_1.default.createElement(ObjectField, __assign({}, props, { node: seekNode }));
|
|
33
37
|
}
|
package/lib/render/fields.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../src/render/fields.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../src/render/fields.tsx"],"names":[],"mappings":"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"}
|
package/lib/render/index.js
CHANGED
|
@@ -19,10 +19,10 @@ var fields_1 = require("./fields");
|
|
|
19
19
|
var graphql_js_tree_1 = require("graphql-js-tree");
|
|
20
20
|
var react_1 = __importDefault(require("react"));
|
|
21
21
|
var Render = function (props) {
|
|
22
|
-
var _a = props.shared.components, FormLabel = _a.FormLabel, FormField = _a.FormField;
|
|
23
|
-
return (react_1.default.createElement(FormField, __assign({}, props),
|
|
24
|
-
react_1.default.createElement(FormLabel, __assign({}, props)),
|
|
25
|
-
react_1.default.createElement(fields_1.Fields, __assign({}, props))));
|
|
22
|
+
var node = props.node, _a = props.shared.components, FormLabel = _a.FormLabel, FormField = _a.FormField;
|
|
23
|
+
return (react_1.default.createElement(FormField, __assign({}, props, { required: node.type.fieldType.type === graphql_js_tree_1.Options.required }),
|
|
24
|
+
react_1.default.createElement(FormLabel, __assign({}, props, { required: node.type.fieldType.type === graphql_js_tree_1.Options.required })),
|
|
25
|
+
react_1.default.createElement(fields_1.Fields, __assign({}, props, { required: node.type.fieldType.type === graphql_js_tree_1.Options.required }))));
|
|
26
26
|
};
|
|
27
27
|
exports.Render = Render;
|
|
28
28
|
var VariableForm = function (props) {
|
|
@@ -30,7 +30,7 @@ var VariableForm = function (props) {
|
|
|
30
30
|
var nodes = graphql_js_tree_1.Parser.parseAddExtensions(schema).nodes;
|
|
31
31
|
return (react_1.default.createElement(react_1.default.Fragment, null, vars.map(function (v) {
|
|
32
32
|
var value = values[v.name];
|
|
33
|
-
var node = nodes.find(function (n) { return n.name === v.type; }) || {
|
|
33
|
+
var node = nodes.find(function (n) { return n.name === v.type && n.data.type !== graphql_js_tree_1.TypeDefinition.EnumTypeDefinition; }) || {
|
|
34
34
|
name: v.name,
|
|
35
35
|
args: [],
|
|
36
36
|
data: {
|
package/lib/render/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/render/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,mCAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/render/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,mCAAyC;AACzC,mDAA8G;AAC9G,gDAA0B;AAEnB,IAAM,MAAM,GAA4B,UAAC,KAAK;IAE7C,IAAA,IAAI,GAIJ,KAAK,KAJD,EAEA,KAEJ,KAAK,kBAFmC,EAAtB,SAAS,eAAA,EAAE,SAAS,eAAE,CAElC;IAEV,OAAO,CACH,8BAAC,SAAS,eAAK,KAAK,IAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,QAAQ;QACzE,8BAAC,SAAS,eAAK,KAAK,IAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,QAAQ,IAAI;QACjF,8BAAC,eAAM,eAAK,KAAK,IAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,QAAQ,IAAI,CACtE,CACf,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,MAAM,UAcjB;AAEK,IAAM,YAAY,GAA2B,UAAC,KAAK;IAElD,IAAA,KAIA,KAAK,KAJiB,EAAd,MAAM,YAAA,EAAE,IAAI,UAAA,EACpB,QAAQ,GAGR,KAAK,SAHG,EACR,MAAM,GAEN,KAAK,OAFC,EACN,MAAM,GACN,KAAK,OADC,CACA;IACF,IAAA,KAAK,GAAK,wBAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,MAAtC,CAAuC;IACpD,OAAO,CACH,8DACK,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC;QACR,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CACnB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,gCAAc,CAAC,kBAAkB,EAAtE,CAAsE,CAChF,IAAI;YACD,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,IAAI,EAAE,EAAE;YACR,IAAI,EAAE;gBACF,IAAI,EAAE,CAAC,CAAC,IAAmB;aAC9B;YACD,UAAU,EAAE,EAAE;YACd,EAAE,EAAE,IAAA,gCAAc,EAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC;YACrD,UAAU,EAAE,EAAE;YACd,IAAI,EAAE;gBACF,SAAS,EAAE,IAAA,+BAAa,EAAC,CAAC,CAAC,IAAI,CAAC;aACnC;SACJ,CAAC;QACF,OAAO,CACH,8BAAC,cAAM,IACH,IAAI,EAAE,IAAI,EACV,MAAM,wBACC,MAAM,KACT,KAAK,OAAA,KAET,MAAM,EAAE,UAAC,GAAG;;gBACR,OAAA,QAAQ,CAAC;oBACL,MAAM,wBAAO,MAAM,gBAAG,CAAC,CAAC,IAAI,IAAG,GAAG,MAAE;oBACpC,IAAI,MAAA;iBACP,CAAC;YAHF,CAGE,EAEN,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,CAAC,IAAI,GACb,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AA/CW,QAAA,YAAY,gBA+CvB"}
|
package/package.json
CHANGED
package/src/render/fields.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { NewFieldProps } from '@/models';
|
|
2
|
-
import { getTypeName, Options, ScalarTypes, TypeDefinition, TypeSystemDefinition } from 'graphql-js-tree';
|
|
2
|
+
import { getTypeName, Options, ParserField, ScalarTypes, TypeDefinition, TypeSystemDefinition } from 'graphql-js-tree';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
export const Fields: React.FC<NewFieldProps> = (props) => {
|
|
@@ -21,6 +21,18 @@ export const Fields: React.FC<NewFieldProps> = (props) => {
|
|
|
21
21
|
if (node.type.fieldType.type === Options.array) {
|
|
22
22
|
return <ArrayField {...props} />;
|
|
23
23
|
}
|
|
24
|
+
if (node.type.fieldType.type === Options.required) {
|
|
25
|
+
const nodeWithoutRequired: ParserField = {
|
|
26
|
+
...node,
|
|
27
|
+
type: {
|
|
28
|
+
...node.type,
|
|
29
|
+
fieldType: {
|
|
30
|
+
...node.type.fieldType.nest,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
return <Fields {...props} required={true} node={nodeWithoutRequired} />;
|
|
35
|
+
}
|
|
24
36
|
if (isInput) {
|
|
25
37
|
return <ObjectField {...props} node={seekNode} />;
|
|
26
38
|
}
|
package/src/render/index.tsx
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { NewFieldProps, VarFormProps } from '@/models';
|
|
2
2
|
import { Fields } from '@/render/fields';
|
|
3
|
-
import { Parser, ScalarTypes, generateNodeId, decompileType } from 'graphql-js-tree';
|
|
3
|
+
import { Parser, ScalarTypes, generateNodeId, decompileType, Options, TypeDefinition } from 'graphql-js-tree';
|
|
4
4
|
import React from 'react';
|
|
5
5
|
|
|
6
6
|
export const Render: React.FC<NewFieldProps> = (props) => {
|
|
7
7
|
const {
|
|
8
|
+
node,
|
|
8
9
|
shared: {
|
|
9
10
|
components: { FormLabel, FormField },
|
|
10
11
|
},
|
|
11
12
|
} = props;
|
|
13
|
+
|
|
12
14
|
return (
|
|
13
|
-
<FormField {...props}>
|
|
14
|
-
<FormLabel {...props} />
|
|
15
|
-
<Fields {...props} />
|
|
15
|
+
<FormField {...props} required={node.type.fieldType.type === Options.required}>
|
|
16
|
+
<FormLabel {...props} required={node.type.fieldType.type === Options.required} />
|
|
17
|
+
<Fields {...props} required={node.type.fieldType.type === Options.required} />
|
|
16
18
|
</FormField>
|
|
17
19
|
);
|
|
18
20
|
};
|
|
@@ -29,7 +31,9 @@ export const VariableForm: React.FC<VarFormProps> = (props) => {
|
|
|
29
31
|
<>
|
|
30
32
|
{vars.map((v) => {
|
|
31
33
|
const value = values[v.name];
|
|
32
|
-
const node = nodes.find(
|
|
34
|
+
const node = nodes.find(
|
|
35
|
+
(n) => n.name === v.type && n.data.type !== TypeDefinition.EnumTypeDefinition,
|
|
36
|
+
) || {
|
|
33
37
|
name: v.name,
|
|
34
38
|
args: [],
|
|
35
39
|
data: {
|