graphql-form 0.0.26 → 0.1.0

package/lib/BuiltInFields/InjectedValue.d.ts

@@ -0,0 +1,5 @@
+import { PassedFormProps } from "../models";
+import React from 'react';
+export declare const InjectedValue: React.FC<PassedFormProps<{
+    value: any;
+}>>;

package/lib/BuiltInFields/InjectedValue.js

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InjectedValue = void 0;
+var react_1 = __importStar(require("react"));
+var InjectedValue = function (props) {
+    var value = (props.widgetData || {}).value;
+    (0, react_1.useEffect)(function () {
+        if (value === props.formObject.value)
+            return;
+        props.onChange(__assign(__assign({}, props.formObject), { value: value }));
+    }, [value]);
+    return react_1.default.createElement(react_1.default.Fragment, null);
+};
+exports.InjectedValue = InjectedValue;
+//# sourceMappingURL=InjectedValue.js.map

package/lib/BuiltInFields/InjectedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InjectedValue.js","sourceRoot":"","sources":["../../src/BuiltInFields/InjectedValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAAyC;AAElC,IAAM,aAAa,GAA8C,UAAC,KAAK;IAClE,IAAA,KAAK,GAAK,CAAA,KAAK,CAAC,UAAU,IAAI,EAAE,CAAA,MAA3B,CAA4B;IACzC,IAAA,iBAAS,EAAC;QACN,IAAI,KAAK,KAAK,KAAK,CAAC,UAAU,CAAC,KAAK;YAAE,OAAO;QAC7C,KAAK,CAAC,QAAQ,uBACP,KAAK,CAAC,UAAU,KACnB,KAAK,OAAA,IACP,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,6DAAK,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB"}

package/lib/FormBuilder.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,32 +44,32 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormBuilder = void 0;
 var FormToCode_1 = require("./FormToCode");
 var renderer_1 = require("./renderer");
 var graphql_js_tree_1 = require("graphql-js-tree");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var FormBuilder = function (_a) {
-    var formFile = _a.formFile, onChange = _a.onChange, props = __rest(_a, ["formFile", "onChange"]);
+    var formFile = _a.formFile, onChange = _a.onChange, schema = _a.schema, props = __rest(_a, ["formFile", "onChange", "schema"]);
     var _b = formFile.widgets, widgets = _b === void 0 ? {} : _b, _c = formFile.forms, forms = _c === void 0 ? {} : _c;
     var formFields = Object.fromEntries(Object.entries(forms).filter(function (_a) {
         var _b;
         var v = _a[1];
         return !!((_b = v.node.args) === null || _b === void 0 ? void 0 : _b.length) && v.node.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition;
     }));
+    var nodes = (0, react_1.useMemo)(function () {
+        return graphql_js_tree_1.Parser.parse(schema).nodes;
+    }, [schema]);
     return (react_1.default.createElement(react_1.default.Fragment, null, Object.keys(formFields).map(function (key) {
-        return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { key: key, changeWidget: function (widgetData, path) {
+        return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { key: key, nodes: nodes, changeWidget: function (widgetData, path) {
                 var _a;
-                var query = (0, FormToCode_1.formToGql)({ fields: forms, nodes: props.nodes });
+                var query = (0, FormToCode_1.formToGql)({ fields: forms, nodes: nodes });
                 onChange(__assign(__assign({}, formFile), { widgets: __assign(__assign({}, widgets), (_a = {}, _a[path] = widgetData, _a)) }), query);
             }, widgets: widgets, currentPath: key, formObject: formFields[key], onChange: function (changedForm) {
                 var _a;
                 var updatedFile = __assign(__assign({}, formFile), { forms: __assign(__assign({}, forms), (_a = {}, _a[key] = changedForm, _a)) });
-                var query = (0, FormToCode_1.formToGql)({ fields: updatedFile.forms, nodes: props.nodes });
+                var query = (0, FormToCode_1.formToGql)({ fields: updatedFile.forms, nodes: nodes });
                 onChange(updatedFile, query);
             }, f: formFields[key].node })));
     })));

package/lib/FormBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormBuilder.js","sourceRoot":"","sources":["../src/FormBuilder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAyC;AAEzC,uCAAsC;AACtC,mDAAuD;AACvD,gDAA0B;AAEnB,IAAM,WAAW,GAA+B,UAAC,EAAgC;IAA9B,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC1E,IAAA,KAA6B,QAAQ,QAAzB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,KAAe,QAAQ,MAAb,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAc;IAC9C,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CACjC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CACxB,UAAC,EAAK;;YAAF,CAAC,QAAA;QAAM,OAAA,CAAC,CAAC,CAAA,MAAA,CAAC,CAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,CAAA;KAAA,CAChG,CACJ,CAAC;IACF,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,UAAC,UAAU,EAAE,IAAI;;gBAC3B,IAAM,KAAK,GAAG,IAAA,sBAAS,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC/D,QAAQ,uBAEG,QAAQ,KACX,OAAO,wBACA,OAAO,gBACT,IAAI,IAAG,UAAU,WAG1B,KAAK,CACR,CAAC;YACN,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,GAAG,EAChB,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,IAAM,WAAW,yBACV,QAAQ,KACX,KAAK,wBACE,KAAK,gBACP,GAAG,IAAG,WAAW,SAEzB,CAAC;gBACF,IAAM,KAAK,GAAG,IAAA,sBAAS,EAAC,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC3E,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YACjC,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AA/CW,QAAA,WAAW,eA+CtB"}
+{"version":3,"file":"FormBuilder.js","sourceRoot":"","sources":["../src/FormBuilder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAyC;AAEzC,uCAAsC;AACtC,mDAA+D;AAC/D,6CAAuC;AAEhC,IAAM,WAAW,GAA+B,UAAC,EAAwC;IAAtC,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IAClF,IAAA,KAA6B,QAAQ,QAAzB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,KAAe,QAAQ,MAAb,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAc;IAC9C,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CACjC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CACxB,UAAC,EAAK;;YAAF,CAAC,QAAA;QAAM,OAAA,CAAC,CAAC,CAAA,MAAA,CAAC,CAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,CAAA;KAAA,CAChG,CACJ,CAAC;IACF,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC;QAClB,OAAO,wBAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,UAAC,UAAU,EAAE,IAAI;;gBAC3B,IAAM,KAAK,GAAG,IAAA,sBAAS,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;gBAClD,QAAQ,uBAEG,QAAQ,KACX,OAAO,wBACA,OAAO,gBACT,IAAI,IAAG,UAAU,WAG1B,KAAK,CACR,CAAC;YACN,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,GAAG,EAChB,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,IAAM,WAAW,yBACV,QAAQ,KACX,KAAK,wBACE,KAAK,gBACP,GAAG,IAAG,WAAW,SAEzB,CAAC;gBACF,IAAM,KAAK,GAAG,IAAA,sBAAS,EAAC,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;gBAC9D,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YACjC,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAnDW,QAAA,WAAW,eAmDtB"}

package/lib/FormDisplayer.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,30 +44,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormDisplayer = void 0;
 var FormToCode_1 = require("./FormToCode");
 var renderer_1 = require("./renderer");
 var graphql_js_tree_1 = require("graphql-js-tree");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var FormDisplayer = function (_a) {
-    var formFile = _a.formFile, onChange = _a.onChange, props = __rest(_a, ["formFile", "onChange"]);
+    var formFile = _a.formFile, onChange = _a.onChange, schema = _a.schema, props = __rest(_a, ["formFile", "onChange", "schema"]);
     var _b = formFile.widgets, widgets = _b === void 0 ? {} : _b, _c = formFile.forms, forms = _c === void 0 ? {} : _c;
     var formFields = Object.fromEntries(Object.entries(forms).filter(function (_a) {
         var _b;
         var v = _a[1];
         return !!((_b = v.node.args) === null || _b === void 0 ? void 0 : _b.length) && v.node.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition;
     }));
+    var nodes = (0, react_1.useMemo)(function () {
+        return graphql_js_tree_1.Parser.parse(schema).nodes;
+    }, [schema]);
     return (react_1.default.createElement(react_1.default.Fragment, null, Object.keys(formFields).map(function (key) {
-        return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { key: key, widgets: widgets, changeWidget: function () {
+        return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { nodes: nodes, key: key, widgets: widgets, changeWidget: function () {
                 return;
             }, currentPath: key, formObject: formFields[key], onChange: function (changedForm) {
                 var _a;
                 var updatedFile = __assign(__assign({}, formFile), { forms: __assign(__assign({}, forms), (_a = {}, _a[key] = changedForm, _a)) });
-                var query = (0, FormToCode_1.formToGql)({ fields: updatedFile.forms, nodes: props.nodes });
+                var query = (0, FormToCode_1.formToGql)({ fields: updatedFile.forms, nodes: nodes });
                 onChange(updatedFile, query);
             }, f: formFields[key].node })));
     })));

package/lib/FormDisplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDisplayer.js","sourceRoot":"","sources":["../src/FormDisplayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAyC;AAEzC,uCAAsC;AACtC,mDAAuD;AACvD,gDAA0B;AAEnB,IAAM,aAAa,GAAiC,UAAC,EAAgC;IAA9B,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC9E,IAAA,KAA6B,QAAQ,QAAzB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,KAAe,QAAQ,MAAb,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAc;IAC9C,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CACjC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CACxB,UAAC,EAAK;;YAAF,CAAC,QAAA;QAAM,OAAA,CAAC,CAAC,CAAA,MAAA,CAAC,CAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,CAAA;KAAA,CAChG,CACJ,CAAC;IACF,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE;gBACV,OAAO;YACX,CAAC,EACD,WAAW,EAAE,GAAG,EAChB,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,IAAM,WAAW,yBACV,QAAQ,KACX,KAAK,wBACE,KAAK,gBACP,GAAG,IAAG,WAAW,SAEzB,CAAC;gBACF,IAAM,KAAK,GAAG,IAAA,sBAAS,EAAC,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC3E,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YACjC,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AArCW,QAAA,aAAa,iBAqCxB"}
+{"version":3,"file":"FormDisplayer.js","sourceRoot":"","sources":["../src/FormDisplayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAyC;AAEzC,uCAAsC;AACtC,mDAA+D;AAC/D,6CAAuC;AAEhC,IAAM,aAAa,GAAiC,UAAC,EAAwC;IAAtC,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IACtF,IAAA,KAA6B,QAAQ,QAAzB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,KAAe,QAAQ,MAAb,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAc;IAC9C,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CACjC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CACxB,UAAC,EAAK;;YAAF,CAAC,QAAA;QAAM,OAAA,CAAC,CAAC,CAAA,MAAA,CAAC,CAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,CAAA;KAAA,CAChG,CACJ,CAAC;IACF,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC;QAClB,OAAO,wBAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE;gBACV,OAAO;YACX,CAAC,EACD,WAAW,EAAE,GAAG,EAChB,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,IAAM,WAAW,yBACV,QAAQ,KACX,KAAK,wBACE,KAAK,gBACP,GAAG,IAAG,WAAW,SAEzB,CAAC;gBACF,IAAM,KAAK,GAAG,IAAA,sBAAS,EAAC,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;gBAC9D,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YACjC,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,aAAa,iBAyCxB"}

package/lib/models.d.ts

@@ -39,6 +39,7 @@ export declare type PassedFormProps<WidgetData = ReturnedDictType> = {
     widgetComponents: WidgetType[];
     widgetVariants?: WidgetVariantType[];
     currentPath: string;
+    presetValues?: Record<string, any>;
     widgets?: SavedWidgets;
     widgetData?: WidgetData;
     errors?: Errors;
@@ -58,12 +59,14 @@ export declare type FormFile = {
     widgets?: SavedWidgets;
     forms?: SavedForms;
 };
-export declare type FormBuilderProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'> & {
+export declare type FormBuilderProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets' | 'nodes'> & {
     formFile: FormFile;
+    schema: string;
     onChange: (o: FormFile, query: string) => void;
 };
-export declare type FormDisplayerProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'> & {
+export declare type FormDisplayerProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets' | 'nodes'> & {
     formFile: FormFile;
+    schema: string;
     onChange: (o: FormFile, query: string) => void;
 };
 export declare type FormLibraryProps = Omit<FormDisplayerProps, 'required' | 'components'>;

package/lib/outsideUse.d.ts

@@ -1,11 +1,11 @@
-import { Errs, FormFile, FormObject, FormValue, PassedFormProps } from "./models";
-import { ParserField } from 'graphql-js-tree';
+import { Errs, FormFile, FormValue, PassedFormProps } from "./models";
 export declare const getWidgetFromProps: (props: PassedFormProps) => {
     data: any;
     widget: import("./models").WidgetType;
 } | undefined;
 export declare const getErrorFromProps: (props: PassedFormProps) => string | undefined;
-export declare const validateValue: (f: FormValue, nodes: ParserField[], path: string, pushErrors: (path: string, value: Errs) => void) => void;
-export declare const validateForm: (v: FormFile, nodes: ParserField[], errors: Record<Errs, string>) => Record<string, string>;
-export declare const eraseValue: (f: FormObject, nodes: ParserField[]) => FormObject;
-export declare const eraseForm: (v: FormFile, nodes: ParserField[]) => FormFile;
+export declare const graphqlFormUtils: (schema: string) => {
+    eraseForm: (v: FormFile) => FormFile;
+    validateForm: (v: FormFile, errors: Record<Errs, string>) => Record<string, string>;
+    validateValue: (f: FormValue, path: string, pushErrors: (path: string, value: Errs) => void) => void;
+};

package/lib/outsideUse.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.eraseForm = exports.eraseValue = exports.validateForm = exports.validateValue = exports.getErrorFromProps = exports.getWidgetFromProps = void 0;
+exports.graphqlFormUtils = exports.getErrorFromProps = exports.getWidgetFromProps = void 0;
 var models_1 = require("./models");
 var graphql_js_tree_1 = require("graphql-js-tree");
 var getWidgetFromProps = function (props) {
@@ -43,102 +43,105 @@ var getErrorFromProps = function (props) {
     return (_a = props.errors) === null || _a === void 0 ? void 0 : _a[props.currentPath];
 };
 exports.getErrorFromProps = getErrorFromProps;
-var validateValue = function (f, nodes, path, pushErrors) {
-    if (f === null ||
-        typeof f === 'string' ||
-        typeof f === 'boolean' ||
-        typeof f === 'number' ||
-        typeof f === 'undefined') {
-        return;
-    }
-    if ('node' in f &&
-        typeof f.node === 'object' &&
-        f.node !== null &&
-        'args' in f.node &&
-        'data' in f.node &&
-        typeof f.node.data === 'object' &&
-        !!f.node.data &&
-        'type' in f.node.data &&
-        'directives' in f.node) {
-        var _a = f, node = _a.node, value = _a.value;
-        console.log("Validating ".concat(node.name), node);
-        if (node.data.type === graphql_js_tree_1.ValueDefinition.InputValueDefinition) {
-            if (node.type.fieldType.type === graphql_js_tree_1.Options.required &&
-                (0, graphql_js_tree_1.getTypeName)(node.type.fieldType) !== graphql_js_tree_1.ScalarTypes.Boolean) {
-                if (typeof value === 'undefined' || value === '') {
-                    pushErrors(path, models_1.Errs.REQUIRED);
-                }
-                if (Array.isArray(value)) {
-                    for (var _i = 0, value_1 = value; _i < value_1.length; _i++) {
-                        var v = value_1[_i];
-                        console.log(v);
-                        (0, exports.validateValue)(v, nodes, path, pushErrors);
+var graphqlFormUtils = function (schema) {
+    var nodes = graphql_js_tree_1.Parser.parse(schema).nodes;
+    var validateValue = function (f, path, pushErrors) {
+        if (f === null ||
+            typeof f === 'string' ||
+            typeof f === 'boolean' ||
+            typeof f === 'number' ||
+            typeof f === 'undefined') {
+            return;
+        }
+        if ('node' in f &&
+            typeof f.node === 'object' &&
+            f.node !== null &&
+            'args' in f.node &&
+            'data' in f.node &&
+            typeof f.node.data === 'object' &&
+            !!f.node.data &&
+            'type' in f.node.data &&
+            'directives' in f.node) {
+            var _a = f, node = _a.node, value = _a.value;
+            if (node.data.type === graphql_js_tree_1.ValueDefinition.InputValueDefinition) {
+                if (node.type.fieldType.type === graphql_js_tree_1.Options.required &&
+                    (0, graphql_js_tree_1.getTypeName)(node.type.fieldType) !== graphql_js_tree_1.ScalarTypes.Boolean) {
+                    if (typeof value === 'undefined' || value === '') {
+                        pushErrors(path, models_1.Errs.REQUIRED);
+                    }
+                    if (Array.isArray(value)) {
+                        for (var _i = 0, value_1 = value; _i < value_1.length; _i++) {
+                            var v = value_1[_i];
+                            validateValue(v, path, pushErrors);
+                        }
                     }
                 }
             }
         }
-    }
-    if ('value' in f && !!f.value) {
-        var value = f.value;
-        if (Array.isArray(value)) {
-            value.map(function (vv) { return (0, exports.validateValue)(vv, nodes, path, pushErrors); });
-            return;
+        if ('value' in f && !!f.value) {
+            var value = f.value;
+            if (Array.isArray(value)) {
+                value.map(function (vv) { return validateValue(vv, path, pushErrors); });
+                return;
+            }
+            if (typeof value === 'object' && !!value) {
+                Object.entries(value).forEach(function (_a) {
+                    var k = _a[0], v = _a[1];
+                    return validateValue(v, "".concat(path, ".").concat(k), pushErrors);
+                });
+                return;
+            }
         }
-        if (typeof value === 'object' && !!value) {
-            Object.entries(value).forEach(function (_a) {
-                var k = _a[0], v = _a[1];
-                return (0, exports.validateValue)(v, nodes, "".concat(path, ".").concat(k), pushErrors);
+        return;
+    };
+    var validateForm = function (v, errors) {
+        var errorDict = {};
+        if (!v.forms)
+            return errorDict;
+        Object.entries(v.forms).forEach(function (_a) {
+            var k = _a[0], val = _a[1];
+            validateValue(val, k, function (p, err) {
+                errorDict[p] = errors[err];
             });
-            return;
-        }
-    }
-    return;
-};
-exports.validateValue = validateValue;
-var validateForm = function (v, nodes, errors) {
-    var errorDict = {};
-    if (!v.forms)
-        return errorDict;
-    Object.entries(v.forms).forEach(function (_a) {
-        var k = _a[0], val = _a[1];
-        (0, exports.validateValue)(val, nodes, k, function (p, err) {
-            errorDict[p] = errors[err];
         });
-    });
-    return errorDict;
-};
-exports.validateForm = validateForm;
-var eraseValue = function (f, nodes) {
-    var value = f.value, node = f.node;
-    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(node.type.fieldType); });
-    if (!seekNode ||
-        (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.EnumTypeDefinition ||
-        (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.ScalarTypeDefinition) {
+        return errorDict;
+    };
+    var eraseValue = function (f) {
+        var value = f.value, node = f.node;
+        var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(node.type.fieldType); });
+        if (!seekNode ||
+            (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.EnumTypeDefinition ||
+            (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.ScalarTypeDefinition) {
+            return __assign(__assign({}, f), { value: undefined });
+        }
+        if ((seekNode || node.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition) && value) {
+            return __assign(__assign({}, f), { value: Object.fromEntries(Object.entries(value).map(function (_a) {
+                    var k = _a[0], v = _a[1];
+                    return [k, eraseValue(v)];
+                })) });
+        }
         return __assign(__assign({}, f), { value: undefined });
-    }
-    if ((seekNode || node.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition) && value) {
-        return __assign(__assign({}, f), { value: Object.fromEntries(Object.entries(value).map(function (_a) {
-                var k = _a[0], v = _a[1];
-                return [k, (0, exports.eraseValue)(v, nodes)];
-            })) });
-    }
-    return __assign(__assign({}, f), { value: undefined });
-};
-exports.eraseValue = eraseValue;
-var eraseForm = function (v, nodes) {
-    if (!v.forms)
-        return v;
-    var forms = Object.entries(v.forms)
-        .map(function (_a) {
-        var k = _a[0], val = _a[1];
-        return [k, (0, exports.eraseValue)(val, nodes)];
-    })
-        .reduce(function (a, _a) {
-        var _b;
-        var k = _a[0], val = _a[1];
-        return (__assign(__assign({}, a), (_b = {}, _b[k] = val, _b)));
-    }, {});
-    return __assign(__assign({}, v), { forms: forms });
+    };
+    var eraseForm = function (v) {
+        if (!v.forms)
+            return v;
+        var forms = Object.entries(v.forms)
+            .map(function (_a) {
+            var k = _a[0], val = _a[1];
+            return [k, eraseValue(val)];
+        })
+            .reduce(function (a, _a) {
+            var _b;
+            var k = _a[0], val = _a[1];
+            return (__assign(__assign({}, a), (_b = {}, _b[k] = val, _b)));
+        }, {});
+        return __assign(__assign({}, v), { forms: forms });
+    };
+    return {
+        eraseForm: eraseForm,
+        validateForm: validateForm,
+        validateValue: validateValue,
+    };
 };
-exports.eraseForm = eraseForm;
+exports.graphqlFormUtils = graphqlFormUtils;
 //# sourceMappingURL=outsideUse.js.map

package/lib/outsideUse.js.map

@@ -1 +1 @@
-{"version":3,"file":"outsideUse.js","sourceRoot":"","sources":["../src/outsideUse.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"outsideUse.js","sourceRoot":"","sources":["../src/outsideUse.tsx"],"names":[],"mappings":"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"}

package/lib/renderer/index.js

@@ -46,11 +46,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Renderer = void 0;
+var InjectedValue_1 = require("../BuiltInFields/InjectedValue");
 var fields_1 = require("./fields");
 var graphql_js_tree_1 = require("graphql-js-tree");
 var react_1 = __importStar(require("react"));
 var Renderer = function (props) {
-    var formObject = props.formObject, f = props.f, nodes = props.nodes, _a = props.components, NullField = _a.NullField, FormLabel = _a.FormLabel, FormField = _a.FormField;
+    var formObject = props.formObject, f = props.f, nodes = props.nodes, constants = props.presetValues, _a = props.components, NullField = _a.NullField, FormLabel = _a.FormLabel, FormField = _a.FormField;
     var children = props.children, allProps = __rest(props, ["children"]);
     var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(f.type.fieldType); });
     var isInput = (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
@@ -59,6 +60,12 @@ var Renderer = function (props) {
     if (f.type.fieldType.type === graphql_js_tree_1.Options.required) {
         return (react_1.default.createElement(exports.Renderer, __assign({}, props, { f: __assign(__assign({}, f), { type: __assign(__assign({}, f.type), { fieldType: __assign({}, f.type.fieldType.nest) }) }), required: true })));
     }
+    var hasOverride = constants === null || constants === void 0 ? void 0 : constants[props.currentPath];
+    if (hasOverride) {
+        return (react_1.default.createElement(InjectedValue_1.InjectedValue, __assign({}, props, { widgetData: {
+                value: hasOverride,
+            } })));
+    }
     return (react_1.default.createElement(FormField, __assign({}, allProps),
         react_1.default.createElement(FormLabel, __assign({}, allProps, { open: open, setOpen: setOpen, children: children })),
         formObject.value === null ? (react_1.default.createElement(NullField, __assign({}, allProps))) : (react_1.default.createElement(react_1.default.Fragment, null, (!canBeOpened || open) && react_1.default.createElement(fields_1.Fields, __assign({}, allProps))))));

package/lib/renderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,mCAA2C;AAC3C,mDAA6F;AAC7F,6CAAwC;AAEjC,IAAM,QAAQ,GAA8B,UAAC,KAAK;IAEjD,IAAA,UAAU,GAIV,KAAK,WAJK,EACV,CAAC,GAGD,KAAK,EAHJ,EACD,KAAK,GAEL,KAAK,MAFA,EACL,KACA,KAAK,WAD0C,EAAjC,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAE,CACzC;IACF,IAAA,QAAQ,GAAkB,KAAK,SAAvB,EAAK,QAAQ,UAAK,KAAK,EAAjC,YAAyB,CAAF,CAAW;IACxC,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;IACjF,IAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,IAAI,OAAO,CAAC;IACpF,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAvG,IAAI,QAAA,EAAE,OAAO,QAA0F,CAAC;IAC/G,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,QAAQ,EAAE;QAC5C,OAAO,CACH,8BAAC,gBAAQ,eACD,KAAK,IACT,CAAC,wBACM,CAAC,KACJ,IAAI,wBAAO,CAAC,CAAC,IAAI,KAAE,SAAS,eAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,SAE5D,QAAQ,EAAE,IAAI,IAChB,CACL,CAAC;KACL;IACD,OAAO,CACH,8BAAC,SAAS,eAAK,QAAQ;QACnB,8BAAC,SAAS,eAAK,QAAQ,IAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAI;QAC5E,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,8BAAC,SAAS,eAAK,QAAQ,EAAI,CAC9B,CAAC,CAAC,CAAC,CACA,8DAAG,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,8BAAC,eAAM,eAAK,QAAQ,EAAI,CAAI,CAC5D,CACO,CACf,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,QAAQ,YAkCnB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gEAA8D;AAE9D,mCAA2C;AAC3C,mDAA6F;AAC7F,6CAAwC;AAEjC,IAAM,QAAQ,GAA8B,UAAC,KAAK;IAEjD,IAAA,UAAU,GAKV,KAAK,WALK,EACV,CAAC,GAID,KAAK,EAJJ,EACD,KAAK,GAGL,KAAK,MAHA,EACS,SAAS,GAEvB,KAAK,aAFkB,EACvB,KACA,KAAK,WAD0C,EAAjC,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAE,CACzC;IACF,IAAA,QAAQ,GAAkB,KAAK,SAAvB,EAAK,QAAQ,UAAK,KAAK,EAAjC,YAAyB,CAAF,CAAW;IACxC,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;IACjF,IAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,IAAI,OAAO,CAAC;IACpF,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAvG,IAAI,QAAA,EAAE,OAAO,QAA0F,CAAC;IAC/G,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,QAAQ,EAAE;QAC5C,OAAO,CACH,8BAAC,gBAAQ,eACD,KAAK,IACT,CAAC,wBACM,CAAC,KACJ,IAAI,wBAAO,CAAC,CAAC,IAAI,KAAE,SAAS,eAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,SAE5D,QAAQ,EAAE,IAAI,IAChB,CACL,CAAC;KACL;IACD,IAAM,WAAW,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACnD,IAAI,WAAW,EAAE;QACb,OAAO,CACH,8BAAC,6BAAa,eACN,KAAK,IACT,UAAU,EAAE;gBACR,KAAK,EAAE,WAAW;aACrB,IACH,CACL,CAAC;KACL;IACD,OAAO,CACH,8BAAC,SAAS,eAAK,QAAQ;QACnB,8BAAC,SAAS,eAAK,QAAQ,IAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAI;QAC5E,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,8BAAC,SAAS,eAAK,QAAQ,EAAI,CAC9B,CAAC,CAAC,CAAC,CACA,8DAAG,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,8BAAC,eAAM,eAAK,QAAQ,EAAI,CAAI,CAC5D,CACO,CACf,CAAC;AACN,CAAC,CAAC;AA9CW,QAAA,QAAQ,YA8CnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "graphql-form",
-    "version": "0.0.26",
+    "version": "0.1.0",
     "description": "Easy form creation with GraphQL Editor and React",
     "main": "lib/index.js",
     "scripts": {

package/src/BuiltInFields/InjectedValue.tsx

@@ -0,0 +1,14 @@
+import { PassedFormProps } from '@/models';
+import React, { useEffect } from 'react';
+
+export const InjectedValue: React.FC<PassedFormProps<{ value: any }>> = (props) => {
+    const { value } = props.widgetData || {};
+    useEffect(() => {
+        if (value === props.formObject.value) return;
+        props.onChange({
+            ...props.formObject,
+            value,
+        });
+    }, [value]);
+    return <></>;
+};

package/src/FormBuilder.tsx

@@ -1,16 +1,19 @@
 import { formToGql } from '@/FormToCode';
 import { FormBuilderProps, FormObject } from '@/models';
 import { Renderer } from '@/renderer';
-import { TypeSystemDefinition } from 'graphql-js-tree';
-import React from 'react';
+import { Parser, TypeSystemDefinition } from 'graphql-js-tree';
+import React, { useMemo } from 'react';
 
-export const FormBuilder: React.FC<FormBuilderProps> = ({ formFile, onChange, ...props }) => {
+export const FormBuilder: React.FC<FormBuilderProps> = ({ formFile, onChange, schema, ...props }) => {
     const { widgets = {}, forms = {} } = formFile;
     const formFields = Object.fromEntries(
         Object.entries(forms).filter(
             ([, v]) => !!v.node.args?.length && v.node.data.type === TypeSystemDefinition.FieldDefinition,
         ),
     );
+    const nodes = useMemo(() => {
+        return Parser.parse(schema).nodes;
+    }, [schema]);
     return (
         <>
             {Object.keys(formFields).map((key) => {
@@ -18,8 +21,9 @@ export const FormBuilder: React.FC<FormBuilderProps> = ({ formFile, onChange, ..
                     <Renderer
                         {...props}
                         key={key}
+                        nodes={nodes}
                         changeWidget={(widgetData, path) => {
-                            const query = formToGql({ fields: forms, nodes: props.nodes });
+                            const query = formToGql({ fields: forms, nodes });
                             onChange(
                                 {
                                     ...formFile,
@@ -42,7 +46,7 @@ export const FormBuilder: React.FC<FormBuilderProps> = ({ formFile, onChange, ..
                                     [key]: changedForm,
                                 },
                             };
-                            const query = formToGql({ fields: updatedFile.forms, nodes: props.nodes });
+                            const query = formToGql({ fields: updatedFile.forms, nodes });
                             onChange(updatedFile, query);
                         }}
                         f={formFields[key].node}

package/src/FormDisplayer.tsx

@@ -1,22 +1,26 @@
 import { formToGql } from '@/FormToCode';
 import { FormDisplayerProps, FormObject } from '@/models';
 import { Renderer } from '@/renderer';
-import { TypeSystemDefinition } from 'graphql-js-tree';
-import React from 'react';
+import { Parser, TypeSystemDefinition } from 'graphql-js-tree';
+import React, { useMemo } from 'react';
 
-export const FormDisplayer: React.FC<FormDisplayerProps> = ({ formFile, onChange, ...props }) => {
+export const FormDisplayer: React.FC<FormDisplayerProps> = ({ formFile, onChange, schema, ...props }) => {
     const { widgets = {}, forms = {} } = formFile;
     const formFields = Object.fromEntries(
         Object.entries(forms).filter(
             ([, v]) => !!v.node.args?.length && v.node.data.type === TypeSystemDefinition.FieldDefinition,
         ),
     );
+    const nodes = useMemo(() => {
+        return Parser.parse(schema).nodes;
+    }, [schema]);
     return (
         <>
             {Object.keys(formFields).map((key) => {
                 return (
                     <Renderer
                         {...props}
+                        nodes={nodes}
                         key={key}
                         widgets={widgets}
                         changeWidget={() => {
@@ -32,7 +36,7 @@ export const FormDisplayer: React.FC<FormDisplayerProps> = ({ formFile, onChange
                                     [key]: changedForm,
                                 },
                             };
-                            const query = formToGql({ fields: updatedFile.forms, nodes: props.nodes });
+                            const query = formToGql({ fields: updatedFile.forms, nodes });
                             onChange(updatedFile, query);
                         }}
                         f={formFields[key].node}

package/src/models.ts

@@ -46,6 +46,7 @@ export type PassedFormProps<WidgetData = ReturnedDictType> = {
     widgetComponents: WidgetType[];
     widgetVariants?: WidgetVariantType[];
     currentPath: string;
+    presetValues?: Record<string, any>;
     widgets?: SavedWidgets;
     widgetData?: WidgetData;
     errors?: Errors;
@@ -68,17 +69,19 @@ export type FormFile = {
 
 export type FormBuilderProps = Omit<
     PassedFormProps,
-    'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'
+    'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets' | 'nodes'
 > & {
     formFile: FormFile;
+    schema: string;
     onChange: (o: FormFile, query: string) => void;
 };
 
 export type FormDisplayerProps = Omit<
     PassedFormProps,
-    'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'
+    'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets' | 'nodes'
 > & {
     formFile: FormFile;
+    schema: string;
     onChange: (o: FormFile, query: string) => void;
 };
 

package/src/outsideUse.tsx

@@ -2,7 +2,7 @@ import { Errs, FormFile, FormObject, FormValue, PassedFormProps } from '@/models
 import {
     getTypeName,
     Options,
-    ParserField,
+    Parser,
     ScalarTypes,
     TypeDefinition,
     TypeSystemDefinition,
@@ -38,119 +38,119 @@ export const getErrorFromProps = (props: PassedFormProps) => {
     return props.errors?.[props.currentPath];
 };
 
-export const validateValue = (
-    f: FormValue,
-    nodes: ParserField[],
-    path: string,
-    pushErrors: (path: string, value: Errs) => void,
-) => {
-    if (
-        f === null ||
-        typeof f === 'string' ||
-        typeof f === 'boolean' ||
-        typeof f === 'number' ||
-        typeof f === 'undefined'
-    ) {
-        return;
-    }
-    if (
-        'node' in f &&
-        typeof f.node === 'object' &&
-        f.node !== null &&
-        'args' in f.node &&
-        'data' in f.node &&
-        typeof f.node.data === 'object' &&
-        !!f.node.data &&
-        'type' in f.node.data &&
-        'directives' in f.node
-    ) {
-        const { node, value } = f as FormObject;
-        console.log(`Validating ${node.name}`, node);
-        if (node.data.type === ValueDefinition.InputValueDefinition) {
-            if (
-                node.type.fieldType.type === Options.required &&
-                getTypeName(node.type.fieldType) !== ScalarTypes.Boolean
-            ) {
-                if (typeof value === 'undefined' || value === '') {
-                    pushErrors(path, Errs.REQUIRED);
-                }
-                if (Array.isArray(value)) {
-                    for (const v of value) {
-                        console.log(v);
-                        validateValue(v, nodes, path, pushErrors);
+export const graphqlFormUtils = (schema: string) => {
+    const nodes = Parser.parse(schema).nodes;
+
+    const validateValue = (f: FormValue, path: string, pushErrors: (path: string, value: Errs) => void) => {
+        if (
+            f === null ||
+            typeof f === 'string' ||
+            typeof f === 'boolean' ||
+            typeof f === 'number' ||
+            typeof f === 'undefined'
+        ) {
+            return;
+        }
+        if (
+            'node' in f &&
+            typeof f.node === 'object' &&
+            f.node !== null &&
+            'args' in f.node &&
+            'data' in f.node &&
+            typeof f.node.data === 'object' &&
+            !!f.node.data &&
+            'type' in f.node.data &&
+            'directives' in f.node
+        ) {
+            const { node, value } = f as FormObject;
+            if (node.data.type === ValueDefinition.InputValueDefinition) {
+                if (
+                    node.type.fieldType.type === Options.required &&
+                    getTypeName(node.type.fieldType) !== ScalarTypes.Boolean
+                ) {
+                    if (typeof value === 'undefined' || value === '') {
+                        pushErrors(path, Errs.REQUIRED);
+                    }
+                    if (Array.isArray(value)) {
+                        for (const v of value) {
+                            validateValue(v, path, pushErrors);
+                        }
                     }
                 }
             }
         }
-    }
-    if ('value' in f && !!f.value) {
-        const { value } = f;
-        if (Array.isArray(value)) {
-            value.map((vv) => validateValue(vv, nodes, path, pushErrors));
-            return;
-        }
-        if (typeof value === 'object' && !!value) {
-            Object.entries(value).forEach(([k, v]) =>
-                validateValue(v as FormObject, nodes, `${path}.${k}`, pushErrors),
-            );
-            return;
+        if ('value' in f && !!f.value) {
+            const { value } = f;
+            if (Array.isArray(value)) {
+                value.map((vv) => validateValue(vv, path, pushErrors));
+                return;
+            }
+            if (typeof value === 'object' && !!value) {
+                Object.entries(value).forEach(([k, v]) => validateValue(v as FormObject, `${path}.${k}`, pushErrors));
+                return;
+            }
         }
-    }
-    return;
-};
+        return;
+    };
 
-export const validateForm = (v: FormFile, nodes: ParserField[], errors: Record<Errs, string>) => {
-    const errorDict: Record<string, string> = {};
-    if (!v.forms) return errorDict;
-    Object.entries(v.forms).forEach(([k, val]) => {
-        validateValue(val, nodes, k, (p, err) => {
-            errorDict[p] = errors[err];
+    const validateForm = (v: FormFile, errors: Record<Errs, string>) => {
+        const errorDict: Record<string, string> = {};
+        if (!v.forms) return errorDict;
+        Object.entries(v.forms).forEach(([k, val]) => {
+            validateValue(val, k, (p, err) => {
+                errorDict[p] = errors[err];
+            });
         });
-    });
-    return errorDict;
-};
+        return errorDict;
+    };
 
-export const eraseValue = (f: FormObject, nodes: ParserField[]): FormObject => {
-    const { value, node } = f;
+    const eraseValue = (f: FormObject): FormObject => {
+        const { value, node } = f;
 
-    const seekNode = nodes.find((n) => n.name === getTypeName(node.type.fieldType));
-    if (
-        !seekNode ||
-        seekNode?.data.type === TypeDefinition.EnumTypeDefinition ||
-        seekNode?.data.type === TypeDefinition.ScalarTypeDefinition
-    ) {
+        const seekNode = nodes.find((n) => n.name === getTypeName(node.type.fieldType));
+        if (
+            !seekNode ||
+            seekNode?.data.type === TypeDefinition.EnumTypeDefinition ||
+            seekNode?.data.type === TypeDefinition.ScalarTypeDefinition
+        ) {
+            return {
+                ...f,
+                value: undefined,
+            };
+        }
+        if ((seekNode || node.data.type === TypeSystemDefinition.FieldDefinition) && value) {
+            return {
+                ...f,
+                value: Object.fromEntries(Object.entries(value).map(([k, v]) => [k, eraseValue(v as FormObject)])),
+            };
+        }
         return {
             ...f,
             value: undefined,
         };
-    }
-    if ((seekNode || node.data.type === TypeSystemDefinition.FieldDefinition) && value) {
+    };
+
+    const eraseForm = (v: FormFile) => {
+        if (!v.forms) return v;
+        const forms = Object.entries(v.forms)
+            .map(([k, val]) => {
+                return [k, eraseValue(val)] as const;
+            })
+            .reduce(
+                (a, [k, val]) => ({
+                    ...a,
+                    [k]: val,
+                }),
+                {} as FormFile['forms'],
+            );
         return {
-            ...f,
-            value: Object.fromEntries(Object.entries(value).map(([k, v]) => [k, eraseValue(v as FormObject, nodes)])),
+            ...v,
+            forms,
         };
-    }
-    return {
-        ...f,
-        value: undefined,
     };
-};
-
-export const eraseForm = (v: FormFile, nodes: ParserField[]) => {
-    if (!v.forms) return v;
-    const forms = Object.entries(v.forms)
-        .map(([k, val]) => {
-            return [k, eraseValue(val, nodes)] as const;
-        })
-        .reduce(
-            (a, [k, val]) => ({
-                ...a,
-                [k]: val,
-            }),
-            {} as FormFile['forms'],
-        );
     return {
-        ...v,
-        forms,
+        eraseForm,
+        validateForm,
+        validateValue,
     };
 };

package/src/renderer/index.tsx

@@ -1,3 +1,4 @@
+import { InjectedValue } from '@/BuiltInFields/InjectedValue';
 import { PassedFormProps } from '@/models';
 import { Fields } from '@/renderer/fields';
 import { TypeSystemDefinition, Options, getTypeName, TypeDefinition } from 'graphql-js-tree';
@@ -8,6 +9,7 @@ export const Renderer: React.FC<PassedFormProps> = (props) => {
         formObject,
         f,
         nodes,
+        presetValues: constants,
         components: { NullField, FormLabel, FormField },
     } = props;
     const { children, ...allProps } = props;
@@ -27,6 +29,17 @@ export const Renderer: React.FC<PassedFormProps> = (props) => {
             />
         );
     }
+    const hasOverride = constants?.[props.currentPath];
+    if (hasOverride) {
+        return (
+            <InjectedValue
+                {...props}
+                widgetData={{
+                    value: hasOverride,
+                }}
+            />
+        );
+    }
     return (
         <FormField {...allProps}>
             <FormLabel {...allProps} open={open} setOpen={setOpen} children={children} />