trepur_components 0.2.20 → 0.2.23

package/dist/components/Button/index.js

@@ -41,6 +41,7 @@ const Button = _ref => {
     hoverButtonTextColor,
     hoverButtonBorderColor,
     hoverCtaText,
+    type,
     url,
     buttonType,
     buttonDesign,
@@ -118,6 +119,7 @@ const Button = _ref => {
       rel: "noreferrer"
     }), /*#__PURE__*/_react.default.createElement("button", {
       style: styles,
+      type: type,
       onMouseOver: () => setHoverState(true),
       onMouseOut: () => setHoverState(false),
       className: classList
@@ -130,6 +132,7 @@ const Button = _ref => {
       rel: "noreferrer"
     }), /*#__PURE__*/_react.default.createElement("button", {
       style: styles,
+      type: type,
       onMouseOver: () => setHoverState(true),
       onMouseOut: () => setHoverState(false),
       className: classList
@@ -143,6 +146,7 @@ const Button = _ref => {
       rel: "noreferrer"
     }), /*#__PURE__*/_react.default.createElement("button", {
       style: styles,
+      type: type,
       onMouseOver: () => setHoverState(true),
       onMouseOut: () => setHoverState(false),
       className: classList
@@ -156,6 +160,7 @@ const Button = _ref => {
       rel: "noreferrer"
     }), /*#__PURE__*/_react.default.createElement("button", {
       style: styles,
+      type: type,
       onMouseOver: () => setHoverState(true),
       onMouseOut: () => setHoverState(false),
       className: 'flex ' + classList
@@ -170,6 +175,7 @@ const Button = _ref => {
   return /*#__PURE__*/_react.default.createElement("button", _extends({}, id && {
     id: id
   }, {
+    type: type,
     style: styles,
     onMouseOver: () => setHoverState(true),
     onMouseOut: () => setHoverState(false)

package/dist/components/Form/index.js

@@ -24,6 +24,9 @@ const Form = _ref => {
     id,
     classes,
     title,
+    titleClasses,
+    onSubmit,
+    ref,
     components,
     buttonDesign,
     buttonBgColor,
@@ -35,23 +38,27 @@ const Form = _ref => {
     buttonType,
     onClick
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", {
+    className: titleClasses
+  }, title), /*#__PURE__*/_react.default.createElement("form", _extends({}, id && {
     id: id
   }, {
-    className: classes
+    ref: ref,
+    className: classes,
+    onSubmit: onSubmit
   }), components && components.map(component => {
-    if (component.type === 'Title') {
-      return /*#__PURE__*/_react.default.createElement("h1", {
-        className: component.classes
-      }, component.text);
-    } else if (component.type === 'Input') {
+    if (component.type === 'Input') {
       return /*#__PURE__*/_react.default.createElement(_Input.default, {
         classes: component.classes,
         label: component.label,
-        placeholder: component.placeholder
+        placeholder: component.placeholder,
+        type: component.type,
+        name: component.name
       });
     } else if (component.type === 'Button') {
-      return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
+      return /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: component.htmlType,
+        onClick: onClick,
         classes: component.classes,
         ctaText: component.ctaText,
         bgColor: buttonBgColor,
@@ -59,15 +66,12 @@ const Form = _ref => {
         borderColor: buttonBorderColor,
         hoverTextColor: hoverButtonTextColor,
         hoverBgColor: hoverButtonBgColor,
-        hoverBorderColor: hoverButtonBorderColor
-      }, onClick && {
-        onClick: onClick
-      }, {
+        hoverBorderColor: hoverButtonBorderColor,
         buttonType: buttonType,
         buttonDesign: buttonDesign
-      }));
+      });
     } else return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }));
+  })));
 };
 
 var _default = Form;

package/dist/components/Input/index.js

@@ -21,8 +21,10 @@ const Input = _ref => {
     classes,
     label,
     placeholder,
-    inputType,
-    bold
+    bold,
+    onChange,
+    name,
+    type
   } = _ref;
   let classList = 'flex flex-col w-96 ' + classes;
   let labelClasses = bold ? 'font-bold w-auto' : 'w-auto';
@@ -38,8 +40,10 @@ const Input = _ref => {
   }, /*#__PURE__*/_react.default.createElement("b", null, label)), /*#__PURE__*/_react.default.createElement("input", {
     id: "input-".concat(id),
     className: inputClasses,
-    type: inputType,
-    placeholder: placeholder
+    type: type,
+    name: name,
+    placeholder: placeholder,
+    onChange: onChange
   }));
 };
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.2.20",
+  "version": "0.2.23",
   "private": false,
   "keywords": [
     "react",