@omniumretail/component-library 1.0.89 → 1.0.91
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.
- package/dist/bundle.js +2 -2
- package/dist/main.css +7 -7
- package/dist/types/components/ModalWithTable/index.d.ts +4 -1
- package/dist/types/components/Tag/index.d.ts +4 -1
- package/package.json +1 -1
- package/src/components/ModalWithTable/ModalWithTable.stories.tsx +1 -1
- package/src/components/ModalWithTable/index.tsx +2 -2
- package/src/components/Navigation/styles.module.scss +7 -7
- package/src/components/Tag/Tag.stories.tsx +3 -1
- package/src/components/Tag/index.tsx +32 -29
- 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/main.css
CHANGED
|
@@ -61,13 +61,13 @@
|
|
|
61
61
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Navigation/styles.module.scss ***!
|
|
62
62
|
\*******************************************************************************************************************************************************************/
|
|
63
63
|
.UxfXOleP69PjM5rFOMTD {
|
|
64
|
-
display: grid;
|
|
65
|
-
grid-template-columns: repeat(3, 1fr);
|
|
66
|
-
justify-items: center;
|
|
67
|
-
align-items: center;
|
|
68
|
-
height: 75px;
|
|
69
|
-
gap: 0 24px;
|
|
70
|
-
position: relative;
|
|
64
|
+
display: grid !important;
|
|
65
|
+
grid-template-columns: repeat(3, 1fr) !important;
|
|
66
|
+
justify-items: center !important;
|
|
67
|
+
align-items: center !important;
|
|
68
|
+
height: 75px !important;
|
|
69
|
+
gap: 0 24px !important;
|
|
70
|
+
position: relative !important;
|
|
71
71
|
padding: 0px !important;
|
|
72
72
|
}
|
|
73
73
|
@media (max-width: 767px) {
|
|
@@ -8,6 +8,9 @@ export interface ModalWithTableProps {
|
|
|
8
8
|
isLoading?: boolean;
|
|
9
9
|
confirmLoading?: boolean;
|
|
10
10
|
initialRowSelectedInfo?: any;
|
|
11
|
-
advancedTagsList?:
|
|
11
|
+
advancedTagsList?: {
|
|
12
|
+
display: string;
|
|
13
|
+
value: string;
|
|
14
|
+
}[];
|
|
12
15
|
}
|
|
13
16
|
export declare const ModalWithTable: (props: ModalWithTableProps) => JSX.Element;
|
|
@@ -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
|
|
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
|
@@ -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={[
|
|
87
|
+
<ModalWithTable {...args} modalData={setModalData} isLoading={isFetching} tableData={data} isOpen={isModalOpen} advancedTagsList={[{ display: "Oi", value: "State"}]}></ModalWithTable>
|
|
88
88
|
</>
|
|
89
89
|
);
|
|
90
90
|
}
|
|
@@ -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}>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.navigation {
|
|
2
|
-
display: grid;
|
|
3
|
-
grid-template-columns: repeat(3, 1fr);
|
|
4
|
-
justify-items: center;
|
|
5
|
-
align-items: center;
|
|
6
|
-
height: 75px;
|
|
7
|
-
gap: 0 24px;
|
|
8
|
-
position: relative;
|
|
2
|
+
display: grid !important;
|
|
3
|
+
grid-template-columns: repeat(3, 1fr) !important;
|
|
4
|
+
justify-items: center !important;
|
|
5
|
+
align-items: center !important;
|
|
6
|
+
height: 75px !important;
|
|
7
|
+
gap: 0 24px !important;
|
|
8
|
+
position: relative !important;
|
|
9
9
|
padding: 0px !important;
|
|
10
10
|
|
|
11
11
|
@media (max-width: 767px) {
|
|
@@ -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}
|
|
19
|
+
return <TagField {...args} advancedTags={advancedsFilters} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo}></TagField>;
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export const Primary = Template.bind({});
|
|
@@ -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
|
|
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.
|
|
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
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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
|
-
|
|
64
|
-
|
|
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(
|
|
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(
|
|
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
|
-
|
|
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
|
+
};
|