@omniumretail/component-library 1.0.90 → 1.0.92

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 (9) hide show
  1. package/dist/bundle.js +2 -2
  2. package/dist/types/components/ModalWithTable/index.d.ts +4 -1
  3. package/dist/types/components/Tag/index.d.ts +4 -1
  4. package/package.json +1 -1
  5. package/src/components/ModalWithTable/ModalWithTable.stories.tsx +1 -1
  6. package/src/components/ModalWithTable/index.tsx +2 -2
  7. package/src/components/Tag/Tag.stories.tsx +3 -1
  8. package/src/components/Tag/index.tsx +32 -29
  9. package/src/locales/pt.json +2 -1
package/dist/bundle.js CHANGED
@@ -11025,7 +11025,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
11025
11025
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11026
11026
 
11027
11027
  "use strict";
11028
- 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");
11028
+ 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");
11029
11029
 
11030
11030
  /***/ }),
11031
11031
 
@@ -11902,7 +11902,7 @@ module.exports = JSON.parse('{"tableHeadings":{"key":"Chave","name":"Nome","meca
11902
11902
  /***/ (function(module) {
11903
11903
 
11904
11904
  "use strict";
11905
- module.exports = JSON.parse('{"tableHeadings":{"key":"Chave","name":"Nome","mecanographicNumber":"Número Mecanográfico","store":"Loja","role":"Posição","type":"Tipo","id":"Id","action":"Ação"},"userInfoColumn":{"Date":"Data","Store":"Loja","Team":"Equipa em Gestão","Supervisor":"Supervisor","TypeOfContract":"Tipo de contrato","Nationality":"Nacionalidade","CivilStatus":"Estado Civil","IdentificationDocument":"Doc.Identificação","NTaxpayer":"Nº Contribuinte","NIB":"NIB","SocialSecurity":"Nr Segurança Social","NChildren":"Nº Filhos","Workload":"Carga horária","Description":"Descrição","Comments":"Comentários"},"navigation":{"back":"Voltar Atrás","logout":"Terminar Sessão","home":"Início"},"actions":{"one":"one","two":"two"},"components":{"category":{"addQuestion":"Adicionar questão","placeholderInfo":"Informação da questão","errorInfo":"Informação da questão em falta","placeholderQuestion":"Questão","errorQuestion":"Questão em falta","placeholderGrade":"Ponderação","errorGrade":"Ponderação em falta","newCategory":"Nova categoria"},"categorySidBar":{"addCategory":"Adicionar categoria","removeCategory":"Remover categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome da categoria","categoryNameError":"Nome categoria em falta","weighting":"Ponderação","openAnswer":"Resposta aberta","answerOption":"Opção de resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categorias","categoryAverage":"Ponderação da categoria"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar","advancedFields":"Filtros avançados"},"table":{"selectAll":"Selecionar todos","deselectAll":"Desselecionar Todos"},"datePickerTag":{"placeholder":"Selecionar Data"}}}');
11905
+ module.exports = JSON.parse('{"tableHeadings":{"key":"Chave","name":"Nome","mecanographicNumber":"Número Mecanográfico","store":"Loja","role":"Posição","type":"Tipo","id":"Id","action":"Ação"},"userInfoColumn":{"Date":"Data","Store":"Loja","Team":"Equipa em Gestão","Supervisor":"Supervisor","TypeOfContract":"Tipo de contrato","Nationality":"Nacionalidade","CivilStatus":"Estado Civil","IdentificationDocument":"Doc.Identificação","NTaxpayer":"Nº Contribuinte","NIB":"NIB","SocialSecurity":"Nr Segurança Social","NChildren":"Nº Filhos","Workload":"Carga horária","Description":"Descrição","Comments":"Comentários"},"navigation":{"back":"Voltar Atrás","logout":"Terminar Sessão","home":"Início"},"actions":{"one":"one","two":"two"},"components":{"category":{"addQuestion":"Adicionar questão","placeholderInfo":"Informação da questão","errorInfo":"Informação da questão em falta","placeholderQuestion":"Questão","errorQuestion":"Questão em falta","placeholderGrade":"Ponderação","errorGrade":"Ponderação em falta","newCategory":"Nova categoria"},"categorySidBar":{"addCategory":"Adicionar categoria","removeCategory":"Remover categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome da categoria","categoryNameError":"Nome categoria em falta","weighting":"Ponderação","openAnswer":"Resposta aberta","answerOption":"Opção de resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categorias","categoryAverage":"Ponderação da categoria"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar","advancedFields":"Filtros avançados","State":"Estado"},"table":{"selectAll":"Selecionar todos","deselectAll":"Desselecionar Todos"},"datePickerTag":{"placeholder":"Selecionar Data"}}}');
11906
11906
 
11907
11907
  /***/ })
11908
11908
 
package/dist/types/components/ModalWithTable/index.d.ts CHANGED
@@ -8,6 +8,9 @@ export interface ModalWithTableProps {
8
8
  isLoading?: boolean;
9
9
  confirmLoading?: boolean;
10
10
  initialRowSelectedInfo?: any;
11
- advancedTagsList?: string[];
11
+ advancedTagsList?: {
12
+ display: string;
13
+ value: string;
14
+ }[];
12
15
  }
13
16
  export declare const ModalWithTable: (props: ModalWithTableProps) => JSX.Element;
package/dist/types/components/Tag/index.d.ts CHANGED
@@ -3,6 +3,9 @@ export interface customTagProps extends TagProps {
3
3
  customTags?: string[];
4
4
  tagsInfo?: (tags: string[]) => void;
5
5
  advancedTagsInfo?: (tags: string[]) => void;
6
- advancedTags?: string[];
6
+ advancedTags?: {
7
+ display: string;
8
+ value: string;
9
+ }[];
7
10
  }
8
11
  export declare const TagField: (props: customTagProps) => JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.0.90",
3
+ "version": "1.0.92",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
package/src/components/ModalWithTable/ModalWithTable.stories.tsx CHANGED
@@ -84,7 +84,7 @@ const Template: Story<ModalWithTableProps> = (args) => {
84
84
  return (
85
85
  <>
86
86
  <button onClick={() => onClickMe()}> Button </button>
87
- <ModalWithTable {...args} modalData={setModalData} isLoading={isFetching} tableData={data} isOpen={isModalOpen} advancedTagsList={['Country', 'County']}></ModalWithTable>
87
+ <ModalWithTable {...args} modalData={setModalData} isLoading={isFetching} tableData={data} isOpen={isModalOpen} advancedTagsList={[{ display: "Oi", value: "State"}]}></ModalWithTable>
88
88
  </>
89
89
  );
90
90
  }
package/src/components/ModalWithTable/index.tsx CHANGED
@@ -17,7 +17,7 @@ export interface ModalWithTableProps {
17
17
  confirmLoading?: boolean;
18
18
  initialRowSelectedInfo?: any;
19
19
  // Tags List for advanced search
20
- advancedTagsList?: string[];
20
+ advancedTagsList?: { display: string; value: string }[];
21
21
  }
22
22
  function objectsAreEqual(obj1: any, obj2: any) {
23
23
  const keys1 = Object.keys(obj1);
@@ -216,7 +216,7 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
216
216
  className={modalClasses}
217
217
  >
218
218
  <div className={styles.tagsWrapper}>
219
- <TagField tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo} advancedTags={advancedTagsList} />
219
+ <TagField tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo} advancedTags={advancedTagsList!} />
220
220
  </div>
221
221
 
222
222
  <div className={styles.tableWrapper}>
package/src/components/Tag/Tag.stories.tsx CHANGED
@@ -2,6 +2,7 @@ import { Meta, Story } from "@storybook/react";
2
2
  import { TagField } from '.';
3
3
  import { TagProps } from 'antd';
4
4
  import { useState } from "react";
5
+ import { t } from "i18next";
5
6
 
6
7
  export default {
7
8
  title: 'TagField',
@@ -11,10 +12,11 @@ export default {
11
12
  const Template: Story<TagProps> = (args) => {
12
13
  const [tagsInfo, setTagsInfo] = useState<any>({});
13
14
  const [advancedTagsInfo, setAdvancedTagsInfo] = useState<any>({});
15
+ const advancedsFilters = [{ display: t('components.tag.State'), value: "State"}, { display: t('components.tag.1'), value: "Olaaaaaa"}];
14
16
 
15
17
  console.log('page: basic', tagsInfo,'advanced', advancedTagsInfo);
16
18
 
17
- return <TagField {...args} customTags={["ola"]} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo}></TagField>;
19
+ return <TagField {...args} advancedTags={advancedsFilters} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo}></TagField>;
18
20
  }
19
21
 
20
22
  export const Primary = Template.bind({});
package/src/components/Tag/index.tsx CHANGED
@@ -8,10 +8,10 @@ import classNames from 'classnames';
8
8
  import { t } from 'i18next';
9
9
 
10
10
  export interface customTagProps extends TagProps {
11
- customTags?: string[],
12
- tagsInfo?: (tags: string[]) => void,
13
- advancedTagsInfo?: (tags: string[]) => void,
14
- advancedTags?: string[],
11
+ customTags?: string[];
12
+ tagsInfo?: (tags: string[]) => void;
13
+ advancedTagsInfo?: (tags: string[]) => void;
14
+ advancedTags?: { display: string; value: string }[];
15
15
  }
16
16
 
17
17
  export const TagField = (props: customTagProps) => {
@@ -21,7 +21,7 @@ export const TagField = (props: customTagProps) => {
21
21
  const [inputVisible, setInputVisible] = useState<boolean>(false);
22
22
  const [inputValue, setInputValue] = useState('');
23
23
  const inputRef = useRef<InputRef>(null);
24
- const [advancedTagList, setAdvancedTagList] = useState<string[]>([]);
24
+ const [advancedTagList, setAdvancedTagList] = useState<Array<{ display: string; value: string }>>([]);
25
25
  const [allTags, setAllTags] = useState<string[]>(customTags.filter(tag => !tag.includes('=')));
26
26
 
27
27
  useEffect(() => {
@@ -37,8 +37,8 @@ export const TagField = (props: customTagProps) => {
37
37
  const newTags = tags.filter((tag) => tag !== removedTag);
38
38
  setTags(newTags);
39
39
 
40
- if (advancedTags && advancedTagList.includes(removedTag)) {
41
- const newAdvancedTags = advancedTagList.filter((tag) => tag !== removedTag);
40
+ if (advancedTags && advancedTagList.some(tag => tag.display === removedTag)) {
41
+ const newAdvancedTags = advancedTagList.filter((tag) => tag.display !== removedTag);
42
42
  setAdvancedTagList(newAdvancedTags);
43
43
  }
44
44
  };
@@ -52,16 +52,20 @@ export const TagField = (props: customTagProps) => {
52
52
  };
53
53
 
54
54
  const handleInputConfirm = () => {
55
- let isAdvancedTag = false;
56
55
  if (inputValue && allTags.indexOf(inputValue) === -1) {
57
- setAllTags([...allTags, inputValue]); // Add to allTags
58
- if (advancedTags && advancedTags.includes(inputValue.split('=')[0]) && !advancedTags.includes(inputValue)) {
59
- setAdvancedTagList([...advancedTagList, inputValue]);
60
- isAdvancedTag = true;
61
- }
56
+ const [, value] = inputValue.split('=');
57
+
58
+ setAllTags([...allTags, inputValue]);
59
+ const matchedFilter = advancedTags && advancedTags.find(filter => filter.display === inputValue.split('=')[0]);
62
60
 
63
- // Only add the inputValue to the tags array if it's not an advanced tag
64
- if (!isAdvancedTag) {
61
+ if (matchedFilter && !advancedTagList.some(tag => tag.display === inputValue)) {
62
+ const newTag = {
63
+ display: inputValue,
64
+ value: `${matchedFilter.value}=${value}`
65
+ };
66
+
67
+ setAdvancedTagList([...advancedTagList, newTag]);
68
+ } else {
65
69
  setTags([...tags, inputValue]);
66
70
  }
67
71
  }
@@ -69,16 +73,16 @@ export const TagField = (props: customTagProps) => {
69
73
  setInputVisible(false);
70
74
  setInputValue('');
71
75
 
72
- const basicTags = tags.filter((tag) => !advancedTagList.includes(tag));
76
+ const basicTags = tags.filter(tag => !advancedTagList.some(tagObj => tagObj.display === tag));
73
77
  props.tagsInfo?.(basicTags);
74
- props.advancedTagsInfo?.(advancedTagList);
78
+ props.advancedTagsInfo?.(advancedTagList.map(tagObj => tagObj.value));
75
79
  };
76
80
 
77
81
  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
78
82
  const cursorPosition: any = e.currentTarget.selectionStart;
79
83
  const advancedFilterMatch = advancedTags && advancedTags.find((filter: any) => inputValue.startsWith(`${filter}=`));
80
84
  if (advancedFilterMatch) {
81
- const filterLength = advancedFilterMatch.length;
85
+ const filterLength = advancedFilterMatch.display.length;
82
86
  if (cursorPosition <= filterLength && ![8, 46].includes(e.keyCode)) {
83
87
  e.preventDefault();
84
88
  }
@@ -92,16 +96,15 @@ export const TagField = (props: customTagProps) => {
92
96
 
93
97
  const doSomething = (e: any) => {
94
98
  const tag = e.target.innerText;
95
- if (!advancedTagList.map(tag => tag.split('=')[0]).includes(tag)) {
99
+ if (!advancedTagList.map(tagObj => tagObj.display).includes(tag)) {
96
100
  setInputValue(`${tag}=`);
97
101
  setInputVisible(true);
98
102
  }
99
103
  };
100
104
 
101
-
102
105
  useEffect(() => {
103
106
  props.tagsInfo?.(tags);
104
- props.advancedTagsInfo?.(advancedTagList);
107
+ props.advancedTagsInfo?.(advancedTagList.map(tag => tag.value));
105
108
  }, [tags, advancedTagList]);
106
109
 
107
110
  const forMap = (tag: string) => {
@@ -123,14 +126,14 @@ export const TagField = (props: customTagProps) => {
123
126
  );
124
127
  };
125
128
 
126
- const advancedTagsMap = (tag: string) => {
127
- const disabled = advancedTagList.map(tag => tag.split('=')[0]).includes(tag);
129
+ const advancedTagsMap = (tag: { display: string; value: string; }) => {
130
+ const disabled = advancedTagList.map(tag => tag.display.split('=')[0]).includes(tag.display);
128
131
  return (
129
- <div onClick={!disabled ? doSomething : undefined} key={tag} style={{ color: disabled ? 'gray' : undefined }}>
130
- {tag}
132
+ <div onClick={!disabled ? doSomething : undefined} key={tag.display} style={{ color: disabled ? 'gray' : undefined }}>
133
+ {tag.display}
131
134
  </div>
132
- )
133
- }
135
+ );
136
+ };
134
137
 
135
138
  const tagChild = allTags.map(forMap);
136
139
  const advancedTagsChild = advancedTags && advancedTags.map(advancedTagsMap);
@@ -158,7 +161,7 @@ export const TagField = (props: customTagProps) => {
158
161
  advancedTags &&
159
162
  <div style={{ marginTop: 16, marginBottom: 16 }} className={styles.advancedTagsWrapper}>
160
163
  <div className={styles.label}>
161
- {t('components.tag.advancedFields')}:
164
+ {t('components.tag.advancedFields')}:
162
165
  </div>
163
166
  <div className={styles.advancedTags}>
164
167
  {advancedTagsChild}
@@ -186,4 +189,4 @@ export const TagField = (props: customTagProps) => {
186
189
  </div>
187
190
  </div>
188
191
  );
189
- }
192
+ };
package/src/locales/pt.json CHANGED
@@ -73,7 +73,8 @@
73
73
  },
74
74
  "tag": {
75
75
  "search": "Procurar",
76
- "advancedFields": "Filtros avançados"
76
+ "advancedFields": "Filtros avançados",
77
+ "State": "Estado"
77
78
  },
78
79
  "table": {
79
80
  "selectAll": "Selecionar todos",