zeus-form 0.1.1

package/jest.config.ts

@@ -0,0 +1,14 @@
+import type { Config } from '@jest/types';
+
+const config: Config.InitialOptions = {
+    verbose: true,
+    preset: 'ts-jest',
+    moduleFileExtensions: ['ts', 'tsx', 'js'],
+    moduleNameMapper: {
+        '@/(.*)': ['<rootDir>/src/'],
+    },
+    testMatch: ['**/*.spec.(ts|tsx)'],
+    watchPathIgnorePatterns: ['node_modules'],
+    watchman: false,
+};
+export default config;

package/lib/InputForm.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InputFormProps } from "./models";
+export declare function InputForm<T>({ onChange, schema, values, inputName, ...props }: InputFormProps<T>): JSX.Element;

package/lib/InputForm.js

@@ -0,0 +1,114 @@
+"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;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputForm = void 0;
+var renderer_1 = require("./renderer");
+var resolve_1 = require("./resolve");
+var graphql_js_tree_1 = require("graphql-js-tree");
+var react_1 = __importStar(require("react"));
+function InputForm(_a) {
+    var onChange = _a.onChange, schema = _a.schema, values = _a.values, inputName = _a.inputName, props = __rest(_a, ["onChange", "schema", "values", "inputName"]);
+    var nodes = (0, react_1.useMemo)(function () {
+        return graphql_js_tree_1.Parser.parse(schema).nodes;
+    }, [schema]);
+    var formObject = (0, react_1.useMemo)(function () {
+        var _a;
+        var node = nodes.find(function (n) { return n.name === inputName && n.data.type === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition; });
+        if (!node)
+            throw new Error("Invalid node: \"".concat(inputName, "\". Your schema does not have such input node."));
+        var v = (_a = {},
+            _a[inputName] = values,
+            _a);
+        return buildForm({
+            node: node,
+            nodes: nodes,
+            values: v,
+        });
+    }, [inputName, values]);
+    return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { nodes: nodes, formObject: formObject, key: inputName, currentPath: inputName, onChange: function (changedForm) {
+            var toValue = (0, resolve_1.resolveQlValue)({ v: changedForm, nodes: nodes });
+            onChange(toValue);
+        }, f: formObject.__form__node })));
+}
+exports.InputForm = InputForm;
+function buildForm(props) {
+    var _a;
+    var node = props.node, nodes = props.nodes, values = props.values;
+    if (node.type.fieldType.type === graphql_js_tree_1.Options.array ||
+        (node.type.fieldType.type === graphql_js_tree_1.Options.required && node.type.fieldType.nest.type === graphql_js_tree_1.Options.array)) {
+        return {
+            __form__node: node,
+            __form__value: (_a = values === null || values === void 0 ? void 0 : values[node.name]) === null || _a === void 0 ? void 0 : _a.map(function (av) { return ({
+                __form__node: node,
+                __form__value: av,
+            }); }),
+        };
+    }
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(node.type.fieldType); });
+    var isFieldOfInputType = node.data.type === graphql_js_tree_1.ValueDefinition.InputValueDefinition &&
+        (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
+    if (isFieldOfInputType) {
+        return buildForm(__assign(__assign({}, props), { node: seekNode, switchInput: true, switchFieldName: node.name }));
+    }
+    var isInputType = node.data.type === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
+    if (isInputType) {
+        var valueObject = node.args.reduce(function (a, b) {
+            var fv = buildForm(__assign(__assign({}, props), { node: b, values: (values === null || values === void 0 ? void 0 : values[props.switchFieldName || node.name]) || {} }));
+            a[b.name] = fv;
+            return a;
+        }, {});
+        return {
+            __form__node: props.switchInput ? __assign(__assign({}, node), { data: { type: graphql_js_tree_1.ValueDefinition.InputValueDefinition } }) : node,
+            __form__value: valueObject,
+        };
+    }
+    return {
+        __form__node: node,
+        __form__value: values === null || values === void 0 ? void 0 : values[node.name],
+    };
+}
+//# sourceMappingURL=InputForm.js.map

package/lib/InputForm.js.map

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

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./models";
+export * from "./renderer";
+export * from "./outsideUse";
+export * from "./InputForm";

package/lib/index.js

@@ -0,0 +1,21 @@
+"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("./models"), exports);
+__exportStar(require("./renderer"), exports);
+__exportStar(require("./outsideUse"), exports);
+__exportStar(require("./InputForm"), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,6CAA2B;AAC3B,+CAA6B;AAC7B,8CAA4B"}

package/lib/models.d.ts

@@ -0,0 +1,80 @@
+import { ParserField } from 'graphql-js-tree';
+import React from 'react';
+export declare type FieldComponent = React.FC<PassedFormProps>;
+export declare type FormLabelProps = React.FC<PassedFormProps & {
+    open?: boolean;
+    setOpen: (b: boolean) => void;
+}>;
+export declare type WidgetSavedData = {
+    widget: string;
+    [x: string]: unknown;
+};
+export declare type SavedWidgets = {
+    [selector: string]: WidgetSavedData | undefined;
+};
+export declare const enum Errs {
+    REQUIRED = "REQUIRED",
+    VALUE_IN_ARRAY_REQUIRED = "VALUE_IN_ARRAY_REQUIRED"
+}
+export declare type Errors = {
+    [selector: string]: string;
+};
+export declare type SavedForms = {
+    [selector: string]: FormObject;
+};
+export declare type ReturnedDictType = any;
+export declare type WidgetVariantType = {
+    name: string;
+    widget: string;
+    data: ReturnedDictType;
+};
+export declare type PassedFormProps<WidgetData = ReturnedDictType> = {
+    f: ParserField;
+    nodes: ParserField[];
+    formObject: FormObject;
+    onChange: (formObject: FormObject) => void;
+    required?: boolean;
+    widgetComponents: WidgetType[];
+    widgetVariants?: WidgetVariantType[];
+    currentPath: string;
+    widgets?: SavedWidgets;
+    widgetData?: WidgetData;
+    errors?: Errors;
+    components: {
+        ArrayField: FieldComponent;
+        ObjectField: FieldComponent;
+        BooleanField: FieldComponent;
+        UniversalField: FieldComponent;
+        NumberField: FieldComponent;
+        EnumField: FieldComponent;
+        NullField: FieldComponent;
+        FormLabel: FormLabelProps;
+        FormField: FieldComponent;
+    };
+};
+export declare type FormFile = {
+    widgets?: SavedWidgets;
+    forms?: SavedForms;
+};
+export declare type InputFormProps<InputZeusType> = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets' | 'nodes' | 'formFile' | 'runQuery'> & {
+    schema: string;
+    inputName: string;
+    values: Partial<InputZeusType>;
+    onChange: (o: Partial<InputZeusType>) => void;
+};
+export declare type InputFormLibraryProps<T> = Omit<InputFormProps<T>, 'required' | 'components'>;
+export declare type WidgetProps<Props> = {
+    Component: React.FC<PassedFormProps<Props>>;
+    name: string;
+};
+export declare type WidgetType = WidgetProps<ReturnedDictType>;
+export declare type FormValueBase = {
+    __form__value: FormValue;
+} | {
+    [x: string]: FormValue;
+} | string | boolean | number | null | undefined | Array<FormValue>;
+export declare type FormValue = FormValueBase | FormObject;
+export declare type FormObject = {
+    __form__value?: FormValue;
+    __form__node: ParserField;
+};

package/lib/models.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Errs = void 0;
+var Errs;
+(function (Errs) {
+    Errs["REQUIRED"] = "REQUIRED";
+    Errs["VALUE_IN_ARRAY_REQUIRED"] = "VALUE_IN_ARRAY_REQUIRED";
+})(Errs = exports.Errs || (exports.Errs = {}));
+//# sourceMappingURL=models.js.map

package/lib/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../src/models.ts"],"names":[],"mappings":";;;AAgBA,IAAkB,IAGjB;AAHD,WAAkB,IAAI;IAClB,6BAAqB,CAAA;IACrB,2DAAmD,CAAA;AACvD,CAAC,EAHiB,IAAI,GAAJ,YAAI,KAAJ,YAAI,QAGrB"}

package/lib/outsideUse.d.ts

@@ -0,0 +1,10 @@
+import { Errs, FormObject, 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 graphqlFormUtils: () => {
+    validateForm: (v: FormObject, errors: Record<Errs, string>) => Record<string, string>;
+    validateValue: (f: FormValue, path: string, pushErrors: (path: string, value: Errs) => void) => void;
+};

package/lib/outsideUse.js

@@ -0,0 +1,112 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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) {
+    var _a, _b;
+    var w = (_a = props.widgets) === null || _a === void 0 ? void 0 : _a[props.currentPath];
+    var FoundBasicWidget = props.widgetComponents.find(function (wc) { return wc.name === (w === null || w === void 0 ? void 0 : w.widget); });
+    if (!FoundBasicWidget) {
+        var widgetVariant_1 = (_b = props.widgetVariants) === null || _b === void 0 ? void 0 : _b.find(function (wv) { return wv.name === (w === null || w === void 0 ? void 0 : w.widget); });
+        if (!widgetVariant_1) {
+            return;
+        }
+        var FoundVariantWidget = props.widgetComponents.find(function (wc) { return wc.name === widgetVariant_1.widget; });
+        if (!FoundVariantWidget) {
+            return;
+        }
+        return {
+            data: __assign({ widget: widgetVariant_1.widget }, widgetVariant_1.data),
+            widget: FoundVariantWidget,
+        };
+    }
+    return {
+        data: w,
+        widget: FoundBasicWidget,
+    };
+};
+exports.getWidgetFromProps = getWidgetFromProps;
+var getErrorFromProps = function (props) {
+    var _a;
+    return (_a = props.errors) === null || _a === void 0 ? void 0 : _a[props.currentPath];
+};
+exports.getErrorFromProps = getErrorFromProps;
+var graphqlFormUtils = function () {
+    var validateValue = function (f, path, pushErrors) {
+        if (f === null ||
+            typeof f === 'string' ||
+            typeof f === 'boolean' ||
+            typeof f === 'number' ||
+            typeof f === 'undefined') {
+            return;
+        }
+        if ('__form__node' in f &&
+            typeof f.__form__node === 'object' &&
+            f.__form__node !== null &&
+            'args' in f.__form__node &&
+            'data' in f.__form__node &&
+            typeof f.__form__node.data === 'object' &&
+            !!f.__form__node.data &&
+            'type' in f.__form__node.data &&
+            'directives' in f.__form__node) {
+            var _a = f, __form__node = _a.__form__node, __form__value = _a.__form__value;
+            if (__form__node.data.type === graphql_js_tree_1.ValueDefinition.InputValueDefinition) {
+                if (__form__node.type.fieldType.type === graphql_js_tree_1.Options.required &&
+                    (0, graphql_js_tree_1.getTypeName)(__form__node.type.fieldType) !== graphql_js_tree_1.ScalarTypes.Boolean) {
+                    if (typeof __form__value === 'undefined' || __form__value === '') {
+                        pushErrors(path, models_1.Errs.REQUIRED);
+                    }
+                    if (Array.isArray(__form__value)) {
+                        for (var _i = 0, __form__value_1 = __form__value; _i < __form__value_1.length; _i++) {
+                            var v = __form__value_1[_i];
+                            validateValue(v, path, pushErrors);
+                        }
+                    }
+                }
+            }
+        }
+        if ('__form__value' in f && !!f.__form__value) {
+            var __form__value = f.__form__value;
+            if (Array.isArray(__form__value)) {
+                __form__value.map(function (vv) { return validateValue(vv, path, pushErrors); });
+                return;
+            }
+            if (typeof __form__value === 'object' && !!__form__value) {
+                Object.entries(__form__value).forEach(function (_a) {
+                    var k = _a[0], v = _a[1];
+                    return validateValue(v, "".concat(path, ".").concat(k), pushErrors);
+                });
+                return;
+            }
+        }
+        return;
+    };
+    var validateForm = function (v, errors) {
+        var errorDict = {};
+        Object.entries(v.__form__value).forEach(function (_a) {
+            var k = _a[0], val = _a[1];
+            validateValue(val, k, function (p, err) {
+                errorDict[p] = errors[err];
+            });
+        });
+        return errorDict;
+    };
+    return {
+        validateForm: validateForm,
+        validateValue: validateValue,
+    };
+};
+exports.graphqlFormUtils = graphqlFormUtils;
+//# sourceMappingURL=outsideUse.js.map

package/lib/outsideUse.js.map

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

package/lib/renderer/fields.d.ts

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

package/lib/renderer/fields.js

@@ -0,0 +1,63 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fields = void 0;
+var outsideUse_1 = require("../outsideUse");
+var graphql_js_tree_1 = require("graphql-js-tree");
+var react_1 = __importDefault(require("react"));
+var Fields = function (props) {
+    var nodes = props.nodes, f = props.f, _a = props.components, ArrayField = _a.ArrayField, ObjectField = _a.ObjectField;
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(f.type.fieldType); });
+    var isInput = f.data.type === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
+    if (isInput) {
+        return react_1.default.createElement(ObjectField, __assign({}, props));
+    }
+    var isFieldInput = (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
+    if (f.type.fieldType.type === graphql_js_tree_1.Options.array) {
+        return react_1.default.createElement(ArrayField, __assign({}, props));
+    }
+    if (isFieldInput) {
+        return react_1.default.createElement(ObjectField, __assign({}, props, { f: seekNode }));
+    }
+    var w = (0, outsideUse_1.getWidgetFromProps)(props);
+    if (w) {
+        var data = w.data, Component = w.widget.Component;
+        return react_1.default.createElement(Component, __assign({}, props, { widgetData: data }));
+    }
+    return react_1.default.createElement(ScalarField, __assign({}, props));
+};
+exports.Fields = Fields;
+var ScalarField = function (props) {
+    var f = props.f, nodes = props.nodes, children = props.children, _a = props.components, BooleanField = _a.BooleanField, NumberField = _a.NumberField, EnumField = _a.EnumField, UniversalField = _a.UniversalField;
+    var typeName = (0, graphql_js_tree_1.getTypeName)(f.type.fieldType);
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(f.type.fieldType); });
+    if (typeName === graphql_js_tree_1.ScalarTypes.String ||
+        typeName === graphql_js_tree_1.ScalarTypes.ID ||
+        (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.ScalarTypeDefinition) {
+        return react_1.default.createElement(UniversalField, __assign({}, props));
+    }
+    if (typeName === graphql_js_tree_1.ScalarTypes.Float || typeName === graphql_js_tree_1.ScalarTypes.Int) {
+        return react_1.default.createElement(NumberField, __assign({}, props));
+    }
+    if (typeName === graphql_js_tree_1.ScalarTypes.Boolean) {
+        return react_1.default.createElement(BooleanField, __assign({}, props));
+    }
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.EnumTypeDefinition) {
+        return react_1.default.createElement(EnumField, __assign({}, props));
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+//# sourceMappingURL=fields.js.map

package/lib/renderer/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../src/renderer/fields.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,4CAAkD;AAClD,mDAAoF;AACpF,gDAA0B;AAEnB,IAAM,MAAM,GAA8B,UAAC,KAAK;IAE/C,IAAA,KAAK,GAGL,KAAK,MAHA,EACL,CAAC,GAED,KAAK,EAFJ,EACD,KACA,KAAK,WADkC,EAAzB,UAAU,gBAAA,EAAE,WAAW,iBAAE,CACjC;IACV,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,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,gCAAc,CAAC,yBAAyB,CAAC;IACzE,IAAI,OAAO,EAAE;QACT,OAAO,8BAAC,WAAW,eAAK,KAAK,EAAI,CAAC;KACrC;IACD,IAAM,YAAY,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,IAAI,MAAK,gCAAc,CAAC,yBAAyB,CAAC;IACtF,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,KAAK,EAAE;QACzC,OAAO,8BAAC,UAAU,eAAK,KAAK,EAAI,CAAC;KACpC;IACD,IAAI,YAAY,EAAE;QACd,OAAO,8BAAC,WAAW,eAAK,KAAK,IAAE,CAAC,EAAE,QAAQ,IAAI,CAAC;KAClD;IACD,IAAM,CAAC,GAAG,IAAA,+BAAkB,EAAC,KAAK,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE;QAEC,IAAA,IAAI,GAEJ,CAAC,KAFG,EACM,SAAS,GACnB,CAAC,iBADkB,CACjB;QACN,OAAO,8BAAC,SAAS,eAAK,KAAK,IAAE,UAAU,EAAE,IAAI,IAAI,CAAC;KACrD;IACD,OAAO,8BAAC,WAAW,eAAK,KAAK,EAAI,CAAC;AACtC,CAAC,CAAC;AA3BW,QAAA,MAAM,UA2BjB;AACF,IAAM,WAAW,GAA8B,UAAC,KAAK;IAE7C,IAAA,CAAC,GAID,KAAK,EAJJ,EACD,KAAK,GAGL,KAAK,MAHA,EACL,QAAQ,GAER,KAAK,SAFG,EACR,KACA,KAAK,WAD+D,EAAtD,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,cAAc,oBAAE,CAC9D;IACV,IAAM,QAAQ,GAAG,IAAA,6BAAW,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,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,IACI,QAAQ,KAAK,6BAAW,CAAC,MAAM;QAC/B,QAAQ,KAAK,6BAAW,CAAC,EAAE;QAC3B,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,IAAI,MAAK,gCAAc,CAAC,oBAAoB,EAC7D;QACE,OAAO,8BAAC,cAAc,eAAK,KAAK,EAAI,CAAC;KACxC;IAED,IAAI,QAAQ,KAAK,6BAAW,CAAC,KAAK,IAAI,QAAQ,KAAK,6BAAW,CAAC,GAAG,EAAE;QAChE,OAAO,8BAAC,WAAW,eAAK,KAAK,EAAI,CAAC;KACrC;IACD,IAAI,QAAQ,KAAK,6BAAW,CAAC,OAAO,EAAE;QAClC,OAAO,8BAAC,YAAY,eAAK,KAAK,EAAI,CAAC;KACtC;IACD,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,IAAI,MAAK,gCAAc,CAAC,kBAAkB,EAAE;QAC3D,OAAO,8BAAC,SAAS,eAAK,KAAK,EAAI,CAAC;KACnC;IACD,OAAO,8DAAG,QAAQ,CAAI,CAAC;AAC3B,CAAC,CAAC"}

package/lib/renderer/index.d.ts

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

package/lib/renderer/index.js

@@ -0,0 +1,66 @@
+"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;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Renderer = void 0;
+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 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;
+    var _b = (0, react_1.useState)(props.required), open = _b[0], setOpen = _b[1];
+    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 })));
+    }
+    return (react_1.default.createElement(FormField, __assign({}, allProps),
+        react_1.default.createElement(FormLabel, __assign({}, allProps, { open: open, setOpen: setOpen, children: children })),
+        formObject.__form__value === null ? (react_1.default.createElement(NullField, __assign({}, allProps))) : (react_1.default.createElement(react_1.default.Fragment, null, (!isInput || open) && react_1.default.createElement(fields_1.Fields, __assign({}, allProps))))));
+};
+exports.Renderer = Renderer;
+//# sourceMappingURL=index.js.map

package/lib/renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,mCAA2C;AAC3C,mDAAuE;AACvE,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;IAC3E,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,QAAQ,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAC;IACjD,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,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,CACjC,8BAAC,SAAS,eAAK,QAAQ,EAAI,CAC9B,CAAC,CAAC,CAAC,CACA,8DAAG,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,8BAAC,eAAM,eAAK,QAAQ,EAAI,CAAI,CACxD,CACO,CACf,CAAC;AACN,CAAC,CAAC;AAjCW,QAAA,QAAQ,YAiCnB"}

package/lib/resolve.d.ts

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

package/lib/resolve.js

@@ -0,0 +1,62 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveQlValue = void 0;
+var graphql_js_tree_1 = require("graphql-js-tree");
+var resolveQlValue = function (_a) {
+    var v = _a.v, nodes = _a.nodes;
+    if (typeof v === 'undefined') {
+        return;
+    }
+    if (v === null) {
+        return v;
+    }
+    if (Array.isArray(v)) {
+        if (v.length === 0)
+            return;
+        return v.map(function (vv) { return (0, exports.resolveQlValue)({ v: vv, nodes: nodes }); });
+    }
+    if (typeof v === 'object') {
+        if ('__form__value' in v) {
+            if ('__form__node' in v) {
+                var n = v.__form__node;
+                if (n.type.fieldType.type === graphql_js_tree_1.Options.required) {
+                    return (0, exports.resolveQlValue)({
+                        v: {
+                            __form__node: __assign(__assign({}, n), { type: __assign(__assign({}, n.type), { fieldType: __assign({}, n.type.fieldType.nest) }) }),
+                            __form__value: v.__form__value,
+                        },
+                        nodes: nodes,
+                    });
+                }
+            }
+            return (0, exports.resolveQlValue)({ v: v.__form__value, nodes: nodes });
+        }
+        var e = Object.entries(v).reduce(function (a, _a) {
+            var key = _a[0], val = _a[1];
+            var value = (0, exports.resolveQlValue)({ v: val, nodes: nodes });
+            if (typeof value === 'undefined' || value === null) {
+                return a;
+            }
+            if (typeof value === 'object' && Object.keys(value).length === 0) {
+                return a;
+            }
+            a[key] = value;
+            return a;
+        }, {});
+        return e;
+    }
+    return v;
+};
+exports.resolveQlValue = resolveQlValue;
+//# sourceMappingURL=resolve.js.map

package/lib/resolve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve.js","sourceRoot":"","sources":["../src/resolve.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,mDAAuD;AAEhD,IAAM,cAAc,GAAG,UAAC,EAAgE;QAA9D,CAAC,OAAA,EAAE,KAAK,WAAA;IACrC,IAAI,OAAO,CAAC,KAAK,WAAW,EAAE;QAC1B,OAAO;KACV;IACD,IAAI,CAAC,KAAK,IAAI,EAAE;QACZ,OAAO,CAAC,CAAC;KACZ;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAClB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC3B,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,IAAA,sBAAc,EAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,EAAhC,CAAgC,CAAC,CAAC;KAC1D;IACD,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACvB,IAAI,eAAe,IAAI,CAAC,EAAE;YACtB,IAAI,cAAc,IAAI,CAAC,EAAE;gBACrB,IAAM,CAAC,GAAG,CAAC,CAAC,YAA2B,CAAC;gBACxC,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,QAAQ,EAAE;oBAC5C,OAAO,IAAA,sBAAc,EAAC;wBAClB,CAAC,EAAE;4BACC,YAAY,wBACL,CAAC,KACJ,IAAI,wBACG,CAAC,CAAC,IAAI,KACT,SAAS,eACF,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,OAGnC;4BACD,aAAa,EAAE,CAAC,CAAC,aAAa;yBACjC;wBACD,KAAK,OAAA;qBACR,CAAC,CAAC;iBACN;aACJ;YACD,OAAO,IAAA,sBAAc,EAAC,EAAE,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;SACxD;QACD,IAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,EAAU;gBAAT,GAAG,QAAA,EAAE,GAAG,QAAA;YAC5C,IAAM,KAAK,GAAG,IAAA,sBAAc,EAAC,EAAE,CAAC,EAAE,GAAgB,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;YAC7D,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,IAAI,EAAE;gBAChD,OAAO,CAAC,CAAC;aACZ;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9D,OAAO,CAAC,CAAC;aACZ;YACD,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACf,OAAO,CAAC,CAAC;QACb,CAAC,EAAE,EAAS,CAAC,CAAC;QACd,OAAO,CAAC,CAAC;KACZ;IACD,OAAO,CAAkB,CAAC;AAC9B,CAAC,CAAC;AAjDW,QAAA,cAAc,kBAiDzB"}

package/package.json

@@ -0,0 +1,33 @@
+{
+    "name": "zeus-form",
+    "version": "0.1.1",
+    "description": "Easy form creation with GraphQL Editor and React",
+    "main": "lib/index.js",
+    "scripts": {
+        "test": "jest",
+        "test:watch": "jest --watch",
+        "build": "ttsc -p tsconfig.build.json",
+        "start": "ttsc -p tsconfig.build.json --watch",
+        "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix"
+    },
+    "types": "lib/index.d.ts",
+    "private": false,
+    "publishConfig": {
+        "access": "public"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/graphql-editor/graphql-form.git"
+    },
+    "author": "Aexol <aexol@aexol.com> (http://aexol.com)",
+    "license": "MIT",
+    "homepage": "https://form.graphqleditor.com",
+    "devDependencies": {},
+    "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "dependencies": {
+        "graphql-js-tree": "^0.1.1"
+    }
+}

package/src/InputForm.tsx

@@ -0,0 +1,87 @@
+import { InputFormProps, FormObject, FormValue } from '@/models';
+import { Renderer } from '@/renderer';
+import { resolveQlValue } from '@/resolve';
+import { getTypeName, Options, Parser, ParserField, TypeDefinition, ValueDefinition } from 'graphql-js-tree';
+import React, { useMemo } from 'react';
+
+export function InputForm<T>({ onChange, schema, values, inputName, ...props }: InputFormProps<T>) {
+    const nodes = useMemo(() => {
+        return Parser.parse(schema).nodes;
+    }, [schema]);
+
+    const formObject = useMemo(() => {
+        const node = nodes.find(
+            (n) => n.name === inputName && n.data.type === TypeDefinition.InputObjectTypeDefinition,
+        );
+        if (!node) throw new Error(`Invalid node: "${inputName}". Your schema does not have such input node.`);
+        const v = {
+            [inputName]: values,
+        };
+        return buildForm<typeof v>({
+            node,
+            nodes,
+            values: v,
+        });
+    }, [inputName, values]);
+
+    return (
+        <Renderer
+            {...props}
+            nodes={nodes}
+            formObject={formObject}
+            key={inputName}
+            currentPath={inputName}
+            onChange={(changedForm: FormObject) => {
+                const toValue = resolveQlValue({ v: changedForm, nodes });
+                onChange(toValue as Partial<T>);
+            }}
+            f={formObject.__form__node}
+        />
+    );
+}
+
+function buildForm<T>(props: {
+    node: ParserField;
+    nodes: ParserField[];
+    values?: any;
+    switchInput?: boolean;
+    switchFieldName?: string;
+}): FormObject {
+    const { node, nodes, values } = props;
+    if (
+        node.type.fieldType.type === Options.array ||
+        (node.type.fieldType.type === Options.required && node.type.fieldType.nest.type === Options.array)
+    ) {
+        return {
+            __form__node: node,
+            __form__value: values?.[node.name]?.map((av: any) => ({
+                __form__node: node,
+                __form__value: av,
+            })),
+        };
+    }
+    const seekNode = nodes.find((n) => n.name === getTypeName(node.type.fieldType));
+    const isFieldOfInputType =
+        node.data.type === ValueDefinition.InputValueDefinition &&
+        seekNode?.data.type === TypeDefinition.InputObjectTypeDefinition;
+
+    if (isFieldOfInputType) {
+        return buildForm({ ...props, node: seekNode, switchInput: true, switchFieldName: node.name });
+    }
+    const isInputType = node.data.type === TypeDefinition.InputObjectTypeDefinition;
+    if (isInputType) {
+        const valueObject = node.args.reduce<Record<string, FormValue>>((a, b) => {
+            const fv = buildForm({ ...props, node: b, values: values?.[props.switchFieldName || node.name] || {} });
+            a[b.name] = fv;
+            return a;
+        }, {});
+        return {
+            __form__node: props.switchInput ? { ...node, data: { type: ValueDefinition.InputValueDefinition } } : node,
+            __form__value: valueObject,
+        };
+    }
+    return {
+        __form__node: node,
+        __form__value: values?.[node.name],
+    };
+}

package/src/__tests__/consts.ts

@@ -0,0 +1,40 @@
+import { FormObject } from '@/models';
+import { Options, ParserField, TypeDefinition } from 'graphql-js-tree';
+
+// Global Arrange
+export const typeNode: ParserField = {
+    name: 'Type',
+    args: [],
+    data: { type: TypeDefinition.ObjectTypeDefinition },
+    directives: [],
+    interfaces: [],
+    type: { fieldType: { name: 'type', type: Options.name } },
+};
+
+export const inputNode: ParserField = {
+    name: 'Input',
+    args: [],
+    data: { type: TypeDefinition.InputObjectTypeDefinition },
+    directives: [],
+    interfaces: [],
+    type: { fieldType: { name: 'type', type: Options.name } },
+};
+
+export const nodeWithArgs: ParserField = {
+    name: 'Root',
+    args: [typeNode, inputNode],
+    data: { type: TypeDefinition.ObjectTypeDefinition },
+    directives: [],
+    interfaces: [],
+    type: { fieldType: { name: 'type', type: Options.name } },
+};
+
+export const singleNode: ParserField[] = [typeNode];
+export const nodes: ParserField[] = [typeNode, inputNode, nodeWithArgs];
+
+export const fields: Record<string, FormObject> = { test: { node: typeNode, value: 5 } };
+export const extenedFields: Record<string, FormObject> = { testInput: { node: inputNode, value: fields } };
+export const fieldsNodeWithArgs: Record<string, FormObject> = { testInput: { node: nodeWithArgs, value: fields } };
+export const fieldsNodeWithArgsWithInput: Record<string, FormObject> = {
+    testInput: { node: nodeWithArgs, value: extenedFields },
+};

package/src/__tests__/index.ts

@@ -0,0 +1,2 @@
+export * from './consts';
+export * from './testUtils';

package/src/__tests__/testUtils.ts

@@ -0,0 +1,2 @@
+export const replSpace = (baseString: string) => (s: string) =>
+    expect(baseString.replace(/\s+/g, '')).toContain(s.replace(/\s+/g, ''));

package/src/index.tsx

@@ -0,0 +1,4 @@
+export * from '@/models';
+export * from '@/renderer';
+export * from '@/outsideUse';
+export * from '@/InputForm';

package/src/models.ts

@@ -0,0 +1,101 @@
+import { ParserField } from 'graphql-js-tree';
+import React from 'react';
+
+export type FieldComponent = React.FC<PassedFormProps>;
+
+export type FormLabelProps = React.FC<PassedFormProps & { open?: boolean; setOpen: (b: boolean) => void }>;
+
+export type WidgetSavedData = {
+    widget: string;
+    [x: string]: unknown;
+};
+
+export type SavedWidgets = {
+    [selector: string]: WidgetSavedData | undefined;
+};
+
+export const enum Errs {
+    REQUIRED = 'REQUIRED',
+    VALUE_IN_ARRAY_REQUIRED = 'VALUE_IN_ARRAY_REQUIRED',
+}
+
+export type Errors = {
+    [selector: string]: string;
+};
+
+export type SavedForms = {
+    [selector: string]: FormObject;
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type ReturnedDictType = any;
+
+export type WidgetVariantType = {
+    name: string;
+    widget: string;
+    data: ReturnedDictType;
+};
+
+export type PassedFormProps<WidgetData = ReturnedDictType> = {
+    f: ParserField;
+    nodes: ParserField[];
+    formObject: FormObject;
+    onChange: (formObject: FormObject) => void;
+    required?: boolean;
+    widgetComponents: WidgetType[];
+    widgetVariants?: WidgetVariantType[];
+    currentPath: string;
+    widgets?: SavedWidgets;
+    widgetData?: WidgetData;
+    errors?: Errors;
+    components: {
+        ArrayField: FieldComponent;
+        ObjectField: FieldComponent;
+        BooleanField: FieldComponent;
+        UniversalField: FieldComponent;
+        NumberField: FieldComponent;
+        EnumField: FieldComponent;
+        NullField: FieldComponent;
+        FormLabel: FormLabelProps;
+        FormField: FieldComponent;
+    };
+};
+export type FormFile = {
+    widgets?: SavedWidgets;
+    forms?: SavedForms;
+};
+
+export type InputFormProps<InputZeusType> = Omit<
+    PassedFormProps,
+    'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets' | 'nodes' | 'formFile' | 'runQuery'
+> & {
+    schema: string;
+    inputName: string;
+    values: Partial<InputZeusType>;
+    onChange: (o: Partial<InputZeusType>) => void;
+};
+export type InputFormLibraryProps<T> = Omit<InputFormProps<T>, 'required' | 'components'>;
+
+export type WidgetProps<Props> = {
+    Component: React.FC<PassedFormProps<Props>>;
+    name: string;
+};
+
+export type WidgetType = WidgetProps<ReturnedDictType>;
+
+export type FormValueBase =
+    | { __form__value: FormValue }
+    | {
+          [x: string]: FormValue;
+      }
+    | string
+    | boolean
+    | number
+    | null
+    | undefined
+    | Array<FormValue>;
+export type FormValue = FormValueBase | FormObject;
+
+export type FormObject = {
+    __form__value?: FormValue;
+    __form__node: ParserField;
+};

package/src/outsideUse.tsx

@@ -0,0 +1,102 @@
+import { Errs, FormObject, FormValue, PassedFormProps } from '@/models';
+import { getTypeName, Options, ScalarTypes, ValueDefinition } from 'graphql-js-tree';
+
+export const getWidgetFromProps = (props: PassedFormProps) => {
+    const w = props.widgets?.[props.currentPath];
+    const FoundBasicWidget = props.widgetComponents.find((wc) => wc.name === w?.widget);
+    if (!FoundBasicWidget) {
+        const widgetVariant = props.widgetVariants?.find((wv) => wv.name === w?.widget);
+        if (!widgetVariant) {
+            return;
+        }
+        const FoundVariantWidget = props.widgetComponents.find((wc) => wc.name === widgetVariant.widget);
+        if (!FoundVariantWidget) {
+            return;
+        }
+        return {
+            data: {
+                widget: widgetVariant.widget,
+                ...widgetVariant.data,
+            },
+            widget: FoundVariantWidget,
+        };
+    }
+    return {
+        data: w,
+        widget: FoundBasicWidget,
+    };
+};
+export const getErrorFromProps = (props: PassedFormProps) => {
+    return props.errors?.[props.currentPath];
+};
+
+export const graphqlFormUtils = () => {
+    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 (
+            '__form__node' in f &&
+            typeof f.__form__node === 'object' &&
+            f.__form__node !== null &&
+            'args' in f.__form__node &&
+            'data' in f.__form__node &&
+            typeof f.__form__node.data === 'object' &&
+            !!f.__form__node.data &&
+            'type' in f.__form__node.data &&
+            'directives' in f.__form__node
+        ) {
+            const { __form__node, __form__value } = f as FormObject;
+            if (__form__node.data.type === ValueDefinition.InputValueDefinition) {
+                if (
+                    __form__node.type.fieldType.type === Options.required &&
+                    getTypeName(__form__node.type.fieldType) !== ScalarTypes.Boolean
+                ) {
+                    if (typeof __form__value === 'undefined' || __form__value === '') {
+                        pushErrors(path, Errs.REQUIRED);
+                    }
+                    if (Array.isArray(__form__value)) {
+                        for (const v of __form__value) {
+                            validateValue(v, path, pushErrors);
+                        }
+                    }
+                }
+            }
+        }
+        if ('__form__value' in f && !!f.__form__value) {
+            const { __form__value } = f;
+            if (Array.isArray(__form__value)) {
+                __form__value.map((vv) => validateValue(vv, path, pushErrors));
+                return;
+            }
+            if (typeof __form__value === 'object' && !!__form__value) {
+                Object.entries(__form__value).forEach(([k, v]) =>
+                    validateValue(v as FormObject, `${path}.${k}`, pushErrors),
+                );
+                return;
+            }
+        }
+        return;
+    };
+
+    const validateForm = (v: FormObject, errors: Record<Errs, string>) => {
+        const errorDict: Record<string, string> = {};
+        Object.entries(v.__form__value as Record<string, FormObject>).forEach(([k, val]) => {
+            validateValue(val, k, (p, err) => {
+                errorDict[p] = errors[err];
+            });
+        });
+        return errorDict;
+    };
+
+    return {
+        validateForm,
+        validateValue,
+    };
+};

package/src/renderer/fields.tsx

@@ -0,0 +1,61 @@
+import { PassedFormProps } from '@/models';
+import { getWidgetFromProps } from '@/outsideUse';
+import { getTypeName, Options, ScalarTypes, TypeDefinition } from 'graphql-js-tree';
+import React from 'react';
+
+export const Fields: React.FC<PassedFormProps> = (props) => {
+    const {
+        nodes,
+        f,
+        components: { ArrayField, ObjectField },
+    } = props;
+    const seekNode = nodes.find((n) => n.name === getTypeName(f.type.fieldType));
+    const isInput = f.data.type === TypeDefinition.InputObjectTypeDefinition;
+    if (isInput) {
+        return <ObjectField {...props} />;
+    }
+    const isFieldInput = seekNode?.data.type === TypeDefinition.InputObjectTypeDefinition;
+    if (f.type.fieldType.type === Options.array) {
+        return <ArrayField {...props} />;
+    }
+    if (isFieldInput) {
+        return <ObjectField {...props} f={seekNode} />;
+    }
+    const w = getWidgetFromProps(props);
+    if (w) {
+        const {
+            data,
+            widget: { Component },
+        } = w;
+        return <Component {...props} widgetData={data} />;
+    }
+    return <ScalarField {...props} />;
+};
+const ScalarField: React.FC<PassedFormProps> = (props) => {
+    const {
+        f,
+        nodes,
+        children,
+        components: { BooleanField, NumberField, EnumField, UniversalField },
+    } = props;
+    const typeName = getTypeName(f.type.fieldType);
+    const seekNode = nodes.find((n) => n.name === getTypeName(f.type.fieldType));
+    if (
+        typeName === ScalarTypes.String ||
+        typeName === ScalarTypes.ID ||
+        seekNode?.data.type === TypeDefinition.ScalarTypeDefinition
+    ) {
+        return <UniversalField {...props} />;
+    }
+
+    if (typeName === ScalarTypes.Float || typeName === ScalarTypes.Int) {
+        return <NumberField {...props} />;
+    }
+    if (typeName === ScalarTypes.Boolean) {
+        return <BooleanField {...props} />;
+    }
+    if (seekNode?.data.type === TypeDefinition.EnumTypeDefinition) {
+        return <EnumField {...props} />;
+    }
+    return <>{children}</>;
+};

package/src/renderer/index.tsx

@@ -0,0 +1,39 @@
+import { PassedFormProps } from '@/models';
+import { Fields } from '@/renderer/fields';
+import { Options, getTypeName, TypeDefinition } from 'graphql-js-tree';
+import React, { useState } from 'react';
+
+export const Renderer: React.FC<PassedFormProps> = (props) => {
+    const {
+        formObject,
+        f,
+        nodes,
+        components: { NullField, FormLabel, FormField },
+    } = props;
+    const { children, ...allProps } = props;
+    const seekNode = nodes.find((n) => n.name === getTypeName(f.type.fieldType));
+    const isInput = seekNode?.data.type === TypeDefinition.InputObjectTypeDefinition;
+    const [open, setOpen] = useState(props.required);
+    if (f.type.fieldType.type === Options.required) {
+        return (
+            <Renderer
+                {...props}
+                f={{
+                    ...f,
+                    type: { ...f.type, fieldType: { ...f.type.fieldType.nest } },
+                }}
+                required={true}
+            />
+        );
+    }
+    return (
+        <FormField {...allProps}>
+            <FormLabel {...allProps} open={open} setOpen={setOpen} children={children} />
+            {formObject.__form__value === null ? (
+                <NullField {...allProps} />
+            ) : (
+                <>{(!isInput || open) && <Fields {...allProps} />}</>
+            )}
+        </FormField>
+    );
+};

package/src/resolve.ts

@@ -0,0 +1,53 @@
+import { FormValue, FormValueBase } from '@/models';
+import { Options, ParserField } from 'graphql-js-tree';
+
+export const resolveQlValue = ({ v, nodes }: { v: FormValue | undefined; nodes: ParserField[] }): FormValueBase => {
+    if (typeof v === 'undefined') {
+        return;
+    }
+    if (v === null) {
+        return v;
+    }
+    if (Array.isArray(v)) {
+        if (v.length === 0) return;
+        return v.map((vv) => resolveQlValue({ v: vv, nodes }));
+    }
+    if (typeof v === 'object') {
+        if ('__form__value' in v) {
+            if ('__form__node' in v) {
+                const n = v.__form__node as ParserField;
+                if (n.type.fieldType.type === Options.required) {
+                    return resolveQlValue({
+                        v: {
+                            __form__node: {
+                                ...n,
+                                type: {
+                                    ...n.type,
+                                    fieldType: {
+                                        ...n.type.fieldType.nest,
+                                    },
+                                },
+                            },
+                            __form__value: v.__form__value,
+                        },
+                        nodes,
+                    });
+                }
+            }
+            return resolveQlValue({ v: v.__form__value, nodes });
+        }
+        const e = Object.entries(v).reduce((a, [key, val]) => {
+            const value = resolveQlValue({ v: val as FormValue, nodes });
+            if (typeof value === 'undefined' || value === null) {
+                return a;
+            }
+            if (typeof value === 'object' && Object.keys(value).length === 0) {
+                return a;
+            }
+            a[key] = value;
+            return a;
+        }, {} as any);
+        return e;
+    }
+    return v as FormValueBase;
+};

package/tsconfig.build.json

@@ -0,0 +1,36 @@
+{
+    "compilerOptions": {
+        "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
+        "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
+        "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
+        "declaration": true /* Generates corresponding '.d.ts' file. */,
+
+        "sourceMap": true /* Generates corresponding '.map' file. */,
+
+        "outDir": "./lib" /* Redirect output structure to the directory. */,
+        "rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
+
+        "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
+
+        "strict": true /* Enable all strict type-checking options. */,
+
+        "baseUrl": "./src" /* Base directory to resolve non-absolute module names. */,
+        "paths": {
+            "@/*": ["./*"]
+        } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,
+
+        "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+        "skipLibCheck": true /* Skip type checking of declaration files. */,
+        "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+        "plugins": [
+            {
+                "transform": "typescript-transform-paths"
+            },
+            {
+                "transform": "typescript-transform-paths",
+                "afterDeclarations": true
+            }
+        ]
+    },
+    "exclude": ["**/__tests__/*", "**/__sandbox__/*", "./lib", "jest.config.ts"]
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
+        "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
+        "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
+        "sourceMap": true /* Generates corresponding '.map' file. */,
+        "rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
+        "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
+        "strict": true /* Enable all strict type-checking options. */,
+        "baseUrl": "./src" /* Base directory to resolve non-absolute module names. */,
+        "outDir": "./lib",
+        "paths": {
+            "@/*": ["./*"]
+        } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,
+        "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+        "skipLibCheck": true /* Skip type checking of declaration files. */,
+        "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+        "composite": true
+    }
+}