@altiore/form - npm Package Compare versions

Comparing version 0.2.1 to 0.3.0

dist/field/field.d.ts

@@ -10,7 +10,7 @@ import React from 'react';
 }
-export interface FieldProps {
+export declare type FieldProps<T extends Record<string, unknown> = Record<string, unknown>> = T & {
     name: string;
-    component?: React.ComponentType<InputProps>;
+    component?: React.ComponentType<InputProps & T>;
     validate?: (value: unknown) => string | undefined;
-}
-export declare const Field: React.FC<FieldProps>;
+};
+export declare const Field: <T extends Record<string, unknown> = Record<string, unknown>>({ name, component, validate, ...props }: FieldProps<T>) => JSX.Element;

dist/field/field.js

@@ -0,5 +1,27 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React, { useCallback, useEffect, useState } from 'react';
 import _debounce from 'lodash/debounce';
 export var Field = function (_a) {
-    var name = _a.name, Input = _a.component, validate = _a.validate;
+    var name = _a.name, component = _a.component, validate = _a.validate, props = __rest(_a, ["name", "component", "validate"]);
     var _b = useState({
@@ -37,3 +59,4 @@ valid: true,
     }, []);
-    return (React.createElement(React.Fragment, null, Input ? React.createElement(Input, { name: name, meta: meta }) : React.createElement("input", { name: name })));
+    var Input = component;
+    return (React.createElement(React.Fragment, null, Input ? (React.createElement(Input, __assign({ name: name, meta: meta }, props))) : (React.createElement("input", { name: name }))));
 };

package.json

 {
 	"name": "@altiore/form",
-	"version": "0.2.1",
+	"version": "0.3.0",
 	"description": "Form helper for building powerful forms",
@@ -18,3 +18,3 @@ "main": "dist/index.js",
 		"lint": "tsc --noEmit && prettier --write \"**/*.{js,jsx,ts,tsx,json,md,yml}\" && eslint . --fix --ext .js,.jsx,.ts,.tsx --max-warnings=0",
-		"lint:ci": "tsc --noEmit && prettier \"**/*.{js,jsx,ts,tsx,json,md,yml}\" && eslint . --ext .js,.jsx,.ts,.tsx --max-warnings=0",
+		"lint:ci": "tsc --noEmit && prettier --check \"**/*.{js,jsx,ts,tsx,json,md,yml}\" && eslint . --ext .js,.jsx,.ts,.tsx --max-warnings=0",
 		"prepublish": "npm run build",
@@ -21,0 +21,0 @@ "prepare": "husky install",

No alert changes

Improved metrics

Total package byte prevSize

7067

increased by19.96%

Lines of code

103

increased by28.75%

No dependency changes