graphql-form 0.0.2 → 0.0.3

package/lib/FormBuilder.d.ts

@@ -0,0 +1,3 @@
+import { FormBuilderProps } from "./models";
+import React from 'react';
+export declare const FormBuilder: React.FC<FormBuilderProps>;

package/lib/FormBuilder.js

@@ -0,0 +1,51 @@
+"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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 renderer_1 = require("./renderer");
+var graphql_js_tree_1 = require("graphql-js-tree");
+var react_1 = __importDefault(require("react"));
+var FormBuilder = function (_a) {
+    var formFile = _a.formFile, onChange = _a.onChange, props = __rest(_a, ["formFile", "onChange"]);
+    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;
+    }));
+    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, { changeWidget: function (widgetData, path) {
+                var _a;
+                onChange(__assign(__assign({}, formFile), { widgets: __assign(__assign({}, widgets), (_a = {}, _a[path] = widgetData, _a)) }));
+            }, currentPath: '', formObject: formFields[key], onChange: function (changedForm) {
+                var _a;
+                onChange(__assign(__assign({}, formFile), { forms: __assign(__assign({}, forms), (_a = {}, _a[key] = changedForm, _a)) }));
+            }, f: formFields[key].node })));
+    })));
+};
+exports.FormBuilder = FormBuilder;
+//# sourceMappingURL=FormBuilder.js.map

package/lib/FormBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.js","sourceRoot":"","sources":["../src/FormBuilder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,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,YAAY,EAAE,UAAC,UAAU,EAAE,IAAI;;gBAC3B,QAAQ,uBACD,QAAQ,KACX,OAAO,wBACA,OAAO,gBACT,IAAI,IAAG,UAAU,UAExB,CAAC;YACP,CAAC,EACD,WAAW,EAAE,EAAE,EACf,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,QAAQ,uBACD,QAAQ,KACX,KAAK,wBACE,KAAK,gBACP,GAAG,IAAG,WAAW,UAExB,CAAC;YACP,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAvCW,QAAA,WAAW,eAuCtB"}

package/lib/FormDisplayer.d.ts

@@ -0,0 +1,3 @@
+import { FormDisplayerProps } from "./models";
+import React from 'react';
+export declare const FormDisplayer: React.FC<FormDisplayerProps>;

package/lib/FormDisplayer.js

@@ -0,0 +1,50 @@
+"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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 renderer_1 = require("./renderer");
+var graphql_js_tree_1 = require("graphql-js-tree");
+var react_1 = __importDefault(require("react"));
+var FormDisplayer = function (_a) {
+    var formFile = _a.formFile, onChange = _a.onChange, props = __rest(_a, ["formFile", "onChange"]);
+    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;
+    }));
+    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, { widgets: widgets, changeWidget: function () {
+                return;
+            }, currentPath: '', formObject: formFields[key], onChange: function (changedForm) {
+                var _a;
+                onChange(__assign(__assign({}, formFile), { forms: __assign(__assign({}, forms), (_a = {}, _a[key] = changedForm, _a)) }));
+            }, f: formFields[key].node })));
+    })));
+};
+exports.FormDisplayer = FormDisplayer;
+//# sourceMappingURL=FormDisplayer.js.map

package/lib/FormDisplayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDisplayer.js","sourceRoot":"","sources":["../src/FormDisplayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,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,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE;gBACV,OAAO;YACX,CAAC,EACD,WAAW,EAAE,EAAE,EACf,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,QAAQ,uBACD,QAAQ,KACX,KAAK,wBACE,KAAK,gBACP,GAAG,IAAG,WAAW,UAExB,CAAC;YACP,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,aAAa,iBAkCxB"}

package/lib/FormToCode/gql/index.d.ts

@@ -0,0 +1,6 @@
+import { FormObject } from "../../models";
+import { ParserField } from 'graphql-js-tree';
+export declare const formToGql: ({ fields, nodes }: {
+    nodes: ParserField[];
+    fields: Record<string, FormObject>;
+}) => string;

package/lib/FormToCode/gql/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formToGql = void 0;
+var reducers_1 = require("./reducers");
+var formToGql = function (_a) {
+    var fields = _a.fields, nodes = _a.nodes;
+    var reducedQl = (0, reducers_1.fieldsToReductor)(fields);
+    var q = (0, reducers_1.reduceQl)(reducedQl, nodes);
+    return q;
+};
+exports.formToGql = formToGql;
+//# sourceMappingURL=index.js.map

package/lib/FormToCode/gql/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormToCode/gql/index.ts"],"names":[],"mappings":";;;AAAA,uCAAuE;AAIhE,IAAM,SAAS,GAAG,UAAC,EAA+E;QAA7E,MAAM,YAAA,EAAE,KAAK,WAAA;IACrC,IAAM,SAAS,GAAG,IAAA,2BAAgB,EAAC,MAAM,CAAC,CAAC;IAC3C,IAAM,CAAC,GAAG,IAAA,mBAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACrC,OAAO,CAAC,CAAC;AACb,CAAC,CAAC;AAJW,QAAA,SAAS,aAIpB"}

package/lib/FormToCode/{gql.d.ts → gql/reducers.d.ts}

@@ -1,12 +1,5 @@
-import { FormObject, FormValue } from "../models";
+import { Reductor } from "../models";
+import { FormObject } from "../../models";
 import { ParserField } from 'graphql-js-tree';
 export declare const fieldsToReductor: (toggledFields: Record<string, FormObject>) => Reductor;
 export declare const reduceQl: (o: Reductor, nodes: ParserField[], tabs?: string) => string;
-declare type ReductorValue = {
-    node: Reductor;
-    value?: FormValue;
-};
-declare type Reductor = {
-    [key: string]: ReductorValue;
-};
-export {};

package/lib/FormToCode/gql/reducers.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reduceQl = exports.fieldsToReductor = void 0;
+var resolvers_1 = require("./resolvers");
+var fieldsToReductor = function (toggledFields) {
+    return Object.entries(toggledFields).reduce(function (a, _a) {
+        var key = _a[0], value = _a[1];
+        var pathElements = key.split('.');
+        var start = a;
+        pathElements.forEach(function (el, index) {
+            var _a;
+            if (index === 0 && !!((_a = value.node.type.operations) === null || _a === void 0 ? void 0 : _a.length)) {
+                el = value.node.type.operations[0];
+            }
+            start[el] = start[el] || {};
+            start[el].node = start[el].node || {};
+            if (index === pathElements.length - 1) {
+                if (value.value && Object.keys(value.value).length > 0) {
+                    start[el].value = value.value;
+                }
+            }
+            start = start[el].node;
+        });
+        return a;
+    }, {});
+};
+exports.fieldsToReductor = fieldsToReductor;
+var reduceQl = function (o, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    return Object.entries(o)
+        .map(function (_a) {
+        var k = _a[0], v = _a[1];
+        var kName = v.value && Object.keys(v.value).length > 0
+            ? "".concat(k, "(").concat((0, resolvers_1.resolveQlValue)(v.value, nodes, tabs), "\n").concat(tabs, ")")
+            : k;
+        var kObject = Object.keys(v.node).length > 0
+            ? "".concat(tabs).concat(kName, "{\n").concat((0, exports.reduceQl)(v.node, nodes, tabs + '\t')).concat(tabs, "}\n")
+            : "".concat(tabs).concat(kName, "\n");
+        return kObject;
+    })
+        .join('');
+};
+exports.reduceQl = reduceQl;
+//# sourceMappingURL=reducers.js.map

package/lib/FormToCode/gql/reducers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducers.js","sourceRoot":"","sources":["../../../src/FormToCode/gql/reducers.ts"],"names":[],"mappings":";;;AAAA,yCAA4D;AAKrD,IAAM,gBAAgB,GAAG,UAAC,aAAyC;IACtE,OAAA,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,EAAY;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAChD,IAAM,YAAY,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,YAAY,CAAC,OAAO,CAAC,UAAC,EAAE,EAAE,KAAK;;YAC3B,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,MAAM,CAAA,EAAE;gBACrD,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;aACtC;YACD,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;YAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;YACtC,IAAI,KAAK,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBACnC,IAAI,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;oBACpD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;iBACjC;aACJ;YACD,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,CAAC;IACb,CAAC,EAAE,EAAc,CAAC;AAjBlB,CAiBkB,CAAC;AAlBV,QAAA,gBAAgB,oBAkBN;AAEhB,IAAM,QAAQ,GAAG,UAAC,CAAW,EAAE,KAAoB,EAAE,IAAS;IAAT,qBAAA,EAAA,SAAS;IACjE,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;SACnB,GAAG,CAAC,UAAC,EAAM;YAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QACP,IAAM,KAAK,GACP,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;YACtC,CAAC,CAAC,UAAG,CAAC,cAAI,IAAA,0BAAc,EAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,eAAK,IAAI,MAAG;YAC1D,CAAC,CAAC,CAAC,CAAC;QACZ,IAAM,OAAO,GACT,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;YAC1B,CAAC,CAAC,UAAG,IAAI,SAAG,KAAK,gBAAM,IAAA,gBAAQ,EAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC,SAAG,IAAI,QAAK;YACvE,CAAC,CAAC,UAAG,IAAI,SAAG,KAAK,OAAI,CAAC;QAC9B,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB,CAAC,CAAC;AAdW,QAAA,QAAQ,YAcnB"}

package/lib/FormToCode/gql/resolvers.d.ts

@@ -0,0 +1,4 @@
+import { FormObject, FormValue } from "../../models";
+import { ParserField } from 'graphql-js-tree';
+export declare const resolveSingularValue: (v: FormObject, nodes: ParserField[], tabs?: string) => string;
+export declare const resolveQlValue: (v: FormValue | undefined, nodes: ParserField[], tabs?: string) => string;

package/lib/FormToCode/gql/resolvers.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveQlValue = exports.resolveSingularValue = void 0;
+var graphql_js_tree_1 = require("graphql-js-tree");
+var resolveSingularValue = function (v, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    if (v.value === null) {
+        return 'null';
+    }
+    if (Array.isArray(v.value)) {
+        return "[".concat(v.value
+            .map(function (subVal) { return (0, exports.resolveSingularValue)({ node: v.node, value: subVal.value }, nodes, tabs); })
+            .join(', '), "]");
+    }
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(v.node.type.fieldType); });
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.EnumTypeDefinition) {
+        return v.value;
+    }
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.ScalarTypeDefinition) {
+        return v.value;
+    }
+    if (seekNode) {
+        return "{".concat((0, exports.resolveQlValue)(v.value, nodes, tabs + '\t'), "\n").concat(tabs, "\t}");
+    }
+    return (0, graphql_js_tree_1.getTypeName)(v.node.type.fieldType) === graphql_js_tree_1.ScalarTypes.String ? "\"".concat(v.value, "\"") : "".concat(v.value);
+};
+exports.resolveSingularValue = resolveSingularValue;
+var resolveQlValue = function (v, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    if (typeof v === 'undefined' || v === null) {
+        return '';
+    }
+    return Object.entries(v).reduce(function (a, _a) {
+        var key = _a[0], v = _a[1];
+        if (typeof v.value === 'undefined' || v.value === '') {
+            return a;
+        }
+        if (Array.isArray(v.value) && v.value.length === 0) {
+            return a;
+        }
+        if (typeof v.value === 'object' &&
+            v.value !== null &&
+            !Object.values(v.value).some(function (val) {
+                return typeof val === 'object' && val !== null && 'value' in val && (!!val.value || val.value === false);
+            })) {
+            return a;
+        }
+        var resolvedValue = (0, exports.resolveSingularValue)(v, nodes, tabs);
+        a = "".concat(a, "\n\t").concat(tabs).concat(key, ": ").concat(resolvedValue);
+        return a;
+    }, '');
+};
+exports.resolveQlValue = resolveQlValue;
+//# sourceMappingURL=resolvers.js.map

package/lib/FormToCode/gql/resolvers.js.map

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

package/lib/FormToCode/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./gql";
+export * from "./zeus";
+export * from "./models";

package/lib/FormToCode/index.js

@@ -0,0 +1,20 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./gql"), exports);
+__exportStar(require("./zeus"), exports);
+__exportStar(require("./models"), exports);
+//# sourceMappingURL=index.js.map

package/lib/FormToCode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FormToCode/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAiC;AACjC,yCAAkC;AAClC,2CAAoC"}

package/lib/FormToCode/models.d.ts

@@ -0,0 +1,8 @@
+import { FormValue } from "../models";
+export declare type ReductorValue = {
+    node: Reductor;
+    value?: FormValue;
+};
+export declare type Reductor = {
+    [key: string]: ReductorValue;
+};

package/lib/FormToCode/models.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=models.js.map

package/lib/FormToCode/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/FormToCode/models.ts"],"names":[],"mappings":""}

package/lib/FormToCode/zeus/index.d.ts

@@ -0,0 +1,6 @@
+import { FormObject } from "../../models";
+import { ParserField } from 'graphql-js-tree';
+export declare const formToZeus: ({ fields, nodes }: {
+    nodes: ParserField[];
+    fields: Record<string, FormObject>;
+}) => string;

package/lib/FormToCode/zeus/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formToZeus = void 0;
+var resolvers_1 = require("./resolvers");
+var formToZeus = function (_a) {
+    var fields = _a.fields, nodes = _a.nodes;
+    var reducedQl = (0, resolvers_1.zeusFieldsToReductor)(fields);
+    var q = (0, resolvers_1.zeusReduceQl)(reducedQl, nodes);
+    return q;
+};
+exports.formToZeus = formToZeus;
+//# sourceMappingURL=index.js.map

package/lib/FormToCode/zeus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormToCode/zeus/index.ts"],"names":[],"mappings":";;;AAAA,yCAAiF;AAI1E,IAAM,UAAU,GAAG,UAAC,EAA+E;QAA7E,MAAM,YAAA,EAAE,KAAK,WAAA;IACtC,IAAM,SAAS,GAAG,IAAA,gCAAoB,EAAC,MAAM,CAAC,CAAC;IAC/C,IAAM,CAAC,GAAG,IAAA,wBAAY,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACzC,OAAO,CAAC,CAAC;AACb,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB"}

package/lib/FormToCode/{zeus.d.ts → zeus/resolvers.d.ts}

@@ -1,12 +1,5 @@
-import { FormObject, FormValue } from "../models";
+import { Reductor } from "../models";
+import { FormObject } from "../../models";
 import { ParserField } from 'graphql-js-tree';
 export declare const zeusFieldsToReductor: (toggledFields: Record<string, FormObject>) => Reductor;
 export declare const zeusReduceQl: (o: Reductor, nodes: ParserField[], tabs?: string, level?: number) => string;
-declare type ReductorValue = {
-    node: Reductor;
-    value?: FormValue;
-};
-declare type Reductor = {
-    [key: string]: ReductorValue;
-};
-export {};

package/lib/FormToCode/zeus/resolvers.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zeusReduceQl = exports.zeusFieldsToReductor = void 0;
+var resolvers_1 = require("../gql/resolvers");
+var zeusFieldsToReductor = function (toggledFields) {
+    var r = Object.entries(toggledFields).reduce(function (a, _a) {
+        var key = _a[0], value = _a[1];
+        var pathElements = key.split('.');
+        var start = a;
+        pathElements.forEach(function (el, index) {
+            var _a;
+            if (index === 0 && !!((_a = value.node.type.operations) === null || _a === void 0 ? void 0 : _a.length)) {
+                el = value.node.type.operations[0];
+                return;
+            }
+            start[el] = start[el] || {};
+            start[el].node = start[el].node || {};
+            if (index === pathElements.length - 1) {
+                if (value.value && Object.keys(value.value).length > 0) {
+                    start[el].value = value.value;
+                }
+            }
+            start = start[el].node;
+        });
+        return a;
+    }, {});
+    return r;
+};
+exports.zeusFieldsToReductor = zeusFieldsToReductor;
+var zeusReduceQl = function (o, nodes, tabs, level) {
+    if (tabs === void 0) { tabs = ''; }
+    if (level === void 0) { level = 0; }
+    var lUP = level + 1;
+    return Object.entries(o)
+        .map(function (_a) {
+        var _b, _c;
+        var k = _a[0], v = _a[1];
+        if (v.value && Object.keys(v.value).length > 0) {
+            return Object.keys(v.node).length > 0
+                ? "".concat(tabs).concat(k, ":[{").concat((0, resolvers_1.resolveQlValue)(v.value, nodes, tabs), "\n").concat(tabs, "}, {\n").concat((0, exports.zeusReduceQl)(v.node, nodes, tabs + '\t', lUP)).concat(tabs, "}]\n")
+                : "".concat(tabs).concat(k, ":[{").concat((0, resolvers_1.resolveQlValue)(v.value, nodes, tabs), "\n").concat(tabs, "}, true]");
+        }
+        if (level === 0) {
+            return "const result = await api(\"".concat((_c = (_b = nodes.find(function (n) { return n.name === k; })) === null || _b === void 0 ? void 0 : _b.type.operations) === null || _c === void 0 ? void 0 : _c[0], "\")({\n").concat((0, exports.zeusReduceQl)(v.node, nodes, tabs + '\t', lUP), "})");
+        }
+        var kObject = Object.keys(v.node).length > 0
+            ? "".concat(tabs).concat(k, ":{\n").concat((0, exports.zeusReduceQl)(v.node, nodes, tabs + '\t', lUP)).concat(tabs, "}\n")
+            : "".concat(tabs).concat(k, ": true\n");
+        return kObject;
+    })
+        .join('');
+};
+exports.zeusReduceQl = zeusReduceQl;
+//# sourceMappingURL=resolvers.js.map

package/lib/FormToCode/zeus/resolvers.js.map

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

package/lib/{renderer/widgets/models.d.ts → createWidget.d.ts}

@@ -1,13 +1,13 @@
-import { PassedFormProps, CastToWidgetSettingsPassedForm } from "../../models";
-import React from 'react';
+/// <reference types="react" />
+import { PassedFormProps, CastToWidgetSettingsPassedForm } from "./models";
 export declare function createWidget<Props>({ name, Component, Settings, requirements, }: {
     name: string;
     Component: React.FC<PassedFormProps<Props>>;
     Settings?: React.FC<CastToWidgetSettingsPassedForm<Props>>;
     requirements: (props: PassedFormProps) => boolean;
 }): {
-    Component: React.FC<PassedFormProps<Props>>;
-    Settings: React.FC<CastToWidgetSettingsPassedForm<Props>> | undefined;
+    Component: import("react").FC<PassedFormProps<Props>>;
+    Settings: import("react").FC<CastToWidgetSettingsPassedForm<Props>> | undefined;
     requirements: (props: PassedFormProps) => boolean;
     props: Props;
     name: string;

package/lib/{renderer/widgets/models.js → createWidget.js}

@@ -12,4 +12,4 @@ function createWidget(_a) {
     };
 }
 exports.createWidget = createWidget;
-//# sourceMappingURL=models.js.map
+//# sourceMappingURL=createWidget.js.map

package/lib/createWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createWidget.js","sourceRoot":"","sources":["../src/createWidget.tsx"],"names":[],"mappings":";;;AAEA,SAAgB,YAAY,CAAQ,EAUnC;QATG,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA;IAOZ,OAAO;QACH,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,YAAY,cAAA;QACZ,KAAK,EAAE,EAAW;QAClB,IAAI,MAAA;KACP,CAAC;AACN,CAAC;AAlBD,oCAkBC"}

package/lib/index.d.ts

@@ -1,7 +1,6 @@
-import { FormDisplayerProps, MainRendererProps } from "./models";
-import { Renderer } from "./renderer";
-import React from 'react';
 export * from "./models";
-export { Renderer };
-export declare const FormRenderer: React.FC<MainRendererProps>;
-export declare const FormDisplayer: React.FC<FormDisplayerProps>;
+export * from "./FormBuilder";
+export * from "./FormDisplayer";
+export * from "./createWidget";
+export * from "./renderer";
+export * from "./FormToCode";

package/lib/index.js

@@ -1,15 +1,4 @@
 "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);
@@ -24,48 +13,11 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormDisplayer = exports.FormRenderer = exports.Renderer = void 0;
-var renderer_1 = require("./renderer");
-Object.defineProperty(exports, "Renderer", { enumerable: true, get: function () { return renderer_1.Renderer; } });
-var react_1 = __importDefault(require("react"));
 __exportStar(require("./models"), exports);
-var FormRenderer = function (_a) {
-    var formFields = _a.formFields, onChange = _a.onChange, widgetsOnChange = _a.widgetsOnChange, props = __rest(_a, ["formFields", "onChange", "widgetsOnChange"]);
-    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, { changeWidget: function (props, path) {
-                widgetsOnChange(path, props);
-            }, currentPath: '', formObject: formFields[key], onChange: function (changedForm) {
-                var _a;
-                onChange(__assign(__assign({}, formFields), (_a = {}, _a[key] = changedForm, _a)));
-            }, f: formFields[key].node })));
-    })));
-};
-exports.FormRenderer = FormRenderer;
-var FormDisplayer = function (_a) {
-    var formFields = _a.formFields, onChange = _a.onChange, props = __rest(_a, ["formFields", "onChange"]);
-    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, { changeWidget: function () {
-                return;
-            }, currentPath: '', formObject: formFields[key], onChange: function (changedForm) {
-                var _a;
-                onChange(__assign(__assign({}, formFields), (_a = {}, _a[key] = changedForm, _a)));
-            }, f: formFields[key].node })));
-    })));
-};
-exports.FormDisplayer = FormDisplayer;
+__exportStar(require("./FormBuilder"), exports);
+__exportStar(require("./FormDisplayer"), exports);
+__exportStar(require("./createWidget"), exports);
+__exportStar(require("./renderer"), exports);
+__exportStar(require("./FormToCode"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAAsC;AAI7B,yFAJA,mBAAQ,OAIA;AAHjB,gDAA0B;AAE1B,2CAAyB;AAGlB,IAAM,YAAY,GAAgC,UAAC,EAAmD;IAAjD,IAAA,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAA,EAAK,KAAK,cAAjD,6CAAmD,CAAF;IACvG,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,YAAY,EAAE,UAAC,KAAK,EAAE,IAAI;gBACtB,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACjC,CAAC,EACD,WAAW,EAAE,EAAE,EACf,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,QAAQ,uBACD,UAAU,gBACZ,GAAG,IAAG,WAAW,OACpB,CAAC;YACP,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,YAAY,gBAwBvB;AAEK,IAAM,aAAa,GAAiC,UAAC,EAAkC;IAAhC,IAAA,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAhC,0BAAkC,CAAF;IACxF,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,YAAY,EAAE;gBACV,OAAO;YACX,CAAC,EACD,WAAW,EAAE,EAAE,EACf,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,QAAQ,uBACD,UAAU,gBACZ,GAAG,IAAG,WAAW,OACpB,CAAC;YACP,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B;AAC9B,kDAAgC;AAChC,iDAA+B;AAC/B,6CAA2B;AAC3B,+CAA6B"}

package/lib/models.d.ts

@@ -5,18 +5,22 @@ export declare type FormLabelProps = React.FC<PassedFormProps & {
     open?: boolean;
     setOpen: (b: boolean) => void;
 }>;
+export declare type WidgetSavedData = {
+    widget: string;
+    [x: string]: any;
+};
 export declare type SavedWidgets = {
-    [selector: string]: {
-        widget: string;
-        [x: string]: any;
-    };
+    [selector: string]: WidgetSavedData | undefined;
+};
+export declare type SavedForms = {
+    [selector: string]: FormObject;
 };
 export declare type PassedFormProps<WidgetData = any> = {
     f: ParserField;
     nodes: ParserField[];
     formObject: FormObject;
     onChange: (formObject: FormObject) => void;
-    changeWidget: (widgetData: Record<string, any> | undefined, path: string) => void;
+    changeWidget: (widgetData: WidgetSavedData | undefined, path: string) => void;
     required?: boolean;
     runQuery: (q: string) => Promise<any>;
     widgetComponents: WidgetType[];
@@ -35,14 +39,17 @@ export declare type PassedFormProps<WidgetData = any> = {
         FormField: FieldComponent;
     };
 };
-export declare type MainRendererProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget'> & {
-    formFields: Record<string, FormObject>;
-    widgetsOnChange: (key: string, value?: Omit<FormObject, 'node' | 'value'>) => void;
-    onChange: (o: Record<string, FormObject>) => void;
+export declare type FormFile = {
+    widgets?: SavedWidgets;
+    forms?: SavedForms;
+};
+export declare type FormBuilderProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'> & {
+    formFile: FormFile;
+    onChange: (o: FormFile) => void;
 };
-export declare type FormDisplayerProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget'> & {
-    formFields: Record<string, FormObject>;
-    onChange: (o: Record<string, FormObject>) => void;
+export declare type FormDisplayerProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'> & {
+    formFile: FormFile;
+    onChange: (o: FormFile) => void;
 };
 export declare type FormLibraryProps = Omit<FormDisplayerProps, 'required' | 'components'>;
 export declare type CastToWidgetSettingsPassedForm<WidgetData> = PassedFormProps<Partial<WidgetData>> & {
@@ -62,8 +69,3 @@ export declare type FormObject = {
     value?: FormValue;
     node: ParserField;
 };
-export declare type FormDataType = Record<string, FormObject | Record<string, FormObject | undefined>>;
-export declare type FormFile = {
-    forms: Record<string, FormObject>;
-    widgets: Record<string, Omit<FormObject, 'node' | 'value'>>;
-};

package/package.json

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