@manojadams/metaforms-core - npm Package Compare versions

Comparing version 3.0.33 to 3.0.34

dist/core/MetaForm.d.ts

@@ -75,3 +75,3 @@ import EventEmitter from "eventemitter3";
     setErrorHandler(errorHandler: TErrorCallback): void;
-    getControl(displayType: string): JSX.Element;
+    getControl(displayType: string): React.JSX.Element;
     setControls(controls: IElementTypes): void;
@@ -78,0 +78,0 @@ getControlElements(displayType: string): React.FunctionComponent<IControlProps> | null;

dist/form/form-controls/BaseFormControl.d.ts

@@ -41,4 +41,4 @@ import React from "react";
     componentDidMount(): void;
-    render(): JSX.Element;
-    control(): JSX.Element;
+    render(): React.JSX.Element;
+    control(): React.JSX.Element;
     abstract month(): JSX.Element;
@@ -65,3 +65,3 @@ abstract phone(): JSX.Element;
     multitext(): JSX.Element;
-    header(): JSX.Element;
+    header(): React.JSX.Element;
     modalsearch(): JSX.Element;
@@ -68,0 +68,0 @@ paragraph(): JSX.Element;

dist/form/form-controls/DummyFormControl.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import BaseFormControl from "./BaseFormControl";
@@ -3,0 +2,0 @@ declare class DummyFormControl extends BaseFormControl {

dist/form/form-controls/Footer/Button/ExtButton.d.ts

@@ -12,3 +12,3 @@ import React from "react";
     onClick: (e: React.MouseEvent) => void;
-}): JSX.Element;
+}): React.JSX.Element;
 export default ExtButton;

dist/form/form-controls/Footer/Button/FooterButton.d.ts

@@ -9,3 +9,3 @@ import React, { ReactElement } from "react";
 }
-declare function FooterButton(props: IProps): JSX.Element;
+declare function FooterButton(props: IProps): React.JSX.Element;
 export default FooterButton;

dist/form/form-controls/Footer/Button/FormButton.d.ts

@@ -7,3 +7,3 @@ import React from "react";
     handleClick: (e: React.MouseEvent, button: IField) => void;
-}): JSX.Element;
+}): React.JSX.Element;
 export default FormButton;

dist/form/form-controls/Footer/Footer.d.ts

@@ -15,3 +15,3 @@ import React from "react";
 }
-declare function Footer(props: IProps): JSX.Element;
+declare function Footer(props: IProps): React.JSX.Element;
 export default Footer;

dist/form/form-controls/FormControl.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from "react";
 import { IFormField, IRenderField } from "../../constants/common-interface";
@@ -8,3 +8,3 @@ interface IProps {
 }
-declare function FormControl(props: IProps): JSX.Element;
+declare function FormControl(props: IProps): React.JSX.Element;
 export default FormControl;

dist/form/form-controls/Styled.d.ts

 /// <reference types="react" />
 export declare const Header: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "form" | "switch" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    as?: "symbol" | "object" | "form" | "switch" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

dist/form/form-group/BaseFormGroup.d.ts

@@ -28,3 +28,3 @@ import React from "react";
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     setActiveIndex(index: number, callback?: TCallback): void;
@@ -31,0 +31,0 @@ abstract tabs(): JSX.Element;

dist/form/form-group/common/Section.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from "react";
 import { IForm } from "../../../constants/common-interface";
@@ -11,3 +11,3 @@ import { IField } from "../../../constants/model-interfaces";
 }
-export declare function Section(props: ISectionProps): JSX.Element;
+export declare function Section(props: ISectionProps): React.JSX.Element;
 export {};

dist/form/form-group/common/Sections.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from "react";
 import { IField } from "../../../constants/model-interfaces";
@@ -9,3 +9,3 @@ import { ISectionError } from "../../../constants/common-interface";
 }
-declare function Sections(props: IProps): JSX.Element;
+declare function Sections(props: IProps): React.JSX.Element;
 export default Sections;

dist/form/form-group/DummyFormGroup.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import BaseFormGroup from "./BaseFormGroup";
@@ -3,0 +2,0 @@ declare class DummyFormGroup extends BaseFormGroup {

dist/form/form-group/index.d.ts

@@ -1,6 +0,6 @@
-/// <reference types="react" />
+import React from "react";
 import { IField } from "../../constants/model-interfaces";
 declare function FormGroupRenderer(props: {
     fields: Array<IField>;
-}): JSX.Element;
+}): React.JSX.Element;
 export default FormGroupRenderer;

dist/form/form-stepper/BaseFormStepper.d.ts

@@ -8,8 +8,8 @@ import React from "react";
 declare abstract class BaseFormStepper extends BaseFormWizard {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     abstract steps(): JSX.Element;
     screens(): JSX.Element;
-    footer(): JSX.Element;
+    footer(): React.JSX.Element;
     next(e: React.SyntheticEvent): void;
 }
 export default BaseFormStepper;

dist/form/form-stepper/DummyFormStepper.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import BaseFormStepper from "./BaseFormStepper";
@@ -3,0 +2,0 @@ declare class DummyFormStepper extends BaseFormStepper {

dist/form/form-stepper/index.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from "react";
 import { IField } from "../../constants/model-interfaces";
@@ -6,3 +6,3 @@ declare function FormGroupStepper(props: {
     theme?: string;
-}): JSX.Element;
+}): React.JSX.Element;
 export default FormGroupStepper;

dist/form/form-wizard/BaseFormWizard.d.ts

@@ -27,3 +27,3 @@ import React from "react";
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     scrollToTop(): void;
@@ -30,0 +30,0 @@ setActiveIndex(index: number): void;

dist/form/form-wizard/index.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from "react";
 import { IField } from "../../constants/model-interfaces";
@@ -6,3 +6,3 @@ declare function FormGroupWizard(props: {
     theme?: string;
-}): JSX.Element;
+}): React.JSX.Element;
 export default FormGroupWizard;

dist/form/Form.d.ts

@@ -23,3 +23,3 @@ import React, { SyntheticEvent } from "react";
 }
-declare function Form(props: IProps): JSX.Element;
+declare function Form(props: IProps): React.JSX.Element;
 export default Form;

dist/form/FormFieldRenderer.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
+import React from "react";
 import { IRenderField } from "../constants/common-interface";
-declare function FormFieldRenderer(props: IRenderField): JSX.Element;
+declare function FormFieldRenderer(props: IRenderField): React.JSX.Element;
 export default FormFieldRenderer;

dist/form/formtype/DefaultForm.d.ts

@@ -19,3 +19,3 @@ import React from "react";
 }
-declare const DefaultForm: (props: IProps) => JSX.Element;
+declare const DefaultForm: (props: IProps) => React.JSX.Element;
 export default DefaultForm;

dist/form/formtype/SectionForm.d.ts

@@ -19,3 +19,3 @@ import React from "react";
 }
-declare const SectionForm: (props: IProps) => JSX.Element;
+declare const SectionForm: (props: IProps) => React.JSX.Element;
 export default SectionForm;

dist/form/layout/Col.d.ts

@@ -5,2 +5,2 @@ import React from "react";
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

dist/form/layout/Row.d.ts

@@ -1,2 +0,2 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 export default function Row(props: {
@@ -6,2 +6,2 @@ isStandalone: boolean | undefined;
     children: ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

dist/form/SectionLayout.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from "react";
 import { IForm } from "../constants/common-interface";
@@ -8,3 +8,3 @@ import { IField } from "../constants/model-interfaces";
 }
-declare function SectionLayout(props: IProps): JSX.Element;
+declare function SectionLayout(props: IProps): React.JSX.Element;
 export default SectionLayout;

dist/MetaformRenderer.d.ts

@@ -26,3 +26,3 @@ import React from "react";
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     validate(e: React.SyntheticEvent, type: string): boolean;
@@ -29,0 +29,0 @@ handleCustom(e: React.MouseEvent): void;

dist/SchemaErrorBoundary.d.ts

@@ -13,4 +13,4 @@ import React, { ReactNode } from "react";
     componentDidCatch(error: Error, errorInfo: object): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package.json

 {
   "name": "@manojadams/metaforms-core",
-  "version": "3.0.33",
+  "version": "3.0.34",
   "description": "React Library for rendering dynamic forms from json schema",
@@ -13,3 +13,3 @@ "author": "manojadams",
   "engines": {
-    "node": ">=12"
+    "node": ">=16"
   },
@@ -50,3 +50,3 @@ "scripts": {
     "@types/node": "^16.18.12",
-    "@types/react": "18.0.21",
+    "@types/react": "18.2.28",
     "@types/react-dom": "18.0.6",
@@ -53,0 +53,0 @@ "@typescript-eslint/eslint-plugin": "^5.52.0",

README.md

@@ -5,3 +5,4 @@ # metaform-core
 ## Change logs
-- Fix standalone field spacing
+- [https://github.com/manojadams/metaforms-core/issues/32](Error: Type 'Element' is not assignable to type 'ReactNode')
+- [https://github.com/manojadams/metaforms-core/issues/33](Duplicate steps in header)
 
@@ -8,0 +9,0 @@ ## Introduction

No alert changes

Improved metrics

Number of lines in readme file

125

increased by0.81%

Worsened metrics

Total package byte prevSize

916052

decreased by-0.03%

Lines of code

8297

decreased by-0.04%

No dependency changes