graphql-form 0.0.19 → 0.0.22

package/lib/createWidget.d.ts

@@ -1,16 +1,11 @@
-import { PassedFormProps, CastToWidgetSettingsPassedForm } from "./models";
-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: React.FC<PassedFormProps<Props>>;
-    Settings: React.FC<CastToWidgetSettingsPassedForm<Props>> | undefined;
-    Description: React.FC<{}> | undefined;
-    requirements: (props: PassedFormProps) => boolean;
+/// <reference types="react" />
+import { WidgetProps } from "./models";
+export declare function createWidget<Props>({ name, Component, Settings, Description, requirements, displayName, }: WidgetProps<Props>): {
+    displayName: string | undefined;
+    Component: import("react").FC<import("@/models").PassedFormProps<Props>>;
+    Settings: import("react").FC<import("@/models").CastToWidgetSettingsPassedForm<Props>> | undefined;
+    Description: import("react").FC<{}> | undefined;
+    requirements: (props: import("./models").PassedFormProps<any>) => boolean;
     props: Props;
     name: string;
 };

package/lib/createWidget.js

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

package/lib/createWidget.js.map

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

package/lib/models.d.ts

@@ -70,14 +70,15 @@ export declare type FormLibraryProps = Omit<FormDisplayerProps, 'required' | 'co
 export declare type CastToWidgetSettingsPassedForm<WidgetData = ReturnedDictType> = Partial<PassedFormProps<Partial<WidgetData>>> & {
     widgetSettingsChange: (data: WidgetData) => void;
 };
-export declare type WidgetType = {
-    Component: React.FC<PassedFormProps>;
-    Settings: React.FC<CastToWidgetSettingsPassedForm> | undefined;
+export declare type WidgetProps<Props> = {
+    Component: React.FC<PassedFormProps<Props>>;
+    Settings: React.FC<CastToWidgetSettingsPassedForm<Props>> | undefined;
     Description?: React.FC;
     requirements: (props: PassedFormProps) => boolean;
-    props?: ReturnedDictType;
+    displayName?: string;
     name: string;
 };
+export declare type WidgetType = WidgetProps<ReturnedDictType>;
 export declare type FormValue = {
     value: FormValue;
 } | {

package/package.json

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

package/src/createWidget.tsx

@@ -1,5 +1,4 @@
-import { PassedFormProps, CastToWidgetSettingsPassedForm } from '@/models';
-import React from 'react';
+import { WidgetProps } from '@/models';
 
 export function createWidget<Props>({
     name,
@@ -7,14 +6,10 @@ export function createWidget<Props>({
     Settings,
     Description,
     requirements,
-}: {
-    name: string;
-    Component: React.FC<PassedFormProps<Props>>;
-    Settings?: React.FC<CastToWidgetSettingsPassedForm<Props>>;
-    Description?: React.FC;
-    requirements: (props: PassedFormProps) => boolean;
-}) {
+    displayName,
+}: WidgetProps<Props>) {
     return {
+        displayName,
         Component,
         Settings,
         Description,

package/src/models.ts

@@ -90,15 +90,17 @@ export type CastToWidgetSettingsPassedForm<WidgetData = ReturnedDictType> = Part
     widgetSettingsChange: (data: WidgetData) => void;
 };
 
-export type WidgetType = {
-    Component: React.FC<PassedFormProps>;
-    Settings: React.FC<CastToWidgetSettingsPassedForm> | undefined;
+export type WidgetProps<Props> = {
+    Component: React.FC<PassedFormProps<Props>>;
+    Settings: React.FC<CastToWidgetSettingsPassedForm<Props>> | undefined;
     Description?: React.FC;
     requirements: (props: PassedFormProps) => boolean;
-    props?: ReturnedDictType;
+    displayName?: string;
     name: string;
 };
 
+export type WidgetType = WidgetProps<ReturnedDictType>;
+
 export type FormValue =
     | { value: FormValue }
     | {