graphql-form 0.0.5 → 0.0.8

package/lib/FormBuilder.js

@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (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"));
@@ -38,12 +39,15 @@ var FormBuilder = function (_a) {
         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) {
+        return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { key: key, changeWidget: function (widgetData, path) {
                 var _a;
-                onChange(__assign(__assign({}, formFile), { widgets: __assign(__assign({}, widgets), (_a = {}, _a[path] = widgetData, _a)) }));
+                var query = (0, FormToCode_1.formToGql)({ fields: forms, nodes: props.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;
-                onChange(__assign(__assign({}, formFile), { forms: __assign(__assign({}, forms), (_a = {}, _a[key] = changedForm, _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 });
+                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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;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,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,GAAG,EAChB,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;AAxCW,QAAA,WAAW,eAwCtB"}
+{"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"}

package/lib/FormDisplayer.js

@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (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"));
@@ -38,11 +39,13 @@ var FormDisplayer = function (_a) {
         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 (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { key: key, widgets: widgets, changeWidget: function () {
                 return;
             }, currentPath: key, formObject: formFields[key], onChange: function (changedForm) {
                 var _a;
-                onChange(__assign(__assign({}, formFile), { forms: __assign(__assign({}, forms), (_a = {}, _a[key] = changedForm, _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 });
+                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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAAG,EAChB,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"}
+{"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"}

package/lib/createWidget.d.ts

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

package/lib/createWidget.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createWidget = void 0;
 function createWidget(_a) {
-    var name = _a.name, Component = _a.Component, Settings = _a.Settings, requirements = _a.requirements;
+    var name = _a.name, Component = _a.Component, Settings = _a.Settings, Description = _a.Description, requirements = _a.requirements;
     return {
         Component: Component,
         Settings: Settings,
+        Description: Description,
         requirements: requirements,
         props: {},
         name: name,

package/lib/createWidget.js.map

@@ -1 +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"}
+{"version":3,"file":"createWidget.js","sourceRoot":"","sources":["../src/createWidget.tsx"],"names":[],"mappings":";;;AAGA,SAAgB,YAAY,CAAQ,EAYnC;QAXG,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,YAAY,kBAAA;IAQZ,OAAO;QACH,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,KAAK,EAAE,EAAW;QAClB,IAAI,MAAA;KACP,CAAC;AACN,CAAC;AArBD,oCAqBC"}

package/lib/models.d.ts

@@ -7,7 +7,7 @@ export declare type FormLabelProps = React.FC<PassedFormProps & {
 }>;
 export declare type WidgetSavedData = {
     widget: string;
-    [x: string]: any;
+    [x: string]: unknown;
 };
 export declare type SavedWidgets = {
     [selector: string]: WidgetSavedData | undefined;
@@ -15,14 +15,15 @@ export declare type SavedWidgets = {
 export declare type SavedForms = {
     [selector: string]: FormObject;
 };
-export declare type PassedFormProps<WidgetData = any> = {
+export declare type ReturnedDictType = Record<string, unknown> | undefined;
+export declare type PassedFormProps<WidgetData = ReturnedDictType> = {
     f: ParserField;
     nodes: ParserField[];
     formObject: FormObject;
     onChange: (formObject: FormObject) => void;
     changeWidget: (widgetData: WidgetSavedData | undefined, path: string) => void;
     required?: boolean;
-    runQuery: (q: string) => Promise<any>;
+    runQuery: (q: string) => Promise<unknown>;
     widgetComponents: WidgetType[];
     currentPath: string;
     widgets?: SavedWidgets;
@@ -45,21 +46,21 @@ export declare type FormFile = {
 };
 export declare type FormBuilderProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'> & {
     formFile: FormFile;
-    onChange: (o: FormFile) => void;
+    onChange: (o: FormFile, query: string) => void;
 };
 export declare type FormDisplayerProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'> & {
     formFile: FormFile;
-    onChange: (o: FormFile) => void;
+    onChange: (o: FormFile, query: string) => void;
 };
 export declare type FormLibraryProps = Omit<FormDisplayerProps, 'required' | 'components'>;
-export declare type CastToWidgetSettingsPassedForm<WidgetData> = PassedFormProps<Partial<WidgetData>> & {
-    close: () => void;
+export declare type CastToWidgetSettingsPassedForm<WidgetData = ReturnedDictType> = PassedFormProps<Partial<WidgetData>> & {
+    widgetSettingsChange: (data: WidgetData) => void;
 };
 export declare type WidgetType = {
     Component: React.FC<PassedFormProps>;
-    Settings: React.FC<CastToWidgetSettingsPassedForm<any>> | undefined;
+    Settings: React.FC<CastToWidgetSettingsPassedForm> | undefined;
     requirements: (props: PassedFormProps) => boolean;
-    props?: Record<string, any>;
+    props?: ReturnedDictType;
     name: string;
 };
 export declare type FormValue = {

package/package.json

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

package/src/FormBuilder.tsx

@@ -1,3 +1,4 @@
+import { formToGql } from '@/FormToCode';
 import { FormBuilderProps, FormObject } from '@/models';
 import { Renderer } from '@/renderer';
 import { TypeSystemDefinition } from 'graphql-js-tree';
@@ -16,26 +17,33 @@ export const FormBuilder: React.FC<FormBuilderProps> = ({ formFile, onChange, ..
                 return (
                     <Renderer
                         {...props}
+                        key={key}
                         changeWidget={(widgetData, path) => {
-                            onChange({
-                                ...formFile,
-                                widgets: {
-                                    ...widgets,
-                                    [path]: widgetData,
+                            const query = formToGql({ fields: forms, nodes: props.nodes });
+                            onChange(
+                                {
+                                    ...formFile,
+                                    widgets: {
+                                        ...widgets,
+                                        [path]: widgetData,
+                                    },
                                 },
-                            });
+                                query,
+                            );
                         }}
                         widgets={widgets}
                         currentPath={key}
                         formObject={formFields[key]}
                         onChange={(changedForm: FormObject) => {
-                            onChange({
+                            const updatedFile = {
                                 ...formFile,
                                 forms: {
                                     ...forms,
                                     [key]: changedForm,
                                 },
-                            });
+                            };
+                            const query = formToGql({ fields: updatedFile.forms, nodes: props.nodes });
+                            onChange(updatedFile, query);
                         }}
                         f={formFields[key].node}
                     />

package/src/FormDisplayer.tsx

@@ -1,3 +1,4 @@
+import { formToGql } from '@/FormToCode';
 import { FormDisplayerProps, FormObject } from '@/models';
 import { Renderer } from '@/renderer';
 import { TypeSystemDefinition } from 'graphql-js-tree';
@@ -16,6 +17,7 @@ export const FormDisplayer: React.FC<FormDisplayerProps> = ({ formFile, onChange
                 return (
                     <Renderer
                         {...props}
+                        key={key}
                         widgets={widgets}
                         changeWidget={() => {
                             return;
@@ -23,13 +25,15 @@ export const FormDisplayer: React.FC<FormDisplayerProps> = ({ formFile, onChange
                         currentPath={key}
                         formObject={formFields[key]}
                         onChange={(changedForm: FormObject) => {
-                            onChange({
+                            const updatedFile = {
                                 ...formFile,
                                 forms: {
                                     ...forms,
                                     [key]: changedForm,
                                 },
-                            });
+                            };
+                            const query = formToGql({ fields: updatedFile.forms, nodes: props.nodes });
+                            onChange(updatedFile, query);
                         }}
                         f={formFields[key].node}
                     />

package/src/createWidget.tsx

@@ -1,19 +1,23 @@
 import { PassedFormProps, CastToWidgetSettingsPassedForm } from '@/models';
+import React from 'react';
 
 export function createWidget<Props>({
     name,
     Component,
     Settings,
+    Description,
     requirements,
 }: {
     name: string;
     Component: React.FC<PassedFormProps<Props>>;
     Settings?: React.FC<CastToWidgetSettingsPassedForm<Props>>;
+    Description?: React.FC;
     requirements: (props: PassedFormProps) => boolean;
 }) {
     return {
         Component,
         Settings,
+        Description,
         requirements,
         props: {} as Props,
         name,

package/src/models.ts

@@ -7,7 +7,7 @@ export type FormLabelProps = React.FC<PassedFormProps & { open?: boolean; setOpe
 
 export type WidgetSavedData = {
     widget: string;
-    [x: string]: any;
+    [x: string]: unknown;
 };
 
 export type SavedWidgets = {
@@ -17,14 +17,16 @@ export type SavedForms = {
     [selector: string]: FormObject;
 };
 
-export type PassedFormProps<WidgetData = any> = {
+export type ReturnedDictType = Record<string, unknown> | undefined;
+
+export type PassedFormProps<WidgetData = ReturnedDictType> = {
     f: ParserField;
     nodes: ParserField[];
     formObject: FormObject;
     onChange: (formObject: FormObject) => void;
     changeWidget: (widgetData: WidgetSavedData | undefined, path: string) => void;
     required?: boolean;
-    runQuery: (q: string) => Promise<any>;
+    runQuery: (q: string) => Promise<unknown>;
     widgetComponents: WidgetType[];
     currentPath: string;
     widgets?: SavedWidgets;
@@ -51,7 +53,7 @@ export type FormBuilderProps = Omit<
     'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'
 > & {
     formFile: FormFile;
-    onChange: (o: FormFile) => void;
+    onChange: (o: FormFile, query: string) => void;
 };
 
 export type FormDisplayerProps = Omit<
@@ -59,20 +61,20 @@ export type FormDisplayerProps = Omit<
     'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget' | 'widgets'
 > & {
     formFile: FormFile;
-    onChange: (o: FormFile) => void;
+    onChange: (o: FormFile, query: string) => void;
 };
 
 export type FormLibraryProps = Omit<FormDisplayerProps, 'required' | 'components'>;
 
-export type CastToWidgetSettingsPassedForm<WidgetData> = PassedFormProps<Partial<WidgetData>> & {
-    close: () => void;
+export type CastToWidgetSettingsPassedForm<WidgetData = ReturnedDictType> = PassedFormProps<Partial<WidgetData>> & {
+    widgetSettingsChange: (data: WidgetData) => void;
 };
 
 export type WidgetType = {
     Component: React.FC<PassedFormProps>;
-    Settings: React.FC<CastToWidgetSettingsPassedForm<any>> | undefined;
+    Settings: React.FC<CastToWidgetSettingsPassedForm> | undefined;
     requirements: (props: PassedFormProps) => boolean;
-    props?: Record<string, any>;
+    props?: ReturnedDictType;
     name: string;
 };