react-tag-input-component - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

dist/react-tag-input-component.cjs.development.js

@@ -132,2 +132,3 @@ 'use strict';
       e.target.value = "";
+      e.preventDefault();
     }
@@ -134,0 +135,0 @@ };

dist/react-tag-input-component.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("goober"),t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function i(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.join(" ")}var n=r.css({alignItems:"center",background:"var(--rti-tag)",borderRadius:"var(--rti-radius)",display:"inline-flex",justifyContent:"center",paddingLeft:"var(--rti-s)",button:{background:"none",border:0,borderRadius:"50%",cursor:"pointer",lineHeight:"inherit",padding:"0 var(--rti-s)","&:hover":{color:"var(--rti-tag-remove)"}}});function o(e){var r=e.text,t=e.remove;return a.createElement("span",{className:i("rti--tag",n)},a.createElement("span",null,r),a.createElement("button",{type:"button",onClick:function(e){e.stopPropagation(),t(r)},"aria-label":"remove "+r},"✕"))}r.setup(a.createElement);var l=r.css({"--rtiBg":"#fff","--rtiBorder":"#ccc","--rtiMain":"#3182ce","--rtiRadius":"0.375rem","--rtiS":"0.5rem","--rtiTag":"#edf2f7","--rtiTagRemove":"#e53e3e","*":{boxSizing:"border-box",transition:"all 0.2s ease"},alignItems:"center",bg:"var(--rti-bg)",border:"1px solid var(--rti-border)",borderRadius:"var(--rti-radius)",display:"flex",flexWrap:"wrap",gap:"var(--rti-s)",lineHeight:1.4,padding:"var(--rti-s)","&:focus-within":{borderColor:"var(--rti-main)",boxShadow:"var(--rti-main) 0px 0px 0px 1px"}}),s=r.css({border:0,outline:0,fontSize:"inherit",lineHeight:"inherit",width:"50%"}),u=["Enter"];exports.TagsInput=function(e){var r=e.name,n=e.placeHolder,c=e.onChange,d=e.onBlur,p=e.seprators,v=e.onExisting,f=e.onRemoved,g=t.useState(e.value||[]),b=g[0],m=g[1];t.useEffect((function(){c&&c(b)}),[b]);var x=function(e){m(b.filter((function(r){return r!==e}))),f&&f(e)};return a.createElement("div",{"aria-labelledby":r,className:i("rti--container",l)},b.map((function(e){return a.createElement(o,{key:e,text:e,remove:x})})),a.createElement("input",{className:i("rti--input",s),type:"text",name:r,placeholder:n,onKeyUp:function(e){e.stopPropagation();var r=e.target.value;if("Backspace"===e.key&&b.length&&!r&&m(b.slice(0,-1)),r&&(p||u).includes(e.key)){if(b.includes(r))return void(v&&v(r));m([].concat(b,[r])),e.target.value=""}},onBlur:d}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("goober"),t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function n(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.join(" ")}var i=r.css({alignItems:"center",background:"var(--rti-tag)",borderRadius:"var(--rti-radius)",display:"inline-flex",justifyContent:"center",paddingLeft:"var(--rti-s)",button:{background:"none",border:0,borderRadius:"50%",cursor:"pointer",lineHeight:"inherit",padding:"0 var(--rti-s)","&:hover":{color:"var(--rti-tag-remove)"}}});function o(e){var r=e.text,t=e.remove;return a.createElement("span",{className:n("rti--tag",i)},a.createElement("span",null,r),a.createElement("button",{type:"button",onClick:function(e){e.stopPropagation(),t(r)},"aria-label":"remove "+r},"✕"))}r.setup(a.createElement);var l=r.css({"--rtiBg":"#fff","--rtiBorder":"#ccc","--rtiMain":"#3182ce","--rtiRadius":"0.375rem","--rtiS":"0.5rem","--rtiTag":"#edf2f7","--rtiTagRemove":"#e53e3e","*":{boxSizing:"border-box",transition:"all 0.2s ease"},alignItems:"center",bg:"var(--rti-bg)",border:"1px solid var(--rti-border)",borderRadius:"var(--rti-radius)",display:"flex",flexWrap:"wrap",gap:"var(--rti-s)",lineHeight:1.4,padding:"var(--rti-s)","&:focus-within":{borderColor:"var(--rti-main)",boxShadow:"var(--rti-main) 0px 0px 0px 1px"}}),s=r.css({border:0,outline:0,fontSize:"inherit",lineHeight:"inherit",width:"50%"}),u=["Enter"];exports.TagsInput=function(e){var r=e.name,i=e.placeHolder,c=e.onChange,d=e.onBlur,p=e.seprators,v=e.onExisting,f=e.onRemoved,g=t.useState(e.value||[]),b=g[0],m=g[1];t.useEffect((function(){c&&c(b)}),[b]);var x=function(e){m(b.filter((function(r){return r!==e}))),f&&f(e)};return a.createElement("div",{"aria-labelledby":r,className:n("rti--container",l)},b.map((function(e){return a.createElement(o,{key:e,text:e,remove:x})})),a.createElement("input",{className:n("rti--input",s),type:"text",name:r,placeholder:i,onKeyUp:function(e){e.stopPropagation();var r=e.target.value;if("Backspace"===e.key&&b.length&&!r&&m(b.slice(0,-1)),r&&(p||u).includes(e.key)){if(b.includes(r))return void(v&&v(r));m([].concat(b,[r])),e.target.value="",e.preventDefault()}},onBlur:d}))};
 //# sourceMappingURL=react-tag-input-component.cjs.production.min.js.map

dist/react-tag-input-component.esm.js

@@ -125,2 +125,3 @@ import { css, setup } from 'goober';
       e.target.value = "";
+      e.preventDefault();
     }
@@ -127,0 +128,0 @@ };

package.json

 {
   "name": "react-tag-input-component",
   "description": "lightweight component for tag(s) input",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "license": "MIT",
@@ -6,0 +6,0 @@ "author": "Harsh Zalavadiya",

No alert changes

Improved metrics

Total package byte prevSize

43576

increased by0.7%

Lines of code

483

increased by0.63%

No dependency changes