@omniumretail/component-library 1.0.96 → 1.0.97

package/dist/bundle.js

@@ -11058,7 +11058,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TagField\": function() { return /* binding */ TagField; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-tween-one */ \"./node_modules/rc-tween-one/es/TweenOneGroup.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Tag/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! i18next */ \"i18next\");\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(i18next__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nvar TagField = function (props) {\r\n    var _a = props.customTags, customTags = _a === void 0 ? [] : _a, advancedTags = props.advancedTags;\r\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags.filter(function (tag) { return !tag.includes('='); })), tags = _b[0], setTags = _b[1];\r\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), inputVisible = _c[0], setInputVisible = _c[1];\r\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), inputValue = _d[0], setInputValue = _d[1];\r\n    var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\r\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), advancedTagList = _e[0], setAdvancedTagList = _e[1];\r\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags.filter(function (tag) { return !tag.includes('='); })), allTags = _f[0], setAllTags = _f[1];\r\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\r\n        var _a;\r\n        if (inputVisible) {\r\n            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();\r\n        }\r\n    }, [inputVisible]);\r\n    var handleClose = function (removedTag) {\r\n        var newAllTags = allTags.filter(function (tag) { return tag !== removedTag; });\r\n        setAllTags(newAllTags);\r\n        var newTags = tags.filter(function (tag) { return tag !== removedTag; });\r\n        setTags(newTags);\r\n        if (advancedTags && advancedTagList.some(function (tag) { return tag.display === removedTag; })) {\r\n            var newAdvancedTags = advancedTagList.filter(function (tag) { return tag.display !== removedTag; });\r\n            setAdvancedTagList(newAdvancedTags);\r\n        }\r\n    };\r\n    var showInput = function () {\r\n        setInputVisible(true);\r\n    };\r\n    var handleInputChange = function (e) {\r\n        setInputValue(e.target.value);\r\n    };\r\n    var handleInputConfirm = function () {\r\n        var _a, _b;\r\n        if (inputValue && allTags.indexOf(inputValue) === -1) {\r\n            var _c = inputValue.split('='), value = _c[1];\r\n            setAllTags(__spreadArray(__spreadArray([], allTags, true), [inputValue], false));\r\n            var matchedFilter = advancedTags && advancedTags.find(function (filter) { return filter.display === inputValue.split('=')[0]; });\r\n            if (matchedFilter && !advancedTagList.some(function (tag) { return tag.display === inputValue; })) {\r\n                var newTag = {\r\n                    display: inputValue,\r\n                    value: \"\".concat(matchedFilter.value, \"=\").concat(value)\r\n                };\r\n                setAdvancedTagList(__spreadArray(__spreadArray([], advancedTagList, true), [newTag], false));\r\n            }\r\n            else {\r\n                setTags(__spreadArray(__spreadArray([], tags, true), [inputValue], false));\r\n            }\r\n        }\r\n        setInputVisible(false);\r\n        setInputValue('');\r\n        var basicTags = tags.filter(function (tag) { return !advancedTagList.some(function (tagObj) { return tagObj.display === tag; }); });\r\n        (_a = props.tagsInfo) === null || _a === void 0 ? void 0 : _a.call(props, basicTags);\r\n        (_b = props.advancedTagsInfo) === null || _b === void 0 ? void 0 : _b.call(props, advancedTagList.map(function (tagObj) { return tagObj.value; }));\r\n    };\r\n    var handleKeyDown = function (e) {\r\n        var cursorPosition = e.currentTarget.selectionStart;\r\n        var advancedFilterMatch = advancedTags && advancedTags.find(function (filter) { return inputValue.startsWith(\"\".concat(filter, \"=\")); });\r\n        if (advancedFilterMatch) {\r\n            var filterLength = advancedFilterMatch.display.length;\r\n            if (cursorPosition <= filterLength && ![8, 46].includes(e.keyCode)) {\r\n                e.preventDefault();\r\n            }\r\n        }\r\n        // Prevent the input of '=' manually\r\n        if (e.key === \"=\") {\r\n            e.preventDefault();\r\n        }\r\n    };\r\n    var doSomething = function (e) {\r\n        var tag = e.target.innerText;\r\n        if (!advancedTagList.map(function (tagObj) { return tagObj.display; }).includes(tag)) {\r\n            setInputValue(\"\".concat(tag, \"=\"));\r\n            setInputVisible(true);\r\n        }\r\n    };\r\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\r\n        var _a, _b;\r\n        (_a = props.tagsInfo) === null || _a === void 0 ? void 0 : _a.call(props, tags);\r\n        (_b = props.advancedTagsInfo) === null || _b === void 0 ? void 0 : _b.call(props, advancedTagList.map(function (tag) { return tag.value; }));\r\n    }, [tags, advancedTagList]);\r\n    var forMap = function (tag) {\r\n        var tagElem = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ closable: true, onClose: function (e) {\r\n                e.preventDefault();\r\n                handleClose(tag);\r\n            } }, { children: tag })));\r\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__new, style: { display: 'inline-block' } }, { children: tagElem }), tag));\r\n    };\r\n    var advancedTagsMap = function (tag) {\r\n        var disabled = advancedTagList.map(function (tag) { return tag.display.split('=')[0]; }).includes(tag.display);\r\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: !disabled ? doSomething : undefined, style: { color: disabled ? 'gray' : undefined } }, { children: tag.display }), tag.display));\r\n    };\r\n    var tagChild = allTags.map(forMap);\r\n    var advancedTagsChild = advancedTags && advancedTags.map(advancedTagsMap);\r\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield }, { children: [inputVisible && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { ref: inputRef, type: \"text\", size: \"small\", value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onPressEnter: handleInputConfirm, className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__input })), !inputVisible && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ onClick: showInput, className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__creator, 'site-tag-plus') }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}), \" \", (0,i18next__WEBPACK_IMPORTED_MODULE_4__.t)('components.tag.search')] }))), advancedTags &&\r\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: { marginTop: 16, marginBottom: 16 }, className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].advancedTagsWrapper }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].label }, { children: [(0,i18next__WEBPACK_IMPORTED_MODULE_4__.t)('components.tag.advancedFields'), \":\"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].advancedTags }, { children: advancedTagsChild }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { marginTop: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(rc_tween_one__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ enter: {\r\n                        scale: 0.8,\r\n                        opacity: 0,\r\n                        type: 'from',\r\n                        duration: 100,\r\n                    }, onEnd: function (e) {\r\n                        if (e.type === 'appear' || e.type === 'enter') {\r\n                            e.target.style = 'display: inline-block';\r\n                        }\r\n                    }, leave: { opacity: 0, width: 0, scale: 0, duration: 200 }, appear: false }, { children: tagChild })) }))] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4P2IxYzYiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xyXG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcclxuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcclxuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcclxuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxyXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiB0O1xyXG4gICAgfTtcclxuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xyXG59O1xyXG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XHJcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xyXG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcclxuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcclxuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xyXG59O1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xyXG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XHJcbmltcG9ydCB7IFR3ZWVuT25lR3JvdXAgfSBmcm9tICdyYy10d2Vlbi1vbmUnO1xyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XHJcbmltcG9ydCB7IHQgfSBmcm9tICdpMThuZXh0JztcclxuZXhwb3J0IHZhciBUYWdGaWVsZCA9IGZ1bmN0aW9uIChwcm9wcykge1xyXG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hLCBhZHZhbmNlZFRhZ3MgPSBwcm9wcy5hZHZhbmNlZFRhZ3M7XHJcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZShjdXN0b21UYWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiAhdGFnLmluY2x1ZGVzKCc9Jyk7IH0pKSwgdGFncyA9IF9iWzBdLCBzZXRUYWdzID0gX2JbMV07XHJcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShmYWxzZSksIGlucHV0VmlzaWJsZSA9IF9jWzBdLCBzZXRJbnB1dFZpc2libGUgPSBfY1sxXTtcclxuICAgIHZhciBfZCA9IHVzZVN0YXRlKCcnKSwgaW5wdXRWYWx1ZSA9IF9kWzBdLCBzZXRJbnB1dFZhbHVlID0gX2RbMV07XHJcbiAgICB2YXIgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XHJcbiAgICB2YXIgX2UgPSB1c2VTdGF0ZShbXSksIGFkdmFuY2VkVGFnTGlzdCA9IF9lWzBdLCBzZXRBZHZhbmNlZFRhZ0xpc3QgPSBfZVsxXTtcclxuICAgIHZhciBfZiA9IHVzZVN0YXRlKGN1c3RvbVRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICF0YWcuaW5jbHVkZXMoJz0nKTsgfSkpLCBhbGxUYWdzID0gX2ZbMF0sIHNldEFsbFRhZ3MgPSBfZlsxXTtcclxuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcclxuICAgICAgICAgICAgKF9hID0gaW5wdXRSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmZvY3VzKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xyXG4gICAgdmFyIGhhbmRsZUNsb3NlID0gZnVuY3Rpb24gKHJlbW92ZWRUYWcpIHtcclxuICAgICAgICB2YXIgbmV3QWxsVGFncyA9IGFsbFRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZyAhPT0gcmVtb3ZlZFRhZzsgfSk7XHJcbiAgICAgICAgc2V0QWxsVGFncyhuZXdBbGxUYWdzKTtcclxuICAgICAgICB2YXIgbmV3VGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZyAhPT0gcmVtb3ZlZFRhZzsgfSk7XHJcbiAgICAgICAgc2V0VGFncyhuZXdUYWdzKTtcclxuICAgICAgICBpZiAoYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFnTGlzdC5zb21lKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZy5kaXNwbGF5ID09PSByZW1vdmVkVGFnOyB9KSkge1xyXG4gICAgICAgICAgICB2YXIgbmV3QWR2YW5jZWRUYWdzID0gYWR2YW5jZWRUYWdMaXN0LmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcuZGlzcGxheSAhPT0gcmVtb3ZlZFRhZzsgfSk7XHJcbiAgICAgICAgICAgIHNldEFkdmFuY2VkVGFnTGlzdChuZXdBZHZhbmNlZFRhZ3MpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICB2YXIgc2hvd0lucHV0ID0gZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHNldElucHV0VmlzaWJsZSh0cnVlKTtcclxuICAgIH07XHJcbiAgICB2YXIgaGFuZGxlSW5wdXRDaGFuZ2UgPSBmdW5jdGlvbiAoZSkge1xyXG4gICAgICAgIHNldElucHV0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xyXG4gICAgfTtcclxuICAgIHZhciBoYW5kbGVJbnB1dENvbmZpcm0gPSBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgdmFyIF9hLCBfYjtcclxuICAgICAgICBpZiAoaW5wdXRWYWx1ZSAmJiBhbGxUYWdzLmluZGV4T2YoaW5wdXRWYWx1ZSkgPT09IC0xKSB7XHJcbiAgICAgICAgICAgIHZhciBfYyA9IGlucHV0VmFsdWUuc3BsaXQoJz0nKSwgdmFsdWUgPSBfY1sxXTtcclxuICAgICAgICAgICAgc2V0QWxsVGFncyhfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIGFsbFRhZ3MsIHRydWUpLCBbaW5wdXRWYWx1ZV0sIGZhbHNlKSk7XHJcbiAgICAgICAgICAgIHZhciBtYXRjaGVkRmlsdGVyID0gYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5maW5kKGZ1bmN0aW9uIChmaWx0ZXIpIHsgcmV0dXJuIGZpbHRlci5kaXNwbGF5ID09PSBpbnB1dFZhbHVlLnNwbGl0KCc9JylbMF07IH0pO1xyXG4gICAgICAgICAgICBpZiAobWF0Y2hlZEZpbHRlciAmJiAhYWR2YW5jZWRUYWdMaXN0LnNvbWUoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnLmRpc3BsYXkgPT09IGlucHV0VmFsdWU7IH0pKSB7XHJcbiAgICAgICAgICAgICAgICB2YXIgbmV3VGFnID0ge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlucHV0VmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwiXCIuY29uY2F0KG1hdGNoZWRGaWx0ZXIudmFsdWUsIFwiPVwiKS5jb25jYXQodmFsdWUpXHJcbiAgICAgICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICAgICAgc2V0QWR2YW5jZWRUYWdMaXN0KF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgYWR2YW5jZWRUYWdMaXN0LCB0cnVlKSwgW25ld1RhZ10sIGZhbHNlKSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICBzZXRUYWdzKF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgdGFncywgdHJ1ZSksIFtpbnB1dFZhbHVlXSwgZmFsc2UpKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBzZXRJbnB1dFZpc2libGUoZmFsc2UpO1xyXG4gICAgICAgIHNldElucHV0VmFsdWUoJycpO1xyXG4gICAgICAgIHZhciBiYXNpY1RhZ3MgPSB0YWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiAhYWR2YW5jZWRUYWdMaXN0LnNvbWUoZnVuY3Rpb24gKHRhZ09iaikgeyByZXR1cm4gdGFnT2JqLmRpc3BsYXkgPT09IHRhZzsgfSk7IH0pO1xyXG4gICAgICAgIChfYSA9IHByb3BzLnRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuY2FsbChwcm9wcywgYmFzaWNUYWdzKTtcclxuICAgICAgICAoX2IgPSBwcm9wcy5hZHZhbmNlZFRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2IuY2FsbChwcm9wcywgYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnT2JqKSB7IHJldHVybiB0YWdPYmoudmFsdWU7IH0pKTtcclxuICAgIH07XHJcbiAgICB2YXIgaGFuZGxlS2V5RG93biA9IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgdmFyIGN1cnNvclBvc2l0aW9uID0gZS5jdXJyZW50VGFyZ2V0LnNlbGVjdGlvblN0YXJ0O1xyXG4gICAgICAgIHZhciBhZHZhbmNlZEZpbHRlck1hdGNoID0gYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5maW5kKGZ1bmN0aW9uIChmaWx0ZXIpIHsgcmV0dXJuIGlucHV0VmFsdWUuc3RhcnRzV2l0aChcIlwiLmNvbmNhdChmaWx0ZXIsIFwiPVwiKSk7IH0pO1xyXG4gICAgICAgIGlmIChhZHZhbmNlZEZpbHRlck1hdGNoKSB7XHJcbiAgICAgICAgICAgIHZhciBmaWx0ZXJMZW5ndGggPSBhZHZhbmNlZEZpbHRlck1hdGNoLmRpc3BsYXkubGVuZ3RoO1xyXG4gICAgICAgICAgICBpZiAoY3Vyc29yUG9zaXRpb24gPD0gZmlsdGVyTGVuZ3RoICYmICFbOCwgNDZdLmluY2x1ZGVzKGUua2V5Q29kZSkpIHtcclxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBQcmV2ZW50IHRoZSBpbnB1dCBvZiAnPScgbWFudWFsbHlcclxuICAgICAgICBpZiAoZS5rZXkgPT09IFwiPVwiKSB7XHJcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIGRvU29tZXRoaW5nID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICB2YXIgdGFnID0gZS50YXJnZXQuaW5uZXJUZXh0O1xyXG4gICAgICAgIGlmICghYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnT2JqKSB7IHJldHVybiB0YWdPYmouZGlzcGxheTsgfSkuaW5jbHVkZXModGFnKSkge1xyXG4gICAgICAgICAgICBzZXRJbnB1dFZhbHVlKFwiXCIuY29uY2F0KHRhZywgXCI9XCIpKTtcclxuICAgICAgICAgICAgc2V0SW5wdXRWaXNpYmxlKHRydWUpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgKF9hID0gcHJvcHMudGFnc0luZm8pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCB0YWdzKTtcclxuICAgICAgICAoX2IgPSBwcm9wcy5hZHZhbmNlZFRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2IuY2FsbChwcm9wcywgYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcudmFsdWU7IH0pKTtcclxuICAgIH0sIFt0YWdzLCBhZHZhbmNlZFRhZ0xpc3RdKTtcclxuICAgIHZhciBmb3JNYXAgPSBmdW5jdGlvbiAodGFnKSB7XHJcbiAgICAgICAgdmFyIHRhZ0VsZW0gPSAoX2pzeChUYWcsIF9fYXNzaWduKHsgY2xvc2FibGU6IHRydWUsIG9uQ2xvc2U6IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSh0YWcpO1xyXG4gICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRhZyB9KSkpO1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX25ldyddLCBzdHlsZTogeyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyB9IH0sIHsgY2hpbGRyZW46IHRhZ0VsZW0gfSksIHRhZykpO1xyXG4gICAgfTtcclxuICAgIHZhciBhZHZhbmNlZFRhZ3NNYXAgPSBmdW5jdGlvbiAodGFnKSB7XHJcbiAgICAgICAgdmFyIGRpc2FibGVkID0gYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcuZGlzcGxheS5zcGxpdCgnPScpWzBdOyB9KS5pbmNsdWRlcyh0YWcuZGlzcGxheSk7XHJcbiAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgb25DbGljazogIWRpc2FibGVkID8gZG9Tb21ldGhpbmcgOiB1bmRlZmluZWQsIHN0eWxlOiB7IGNvbG9yOiBkaXNhYmxlZCA/ICdncmF5JyA6IHVuZGVmaW5lZCB9IH0sIHsgY2hpbGRyZW46IHRhZy5kaXNwbGF5IH0pLCB0YWcuZGlzcGxheSkpO1xyXG4gICAgfTtcclxuICAgIHZhciB0YWdDaGlsZCA9IGFsbFRhZ3MubWFwKGZvck1hcCk7XHJcbiAgICB2YXIgYWR2YW5jZWRUYWdzQ2hpbGQgPSBhZHZhbmNlZFRhZ3MgJiYgYWR2YW5jZWRUYWdzLm1hcChhZHZhbmNlZFRhZ3NNYXApO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhZ2ZpZWxkIH0sIHsgY2hpbGRyZW46IFtpbnB1dFZpc2libGUgJiYgKF9qc3goSW5wdXQsIHsgcmVmOiBpbnB1dFJlZiwgdHlwZTogXCJ0ZXh0XCIsIHNpemU6IFwic21hbGxcIiwgdmFsdWU6IGlucHV0VmFsdWUsIG9uQ2hhbmdlOiBoYW5kbGVJbnB1dENoYW5nZSwgb25LZXlEb3duOiBoYW5kbGVLZXlEb3duLCBvblByZXNzRW50ZXI6IGhhbmRsZUlucHV0Q29uZmlybSwgY2xhc3NOYW1lOiBzdHlsZXNbJ3RhZ2ZpZWxkX19pbnB1dCddIH0pKSwgIWlucHV0VmlzaWJsZSAmJiAoX2pzeHMoVGFnLCBfX2Fzc2lnbih7IG9uQ2xpY2s6IHNob3dJbnB1dCwgY2xhc3NOYW1lOiBjbGFzc05hbWVzKHN0eWxlc1sndGFnZmllbGRfX2NyZWF0b3InXSwgJ3NpdGUtdGFnLXBsdXMnKSB9LCB7IGNoaWxkcmVuOiBbX2pzeChTZWFyY2hPdXRsaW5lZCwge30pLCBcIiBcIiwgdCgnY29tcG9uZW50cy50YWcuc2VhcmNoJyldIH0pKSksIGFkdmFuY2VkVGFncyAmJlxyXG4gICAgICAgICAgICAgICAgX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBzdHlsZTogeyBtYXJnaW5Ub3A6IDE2LCBtYXJnaW5Cb3R0b206IDE2IH0sIGNsYXNzTmFtZTogc3R5bGVzLmFkdmFuY2VkVGFnc1dyYXBwZXIgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMubGFiZWwgfSwgeyBjaGlsZHJlbjogW3QoJ2NvbXBvbmVudHMudGFnLmFkdmFuY2VkRmllbGRzJyksIFwiOlwiXSB9KSksIF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5hZHZhbmNlZFRhZ3MgfSwgeyBjaGlsZHJlbjogYWR2YW5jZWRUYWdzQ2hpbGQgfSkpXSB9KSksIF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBzdHlsZTogeyBtYXJnaW5Ub3A6IDE2IH0gfSwgeyBjaGlsZHJlbjogX2pzeChUd2Vlbk9uZUdyb3VwLCBfX2Fzc2lnbih7IGVudGVyOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNjYWxlOiAwLjgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU6ICdmcm9tJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZHVyYXRpb246IDEwMCxcclxuICAgICAgICAgICAgICAgICAgICB9LCBvbkVuZDogZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGUudHlwZSA9PT0gJ2FwcGVhcicgfHwgZS50eXBlID09PSAnZW50ZXInKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBlLnRhcmdldC5zdHlsZSA9ICdkaXNwbGF5OiBpbmxpbmUtYmxvY2snO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfSwgbGVhdmU6IHsgb3BhY2l0eTogMCwgd2lkdGg6IDAsIHNjYWxlOiAwLCBkdXJhdGlvbjogMjAwIH0sIGFwcGVhcjogZmFsc2UgfSwgeyBjaGlsZHJlbjogdGFnQ2hpbGQgfSkpIH0pKV0gfSkpKTtcclxufTtcclxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TagField\": function() { return /* binding */ TagField; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-tween-one */ \"./node_modules/rc-tween-one/es/TweenOneGroup.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Tag/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! i18next */ \"i18next\");\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(i18next__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nvar TagField = function (props) {\r\n    var _a = props.customTags, customTags = _a === void 0 ? [] : _a, advancedTags = props.advancedTags;\r\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags.filter(function (tag) { return !tag.includes('='); })), tags = _b[0], setTags = _b[1];\r\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), inputVisible = _c[0], setInputVisible = _c[1];\r\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), inputValue = _d[0], setInputValue = _d[1];\r\n    var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\r\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), advancedTagList = _e[0], setAdvancedTagList = _e[1];\r\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags.filter(function (tag) { return !tag.includes('='); })), allTags = _f[0], setAllTags = _f[1];\r\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\r\n        var _a;\r\n        if (inputVisible) {\r\n            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();\r\n        }\r\n    }, [inputVisible]);\r\n    var handleClose = function (removedTag) {\r\n        var newAllTags = allTags.filter(function (tag) { return tag !== removedTag; });\r\n        setAllTags(newAllTags);\r\n        var newTags = tags.filter(function (tag) { return tag !== removedTag; });\r\n        setTags(newTags);\r\n        if (advancedTags && advancedTagList.some(function (tag) { return tag.display === removedTag; })) {\r\n            var newAdvancedTags = advancedTagList.filter(function (tag) { return tag.display !== removedTag; });\r\n            setAdvancedTagList(newAdvancedTags);\r\n        }\r\n    };\r\n    var showInput = function () {\r\n        setInputVisible(true);\r\n    };\r\n    var handleInputChange = function (e) {\r\n        setInputValue(e.target.value);\r\n    };\r\n    var handleInputConfirm = function () {\r\n        var _a, _b;\r\n        if (inputValue && allTags.indexOf(inputValue) === -1) {\r\n            var _c = inputValue.split('='), value = _c[1];\r\n            setAllTags(__spreadArray(__spreadArray([], allTags, true), [inputValue], false));\r\n            var matchedFilter = advancedTags && advancedTags.find(function (filter) { return filter.display === inputValue.split('=')[0]; });\r\n            if (matchedFilter && !advancedTagList.some(function (tag) { return tag.display === inputValue; })) {\r\n                var newTag = {\r\n                    display: inputValue,\r\n                    value: \"\".concat(matchedFilter.value, \"=\").concat(value)\r\n                };\r\n                setAdvancedTagList(__spreadArray(__spreadArray([], advancedTagList, true), [newTag], false));\r\n            }\r\n            else {\r\n                setTags(__spreadArray(__spreadArray([], tags, true), [inputValue], false));\r\n            }\r\n        }\r\n        setInputVisible(false);\r\n        setInputValue('');\r\n        var basicTags = tags.filter(function (tag) { return !advancedTagList.some(function (tagObj) { return tagObj.display === tag; }); });\r\n        (_a = props.tagsInfo) === null || _a === void 0 ? void 0 : _a.call(props, basicTags);\r\n        (_b = props.advancedTagsInfo) === null || _b === void 0 ? void 0 : _b.call(props, advancedTagList.map(function (tagObj) { return tagObj.value; }));\r\n    };\r\n    var handleKeyDown = function (e) {\r\n        var cursorPosition = e.currentTarget.selectionStart;\r\n        var advancedFilterMatch = advancedTags && advancedTags.find(function (filter) { return inputValue.startsWith(\"\".concat(filter, \"=\")); });\r\n        if (advancedFilterMatch) {\r\n            var filterLength = advancedFilterMatch.display.length;\r\n            if (cursorPosition <= filterLength && ![8, 46].includes(e.keyCode)) {\r\n                e.preventDefault();\r\n            }\r\n        }\r\n        // Prevent the input of '=' manually\r\n        if (e.key === \"=\") {\r\n            e.preventDefault();\r\n        }\r\n    };\r\n    var doSomething = function (e) {\r\n        var tag = e.target.innerText;\r\n        if (!advancedTagList.map(function (tagObj) { return tagObj.display; }).includes(tag)) {\r\n            setInputValue(\"\".concat(tag, \"=\"));\r\n            setInputVisible(true);\r\n        }\r\n    };\r\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\r\n        var _a, _b;\r\n        (_a = props.tagsInfo) === null || _a === void 0 ? void 0 : _a.call(props, tags);\r\n        (_b = props.advancedTagsInfo) === null || _b === void 0 ? void 0 : _b.call(props, advancedTagList.map(function (tag) { return tag.value; }));\r\n    }, [tags, advancedTagList]);\r\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\r\n        // Adiciona a nova tag ao allTags usando a prop addExtraTags\r\n        if (props.addExtraTags && typeof props.addExtraTags === \"string\") {\r\n            setTags(__spreadArray(__spreadArray([], tags, true), [props.addExtraTags], false));\r\n            setAllTags(__spreadArray(__spreadArray([], allTags, true), [props.addExtraTags], false));\r\n        }\r\n    }, [props.addExtraTags]);\r\n    var forMap = function (tag) {\r\n        var tagElem = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ closable: true, onClose: function (e) {\r\n                e.preventDefault();\r\n                handleClose(tag);\r\n            } }, { children: tag })));\r\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__new, style: { display: 'inline-block' } }, { children: tagElem }), tag));\r\n    };\r\n    var advancedTagsMap = function (tag) {\r\n        var disabled = advancedTagList.map(function (tag) { return tag.display.split('=')[0]; }).includes(tag.display);\r\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: !disabled ? doSomething : undefined, style: { color: disabled ? 'gray' : undefined } }, { children: tag.display }), tag.display));\r\n    };\r\n    var tagChild = allTags.map(forMap);\r\n    var advancedTagsChild = advancedTags && advancedTags.map(advancedTagsMap);\r\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield }, { children: [inputVisible && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { ref: inputRef, type: \"text\", size: \"small\", value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onPressEnter: handleInputConfirm, className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__input })), !inputVisible && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ onClick: showInput, className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__creator, 'site-tag-plus') }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}), \" \", (0,i18next__WEBPACK_IMPORTED_MODULE_4__.t)('components.tag.search')] }))), advancedTags &&\r\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: { marginTop: 16, marginBottom: 16 }, className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].advancedTagsWrapper }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].label }, { children: [(0,i18next__WEBPACK_IMPORTED_MODULE_4__.t)('components.tag.advancedFields'), \":\"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].advancedTags }, { children: advancedTagsChild }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { marginTop: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(rc_tween_one__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ enter: {\r\n                        scale: 0.8,\r\n                        opacity: 0,\r\n                        type: 'from',\r\n                        duration: 100,\r\n                    }, onEnd: function (e) {\r\n                        if (e.type === 'appear' || e.type === 'enter') {\r\n                            e.target.style = 'display: inline-block';\r\n                        }\r\n                    }, leave: { opacity: 0, width: 0, scale: 0, duration: 200 }, appear: false }, { children: tagChild })) }))] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL1RhZy9pbmRleC50c3g/YjFjNiJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XHJcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xyXG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xyXG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xyXG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXHJcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIHQ7XHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XHJcbn07XHJcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcclxuICAgIGlmIChwYWNrIHx8IGFyZ3VtZW50cy5sZW5ndGggPT09IDIpIGZvciAodmFyIGkgPSAwLCBsID0gZnJvbS5sZW5ndGgsIGFyOyBpIDwgbDsgaSsrKSB7XHJcbiAgICAgICAgaWYgKGFyIHx8ICEoaSBpbiBmcm9tKSkge1xyXG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xyXG4gICAgICAgICAgICBhcltpXSA9IGZyb21baV07XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRvLmNvbmNhdChhciB8fCBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tKSk7XHJcbn07XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU2VhcmNoT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XHJcbmltcG9ydCB7IElucHV0LCBUYWcgfSBmcm9tICdhbnRkJztcclxuaW1wb3J0IHsgVHdlZW5PbmVHcm91cCB9IGZyb20gJ3JjLXR3ZWVuLW9uZSc7XHJcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xyXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcclxuaW1wb3J0IHsgdCB9IGZyb20gJ2kxOG5leHQnO1xyXG5leHBvcnQgdmFyIFRhZ0ZpZWxkID0gZnVuY3Rpb24gKHByb3BzKSB7XHJcbiAgICB2YXIgX2EgPSBwcm9wcy5jdXN0b21UYWdzLCBjdXN0b21UYWdzID0gX2EgPT09IHZvaWQgMCA/IFtdIDogX2EsIGFkdmFuY2VkVGFncyA9IHByb3BzLmFkdmFuY2VkVGFncztcclxuICAgIHZhciBfYiA9IHVzZVN0YXRlKGN1c3RvbVRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICF0YWcuaW5jbHVkZXMoJz0nKTsgfSkpLCB0YWdzID0gX2JbMF0sIHNldFRhZ3MgPSBfYlsxXTtcclxuICAgIHZhciBfYyA9IHVzZVN0YXRlKGZhbHNlKSwgaW5wdXRWaXNpYmxlID0gX2NbMF0sIHNldElucHV0VmlzaWJsZSA9IF9jWzFdO1xyXG4gICAgdmFyIF9kID0gdXNlU3RhdGUoJycpLCBpbnB1dFZhbHVlID0gX2RbMF0sIHNldElucHV0VmFsdWUgPSBfZFsxXTtcclxuICAgIHZhciBpbnB1dFJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIHZhciBfZSA9IHVzZVN0YXRlKFtdKSwgYWR2YW5jZWRUYWdMaXN0ID0gX2VbMF0sIHNldEFkdmFuY2VkVGFnTGlzdCA9IF9lWzFdO1xyXG4gICAgdmFyIF9mID0gdXNlU3RhdGUoY3VzdG9tVGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gIXRhZy5pbmNsdWRlcygnPScpOyB9KSksIGFsbFRhZ3MgPSBfZlswXSwgc2V0QWxsVGFncyA9IF9mWzFdO1xyXG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcclxuICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgaWYgKGlucHV0VmlzaWJsZSkge1xyXG4gICAgICAgICAgICAoX2EgPSBpbnB1dFJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuZm9jdXMoKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaW5wdXRWaXNpYmxlXSk7XHJcbiAgICB2YXIgaGFuZGxlQ2xvc2UgPSBmdW5jdGlvbiAocmVtb3ZlZFRhZykge1xyXG4gICAgICAgIHZhciBuZXdBbGxUYWdzID0gYWxsVGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcclxuICAgICAgICBzZXRBbGxUYWdzKG5ld0FsbFRhZ3MpO1xyXG4gICAgICAgIHZhciBuZXdUYWdzID0gdGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcclxuICAgICAgICBzZXRUYWdzKG5ld1RhZ3MpO1xyXG4gICAgICAgIGlmIChhZHZhbmNlZFRhZ3MgJiYgYWR2YW5jZWRUYWdMaXN0LnNvbWUoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnLmRpc3BsYXkgPT09IHJlbW92ZWRUYWc7IH0pKSB7XHJcbiAgICAgICAgICAgIHZhciBuZXdBZHZhbmNlZFRhZ3MgPSBhZHZhbmNlZFRhZ0xpc3QuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZy5kaXNwbGF5ICE9PSByZW1vdmVkVGFnOyB9KTtcclxuICAgICAgICAgICAgc2V0QWR2YW5jZWRUYWdMaXN0KG5ld0FkdmFuY2VkVGFncyk7XHJcbiAgICAgICAgfVxyXG4gICAgfTtcclxuICAgIHZhciBzaG93SW5wdXQgPSBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgc2V0SW5wdXRWaXNpYmxlKHRydWUpO1xyXG4gICAgfTtcclxuICAgIHZhciBoYW5kbGVJbnB1dENoYW5nZSA9IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XHJcbiAgICB9O1xyXG4gICAgdmFyIGhhbmRsZUlucHV0Q29uZmlybSA9IGZ1bmN0aW9uICgpIHtcclxuICAgICAgICB2YXIgX2EsIF9iO1xyXG4gICAgICAgIGlmIChpbnB1dFZhbHVlICYmIGFsbFRhZ3MuaW5kZXhPZihpbnB1dFZhbHVlKSA9PT0gLTEpIHtcclxuICAgICAgICAgICAgdmFyIF9jID0gaW5wdXRWYWx1ZS5zcGxpdCgnPScpLCB2YWx1ZSA9IF9jWzFdO1xyXG4gICAgICAgICAgICBzZXRBbGxUYWdzKF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgYWxsVGFncywgdHJ1ZSksIFtpbnB1dFZhbHVlXSwgZmFsc2UpKTtcclxuICAgICAgICAgICAgdmFyIG1hdGNoZWRGaWx0ZXIgPSBhZHZhbmNlZFRhZ3MgJiYgYWR2YW5jZWRUYWdzLmZpbmQoZnVuY3Rpb24gKGZpbHRlcikgeyByZXR1cm4gZmlsdGVyLmRpc3BsYXkgPT09IGlucHV0VmFsdWUuc3BsaXQoJz0nKVswXTsgfSk7XHJcbiAgICAgICAgICAgIGlmIChtYXRjaGVkRmlsdGVyICYmICFhZHZhbmNlZFRhZ0xpc3Quc29tZShmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcuZGlzcGxheSA9PT0gaW5wdXRWYWx1ZTsgfSkpIHtcclxuICAgICAgICAgICAgICAgIHZhciBuZXdUYWcgPSB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5wdXRWYWx1ZSxcclxuICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJcIi5jb25jYXQobWF0Y2hlZEZpbHRlci52YWx1ZSwgXCI9XCIpLmNvbmNhdCh2YWx1ZSlcclxuICAgICAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgICAgICBzZXRBZHZhbmNlZFRhZ0xpc3QoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBhZHZhbmNlZFRhZ0xpc3QsIHRydWUpLCBbbmV3VGFnXSwgZmFsc2UpKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHNldFRhZ3MoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCB0YWdzLCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHNldElucHV0VmlzaWJsZShmYWxzZSk7XHJcbiAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XHJcbiAgICAgICAgdmFyIGJhc2ljVGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICFhZHZhbmNlZFRhZ0xpc3Quc29tZShmdW5jdGlvbiAodGFnT2JqKSB7IHJldHVybiB0YWdPYmouZGlzcGxheSA9PT0gdGFnOyB9KTsgfSk7XHJcbiAgICAgICAgKF9hID0gcHJvcHMudGFnc0luZm8pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCBiYXNpY1RhZ3MpO1xyXG4gICAgICAgIChfYiA9IHByb3BzLmFkdmFuY2VkVGFnc0luZm8pID09PSBudWxsIHx8IF9iID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYi5jYWxsKHByb3BzLCBhZHZhbmNlZFRhZ0xpc3QubWFwKGZ1bmN0aW9uICh0YWdPYmopIHsgcmV0dXJuIHRhZ09iai52YWx1ZTsgfSkpO1xyXG4gICAgfTtcclxuICAgIHZhciBoYW5kbGVLZXlEb3duID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICB2YXIgY3Vyc29yUG9zaXRpb24gPSBlLmN1cnJlbnRUYXJnZXQuc2VsZWN0aW9uU3RhcnQ7XHJcbiAgICAgICAgdmFyIGFkdmFuY2VkRmlsdGVyTWF0Y2ggPSBhZHZhbmNlZFRhZ3MgJiYgYWR2YW5jZWRUYWdzLmZpbmQoZnVuY3Rpb24gKGZpbHRlcikgeyByZXR1cm4gaW5wdXRWYWx1ZS5zdGFydHNXaXRoKFwiXCIuY29uY2F0KGZpbHRlciwgXCI9XCIpKTsgfSk7XHJcbiAgICAgICAgaWYgKGFkdmFuY2VkRmlsdGVyTWF0Y2gpIHtcclxuICAgICAgICAgICAgdmFyIGZpbHRlckxlbmd0aCA9IGFkdmFuY2VkRmlsdGVyTWF0Y2guZGlzcGxheS5sZW5ndGg7XHJcbiAgICAgICAgICAgIGlmIChjdXJzb3JQb3NpdGlvbiA8PSBmaWx0ZXJMZW5ndGggJiYgIVs4LCA0Nl0uaW5jbHVkZXMoZS5rZXlDb2RlKSkge1xyXG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIFByZXZlbnQgdGhlIGlucHV0IG9mICc9JyBtYW51YWxseVxyXG4gICAgICAgIGlmIChlLmtleSA9PT0gXCI9XCIpIHtcclxuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICB2YXIgZG9Tb21ldGhpbmcgPSBmdW5jdGlvbiAoZSkge1xyXG4gICAgICAgIHZhciB0YWcgPSBlLnRhcmdldC5pbm5lclRleHQ7XHJcbiAgICAgICAgaWYgKCFhZHZhbmNlZFRhZ0xpc3QubWFwKGZ1bmN0aW9uICh0YWdPYmopIHsgcmV0dXJuIHRhZ09iai5kaXNwbGF5OyB9KS5pbmNsdWRlcyh0YWcpKSB7XHJcbiAgICAgICAgICAgIHNldElucHV0VmFsdWUoXCJcIi5jb25jYXQodGFnLCBcIj1cIikpO1xyXG4gICAgICAgICAgICBzZXRJbnB1dFZpc2libGUodHJ1ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgfTtcclxuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgdmFyIF9hLCBfYjtcclxuICAgICAgICAoX2EgPSBwcm9wcy50YWdzSW5mbykgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmNhbGwocHJvcHMsIHRhZ3MpO1xyXG4gICAgICAgIChfYiA9IHByb3BzLmFkdmFuY2VkVGFnc0luZm8pID09PSBudWxsIHx8IF9iID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYi5jYWxsKHByb3BzLCBhZHZhbmNlZFRhZ0xpc3QubWFwKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZy52YWx1ZTsgfSkpO1xyXG4gICAgfSwgW3RhZ3MsIGFkdmFuY2VkVGFnTGlzdF0pO1xyXG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcclxuICAgICAgICAvLyBBZGljaW9uYSBhIG5vdmEgdGFnIGFvIGFsbFRhZ3MgdXNhbmRvIGEgcHJvcCBhZGRFeHRyYVRhZ3NcclxuICAgICAgICBpZiAocHJvcHMuYWRkRXh0cmFUYWdzICYmIHR5cGVvZiBwcm9wcy5hZGRFeHRyYVRhZ3MgPT09IFwic3RyaW5nXCIpIHtcclxuICAgICAgICAgICAgc2V0VGFncyhfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIHRhZ3MsIHRydWUpLCBbcHJvcHMuYWRkRXh0cmFUYWdzXSwgZmFsc2UpKTtcclxuICAgICAgICAgICAgc2V0QWxsVGFncyhfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIGFsbFRhZ3MsIHRydWUpLCBbcHJvcHMuYWRkRXh0cmFUYWdzXSwgZmFsc2UpKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbcHJvcHMuYWRkRXh0cmFUYWdzXSk7XHJcbiAgICB2YXIgZm9yTWFwID0gZnVuY3Rpb24gKHRhZykge1xyXG4gICAgICAgIHZhciB0YWdFbGVtID0gKF9qc3goVGFnLCBfX2Fzc2lnbih7IGNsb3NhYmxlOiB0cnVlLCBvbkNsb3NlOiBmdW5jdGlvbiAoZSkge1xyXG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UodGFnKTtcclxuICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0YWcgfSkpKTtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJzcGFuXCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXNbJ3RhZ2ZpZWxkX19uZXcnXSwgc3R5bGU6IHsgZGlzcGxheTogJ2lubGluZS1ibG9jaycgfSB9LCB7IGNoaWxkcmVuOiB0YWdFbGVtIH0pLCB0YWcpKTtcclxuICAgIH07XHJcbiAgICB2YXIgYWR2YW5jZWRUYWdzTWFwID0gZnVuY3Rpb24gKHRhZykge1xyXG4gICAgICAgIHZhciBkaXNhYmxlZCA9IGFkdmFuY2VkVGFnTGlzdC5tYXAoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnLmRpc3BsYXkuc3BsaXQoJz0nKVswXTsgfSkuaW5jbHVkZXModGFnLmRpc3BsYXkpO1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IG9uQ2xpY2s6ICFkaXNhYmxlZCA/IGRvU29tZXRoaW5nIDogdW5kZWZpbmVkLCBzdHlsZTogeyBjb2xvcjogZGlzYWJsZWQgPyAnZ3JheScgOiB1bmRlZmluZWQgfSB9LCB7IGNoaWxkcmVuOiB0YWcuZGlzcGxheSB9KSwgdGFnLmRpc3BsYXkpKTtcclxuICAgIH07XHJcbiAgICB2YXIgdGFnQ2hpbGQgPSBhbGxUYWdzLm1hcChmb3JNYXApO1xyXG4gICAgdmFyIGFkdmFuY2VkVGFnc0NoaWxkID0gYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5tYXAoYWR2YW5jZWRUYWdzTWFwKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWdmaWVsZCB9LCB7IGNoaWxkcmVuOiBbaW5wdXRWaXNpYmxlICYmIChfanN4KElucHV0LCB7IHJlZjogaW5wdXRSZWYsIHR5cGU6IFwidGV4dFwiLCBzaXplOiBcInNtYWxsXCIsIHZhbHVlOiBpbnB1dFZhbHVlLCBvbkNoYW5nZTogaGFuZGxlSW5wdXRDaGFuZ2UsIG9uS2V5RG93bjogaGFuZGxlS2V5RG93biwgb25QcmVzc0VudGVyOiBoYW5kbGVJbnB1dENvbmZpcm0sIGNsYXNzTmFtZTogc3R5bGVzWyd0YWdmaWVsZF9faW5wdXQnXSB9KSksICFpbnB1dFZpc2libGUgJiYgKF9qc3hzKFRhZywgX19hc3NpZ24oeyBvbkNsaWNrOiBzaG93SW5wdXQsIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhzdHlsZXNbJ3RhZ2ZpZWxkX19jcmVhdG9yJ10sICdzaXRlLXRhZy1wbHVzJykgfSwgeyBjaGlsZHJlbjogW19qc3goU2VhcmNoT3V0bGluZWQsIHt9KSwgXCIgXCIsIHQoJ2NvbXBvbmVudHMudGFnLnNlYXJjaCcpXSB9KSkpLCBhZHZhbmNlZFRhZ3MgJiZcclxuICAgICAgICAgICAgICAgIF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiwgbWFyZ2luQm90dG9tOiAxNiB9LCBjbGFzc05hbWU6IHN0eWxlcy5hZHZhbmNlZFRhZ3NXcmFwcGVyIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmxhYmVsIH0sIHsgY2hpbGRyZW46IFt0KCdjb21wb25lbnRzLnRhZy5hZHZhbmNlZEZpZWxkcycpLCBcIjpcIl0gfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuYWR2YW5jZWRUYWdzIH0sIHsgY2hpbGRyZW46IGFkdmFuY2VkVGFnc0NoaWxkIH0pKV0gfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiB9IH0sIHsgY2hpbGRyZW46IF9qc3goVHdlZW5PbmVHcm91cCwgX19hc3NpZ24oeyBlbnRlcjoge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzY2FsZTogMC44LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnZnJvbScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAxMDAsXHJcbiAgICAgICAgICAgICAgICAgICAgfSwgb25FbmQ6IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChlLnR5cGUgPT09ICdhcHBlYXInIHx8IGUudHlwZSA9PT0gJ2VudGVyJykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZS50YXJnZXQuc3R5bGUgPSAnZGlzcGxheTogaW5saW5lLWJsb2NrJztcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH0sIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHdpZHRoOiAwLCBzY2FsZTogMCwgZHVyYXRpb246IDIwMCB9LCBhcHBlYXI6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHRhZ0NoaWxkIH0pKSB9KSldIH0pKSk7XHJcbn07XHJcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
 
 /***/ }),
 

package/dist/types/components/Tag/index.d.ts

@@ -7,5 +7,6 @@ export interface customTagProps extends TagProps {
         display: string;
         value: string;
     }[];
+    addExtraTags?: string;
 }
 export declare const TagField: (props: customTagProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.0.96",
+  "version": "1.0.97",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Tag/Tag.stories.tsx

@@ -16,7 +16,7 @@ const Template: Story<TagProps> = (args) => {
 
     console.log('page: basic', tagsInfo,'advanced', advancedTagsInfo);
     
-    return <TagField {...args} advancedTags={advancedsFilters} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo}></TagField>;
+    return <TagField {...args} advancedTags={advancedsFilters} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo} addExtraTags={"ola"}></TagField>;
 }
 
 export const Primary = Template.bind({});

package/src/components/Tag/index.tsx

@@ -12,6 +12,7 @@ export interface customTagProps extends TagProps {
     tagsInfo?: (tags: string[]) => void;
     advancedTagsInfo?: (tags: string[]) => void;
     advancedTags?: { display: string; value: string }[];
+    addExtraTags?: string;
 }
 
 export const TagField = (props: customTagProps) => {
@@ -107,6 +108,14 @@ export const TagField = (props: customTagProps) => {
         props.advancedTagsInfo?.(advancedTagList.map(tag => tag.value));
     }, [tags, advancedTagList]);
 
+    useEffect(() => {
+        // Adiciona a nova tag ao allTags usando a prop addExtraTags
+        if (props.addExtraTags && typeof props.addExtraTags === "string") {
+            setTags([...tags, props.addExtraTags]);
+            setAllTags([...allTags, props.addExtraTags]);
+        }
+    }, [props.addExtraTags]);
+
     const forMap = (tag: string) => {
         const tagElem = (
             <Tag