@quintoandar-tokko/wrapped 1.0.83 → 1.0.85

package/lib/index.js

@@ -7,7 +7,7 @@ exports.Wrapped = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _box = require("@quintoandar-tokko/box");
 var _tags = require("@quintoandar-tokko/tags");
-var _excluded = ["items", "fnClose", "widthRestItemsWindow", "printKey", "tagVariant", "clickFn", "idKey"];
+var _excluded = ["items", "fnClose", "widthRestItemsWindow", "printKey", "tagVariant", "clickFn", "idKey", "showCloseIconCallback"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -50,6 +50,7 @@ var Wrapped = exports.Wrapped = function Wrapped(_ref) {
     clickFn = _ref.clickFn,
     _ref$idKey = _ref.idKey,
     idKey = _ref$idKey === void 0 ? 'id' : _ref$idKey,
+    showCloseIconCallback = _ref.showCloseIconCallback,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReducer = (0, _react.useReducer)(wrappedReducer, {
       restItems: []
@@ -102,8 +103,9 @@ var Wrapped = exports.Wrapped = function Wrapped(_ref) {
   }, [items]);
   (0, _react.useEffect)(function () {
     var handleClick = function handleClick(event) {
-      var _RefItemsWindow$curre, _event$target$classNa;
-      if (!((_RefItemsWindow$curre = RefItemsWindow.current) !== null && _RefItemsWindow$curre !== void 0 && _RefItemsWindow$curre.contains(event.target)) && !((_event$target$classNa = event.target.className) !== null && _event$target$classNa !== void 0 && _event$target$classNa.includes('numberTag'))) {
+      var _RefItemsWindow$curre, _event$target$classLi;
+      if (!((_RefItemsWindow$curre = RefItemsWindow.current) !== null && _RefItemsWindow$curre !== void 0 && _RefItemsWindow$curre.contains(event.target)) && !((_event$target$classLi = event.target.classList) !== null && _event$target$classLi !== void 0 && _event$target$classLi.contains('numberTag')) // fallback for svg's cases
+      ) {
         setShowRestItems(false);
       }
     };
@@ -124,6 +126,9 @@ var Wrapped = exports.Wrapped = function Wrapped(_ref) {
     });
     fnClose(item);
   };
+  var shouldShowCloseIcon = function shouldShowCloseIcon(item) {
+    return typeof showCloseIconCallback === 'function' ? showCloseIconCallback(item) : true;
+  };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({
     __css: {
       display: 'block',
@@ -136,10 +141,10 @@ var Wrapped = exports.Wrapped = function Wrapped(_ref) {
     ref: Ref
   }), items.map(function (item, i) {
     return /*#__PURE__*/_react["default"].createElement(_tags.Tags, {
-      key: item[idKey] + i,
+      key: "".concat(item[idKey], "-").concat(i),
       id: item[idKey],
       variant: tagVariant,
-      closeIcon: fnClose ? function () {
+      closeIcon: fnClose && shouldShowCloseIcon(item) ? function () {
         return deleteRestItem(item);
       } : false,
       style: {
@@ -173,10 +178,10 @@ var Wrapped = exports.Wrapped = function Wrapped(_ref) {
     }
   }, store.restItems.map(function (item, i) {
     return /*#__PURE__*/_react["default"].createElement(_tags.Tags, {
-      key: item[idKey] + i,
+      key: "".concat(item[idKey], "-").concat(i),
       id: item[idKey],
       variant: tagVariant,
-      closeIcon: fnClose ? function () {
+      closeIcon: fnClose && shouldShowCloseIcon(item) ? function () {
         return deleteRestItem(item);
       } : false,
       style: {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@quintoandar-tokko/wrapped",
-  "version": "1.0.83",
+  "version": "1.0.85",
   "main": "lib/index.js",
   "module": "src/index.js",
   "files": [
     "lib"
   ],
   "dependencies": {
-    "@quintoandar-tokko/box": "^1.2.286"
+    "@quintoandar-tokko/box": "^1.2.287"
   },
   "peerDependencies": {
     "react": "^16.8.0"
@@ -15,5 +15,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d33e426a17c29e62c8ea591ae6afa96300d55ad9"
+  "gitHead": "27528c5be1f5a65c43763be93a4c4ebcca52f20e"
 }