npm - @omniumretail/component-library - Versions diffs - 1.0.80 → 1.0.82 - Mend

@omniumretail/component-library 1.0.80 → 1.0.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/bundle.js +1 -1
package/package.json +1 -1
package/src/components/Tag/Tag.stories.tsx +1 -1
package/src/components/Tag/index.tsx +1 -1

package/dist/bundle.js CHANGED Viewed

@@ -11003,7 +11003,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)([]), 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.includes(removedTag)) {\r\n            var newAdvancedTags = advancedTagList.filter(function (tag) { return tag !== 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        var isAdvancedTag = false;\r\n        if (inputValue && allTags.indexOf(inputValue) === -1) {\r\n            setAllTags(__spreadArray(__spreadArray([], allTags, true), [inputValue], false)); // Add to allTags\r\n            if (advancedTags && advancedTags.includes(inputValue.split('=')[0]) && !advancedTags.includes(inputValue)) {\r\n                setAdvancedTagList(__spreadArray(__spreadArray([], advancedTagList, true), [inputValue], false));\r\n                isAdvancedTag = true;\r\n            }\r\n            // Only add the inputValue to the tags array if it's not an advanced tag\r\n            if (!isAdvancedTag) {\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.includes(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);\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.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 (tag) { return tag.split('=')[0]; }).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);\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.split('=')[0]; }).includes(tag);\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 }), tag));\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4P2IxYzYiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xyXG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcclxuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcclxuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcclxuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxyXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiB0O1xyXG4gICAgfTtcclxuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xyXG59O1xyXG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XHJcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xyXG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcclxuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcclxuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xyXG59O1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xyXG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XHJcbmltcG9ydCB7IFR3ZWVuT25lR3JvdXAgfSBmcm9tICdyYy10d2Vlbi1vbmUnO1xyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XHJcbmltcG9ydCB7IHQgfSBmcm9tICdpMThuZXh0JztcclxuZXhwb3J0IHZhciBUYWdGaWVsZCA9IGZ1bmN0aW9uIChwcm9wcykge1xyXG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hLCBhZHZhbmNlZFRhZ3MgPSBwcm9wcy5hZHZhbmNlZFRhZ3M7XHJcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZShjdXN0b21UYWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiAhdGFnLmluY2x1ZGVzKCc9Jyk7IH0pKSwgdGFncyA9IF9iWzBdLCBzZXRUYWdzID0gX2JbMV07XHJcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShmYWxzZSksIGlucHV0VmlzaWJsZSA9IF9jWzBdLCBzZXRJbnB1dFZpc2libGUgPSBfY1sxXTtcclxuICAgIHZhciBfZCA9IHVzZVN0YXRlKCcnKSwgaW5wdXRWYWx1ZSA9IF9kWzBdLCBzZXRJbnB1dFZhbHVlID0gX2RbMV07XHJcbiAgICB2YXIgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XHJcbiAgICB2YXIgX2UgPSB1c2VTdGF0ZShbXSksIGFkdmFuY2VkVGFnTGlzdCA9IF9lWzBdLCBzZXRBZHZhbmNlZFRhZ0xpc3QgPSBfZVsxXTtcclxuICAgIHZhciBfZiA9IHVzZVN0YXRlKFtdKSwgYWxsVGFncyA9IF9mWzBdLCBzZXRBbGxUYWdzID0gX2ZbMV07XHJcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAoaW5wdXRWaXNpYmxlKSB7XHJcbiAgICAgICAgICAgIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpbnB1dFZpc2libGVdKTtcclxuICAgIHZhciBoYW5kbGVDbG9zZSA9IGZ1bmN0aW9uIChyZW1vdmVkVGFnKSB7XHJcbiAgICAgICAgdmFyIG5ld0FsbFRhZ3MgPSBhbGxUYWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcgIT09IHJlbW92ZWRUYWc7IH0pO1xyXG4gICAgICAgIHNldEFsbFRhZ3MobmV3QWxsVGFncyk7XHJcbiAgICAgICAgdmFyIG5ld1RhZ3MgPSB0YWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcgIT09IHJlbW92ZWRUYWc7IH0pO1xyXG4gICAgICAgIHNldFRhZ3MobmV3VGFncyk7XHJcbiAgICAgICAgaWYgKGFkdmFuY2VkVGFncyAmJiBhZHZhbmNlZFRhZ0xpc3QuaW5jbHVkZXMocmVtb3ZlZFRhZykpIHtcclxuICAgICAgICAgICAgdmFyIG5ld0FkdmFuY2VkVGFncyA9IGFkdmFuY2VkVGFnTGlzdC5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcclxuICAgICAgICAgICAgc2V0QWR2YW5jZWRUYWdMaXN0KG5ld0FkdmFuY2VkVGFncyk7XHJcbiAgICAgICAgfVxyXG4gICAgfTtcclxuICAgIHZhciBzaG93SW5wdXQgPSBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgc2V0SW5wdXRWaXNpYmxlKHRydWUpO1xyXG4gICAgfTtcclxuICAgIHZhciBoYW5kbGVJbnB1dENoYW5nZSA9IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XHJcbiAgICB9O1xyXG4gICAgdmFyIGhhbmRsZUlucHV0Q29uZmlybSA9IGZ1bmN0aW9uICgpIHtcclxuICAgICAgICB2YXIgX2EsIF9iO1xyXG4gICAgICAgIHZhciBpc0FkdmFuY2VkVGFnID0gZmFsc2U7XHJcbiAgICAgICAgaWYgKGlucHV0VmFsdWUgJiYgYWxsVGFncy5pbmRleE9mKGlucHV0VmFsdWUpID09PSAtMSkge1xyXG4gICAgICAgICAgICBzZXRBbGxUYWdzKF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgYWxsVGFncywgdHJ1ZSksIFtpbnB1dFZhbHVlXSwgZmFsc2UpKTsgLy8gQWRkIHRvIGFsbFRhZ3NcclxuICAgICAgICAgICAgaWYgKGFkdmFuY2VkVGFncyAmJiBhZHZhbmNlZFRhZ3MuaW5jbHVkZXMoaW5wdXRWYWx1ZS5zcGxpdCgnPScpWzBdKSAmJiAhYWR2YW5jZWRUYWdzLmluY2x1ZGVzKGlucHV0VmFsdWUpKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRBZHZhbmNlZFRhZ0xpc3QoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBhZHZhbmNlZFRhZ0xpc3QsIHRydWUpLCBbaW5wdXRWYWx1ZV0sIGZhbHNlKSk7XHJcbiAgICAgICAgICAgICAgICBpc0FkdmFuY2VkVGFnID0gdHJ1ZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAvLyBPbmx5IGFkZCB0aGUgaW5wdXRWYWx1ZSB0byB0aGUgdGFncyBhcnJheSBpZiBpdCdzIG5vdCBhbiBhZHZhbmNlZCB0YWdcclxuICAgICAgICAgICAgaWYgKCFpc0FkdmFuY2VkVGFnKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRUYWdzKF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgdGFncywgdHJ1ZSksIFtpbnB1dFZhbHVlXSwgZmFsc2UpKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBzZXRJbnB1dFZpc2libGUoZmFsc2UpO1xyXG4gICAgICAgIHNldElucHV0VmFsdWUoJycpO1xyXG4gICAgICAgIHZhciBiYXNpY1RhZ3MgPSB0YWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiAhYWR2YW5jZWRUYWdMaXN0LmluY2x1ZGVzKHRhZyk7IH0pO1xyXG4gICAgICAgIChfYSA9IHByb3BzLnRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuY2FsbChwcm9wcywgYmFzaWNUYWdzKTtcclxuICAgICAgICAoX2IgPSBwcm9wcy5hZHZhbmNlZFRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2IuY2FsbChwcm9wcywgYWR2YW5jZWRUYWdMaXN0KTtcclxuICAgIH07XHJcbiAgICB2YXIgaGFuZGxlS2V5RG93biA9IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgdmFyIGN1cnNvclBvc2l0aW9uID0gZS5jdXJyZW50VGFyZ2V0LnNlbGVjdGlvblN0YXJ0O1xyXG4gICAgICAgIHZhciBhZHZhbmNlZEZpbHRlck1hdGNoID0gYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5maW5kKGZ1bmN0aW9uIChmaWx0ZXIpIHsgcmV0dXJuIGlucHV0VmFsdWUuc3RhcnRzV2l0aChcIlwiLmNvbmNhdChmaWx0ZXIsIFwiPVwiKSk7IH0pO1xyXG4gICAgICAgIGlmIChhZHZhbmNlZEZpbHRlck1hdGNoKSB7XHJcbiAgICAgICAgICAgIHZhciBmaWx0ZXJMZW5ndGggPSBhZHZhbmNlZEZpbHRlck1hdGNoLmxlbmd0aDtcclxuICAgICAgICAgICAgaWYgKGN1cnNvclBvc2l0aW9uIDw9IGZpbHRlckxlbmd0aCAmJiAhWzgsIDQ2XS5pbmNsdWRlcyhlLmtleUNvZGUpKSB7XHJcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLy8gUHJldmVudCB0aGUgaW5wdXQgb2YgJz0nIG1hbnVhbGx5XHJcbiAgICAgICAgaWYgKGUua2V5ID09PSBcIj1cIikge1xyXG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgfVxyXG4gICAgfTtcclxuICAgIHZhciBkb1NvbWV0aGluZyA9IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgdmFyIHRhZyA9IGUudGFyZ2V0LmlubmVyVGV4dDtcclxuICAgICAgICBpZiAoIWFkdmFuY2VkVGFnTGlzdC5tYXAoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnLnNwbGl0KCc9JylbMF07IH0pLmluY2x1ZGVzKHRhZykpIHtcclxuICAgICAgICAgICAgc2V0SW5wdXRWYWx1ZShcIlwiLmNvbmNhdCh0YWcsIFwiPVwiKSk7XHJcbiAgICAgICAgICAgIHNldElucHV0VmlzaWJsZSh0cnVlKTtcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcclxuICAgICAgICB2YXIgX2EsIF9iO1xyXG4gICAgICAgIChfYSA9IHByb3BzLnRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuY2FsbChwcm9wcywgdGFncyk7XHJcbiAgICAgICAgKF9iID0gcHJvcHMuYWR2YW5jZWRUYWdzSW5mbykgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLmNhbGwocHJvcHMsIGFkdmFuY2VkVGFnTGlzdCk7XHJcbiAgICB9LCBbdGFncywgYWR2YW5jZWRUYWdMaXN0XSk7XHJcbiAgICB2YXIgZm9yTWFwID0gZnVuY3Rpb24gKHRhZykge1xyXG4gICAgICAgIHZhciB0YWdFbGVtID0gKF9qc3goVGFnLCBfX2Fzc2lnbih7IGNsb3NhYmxlOiB0cnVlLCBvbkNsb3NlOiBmdW5jdGlvbiAoZSkge1xyXG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UodGFnKTtcclxuICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0YWcgfSkpKTtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJzcGFuXCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXNbJ3RhZ2ZpZWxkX19uZXcnXSwgc3R5bGU6IHsgZGlzcGxheTogJ2lubGluZS1ibG9jaycgfSB9LCB7IGNoaWxkcmVuOiB0YWdFbGVtIH0pLCB0YWcpKTtcclxuICAgIH07XHJcbiAgICB2YXIgYWR2YW5jZWRUYWdzTWFwID0gZnVuY3Rpb24gKHRhZykge1xyXG4gICAgICAgIHZhciBkaXNhYmxlZCA9IGFkdmFuY2VkVGFnTGlzdC5tYXAoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnLnNwbGl0KCc9JylbMF07IH0pLmluY2x1ZGVzKHRhZyk7XHJcbiAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgb25DbGljazogIWRpc2FibGVkID8gZG9Tb21ldGhpbmcgOiB1bmRlZmluZWQsIHN0eWxlOiB7IGNvbG9yOiBkaXNhYmxlZCA/ICdncmF5JyA6IHVuZGVmaW5lZCB9IH0sIHsgY2hpbGRyZW46IHRhZyB9KSwgdGFnKSk7XHJcbiAgICB9O1xyXG4gICAgdmFyIHRhZ0NoaWxkID0gYWxsVGFncy5tYXAoZm9yTWFwKTtcclxuICAgIHZhciBhZHZhbmNlZFRhZ3NDaGlsZCA9IGFkdmFuY2VkVGFncyAmJiBhZHZhbmNlZFRhZ3MubWFwKGFkdmFuY2VkVGFnc01hcCk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFnZmllbGQgfSwgeyBjaGlsZHJlbjogW2lucHV0VmlzaWJsZSAmJiAoX2pzeChJbnB1dCwgeyByZWY6IGlucHV0UmVmLCB0eXBlOiBcInRleHRcIiwgc2l6ZTogXCJzbWFsbFwiLCB2YWx1ZTogaW5wdXRWYWx1ZSwgb25DaGFuZ2U6IGhhbmRsZUlucHV0Q2hhbmdlLCBvbktleURvd246IGhhbmRsZUtleURvd24sIG9uUHJlc3NFbnRlcjogaGFuZGxlSW5wdXRDb25maXJtLCBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX2lucHV0J10gfSkpLCAhaW5wdXRWaXNpYmxlICYmIChfanN4cyhUYWcsIF9fYXNzaWduKHsgb25DbGljazogc2hvd0lucHV0LCBjbGFzc05hbWU6IGNsYXNzTmFtZXMoc3R5bGVzWyd0YWdmaWVsZF9fY3JlYXRvciddLCAnc2l0ZS10YWctcGx1cycpIH0sIHsgY2hpbGRyZW46IFtfanN4KFNlYXJjaE91dGxpbmVkLCB7fSksIFwiIFwiLCB0KCdjb21wb25lbnRzLnRhZy5zZWFyY2gnKV0gfSkpKSwgYWR2YW5jZWRUYWdzICYmXHJcbiAgICAgICAgICAgICAgICBfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IHN0eWxlOiB7IG1hcmdpblRvcDogMTYsIG1hcmdpbkJvdHRvbTogMTYgfSwgY2xhc3NOYW1lOiBzdHlsZXMuYWR2YW5jZWRUYWdzV3JhcHBlciB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5sYWJlbCB9LCB7IGNoaWxkcmVuOiBbdCgnY29tcG9uZW50cy50YWcuYWR2YW5jZWRGaWVsZHMnKSwgXCI6XCJdIH0pKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmFkdmFuY2VkVGFncyB9LCB7IGNoaWxkcmVuOiBhZHZhbmNlZFRhZ3NDaGlsZCB9KSldIH0pKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IHN0eWxlOiB7IG1hcmdpblRvcDogMTYgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFR3ZWVuT25lR3JvdXAsIF9fYXNzaWduKHsgZW50ZXI6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgc2NhbGU6IDAuOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2Zyb20nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkdXJhdGlvbjogMTAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sIG9uRW5kOiBmdW5jdGlvbiAoZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoZS50eXBlID09PSAnYXBwZWFyJyB8fCBlLnR5cGUgPT09ICdlbnRlcicpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGUudGFyZ2V0LnN0eWxlID0gJ2Rpc3BsYXk6IGlubGluZS1ibG9jayc7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9LCBsZWF2ZTogeyBvcGFjaXR5OiAwLCB3aWR0aDogMCwgc2NhbGU6IDAsIGR1cmF0aW9uOiAyMDAgfSwgYXBwZWFyOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiB0YWdDaGlsZCB9KSkgfSkpXSB9KSkpO1xyXG59O1xyXG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\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.includes(removedTag)) {\r\n            var newAdvancedTags = advancedTagList.filter(function (tag) { return tag !== 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        var isAdvancedTag = false;\r\n        if (inputValue && allTags.indexOf(inputValue) === -1) {\r\n            setAllTags(__spreadArray(__spreadArray([], allTags, true), [inputValue], false)); // Add to allTags\r\n            if (advancedTags && advancedTags.includes(inputValue.split('=')[0]) && !advancedTags.includes(inputValue)) {\r\n                setAdvancedTagList(__spreadArray(__spreadArray([], advancedTagList, true), [inputValue], false));\r\n                isAdvancedTag = true;\r\n            }\r\n            // Only add the inputValue to the tags array if it's not an advanced tag\r\n            if (!isAdvancedTag) {\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.includes(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);\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.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 (tag) { return tag.split('=')[0]; }).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);\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.split('=')[0]; }).includes(tag);\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 }), tag));\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4P2IxYzYiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xyXG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcclxuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcclxuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcclxuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxyXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiB0O1xyXG4gICAgfTtcclxuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xyXG59O1xyXG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XHJcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xyXG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcclxuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcclxuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xyXG59O1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xyXG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XHJcbmltcG9ydCB7IFR3ZWVuT25lR3JvdXAgfSBmcm9tICdyYy10d2Vlbi1vbmUnO1xyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XHJcbmltcG9ydCB7IHQgfSBmcm9tICdpMThuZXh0JztcclxuZXhwb3J0IHZhciBUYWdGaWVsZCA9IGZ1bmN0aW9uIChwcm9wcykge1xyXG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hLCBhZHZhbmNlZFRhZ3MgPSBwcm9wcy5hZHZhbmNlZFRhZ3M7XHJcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZShjdXN0b21UYWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiAhdGFnLmluY2x1ZGVzKCc9Jyk7IH0pKSwgdGFncyA9IF9iWzBdLCBzZXRUYWdzID0gX2JbMV07XHJcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShmYWxzZSksIGlucHV0VmlzaWJsZSA9IF9jWzBdLCBzZXRJbnB1dFZpc2libGUgPSBfY1sxXTtcclxuICAgIHZhciBfZCA9IHVzZVN0YXRlKCcnKSwgaW5wdXRWYWx1ZSA9IF9kWzBdLCBzZXRJbnB1dFZhbHVlID0gX2RbMV07XHJcbiAgICB2YXIgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XHJcbiAgICB2YXIgX2UgPSB1c2VTdGF0ZShbXSksIGFkdmFuY2VkVGFnTGlzdCA9IF9lWzBdLCBzZXRBZHZhbmNlZFRhZ0xpc3QgPSBfZVsxXTtcclxuICAgIHZhciBfZiA9IHVzZVN0YXRlKGN1c3RvbVRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICF0YWcuaW5jbHVkZXMoJz0nKTsgfSkpLCBhbGxUYWdzID0gX2ZbMF0sIHNldEFsbFRhZ3MgPSBfZlsxXTtcclxuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcclxuICAgICAgICAgICAgKF9hID0gaW5wdXRSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmZvY3VzKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xyXG4gICAgdmFyIGhhbmRsZUNsb3NlID0gZnVuY3Rpb24gKHJlbW92ZWRUYWcpIHtcclxuICAgICAgICB2YXIgbmV3QWxsVGFncyA9IGFsbFRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZyAhPT0gcmVtb3ZlZFRhZzsgfSk7XHJcbiAgICAgICAgc2V0QWxsVGFncyhuZXdBbGxUYWdzKTtcclxuICAgICAgICB2YXIgbmV3VGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZyAhPT0gcmVtb3ZlZFRhZzsgfSk7XHJcbiAgICAgICAgc2V0VGFncyhuZXdUYWdzKTtcclxuICAgICAgICBpZiAoYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFnTGlzdC5pbmNsdWRlcyhyZW1vdmVkVGFnKSkge1xyXG4gICAgICAgICAgICB2YXIgbmV3QWR2YW5jZWRUYWdzID0gYWR2YW5jZWRUYWdMaXN0LmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcgIT09IHJlbW92ZWRUYWc7IH0pO1xyXG4gICAgICAgICAgICBzZXRBZHZhbmNlZFRhZ0xpc3QobmV3QWR2YW5jZWRUYWdzKTtcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIHNob3dJbnB1dCA9IGZ1bmN0aW9uICgpIHtcclxuICAgICAgICBzZXRJbnB1dFZpc2libGUodHJ1ZSk7XHJcbiAgICB9O1xyXG4gICAgdmFyIGhhbmRsZUlucHV0Q2hhbmdlID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICBzZXRJbnB1dFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcclxuICAgIH07XHJcbiAgICB2YXIgaGFuZGxlSW5wdXRDb25maXJtID0gZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgdmFyIGlzQWR2YW5jZWRUYWcgPSBmYWxzZTtcclxuICAgICAgICBpZiAoaW5wdXRWYWx1ZSAmJiBhbGxUYWdzLmluZGV4T2YoaW5wdXRWYWx1ZSkgPT09IC0xKSB7XHJcbiAgICAgICAgICAgIHNldEFsbFRhZ3MoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBhbGxUYWdzLCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpOyAvLyBBZGQgdG8gYWxsVGFnc1xyXG4gICAgICAgICAgICBpZiAoYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5pbmNsdWRlcyhpbnB1dFZhbHVlLnNwbGl0KCc9JylbMF0pICYmICFhZHZhbmNlZFRhZ3MuaW5jbHVkZXMoaW5wdXRWYWx1ZSkpIHtcclxuICAgICAgICAgICAgICAgIHNldEFkdmFuY2VkVGFnTGlzdChfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIGFkdmFuY2VkVGFnTGlzdCwgdHJ1ZSksIFtpbnB1dFZhbHVlXSwgZmFsc2UpKTtcclxuICAgICAgICAgICAgICAgIGlzQWR2YW5jZWRUYWcgPSB0cnVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC8vIE9ubHkgYWRkIHRoZSBpbnB1dFZhbHVlIHRvIHRoZSB0YWdzIGFycmF5IGlmIGl0J3Mgbm90IGFuIGFkdmFuY2VkIHRhZ1xyXG4gICAgICAgICAgICBpZiAoIWlzQWR2YW5jZWRUYWcpIHtcclxuICAgICAgICAgICAgICAgIHNldFRhZ3MoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCB0YWdzLCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHNldElucHV0VmlzaWJsZShmYWxzZSk7XHJcbiAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XHJcbiAgICAgICAgdmFyIGJhc2ljVGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICFhZHZhbmNlZFRhZ0xpc3QuaW5jbHVkZXModGFnKTsgfSk7XHJcbiAgICAgICAgKF9hID0gcHJvcHMudGFnc0luZm8pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCBiYXNpY1RhZ3MpO1xyXG4gICAgICAgIChfYiA9IHByb3BzLmFkdmFuY2VkVGFnc0luZm8pID09PSBudWxsIHx8IF9iID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYi5jYWxsKHByb3BzLCBhZHZhbmNlZFRhZ0xpc3QpO1xyXG4gICAgfTtcclxuICAgIHZhciBoYW5kbGVLZXlEb3duID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICB2YXIgY3Vyc29yUG9zaXRpb24gPSBlLmN1cnJlbnRUYXJnZXQuc2VsZWN0aW9uU3RhcnQ7XHJcbiAgICAgICAgdmFyIGFkdmFuY2VkRmlsdGVyTWF0Y2ggPSBhZHZhbmNlZFRhZ3MgJiYgYWR2YW5jZWRUYWdzLmZpbmQoZnVuY3Rpb24gKGZpbHRlcikgeyByZXR1cm4gaW5wdXRWYWx1ZS5zdGFydHNXaXRoKFwiXCIuY29uY2F0KGZpbHRlciwgXCI9XCIpKTsgfSk7XHJcbiAgICAgICAgaWYgKGFkdmFuY2VkRmlsdGVyTWF0Y2gpIHtcclxuICAgICAgICAgICAgdmFyIGZpbHRlckxlbmd0aCA9IGFkdmFuY2VkRmlsdGVyTWF0Y2gubGVuZ3RoO1xyXG4gICAgICAgICAgICBpZiAoY3Vyc29yUG9zaXRpb24gPD0gZmlsdGVyTGVuZ3RoICYmICFbOCwgNDZdLmluY2x1ZGVzKGUua2V5Q29kZSkpIHtcclxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBQcmV2ZW50IHRoZSBpbnB1dCBvZiAnPScgbWFudWFsbHlcclxuICAgICAgICBpZiAoZS5rZXkgPT09IFwiPVwiKSB7XHJcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIGRvU29tZXRoaW5nID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICB2YXIgdGFnID0gZS50YXJnZXQuaW5uZXJUZXh0O1xyXG4gICAgICAgIGlmICghYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcuc3BsaXQoJz0nKVswXTsgfSkuaW5jbHVkZXModGFnKSkge1xyXG4gICAgICAgICAgICBzZXRJbnB1dFZhbHVlKFwiXCIuY29uY2F0KHRhZywgXCI9XCIpKTtcclxuICAgICAgICAgICAgc2V0SW5wdXRWaXNpYmxlKHRydWUpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgKF9hID0gcHJvcHMudGFnc0luZm8pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCB0YWdzKTtcclxuICAgICAgICAoX2IgPSBwcm9wcy5hZHZhbmNlZFRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2IuY2FsbChwcm9wcywgYWR2YW5jZWRUYWdMaXN0KTtcclxuICAgIH0sIFt0YWdzLCBhZHZhbmNlZFRhZ0xpc3RdKTtcclxuICAgIHZhciBmb3JNYXAgPSBmdW5jdGlvbiAodGFnKSB7XHJcbiAgICAgICAgdmFyIHRhZ0VsZW0gPSAoX2pzeChUYWcsIF9fYXNzaWduKHsgY2xvc2FibGU6IHRydWUsIG9uQ2xvc2U6IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSh0YWcpO1xyXG4gICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRhZyB9KSkpO1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX25ldyddLCBzdHlsZTogeyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyB9IH0sIHsgY2hpbGRyZW46IHRhZ0VsZW0gfSksIHRhZykpO1xyXG4gICAgfTtcclxuICAgIHZhciBhZHZhbmNlZFRhZ3NNYXAgPSBmdW5jdGlvbiAodGFnKSB7XHJcbiAgICAgICAgdmFyIGRpc2FibGVkID0gYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcuc3BsaXQoJz0nKVswXTsgfSkuaW5jbHVkZXModGFnKTtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBvbkNsaWNrOiAhZGlzYWJsZWQgPyBkb1NvbWV0aGluZyA6IHVuZGVmaW5lZCwgc3R5bGU6IHsgY29sb3I6IGRpc2FibGVkID8gJ2dyYXknIDogdW5kZWZpbmVkIH0gfSwgeyBjaGlsZHJlbjogdGFnIH0pLCB0YWcpKTtcclxuICAgIH07XHJcbiAgICB2YXIgdGFnQ2hpbGQgPSBhbGxUYWdzLm1hcChmb3JNYXApO1xyXG4gICAgdmFyIGFkdmFuY2VkVGFnc0NoaWxkID0gYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5tYXAoYWR2YW5jZWRUYWdzTWFwKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWdmaWVsZCB9LCB7IGNoaWxkcmVuOiBbaW5wdXRWaXNpYmxlICYmIChfanN4KElucHV0LCB7IHJlZjogaW5wdXRSZWYsIHR5cGU6IFwidGV4dFwiLCBzaXplOiBcInNtYWxsXCIsIHZhbHVlOiBpbnB1dFZhbHVlLCBvbkNoYW5nZTogaGFuZGxlSW5wdXRDaGFuZ2UsIG9uS2V5RG93bjogaGFuZGxlS2V5RG93biwgb25QcmVzc0VudGVyOiBoYW5kbGVJbnB1dENvbmZpcm0sIGNsYXNzTmFtZTogc3R5bGVzWyd0YWdmaWVsZF9faW5wdXQnXSB9KSksICFpbnB1dFZpc2libGUgJiYgKF9qc3hzKFRhZywgX19hc3NpZ24oeyBvbkNsaWNrOiBzaG93SW5wdXQsIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhzdHlsZXNbJ3RhZ2ZpZWxkX19jcmVhdG9yJ10sICdzaXRlLXRhZy1wbHVzJykgfSwgeyBjaGlsZHJlbjogW19qc3goU2VhcmNoT3V0bGluZWQsIHt9KSwgXCIgXCIsIHQoJ2NvbXBvbmVudHMudGFnLnNlYXJjaCcpXSB9KSkpLCBhZHZhbmNlZFRhZ3MgJiZcclxuICAgICAgICAgICAgICAgIF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiwgbWFyZ2luQm90dG9tOiAxNiB9LCBjbGFzc05hbWU6IHN0eWxlcy5hZHZhbmNlZFRhZ3NXcmFwcGVyIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmxhYmVsIH0sIHsgY2hpbGRyZW46IFt0KCdjb21wb25lbnRzLnRhZy5hZHZhbmNlZEZpZWxkcycpLCBcIjpcIl0gfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuYWR2YW5jZWRUYWdzIH0sIHsgY2hpbGRyZW46IGFkdmFuY2VkVGFnc0NoaWxkIH0pKV0gfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiB9IH0sIHsgY2hpbGRyZW46IF9qc3goVHdlZW5PbmVHcm91cCwgX19hc3NpZ24oeyBlbnRlcjoge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzY2FsZTogMC44LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnZnJvbScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAxMDAsXHJcbiAgICAgICAgICAgICAgICAgICAgfSwgb25FbmQ6IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChlLnR5cGUgPT09ICdhcHBlYXInIHx8IGUudHlwZSA9PT0gJ2VudGVyJykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZS50YXJnZXQuc3R5bGUgPSAnZGlzcGxheTogaW5saW5lLWJsb2NrJztcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH0sIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHdpZHRoOiAwLCBzY2FsZTogMCwgZHVyYXRpb246IDIwMCB9LCBhcHBlYXI6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHRhZ0NoaWxkIH0pKSB9KSldIH0pKSk7XHJcbn07XHJcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
 /***/ }),

package/package.json CHANGED Viewed

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

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

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

package/src/components/Tag/index.tsx CHANGED Viewed

@@ -22,7 +22,7 @@ export const TagField = (props: customTagProps) => {
     const [inputValue, setInputValue] = useState('');
     const inputRef = useRef<InputRef>(null);
     const [advancedTagList, setAdvancedTagList] = useState<string[]>([]);
-    const [allTags, setAllTags] = useState<string[]>([]);
+    const [allTags, setAllTags] = useState<string[]>(customTags.filter(tag => !tag.includes('=')));
     useEffect(() => {
         if (inputVisible) {