@omniumretail/component-library 1.0.81 → 1.0.83
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 +3 -3
- package/dist/main.css +8 -0
- package/dist/types/components/Navigation/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/Navigation/Navigation.stories.tsx +1 -0
- package/src/components/Navigation/index.tsx +3 -1
- package/src/components/Navigation/styles.module.scss +12 -1
- package/src/components/Tag/Tag.stories.tsx +1 -1
- package/src/components/Tag/index.tsx +2 -6
package/dist/bundle.js
CHANGED
|
@@ -4856,7 +4856,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
|
|
|
4856
4856
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
4857
4857
|
|
|
4858
4858
|
"use strict";
|
|
4859
|
-
eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"navigation\":\"UxfXOleP69PjM5rFOMTD\",\"title\":\"LzcTbjk0fp70tXlKd3eS\",\"columnCenter\":\"gn06XRZhFG00HaVjAqNc\",\"columnLeft\":\"UK3esJZjnri5Jb9Jxcca\",\"columnRight\":\"U5tZ7kRlrIHUKsuduD1S\"});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
4859
|
+
eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"navigation\":\"UxfXOleP69PjM5rFOMTD\",\"title\":\"LzcTbjk0fp70tXlKd3eS\",\"columnCenter\":\"gn06XRZhFG00HaVjAqNc\",\"columnLeft\":\"UK3esJZjnri5Jb9Jxcca\",\"columnRight\":\"U5tZ7kRlrIHUKsuduD1S\",\"userName\":\"HSo9AzZTqF1b94jLyA66\",\"orangeText\":\"eJBRTQf3T45dCP6Q5Ji3\"});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL3N0eWxlcy5tb2R1bGUuc2Nzcy5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vc3R5bGVzLm1vZHVsZS5zY3NzPzEzMmQiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luXG5leHBvcnQgZGVmYXVsdCB7XCJuYXZpZ2F0aW9uXCI6XCJVeGZYT2xlUDY5UGpNNXJGT01URFwiLFwidGl0bGVcIjpcIkx6Y1RiamswZnA3MHRYbEtkM2VTXCIsXCJjb2x1bW5DZW50ZXJcIjpcImduMDZYUlpoRkcwMEhhVmpBcU5jXCIsXCJjb2x1bW5MZWZ0XCI6XCJVSzNlc0paam5yaTVKYjlKeGNjYVwiLFwiY29sdW1uUmlnaHRcIjpcIlU1dFo3a1JscklIVUtzdWR1RDFTXCIsXCJ1c2VyTmFtZVwiOlwiSFNvOUF6WlRxRjFiOTRqTHlBNjZcIixcIm9yYW5nZVRleHRcIjpcImVKQlJUUWYzVDQ1ZENQNlE1SmkzXCJ9OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Navigation/styles.module.scss\n");
|
|
4860
4860
|
|
|
4861
4861
|
/***/ }),
|
|
4862
4862
|
|
|
@@ -10893,7 +10893,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
10893
10893
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
10894
10894
|
|
|
10895
10895
|
"use strict";
|
|
10896
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Navigation\": function() { return /* binding */ Navigation; }\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 _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Navigation/styles.module.scss\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/HomeOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/LogoutOutlined.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_3__);\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\n\r\n\r\n\r\n\r\n\r\nvar Navigation = function (props) {\r\n var backLink = props.backLink, title = props.title, homeLink = props.homeLink, loginOnClickFunction = props.loginOnClickFunction, loginLink = props.loginLink, backLinkOnClickFunction = props.backLinkOnClickFunction, homeOnClickFunction = props.homeOnClickFunction;\r\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].navigation }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnLeft }, { children: backLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}), linkSecondary: true, onClick: backLinkOnClickFunction }, { children: [\" \", t('navigation.back'), \" \"] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnCenter }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h1\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].title }, { children: title })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnRight }, { children: [homeLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {}), linkSecondary: true, iconAlignRight: true, onClick: homeOnClickFunction }, { children: [\" \", t('navigation.home'), \" \"] })), loginLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", onClick: loginOnClickFunction, icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}), linkSecondary: true, iconAlignRight: true }, { children: [\" \", t('navigation.logout'), \" \"] }))] }))] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10896
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Navigation\": function() { return /* binding */ Navigation; }\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 _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Navigation/styles.module.scss\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/HomeOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/LogoutOutlined.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_3__);\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\n\r\n\r\n\r\n\r\n\r\nvar Navigation = function (props) {\r\n var userName = props.userName, backLink = props.backLink, title = props.title, homeLink = props.homeLink, loginOnClickFunction = props.loginOnClickFunction, loginLink = props.loginLink, backLinkOnClickFunction = props.backLinkOnClickFunction, homeOnClickFunction = props.homeOnClickFunction;\r\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].navigation }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnLeft }, { children: backLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}), linkSecondary: true, onClick: backLinkOnClickFunction }, { children: [\" \", t('navigation.back'), \" \"] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnCenter }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h1\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].title }, { children: title })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnRight }, { children: [userName && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"a\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userName }, { children: [\" Bem-Vindo(a), \", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"span\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].orangeText }, { children: [\"\\u00A0\", userName] })), \" \"] })), homeLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {}), linkSecondary: true, iconAlignRight: true, onClick: homeOnClickFunction }, { children: [\" \", t('navigation.home'), \" \"] })), loginLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", onClick: loginOnClickFunction, icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}), linkSecondary: true, iconAlignRight: true }, { children: [\" \", t('navigation.logout'), \" \"] }))] }))] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2luZGV4LnRzeC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2luZGV4LnRzeD8xZjZkIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcclxuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XHJcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XHJcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XHJcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcclxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gdDtcclxuICAgIH07XHJcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcclxufTtcclxuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XHJcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJztcclxuaW1wb3J0IHsgQXJyb3dMZWZ0T3V0bGluZWQsIEhvbWVPdXRsaW5lZCwgTG9nb3V0T3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XHJcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XHJcbmV4cG9ydCB2YXIgTmF2aWdhdGlvbiA9IGZ1bmN0aW9uIChwcm9wcykge1xyXG4gICAgdmFyIHVzZXJOYW1lID0gcHJvcHMudXNlck5hbWUsIGJhY2tMaW5rID0gcHJvcHMuYmFja0xpbmssIHRpdGxlID0gcHJvcHMudGl0bGUsIGhvbWVMaW5rID0gcHJvcHMuaG9tZUxpbmssIGxvZ2luT25DbGlja0Z1bmN0aW9uID0gcHJvcHMubG9naW5PbkNsaWNrRnVuY3Rpb24sIGxvZ2luTGluayA9IHByb3BzLmxvZ2luTGluaywgYmFja0xpbmtPbkNsaWNrRnVuY3Rpb24gPSBwcm9wcy5iYWNrTGlua09uQ2xpY2tGdW5jdGlvbiwgaG9tZU9uQ2xpY2tGdW5jdGlvbiA9IHByb3BzLmhvbWVPbkNsaWNrRnVuY3Rpb247XHJcbiAgICB2YXIgdCA9IHVzZVRyYW5zbGF0aW9uKCkudDtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5uYXZpZ2F0aW9uIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY29sdW1uTGVmdCB9LCB7IGNoaWxkcmVuOiBiYWNrTGluayAmJiBfanN4cyhMaW5rLCBfX2Fzc2lnbih7IGhyZWY6IFwiI1wiLCBpY29uOiBfanN4KEFycm93TGVmdE91dGxpbmVkLCB7fSksIGxpbmtTZWNvbmRhcnk6IHRydWUsIG9uQ2xpY2s6IGJhY2tMaW5rT25DbGlja0Z1bmN0aW9uIH0sIHsgY2hpbGRyZW46IFtcIiBcIiwgdCgnbmF2aWdhdGlvbi5iYWNrJyksIFwiIFwiXSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY29sdW1uQ2VudGVyIH0sIHsgY2hpbGRyZW46IF9qc3goXCJoMVwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRpdGxlIH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSB9KSksIF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY29sdW1uUmlnaHQgfSwgeyBjaGlsZHJlbjogW3VzZXJOYW1lICYmIF9qc3hzKFwiYVwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJOYW1lIH0sIHsgY2hpbGRyZW46IFtcIiBCZW0tVmluZG8oYSksIFwiLCBfanN4cyhcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5vcmFuZ2VUZXh0IH0sIHsgY2hpbGRyZW46IFtcIlxcdTAwQTBcIiwgdXNlck5hbWVdIH0pKSwgXCIgXCJdIH0pKSwgaG9tZUxpbmsgJiYgX2pzeHMoTGluaywgX19hc3NpZ24oeyBocmVmOiBcIiNcIiwgaWNvbjogX2pzeChIb21lT3V0bGluZWQsIHt9KSwgbGlua1NlY29uZGFyeTogdHJ1ZSwgaWNvbkFsaWduUmlnaHQ6IHRydWUsIG9uQ2xpY2s6IGhvbWVPbkNsaWNrRnVuY3Rpb24gfSwgeyBjaGlsZHJlbjogW1wiIFwiLCB0KCduYXZpZ2F0aW9uLmhvbWUnKSwgXCIgXCJdIH0pKSwgbG9naW5MaW5rICYmIF9qc3hzKExpbmssIF9fYXNzaWduKHsgaHJlZjogXCIjXCIsIG9uQ2xpY2s6IGxvZ2luT25DbGlja0Z1bmN0aW9uLCBpY29uOiBfanN4KExvZ291dE91dGxpbmVkLCB7fSksIGxpbmtTZWNvbmRhcnk6IHRydWUsIGljb25BbGlnblJpZ2h0OiB0cnVlIH0sIHsgY2hpbGRyZW46IFtcIiBcIiwgdCgnbmF2aWdhdGlvbi5sb2dvdXQnKSwgXCIgXCJdIH0pKV0gfSkpXSB9KSkpO1xyXG59O1xyXG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/Navigation/index.tsx\n");
|
|
10897
10897
|
|
|
10898
10898
|
/***/ }),
|
|
10899
10899
|
|
|
@@ -11003,7 +11003,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
11003
11003
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
11004
11004
|
|
|
11005
11005
|
"use strict";
|
|
11006
|
-
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)([]), tags = _b[0], setTags = _b[1];\r\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), inputVisible = _c[0], setInputVisible = _c[1];\r\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), inputValue = _d[0], setInputValue = _d[1];\r\n var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\r\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), advancedTagList = _e[0], setAdvancedTagList = _e[1];\r\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), allTags = _f[0], setAllTags = _f[1];\r\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\r\n setTags(customTags.filter(function (tag) { return !tag.includes('='); }));\r\n }, [customTags]);\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4P2IxYzYiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xyXG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcclxuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcclxuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcclxuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxyXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiB0O1xyXG4gICAgfTtcclxuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xyXG59O1xyXG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XHJcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xyXG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcclxuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcclxuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xyXG59O1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xyXG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XHJcbmltcG9ydCB7IFR3ZWVuT25lR3JvdXAgfSBmcm9tICdyYy10d2Vlbi1vbmUnO1xyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XHJcbmltcG9ydCB7IHQgfSBmcm9tICdpMThuZXh0JztcclxuZXhwb3J0IHZhciBUYWdGaWVsZCA9IGZ1bmN0aW9uIChwcm9wcykge1xyXG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hLCBhZHZhbmNlZFRhZ3MgPSBwcm9wcy5hZHZhbmNlZFRhZ3M7XHJcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZShbXSksIHRhZ3MgPSBfYlswXSwgc2V0VGFncyA9IF9iWzFdO1xyXG4gICAgdmFyIF9jID0gdXNlU3RhdGUoZmFsc2UpLCBpbnB1dFZpc2libGUgPSBfY1swXSwgc2V0SW5wdXRWaXNpYmxlID0gX2NbMV07XHJcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZSgnJyksIGlucHV0VmFsdWUgPSBfZFswXSwgc2V0SW5wdXRWYWx1ZSA9IF9kWzFdO1xyXG4gICAgdmFyIGlucHV0UmVmID0gdXNlUmVmKG51bGwpO1xyXG4gICAgdmFyIF9lID0gdXNlU3RhdGUoW10pLCBhZHZhbmNlZFRhZ0xpc3QgPSBfZVswXSwgc2V0QWR2YW5jZWRUYWdMaXN0ID0gX2VbMV07XHJcbiAgICB2YXIgX2YgPSB1c2VTdGF0ZShbXSksIGFsbFRhZ3MgPSBfZlswXSwgc2V0QWxsVGFncyA9IF9mWzFdO1xyXG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcclxuICAgICAgICBzZXRUYWdzKGN1c3RvbVRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICF0YWcuaW5jbHVkZXMoJz0nKTsgfSkpO1xyXG4gICAgfSwgW2N1c3RvbVRhZ3NdKTtcclxuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcclxuICAgICAgICAgICAgKF9hID0gaW5wdXRSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmZvY3VzKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xyXG4gICAgdmFyIGhhbmRsZUNsb3NlID0gZnVuY3Rpb24gKHJlbW92ZWRUYWcpIHtcclxuICAgICAgICB2YXIgbmV3QWxsVGFncyA9IGFsbFRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZyAhPT0gcmVtb3ZlZFRhZzsgfSk7XHJcbiAgICAgICAgc2V0QWxsVGFncyhuZXdBbGxUYWdzKTtcclxuICAgICAgICB2YXIgbmV3VGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZyAhPT0gcmVtb3ZlZFRhZzsgfSk7XHJcbiAgICAgICAgc2V0VGFncyhuZXdUYWdzKTtcclxuICAgICAgICBpZiAoYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFnTGlzdC5pbmNsdWRlcyhyZW1vdmVkVGFnKSkge1xyXG4gICAgICAgICAgICB2YXIgbmV3QWR2YW5jZWRUYWdzID0gYWR2YW5jZWRUYWdMaXN0LmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcgIT09IHJlbW92ZWRUYWc7IH0pO1xyXG4gICAgICAgICAgICBzZXRBZHZhbmNlZFRhZ0xpc3QobmV3QWR2YW5jZWRUYWdzKTtcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIHNob3dJbnB1dCA9IGZ1bmN0aW9uICgpIHtcclxuICAgICAgICBzZXRJbnB1dFZpc2libGUodHJ1ZSk7XHJcbiAgICB9O1xyXG4gICAgdmFyIGhhbmRsZUlucHV0Q2hhbmdlID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICBzZXRJbnB1dFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcclxuICAgIH07XHJcbiAgICB2YXIgaGFuZGxlSW5wdXRDb25maXJtID0gZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgdmFyIGlzQWR2YW5jZWRUYWcgPSBmYWxzZTtcclxuICAgICAgICBpZiAoaW5wdXRWYWx1ZSAmJiBhbGxUYWdzLmluZGV4T2YoaW5wdXRWYWx1ZSkgPT09IC0xKSB7XHJcbiAgICAgICAgICAgIHNldEFsbFRhZ3MoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBhbGxUYWdzLCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpOyAvLyBBZGQgdG8gYWxsVGFnc1xyXG4gICAgICAgICAgICBpZiAoYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5pbmNsdWRlcyhpbnB1dFZhbHVlLnNwbGl0KCc9JylbMF0pICYmICFhZHZhbmNlZFRhZ3MuaW5jbHVkZXMoaW5wdXRWYWx1ZSkpIHtcclxuICAgICAgICAgICAgICAgIHNldEFkdmFuY2VkVGFnTGlzdChfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIGFkdmFuY2VkVGFnTGlzdCwgdHJ1ZSksIFtpbnB1dFZhbHVlXSwgZmFsc2UpKTtcclxuICAgICAgICAgICAgICAgIGlzQWR2YW5jZWRUYWcgPSB0cnVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC8vIE9ubHkgYWRkIHRoZSBpbnB1dFZhbHVlIHRvIHRoZSB0YWdzIGFycmF5IGlmIGl0J3Mgbm90IGFuIGFkdmFuY2VkIHRhZ1xyXG4gICAgICAgICAgICBpZiAoIWlzQWR2YW5jZWRUYWcpIHtcclxuICAgICAgICAgICAgICAgIHNldFRhZ3MoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCB0YWdzLCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHNldElucHV0VmlzaWJsZShmYWxzZSk7XHJcbiAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XHJcbiAgICAgICAgdmFyIGJhc2ljVGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICFhZHZhbmNlZFRhZ0xpc3QuaW5jbHVkZXModGFnKTsgfSk7XHJcbiAgICAgICAgKF9hID0gcHJvcHMudGFnc0luZm8pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCBiYXNpY1RhZ3MpO1xyXG4gICAgICAgIChfYiA9IHByb3BzLmFkdmFuY2VkVGFnc0luZm8pID09PSBudWxsIHx8IF9iID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYi5jYWxsKHByb3BzLCBhZHZhbmNlZFRhZ0xpc3QpO1xyXG4gICAgfTtcclxuICAgIHZhciBoYW5kbGVLZXlEb3duID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICB2YXIgY3Vyc29yUG9zaXRpb24gPSBlLmN1cnJlbnRUYXJnZXQuc2VsZWN0aW9uU3RhcnQ7XHJcbiAgICAgICAgdmFyIGFkdmFuY2VkRmlsdGVyTWF0Y2ggPSBhZHZhbmNlZFRhZ3MgJiYgYWR2YW5jZWRUYWdzLmZpbmQoZnVuY3Rpb24gKGZpbHRlcikgeyByZXR1cm4gaW5wdXRWYWx1ZS5zdGFydHNXaXRoKFwiXCIuY29uY2F0KGZpbHRlciwgXCI9XCIpKTsgfSk7XHJcbiAgICAgICAgaWYgKGFkdmFuY2VkRmlsdGVyTWF0Y2gpIHtcclxuICAgICAgICAgICAgdmFyIGZpbHRlckxlbmd0aCA9IGFkdmFuY2VkRmlsdGVyTWF0Y2gubGVuZ3RoO1xyXG4gICAgICAgICAgICBpZiAoY3Vyc29yUG9zaXRpb24gPD0gZmlsdGVyTGVuZ3RoICYmICFbOCwgNDZdLmluY2x1ZGVzKGUua2V5Q29kZSkpIHtcclxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBQcmV2ZW50IHRoZSBpbnB1dCBvZiAnPScgbWFudWFsbHlcclxuICAgICAgICBpZiAoZS5rZXkgPT09IFwiPVwiKSB7XHJcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIGRvU29tZXRoaW5nID0gZnVuY3Rpb24gKGUpIHtcclxuICAgICAgICB2YXIgdGFnID0gZS50YXJnZXQuaW5uZXJUZXh0O1xyXG4gICAgICAgIGlmICghYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcuc3BsaXQoJz0nKVswXTsgfSkuaW5jbHVkZXModGFnKSkge1xyXG4gICAgICAgICAgICBzZXRJbnB1dFZhbHVlKFwiXCIuY29uY2F0KHRhZywgXCI9XCIpKTtcclxuICAgICAgICAgICAgc2V0SW5wdXRWaXNpYmxlKHRydWUpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgKF9hID0gcHJvcHMudGFnc0luZm8pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCB0YWdzKTtcclxuICAgICAgICAoX2IgPSBwcm9wcy5hZHZhbmNlZFRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2IuY2FsbChwcm9wcywgYWR2YW5jZWRUYWdMaXN0KTtcclxuICAgIH0sIFt0YWdzLCBhZHZhbmNlZFRhZ0xpc3RdKTtcclxuICAgIHZhciBmb3JNYXAgPSBmdW5jdGlvbiAodGFnKSB7XHJcbiAgICAgICAgdmFyIHRhZ0VsZW0gPSAoX2pzeChUYWcsIF9fYXNzaWduKHsgY2xvc2FibGU6IHRydWUsIG9uQ2xvc2U6IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSh0YWcpO1xyXG4gICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRhZyB9KSkpO1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX25ldyddLCBzdHlsZTogeyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyB9IH0sIHsgY2hpbGRyZW46IHRhZ0VsZW0gfSksIHRhZykpO1xyXG4gICAgfTtcclxuICAgIHZhciBhZHZhbmNlZFRhZ3NNYXAgPSBmdW5jdGlvbiAodGFnKSB7XHJcbiAgICAgICAgdmFyIGRpc2FibGVkID0gYWR2YW5jZWRUYWdMaXN0Lm1hcChmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcuc3BsaXQoJz0nKVswXTsgfSkuaW5jbHVkZXModGFnKTtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBvbkNsaWNrOiAhZGlzYWJsZWQgPyBkb1NvbWV0aGluZyA6IHVuZGVmaW5lZCwgc3R5bGU6IHsgY29sb3I6IGRpc2FibGVkID8gJ2dyYXknIDogdW5kZWZpbmVkIH0gfSwgeyBjaGlsZHJlbjogdGFnIH0pLCB0YWcpKTtcclxuICAgIH07XHJcbiAgICB2YXIgdGFnQ2hpbGQgPSBhbGxUYWdzLm1hcChmb3JNYXApO1xyXG4gICAgdmFyIGFkdmFuY2VkVGFnc0NoaWxkID0gYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5tYXAoYWR2YW5jZWRUYWdzTWFwKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWdmaWVsZCB9LCB7IGNoaWxkcmVuOiBbaW5wdXRWaXNpYmxlICYmIChfanN4KElucHV0LCB7IHJlZjogaW5wdXRSZWYsIHR5cGU6IFwidGV4dFwiLCBzaXplOiBcInNtYWxsXCIsIHZhbHVlOiBpbnB1dFZhbHVlLCBvbkNoYW5nZTogaGFuZGxlSW5wdXRDaGFuZ2UsIG9uS2V5RG93bjogaGFuZGxlS2V5RG93biwgb25QcmVzc0VudGVyOiBoYW5kbGVJbnB1dENvbmZpcm0sIGNsYXNzTmFtZTogc3R5bGVzWyd0YWdmaWVsZF9faW5wdXQnXSB9KSksICFpbnB1dFZpc2libGUgJiYgKF9qc3hzKFRhZywgX19hc3NpZ24oeyBvbkNsaWNrOiBzaG93SW5wdXQsIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhzdHlsZXNbJ3RhZ2ZpZWxkX19jcmVhdG9yJ10sICdzaXRlLXRhZy1wbHVzJykgfSwgeyBjaGlsZHJlbjogW19qc3goU2VhcmNoT3V0bGluZWQsIHt9KSwgXCIgXCIsIHQoJ2NvbXBvbmVudHMudGFnLnNlYXJjaCcpXSB9KSkpLCBhZHZhbmNlZFRhZ3MgJiZcclxuICAgICAgICAgICAgICAgIF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiwgbWFyZ2luQm90dG9tOiAxNiB9LCBjbGFzc05hbWU6IHN0eWxlcy5hZHZhbmNlZFRhZ3NXcmFwcGVyIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmxhYmVsIH0sIHsgY2hpbGRyZW46IFt0KCdjb21wb25lbnRzLnRhZy5hZHZhbmNlZEZpZWxkcycpLCBcIjpcIl0gfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuYWR2YW5jZWRUYWdzIH0sIHsgY2hpbGRyZW46IGFkdmFuY2VkVGFnc0NoaWxkIH0pKV0gfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiB9IH0sIHsgY2hpbGRyZW46IF9qc3goVHdlZW5PbmVHcm91cCwgX19hc3NpZ24oeyBlbnRlcjoge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzY2FsZTogMC44LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnZnJvbScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAxMDAsXHJcbiAgICAgICAgICAgICAgICAgICAgfSwgb25FbmQ6IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChlLnR5cGUgPT09ICdhcHBlYXInIHx8IGUudHlwZSA9PT0gJ2VudGVyJykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZS50YXJnZXQuc3R5bGUgPSAnZGlzcGxheTogaW5saW5lLWJsb2NrJztcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH0sIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHdpZHRoOiAwLCBzY2FsZTogMCwgZHVyYXRpb246IDIwMCB9LCBhcHBlYXI6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHRhZ0NoaWxkIH0pKSB9KSldIH0pKSk7XHJcbn07XHJcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
|
|
11006
|
+
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");
|
|
11007
11007
|
|
|
11008
11008
|
/***/ }),
|
|
11009
11009
|
|
package/dist/main.css
CHANGED
|
@@ -106,6 +106,14 @@
|
|
|
106
106
|
display: none;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
+
.UxfXOleP69PjM5rFOMTD .HSo9AzZTqF1b94jLyA66 {
|
|
110
|
+
font-family: var(--font-family-primary), system-ui;
|
|
111
|
+
font-weight: var(--font-weight-regular);
|
|
112
|
+
font-size: var(--font-size-body-3);
|
|
113
|
+
}
|
|
114
|
+
.UxfXOleP69PjM5rFOMTD .eJBRTQf3T45dCP6Q5Ji3 {
|
|
115
|
+
color: var(--color-orange);
|
|
116
|
+
}
|
|
109
117
|
/*!*************************************************************************************************************************************************************!*\
|
|
110
118
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Link/styles.module.scss ***!
|
|
111
119
|
\*************************************************************************************************************************************************************/
|
package/package.json
CHANGED
|
@@ -7,13 +7,14 @@ export interface NavigationProps {
|
|
|
7
7
|
title: string;
|
|
8
8
|
homeLink?: boolean;
|
|
9
9
|
loginLink?: boolean;
|
|
10
|
+
userName?: string;
|
|
10
11
|
loginOnClickFunction?: () => void;
|
|
11
12
|
backLinkOnClickFunction?: () => void;
|
|
12
13
|
homeOnClickFunction?: () => void;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
export const Navigation = (props: NavigationProps) => {
|
|
16
|
-
const { backLink, title, homeLink, loginOnClickFunction, loginLink, backLinkOnClickFunction, homeOnClickFunction } = props;
|
|
17
|
+
const { userName, backLink, title, homeLink, loginOnClickFunction, loginLink, backLinkOnClickFunction, homeOnClickFunction } = props;
|
|
17
18
|
const { t } = useTranslation();
|
|
18
19
|
|
|
19
20
|
return (
|
|
@@ -25,6 +26,7 @@ export const Navigation = (props: NavigationProps) => {
|
|
|
25
26
|
<h1 className={styles.title}>{title}</h1>
|
|
26
27
|
</div>
|
|
27
28
|
<div className={styles.columnRight}>
|
|
29
|
+
{userName && <a className={styles.userName}> Bem-Vindo(a), <span className={styles.orangeText}> {userName}</span> </a>}
|
|
28
30
|
{homeLink && <Link href="#" icon={<HomeOutlined />} linkSecondary iconAlignRight onClick={homeOnClickFunction}> {t('navigation.home')} </Link>}
|
|
29
31
|
{loginLink && <Link href="#" onClick={loginOnClickFunction} icon={<LogoutOutlined />} linkSecondary iconAlignRight> {t('navigation.logout')} </Link>}
|
|
30
32
|
</div>
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
.columnCenter {
|
|
29
29
|
align-self: center;
|
|
30
|
+
|
|
30
31
|
@media(max-width: 767px) {
|
|
31
32
|
position: absolute;
|
|
32
33
|
top: 0 !important;
|
|
@@ -56,4 +57,14 @@
|
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
|
-
|
|
60
|
+
|
|
61
|
+
.userName {
|
|
62
|
+
font-family: var(--font-family-primary), system-ui;
|
|
63
|
+
font-weight: var(--font-weight-regular);
|
|
64
|
+
font-size: var(--font-size-body-3);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.orangeText {
|
|
68
|
+
color: var(--color-orange);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
@@ -14,7 +14,7 @@ const Template: Story<TagProps> = (args) => {
|
|
|
14
14
|
|
|
15
15
|
console.log('page: basic', tagsInfo,'advanced', advancedTagsInfo);
|
|
16
16
|
|
|
17
|
-
return <TagField {...args} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo}></TagField>;
|
|
17
|
+
return <TagField {...args} customTags={["ola"]} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo}></TagField>;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
export const Primary = Template.bind({});
|
|
@@ -17,16 +17,12 @@ export interface customTagProps extends TagProps {
|
|
|
17
17
|
export const TagField = (props: customTagProps) => {
|
|
18
18
|
const { customTags = [], advancedTags } = props;
|
|
19
19
|
|
|
20
|
-
const [tags, setTags] = useState<string[]>(
|
|
20
|
+
const [tags, setTags] = useState<string[]>(customTags.filter(tag => !tag.includes('=')));
|
|
21
21
|
const [inputVisible, setInputVisible] = useState<boolean>(false);
|
|
22
22
|
const [inputValue, setInputValue] = useState('');
|
|
23
23
|
const inputRef = useRef<InputRef>(null);
|
|
24
24
|
const [advancedTagList, setAdvancedTagList] = useState<string[]>([]);
|
|
25
|
-
const [allTags, setAllTags] = useState<string[]>(
|
|
26
|
-
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
setTags(customTags.filter(tag => !tag.includes('=')));
|
|
29
|
-
}, [customTags]);
|
|
25
|
+
const [allTags, setAllTags] = useState<string[]>(customTags.filter(tag => !tag.includes('=')));
|
|
30
26
|
|
|
31
27
|
useEffect(() => {
|
|
32
28
|
if (inputVisible) {
|