tenjin-ui-kit 0.2.66 → 0.2.67

package/components/InputWithChip/index.js

@@ -45,7 +45,7 @@ var InputWithChip = function InputWithChip(_ref) {
     chips = _useState2[0],
     setChips = _useState2[1];
   var theme = (0, _styles.useTheme)();
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(''),
     _useState4 = _slicedToArray(_useState3, 2),
     txtValue = _useState4[0],
     setTxtValue = _useState4[1];
@@ -56,17 +56,17 @@ var InputWithChip = function InputWithChip(_ref) {
   }, [chips]);
   var onTextValueChange = function onTextValueChange(e) {
     var value = e.target.value.trim();
-    setTxtValue(value.replace(",", ""));
+    setTxtValue(value.replace(',', ''));
   };
   var handleAddChip = function handleAddChip(event) {
-    if ((event.key === "Enter" || event.keyCode === 32 || event.keyCode === 188 || event.keyCode === 9 || event.type === "blur") && event.target.value.replace(",", "")) {
+    if ((event.key === 'Enter' || event.keyCode === 32 || event.keyCode === 188 || event.keyCode === 9 || event.type === 'blur') && event.target.value.replace(',', '')) {
       var _value = event.target.value;
-      var newValue = typeof _value === "string" ? _value.replace(",", "").trim() : _value.trim();
+      var newValue = typeof _value === 'string' ? _value.replace(',', '').trim() : _value.trim();
       // if (chips.includes(newValue)) return; //add if any info or anything needs to be shown
       setChips([].concat(_toConsumableArray(chips), [newValue]));
       onChange([].concat(_toConsumableArray(chips), [newValue]));
-      setTxtValue("");
-      event.target.parentNode.querySelector("input").value = "";
+      setTxtValue('');
+      event.target.parentNode.querySelector('input').value = '';
     }
   };
   var handleDeleteChip = function handleDeleteChip(chipToDelete) {
@@ -82,8 +82,8 @@ var InputWithChip = function InputWithChip(_ref) {
   }, label && /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
     sx: {
       fontWeight: 500,
-      "& .MuiFormLabel-asterisk": {
-        color: "#FF0000"
+      '& .MuiFormLabel-asterisk': {
+        color: '#FF0000'
       }
     },
     size: "small",
@@ -97,23 +97,24 @@ var InputWithChip = function InputWithChip(_ref) {
     disabled: isDisabled,
     onKeyDown: handleAddChip,
     onBlur: function onBlur(e) {
-      if (e.target.value !== "") {
+      setChips([]);
+      if (e.target.value !== '') {
         handleAddChip(e);
       }
     },
     style: {
-      backgroundColor: isDisabled && "#E7E7E7"
+      backgroundColor: isDisabled && '#E7E7E7'
     },
     sx: {
-      "& MuiOutlinedInput": {
-        backgroundColor: isDisabled && "#E7E7E7"
+      '& MuiOutlinedInput': {
+        backgroundColor: isDisabled && '#E7E7E7'
       },
-      "& input": {
+      '& input': {
         // backgroundColor: isDisabled && '#E7E7E7',
-        color: isDisabled && "#000000"
+        color: isDisabled && '#000000'
       },
       marginTop: label ? theme.spacing(2.5) : 0,
-      "& label": {
+      '& label': {
         fontWeight: 500
       }
     },
@@ -121,9 +122,9 @@ var InputWithChip = function InputWithChip(_ref) {
     helperText: errorMessage,
     error: error,
     InputProps: {
-      startAdornment: chips.map(function (chip) {
+      startAdornment: chips.map(function (chip, index) {
         return /*#__PURE__*/_react.default.createElement(_Chip.default, {
-          key: chip,
+          key: "".concat(chip, "-").concat(index),
           label: chip,
           onDelete: function onDelete() {
             return handleDeleteChip(chip);
@@ -132,7 +133,7 @@ var InputWithChip = function InputWithChip(_ref) {
             fontSize: "small"
           }),
           style: {
-            margin: "0.2rem"
+            margin: '0.2rem'
           },
           size: "small"
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.66",
+  "version": "0.2.67",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },