formsy-semantic-ui-react - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4

dist/formsy-semantic-ui-react.cjs.development.js

@@ -482,3 +482,3 @@ 'use strict';
         as = _this$props2.as,
-        nonSemanticUIFormProps = _objectWithoutPropertiesLoose(_this$props2, ["as", "error", "inverted", "loading", "reply", "size", "success", "warning", "widths", "forwardedRef"]);
+        nonSemanticUIFormProps = _objectWithoutPropertiesLoose(_this$props2, ["as", "error", "inverted", "loading", "reply", "size", "success", "warning", "widths", "forwardedRef", "className"]);
 
@@ -485,0 +485,0 @@ return React__default.createElement(Formsy__default, Object.assign({

dist/formsy-semantic-ui-react.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("formsy-react"),t=e(r),n=e(require("hoist-non-react-statics")),o=e(require("prop-types")),a=require("react"),i=e(a),s=require("semantic-ui-react");function l(){return(l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function u(e,r){e.prototype=Object.create(r.prototype),e.prototype.constructor=e,e.__proto__=r}function p(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function d(e){return p(e,["as","instantValidation","error","defaultChecked","defaultSelected","rootClassName","rootStyle","defaultValue","rootElement","errorLabel","formRadioGroup","isPristine","isValid","errorMessage","setValidations","setValue","value","resetValue","hasValue","errorMessages","isFormDisabled","isFormSubmitted","isRequired","showRequired","showError","isValidValue","validations","validationError","validationErrors","width","passRequiredToField","inputAs","innerRef","inline","attachToForm","detachFromForm","runValidation","validate"])}var c=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).handleChange=function(e,t){r.props.setValue(t.checked),r.props.onChange&&r.props.onChange(e,t)},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props;e.defaultChecked&&(0,e.setValue)(!0)},t.render=function(){var e=this.props,r=e.inputAs,t=e.required,n=e.errorLabel,o=e.errorMessage,u=e.value,p=e.as,c=e.width,h=e.className,m=e.disabled,f=e.inline,v=e.passRequiredToField,b=!e.isPristine&&!e.isValid,F=l({},d(this.props),{checked:!!u,onChange:this.handleChange});return r!==s.Checkbox&&r!==s.Radio||delete F.error,i.createElement(s.Form.Field,{as:p,className:h,required:t&&v,error:b,width:c,inline:f,disabled:m},a.createElement(r,l({},F)),b&&n&&a.cloneElement(n,{},o))},r}(a.Component);c.defaultProps={inputAs:s.Checkbox};var h=r.withFormsy(c),m=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).state={allowError:!1},r.handleChange=function(e,t){var n=r.props,o=n.value,a=n.setValue,i=n.onChange;n.multiple&&Array.isArray(o)&&Array.isArray(t.value)&&o.length>t.value.length&&r.showError(),a(t.value),i&&i(e,t)},r.handleBlur=function(e,t){var n=r.props.onBlur;n&&n(e,t)},r.handleClose=function(){return r.showError()},r.showError=function(){return r.setState({allowError:!0})},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props,r=e.defaultValue;r&&(0,e.setValue)(r)},t.componentDidUpdate=function(e){e.isFormSubmitted!==this.props.isFormSubmitted&&this.props.isFormSubmitted&&this.showError()},t.render=function(){var e=this.props,r=e.inputAs,t=e.id,n=e.required,o=e.label,u=e.value,p=e.defaultValue,c=e.multiple,h=e.errorLabel,m=e.errorMessage,f=e.as,v=e.width,b=e.className,F=e.disabled,E=e.inline,g=e.passRequiredToField,w=r===s.Form.Dropdown||r===s.Form.Select,C=!e.isPristine&&!e.isValid&&this.state.allowError,y=l({},d(this.props),{onChange:this.handleChange,onBlur:this.handleBlur,onClose:this.handleClose,value:u||p||c&&[]||"",error:!F&&C,id:t}),V=w?a.createElement(r,y).props.control:r;return i.createElement(s.Form.Field,{as:f,className:b,required:n&&g,error:!F&&C,width:v,inline:E,disabled:F},w&&o&&i.createElement("label",{htmlFor:t}," ",o," "),a.createElement(V,l({},y)),C&&h&&a.cloneElement(h,{},m))},r}(a.Component);m.defaultProps={inputAs:s.Dropdown,passRequiredToField:!0};var f=r.withFormsy(m),v=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).state={allowError:!1},r.handleChange=function(e,t){r.props.setValue(t.value),r.props.onChange&&r.props.onChange(e,t),r.props.instantValidation&&r.showError()},r.handleBlur=function(e,t){r.showError(),r.props.onBlur&&r.props.onBlur(e,t)},r.showError=function(){return r.setState({allowError:!0})},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props,r=e.defaultValue;r&&(0,e.setValue)(r)},t.componentDidUpdate=function(e){e.isFormSubmitted!==this.props.isFormSubmitted&&this.props.isFormSubmitted&&this.showError()},t.render=function(){var e=this.props,r=e.id,t=e.inputAs,n=e.inputClassName,o=e.required,u=e.label,p=e.defaultValue,c=e.value,h=e.isPristine,m=e.errorMessage,f=e.errorLabel,v=e.as,b=e.width,F=e.className,E=e.disabled,g=e.inline,w=e.passRequiredToField,C=!h&&!e.isValid&&this.state.allowError,y=l({},d(this.props),{value:c||h&&p||"",onChange:this.handleChange,onBlur:this.handleBlur,className:n,error:!E&&C,label:u,id:r}),V=t===s.Form.Input||t===s.Form.TextArea,R=V?a.createElement(t).props.control:t;V&&(delete y.label,t===s.Form.TextArea&&delete y.error);var A=!V&&a.isValidElement(t)?a.cloneElement(t,l({},y,t.props)):a.createElement(R,l({},y)),q=V||a.isValidElement(t);return i.createElement(s.Form.Field,{as:v,className:F,required:o&&w,error:!E&&C,width:b,inline:g,disabled:E},q&&u&&i.createElement("label",{htmlFor:r}," ",u," "),A,!E&&C&&f&&a.cloneElement(f,{},m))},r}(a.Component);v.defaultProps={inputAs:s.Input,passRequiredToField:!0};var b=r.withFormsy(v),F=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).handleChange=function(e,t){r.props.setValue(t.value),r.props.onChange&&r.props.onChange(e,t)},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props,r=e.defaultSelected;r&&(0,e.setValue)(r)},t.render=function(){var e=this,r=this.props,t=r.label,n=r.formRadioGroup,o=r.children,u=r.value,p=r.errorLabel,c=r.errorMessage,h=!r.isPristine&&!r.isValid,m={required:r.required&&r.passRequiredToField,error:!r.disabled&&h,label:t};return i.createElement(s.Form.Group,Object.assign({as:r.as},d(this.props)),t&&i.createElement(s.Form.Field,Object.assign({},m)),a.Children.map(o,(function(r){if(!r)return null;var t={checked:u===r.props.value,onChange:e.handleChange};return n&&(t.error=h),i.createElement(s.Form.Field,null," ",a.cloneElement(r,l({},t))," ")})),h&&p&&a.cloneElement(p,{},c))},r}(a.Component);F.defaultProps={passRequiredToField:!0};var E=r.withFormsy(F),g=function(e){return i.createElement(f,Object.assign({inputAs:s.Select},e))},w=function(e){return i.createElement(b,Object.assign({inputAs:s.Form.TextArea},e))},C=function(e){function r(){return e.apply(this,arguments)||this}return u(r,e),r.prototype.render=function(){var e=this.props.children,r=this.props,n=r.onSubmit,o=r.forwardedRef,a=p(r,["mapping","validationErrors","onValid","onValidSubmit","onInvalid","onInvalidSubmit","onChange","preventExternalInvalidation","onError","onSubmit","forwardedRef"]),l=this.props,u=l.as,d=p(l,["as","error","inverted","loading","reply","size","success","warning","widths","forwardedRef"]);return i.createElement(t,Object.assign({noValidate:!0,ref:o,onSubmit:n},d),i.createElement(s.Form,Object.assign({as:u},a),e))},r}(a.Component);C.propTypes={as:o.any,children:o.node,onSubmit:o.func},C.defaultProps={as:"div"},C.Checkbox=h,C.Button=s.Form.Button,C.Radio=s.Form.Radio,C.Field=s.Form.Field,C.Group=s.Form.Group,C.Input=function(e){return i.createElement(b,Object.assign({inputAs:s.Form.Input},e))},C.TextArea=function(e){return i.createElement(w,Object.assign({inputAs:s.Form.TextArea},e))},C.Select=function(e){return i.createElement(g,Object.assign({inputAs:s.Form.Select},e))},C.RadioGroup=function(e){return i.createElement(E,Object.assign({formRadioGroup:!0},e))},C.Dropdown=function(e){return i.createElement(f,Object.assign({inputAs:s.Form.Dropdown},e))};var y=n(i.forwardRef((function(e,r){return i.createElement(C,Object.assign({},e,{forwardedRef:r}))})),C);exports.Checkbox=h,exports.Dropdown=f,exports.Form=y,exports.Input=b,exports.Radio=function(e){return i.createElement(h,Object.assign({inputAs:s.Radio},e))},exports.RadioGroup=E,exports.Select=g,exports.TextArea=w;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("formsy-react"),t=e(r),n=e(require("hoist-non-react-statics")),o=e(require("prop-types")),a=require("react"),i=e(a),s=require("semantic-ui-react");function l(){return(l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function u(e,r){e.prototype=Object.create(r.prototype),e.prototype.constructor=e,e.__proto__=r}function p(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function d(e){return p(e,["as","instantValidation","error","defaultChecked","defaultSelected","rootClassName","rootStyle","defaultValue","rootElement","errorLabel","formRadioGroup","isPristine","isValid","errorMessage","setValidations","setValue","value","resetValue","hasValue","errorMessages","isFormDisabled","isFormSubmitted","isRequired","showRequired","showError","isValidValue","validations","validationError","validationErrors","width","passRequiredToField","inputAs","innerRef","inline","attachToForm","detachFromForm","runValidation","validate"])}var c=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).handleChange=function(e,t){r.props.setValue(t.checked),r.props.onChange&&r.props.onChange(e,t)},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props;e.defaultChecked&&(0,e.setValue)(!0)},t.render=function(){var e=this.props,r=e.inputAs,t=e.required,n=e.errorLabel,o=e.errorMessage,u=e.value,p=e.as,c=e.width,h=e.className,m=e.disabled,f=e.inline,v=e.passRequiredToField,b=!e.isPristine&&!e.isValid,F=l({},d(this.props),{checked:!!u,onChange:this.handleChange});return r!==s.Checkbox&&r!==s.Radio||delete F.error,i.createElement(s.Form.Field,{as:p,className:h,required:t&&v,error:b,width:c,inline:f,disabled:m},a.createElement(r,l({},F)),b&&n&&a.cloneElement(n,{},o))},r}(a.Component);c.defaultProps={inputAs:s.Checkbox};var h=r.withFormsy(c),m=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).state={allowError:!1},r.handleChange=function(e,t){var n=r.props,o=n.value,a=n.setValue,i=n.onChange;n.multiple&&Array.isArray(o)&&Array.isArray(t.value)&&o.length>t.value.length&&r.showError(),a(t.value),i&&i(e,t)},r.handleBlur=function(e,t){var n=r.props.onBlur;n&&n(e,t)},r.handleClose=function(){return r.showError()},r.showError=function(){return r.setState({allowError:!0})},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props,r=e.defaultValue;r&&(0,e.setValue)(r)},t.componentDidUpdate=function(e){e.isFormSubmitted!==this.props.isFormSubmitted&&this.props.isFormSubmitted&&this.showError()},t.render=function(){var e=this.props,r=e.inputAs,t=e.id,n=e.required,o=e.label,u=e.value,p=e.defaultValue,c=e.multiple,h=e.errorLabel,m=e.errorMessage,f=e.as,v=e.width,b=e.className,F=e.disabled,E=e.inline,g=e.passRequiredToField,w=r===s.Form.Dropdown||r===s.Form.Select,C=!e.isPristine&&!e.isValid&&this.state.allowError,y=l({},d(this.props),{onChange:this.handleChange,onBlur:this.handleBlur,onClose:this.handleClose,value:u||p||c&&[]||"",error:!F&&C,id:t}),V=w?a.createElement(r,y).props.control:r;return i.createElement(s.Form.Field,{as:f,className:b,required:n&&g,error:!F&&C,width:v,inline:E,disabled:F},w&&o&&i.createElement("label",{htmlFor:t}," ",o," "),a.createElement(V,l({},y)),C&&h&&a.cloneElement(h,{},m))},r}(a.Component);m.defaultProps={inputAs:s.Dropdown,passRequiredToField:!0};var f=r.withFormsy(m),v=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).state={allowError:!1},r.handleChange=function(e,t){r.props.setValue(t.value),r.props.onChange&&r.props.onChange(e,t),r.props.instantValidation&&r.showError()},r.handleBlur=function(e,t){r.showError(),r.props.onBlur&&r.props.onBlur(e,t)},r.showError=function(){return r.setState({allowError:!0})},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props,r=e.defaultValue;r&&(0,e.setValue)(r)},t.componentDidUpdate=function(e){e.isFormSubmitted!==this.props.isFormSubmitted&&this.props.isFormSubmitted&&this.showError()},t.render=function(){var e=this.props,r=e.id,t=e.inputAs,n=e.inputClassName,o=e.required,u=e.label,p=e.defaultValue,c=e.value,h=e.isPristine,m=e.errorMessage,f=e.errorLabel,v=e.as,b=e.width,F=e.className,E=e.disabled,g=e.inline,w=e.passRequiredToField,C=!h&&!e.isValid&&this.state.allowError,y=l({},d(this.props),{value:c||h&&p||"",onChange:this.handleChange,onBlur:this.handleBlur,className:n,error:!E&&C,label:u,id:r}),V=t===s.Form.Input||t===s.Form.TextArea,R=V?a.createElement(t).props.control:t;V&&(delete y.label,t===s.Form.TextArea&&delete y.error);var A=!V&&a.isValidElement(t)?a.cloneElement(t,l({},y,t.props)):a.createElement(R,l({},y)),q=V||a.isValidElement(t);return i.createElement(s.Form.Field,{as:v,className:F,required:o&&w,error:!E&&C,width:b,inline:g,disabled:E},q&&u&&i.createElement("label",{htmlFor:r}," ",u," "),A,!E&&C&&f&&a.cloneElement(f,{},m))},r}(a.Component);v.defaultProps={inputAs:s.Input,passRequiredToField:!0};var b=r.withFormsy(v),F=function(e){function r(){var r;return(r=e.apply(this,arguments)||this).handleChange=function(e,t){r.props.setValue(t.value),r.props.onChange&&r.props.onChange(e,t)},r}u(r,e);var t=r.prototype;return t.componentDidMount=function(){var e=this.props,r=e.defaultSelected;r&&(0,e.setValue)(r)},t.render=function(){var e=this,r=this.props,t=r.label,n=r.formRadioGroup,o=r.children,u=r.value,p=r.errorLabel,c=r.errorMessage,h=!r.isPristine&&!r.isValid,m={required:r.required&&r.passRequiredToField,error:!r.disabled&&h,label:t};return i.createElement(s.Form.Group,Object.assign({as:r.as},d(this.props)),t&&i.createElement(s.Form.Field,Object.assign({},m)),a.Children.map(o,(function(r){if(!r)return null;var t={checked:u===r.props.value,onChange:e.handleChange};return n&&(t.error=h),i.createElement(s.Form.Field,null," ",a.cloneElement(r,l({},t))," ")})),h&&p&&a.cloneElement(p,{},c))},r}(a.Component);F.defaultProps={passRequiredToField:!0};var E=r.withFormsy(F),g=function(e){return i.createElement(f,Object.assign({inputAs:s.Select},e))},w=function(e){return i.createElement(b,Object.assign({inputAs:s.Form.TextArea},e))},C=function(e){function r(){return e.apply(this,arguments)||this}return u(r,e),r.prototype.render=function(){var e=this.props.children,r=this.props,n=r.onSubmit,o=r.forwardedRef,a=p(r,["mapping","validationErrors","onValid","onValidSubmit","onInvalid","onInvalidSubmit","onChange","preventExternalInvalidation","onError","onSubmit","forwardedRef"]),l=this.props,u=l.as,d=p(l,["as","error","inverted","loading","reply","size","success","warning","widths","forwardedRef","className"]);return i.createElement(t,Object.assign({noValidate:!0,ref:o,onSubmit:n},d),i.createElement(s.Form,Object.assign({as:u},a),e))},r}(a.Component);C.propTypes={as:o.any,children:o.node,onSubmit:o.func},C.defaultProps={as:"div"},C.Checkbox=h,C.Button=s.Form.Button,C.Radio=s.Form.Radio,C.Field=s.Form.Field,C.Group=s.Form.Group,C.Input=function(e){return i.createElement(b,Object.assign({inputAs:s.Form.Input},e))},C.TextArea=function(e){return i.createElement(w,Object.assign({inputAs:s.Form.TextArea},e))},C.Select=function(e){return i.createElement(g,Object.assign({inputAs:s.Form.Select},e))},C.RadioGroup=function(e){return i.createElement(E,Object.assign({formRadioGroup:!0},e))},C.Dropdown=function(e){return i.createElement(f,Object.assign({inputAs:s.Form.Dropdown},e))};var y=n(i.forwardRef((function(e,r){return i.createElement(C,Object.assign({},e,{forwardedRef:r}))})),C);exports.Checkbox=h,exports.Dropdown=f,exports.Form=y,exports.Input=b,exports.Radio=function(e){return i.createElement(h,Object.assign({inputAs:s.Radio},e))},exports.RadioGroup=E,exports.Select=g,exports.TextArea=w;
 //# sourceMappingURL=formsy-semantic-ui-react.cjs.production.min.js.map

dist/formsy-semantic-ui-react.esm.js

@@ -474,3 +474,3 @@ import Formsy, { withFormsy } from 'formsy-react';
         as = _this$props2.as,
-        nonSemanticUIFormProps = _objectWithoutPropertiesLoose(_this$props2, ["as", "error", "inverted", "loading", "reply", "size", "success", "warning", "widths", "forwardedRef"]);
+        nonSemanticUIFormProps = _objectWithoutPropertiesLoose(_this$props2, ["as", "error", "inverted", "loading", "reply", "size", "success", "warning", "widths", "forwardedRef", "className"]);
 
@@ -477,0 +477,0 @@ return React.createElement(Formsy, Object.assign({

package.json

 {
   "name": "formsy-semantic-ui-react",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "Formsy-React wrappers for Semantic-Ui-React's form Components",
@@ -5,0 +5,0 @@ "repository": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

167470

increased by0.07%

Lines of code

1736

increased by0.06%

No dependency changes