@uidu/field-base - npm Package Compare versions

Comparing version 0.1.43 to 0.1.44

CHANGELOG.md

 # Change Log
 
+## 0.1.44
+
+### Patch Changes
+
+- [patch][d524ca9](https://github.org/uidu-org/guidu/commits/d524ca9):
+
+  Added input group, fix validation before submit
+
 ## 0.1.43
@@ -4,0 +12,0 @@

components/Wrapper/index.d.ts

 import { PureComponent } from 'react';
+import { InputGroupProps } from '../InputGroup';
 import { WrapperProps } from './types';
-export default class Wrapper extends PureComponent<WrapperProps> {
+export default class Wrapper extends PureComponent<WrapperProps & InputGroupProps> {
     static defaultProps: {
@@ -5,0 +6,0 @@ layout: string;

components/Wrapper/index.js

 import { __assign, __extends } from "tslib";
 import React, { PureComponent } from 'react';
 import { ErrorMessages, FloatLabel, Help, Icon, RequiredSymbol, Row, } from '../../index';
+import InputGroup from '../InputGroup';
 var Wrapper = /** @class */ (function (_super) {
@@ -10,10 +11,20 @@ __extends(Wrapper, _super);
     Wrapper.prototype.render = function () {
-        var _a = this.props, children = _a.children, errorMessages = _a.errorMessages, floatLabel = _a.floatLabel, help = _a.help, id = _a.id, layout = _a.layout, type = _a.type, showErrors = _a.showErrors, required = _a.required;
+        var _a = this.props, addonAfter = _a.addonAfter, addonBefore = _a.addonBefore, buttonAfter = _a.buttonAfter, buttonBefore = _a.buttonBefore, children = _a.children, errorMessages = _a.errorMessages, floatLabel = _a.floatLabel, help = _a.help, id = _a.id, layout = _a.layout, type = _a.type, showErrors = _a.showErrors, required = _a.required;
+        var control = children;
         if (type === 'hidden') {
-            return children;
+            return control;
         }
+        var inputGroupProps = {
+            addonAfter: addonAfter,
+            addonBefore: addonBefore,
+            buttonAfter: buttonAfter,
+            buttonBefore: buttonBefore,
+        };
+        if (addonBefore || addonAfter || buttonBefore || buttonAfter) {
+            control = React.createElement(InputGroup, __assign({}, inputGroupProps), control);
+        }
         if (floatLabel) {
             return (React.createElement(Row, __assign({ label: function () { return null; }, required: false, htmlFor: id }, this.props),
                 React.createElement(FloatLabel, { htmlFor: id, className: "has-float-label" },
-                    children,
+                    control,
                     showErrors ? React.createElement(ErrorMessages, { messages: errorMessages }) : null,
@@ -27,6 +38,6 @@ React.createElement("span", null,
         if (layout === 'elementOnly') {
-            return children;
+            return control;
         }
         return (React.createElement(Row, __assign({ htmlFor: id }, this.props),
-            children,
+            control,
             showErrors ? React.createElement(ErrorMessages, { messages: errorMessages }) : null,
@@ -33,0 +44,0 @@ help ? React.createElement(Help, { help: help }) : null,

dist/package.json

 {
 	"name": "@uidu/field-base",
-	"version": "0.1.43",
+	"version": "0.1.44",
 	"sideEffects": false
 }

package.json

 {
   "name": "@uidu/field-base",
-  "version": "0.1.43",
+  "version": "0.1.44",
   "description": "Inputs using Formsy",
@@ -12,3 +12,3 @@ "repository": "https://github.com/uidu-org/guidu.git",
   "dependencies": {
-    "@uidu/form": "^0.1.36",
+    "@uidu/form": "^0.1.37",
     "classnames": "^2.2.6",
@@ -15,0 +15,0 @@ "formsy-react": "^2.0.0-beta.3",

version.json

 {
 	"name": "@uidu/field-base",
-	"version": "0.1.43",
+	"version": "0.1.44",
 	"sideEffects": false
 }

No alert changes

Improved metrics

Total package byte prevSize

61312

increased by8.99%

Number of package files

93

increased by4.49%

Lines of code

1261

increased by9.37%

Dependency changes

• Updated@uidu/form@^0.1.37