@iwsio/forms - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/text-input.js

@@ -1,2 +0,2 @@
-"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.TextInput=void 0;var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _excluded=["error","name","onChange","value","type","validationMessageComponent"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i]}return arr2}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}var TextInput=(0,_react.forwardRef)(function(_ref,ref){var error=_ref.error,name=_ref.name,onChange=_ref.onChange,value=_ref.value,type=_ref.type,validationMessageComponent=_ref.validationMessageComponent,other=_objectWithoutProperties(_ref,_excluded);var backupRef=(0,_react.useRef)();var localRef=(0,_react.useMemo)(function(){if(!ref)return backupRef;return ref},[ref]);var _useState=(0,_react.useState)(error),_useState2=_slicedToArray(_useState,2),localError=_useState2[0],setLocalError=_useState2[1];function localOnChange(e){e.target.setCustomValidity("");setLocalError(undefined);onChange(e);e.target.checkValidity()}var handleInvalid=(0,_react.useCallback)(function(e){setLocalError(localRef.current.validationMessage)},[localRef]);(0,_react.useEffect)(function(){var textInputRef=localRef.current;textInputRef.addEventListener("invalid",handleInvalid);return function(){textInputRef.removeEventListener("invalid",handleInvalid)}},[handleInvalid,localRef]);(0,_react.useEffect)(function(){var _localRef$current;if(error==null)return(_localRef$current=localRef.current)===null||_localRef$current===void 0?void 0:_localRef$current.setCustomValidity("");localRef.current.setCustomValidity(error)},[localRef,error]);return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("input",_extends({ref:localRef,name:name,type:type,value:value,onChange:localOnChange},other)),validationMessageComponent?_react.default.Children.map(validationMessageComponent,function(child,cx){return _react.default.cloneElement(child,_objectSpread({"data-testid":"text-input-".concat(name,"-child-").concat(cx)},child.props),localError||error)}):null)});exports.TextInput=TextInput;TextInput.propTypes={name:_propTypes.default.string.isRequired,type:_propTypes.default.string,onChange:_propTypes.default.func.isRequired,value:_propTypes.default.string.isRequired,error:_propTypes.default.string,validationMessageComponent:_propTypes.default.element};TextInput.defaultProps={type:"text"};var _default=TextInput;exports.default=_default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.TextInput=void 0;var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _excluded=["error","name","onChange","value","type","validationMessageComponent"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i]}return arr2}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}var TextInput=(0,_react.forwardRef)(function(_ref,ref){var error=_ref.error,name=_ref.name,onChange=_ref.onChange,value=_ref.value,type=_ref.type,validationMessageComponent=_ref.validationMessageComponent,other=_objectWithoutProperties(_ref,_excluded);var backupRef=(0,_react.useRef)();var localRef=(0,_react.useMemo)(function(){if(!ref)return backupRef;return ref},[ref]);var _useState=(0,_react.useState)(error),_useState2=_slicedToArray(_useState,2),localError=_useState2[0],setLocalError=_useState2[1];var localOnChange=(0,_react.useCallback)(function(e){setLocalError(undefined);onChange(e);if(error)e.target.setCustomValidity(error);else e.target.setCustomValidity("");e.target.checkValidity()},[error]);var handleInvalid=(0,_react.useCallback)(function(e){setLocalError(localRef.current.validationMessage)},[localRef]);(0,_react.useEffect)(function(){var textInputRef=localRef.current;textInputRef.addEventListener("invalid",handleInvalid);return function(){textInputRef.removeEventListener("invalid",handleInvalid)}},[handleInvalid,localRef]);(0,_react.useEffect)(function(){if(error==null){var _localRef$current;if(localRef.current.validationMessage===localError)setLocalError(undefined);(_localRef$current=localRef.current)===null||_localRef$current===void 0?void 0:_localRef$current.setCustomValidity("");return}localRef.current.setCustomValidity(error);setLocalError(error)},[error]);return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("input",_extends({ref:localRef,name:name,type:type,value:value,onChange:localOnChange},other)),validationMessageComponent?_react.default.Children.map(validationMessageComponent,function(child,cx){return _react.default.cloneElement(child,_objectSpread({"data-testid":"text-input-".concat(name,"-child-").concat(cx)},child.props),localError||error)}):null)});exports.TextInput=TextInput;TextInput.propTypes={name:_propTypes.default.string.isRequired,type:_propTypes.default.string,onChange:_propTypes.default.func.isRequired,value:_propTypes.default.string.isRequired,error:_propTypes.default.string,validationMessageComponent:_propTypes.default.element};TextInput.defaultProps={type:"text"};var _default=TextInput;exports.default=_default;
 //# sourceMappingURL=text-input.js.map

package.json

 {
   "name": "@iwsio/forms",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Simple library with useful React forms components and browser validation.",
@@ -8,3 +8,3 @@ "main": "dist/index.js",
   "scripts": {
-    "test": "jest",
+    "test": "jest --verbose",
     "prebuild": "rimraf dist samples/dist",
@@ -11,0 +11,0 @@ "build": "npm-run-all build:*",

No alert changes

Improved metrics

Total package byte prevSize

49312

increased by1.25%

Lines of code

138

increased by0.73%

No dependency changes