@omniumretail/component-library 1.0.61 → 1.0.62

package/dist/bundle.js

@@ -4900,7 +4900,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"tagfield\":\"yhGDUJJiYhqjPCJgNdjI\",\"tagfield__creator\":\"LEywos4xlf3LV6eEFLFv\",\"tagfield__input\":\"VhQgSZHBi1swQZeQePfL\",\"tagfield__new\":\"Hfh5KLg4Y_g44Ajhx9aV\"});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvc3R5bGVzLm1vZHVsZS5zY3NzLmpzIiwibWFwcGluZ3MiOiI7QUFBQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFnL3N0eWxlcy5tb2R1bGUuc2Nzcz8yZTAyIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxuZXhwb3J0IGRlZmF1bHQge1widGFnZmllbGRcIjpcInloR0RVSkppWWhxalBDSmdOZGpJXCIsXCJ0YWdmaWVsZF9fY3JlYXRvclwiOlwiTEV5d29zNHhsZjNMVjZlRUZMRnZcIixcInRhZ2ZpZWxkX19pbnB1dFwiOlwiVmhRZ1NaSEJpMXN3UVplUWVQZkxcIixcInRhZ2ZpZWxkX19uZXdcIjpcIkhmaDVLTGc0WV9nNDRBamh4OWFWXCJ9OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Tag/styles.module.scss\n");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"tagfield\":\"yhGDUJJiYhqjPCJgNdjI\",\"tagfield__creator\":\"LEywos4xlf3LV6eEFLFv\",\"tagfield__input\":\"VhQgSZHBi1swQZeQePfL\",\"tagfield__new\":\"Hfh5KLg4Y_g44Ajhx9aV\",\"advancedTagsWrapper\":\"Gj9zvBh4toFNL6uoWOIk\",\"advancedTags\":\"BvTiplJPlDM4ob_yobaL\"});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvc3R5bGVzLm1vZHVsZS5zY3NzLmpzIiwibWFwcGluZ3MiOiI7QUFBQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFnL3N0eWxlcy5tb2R1bGUuc2Nzcz8yZTAyIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxuZXhwb3J0IGRlZmF1bHQge1widGFnZmllbGRcIjpcInloR0RVSkppWWhxalBDSmdOZGpJXCIsXCJ0YWdmaWVsZF9fY3JlYXRvclwiOlwiTEV5d29zNHhsZjNMVjZlRUZMRnZcIixcInRhZ2ZpZWxkX19pbnB1dFwiOlwiVmhRZ1NaSEJpMXN3UVplUWVQZkxcIixcInRhZ2ZpZWxkX19uZXdcIjpcIkhmaDVLTGc0WV9nNDRBamh4OWFWXCIsXCJhZHZhbmNlZFRhZ3NXcmFwcGVyXCI6XCJHajl6dkJoNHRvRk5MNnVvV09Ja1wiLFwiYWR2YW5jZWRUYWdzXCI6XCJCdlRpcGxKUGxETTRvYl95b2JhTFwifTsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/Tag/styles.module.scss\n");
 
 /***/ }),
 
@@ -10816,7 +10816,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ModalWithTable\": function() { return /* binding */ ModalWithTable; }\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 _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/modal/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/CloseOutlined.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ModalWithTable/styles.module.scss\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\nfunction objectsAreEqual(obj1, obj2) {\n    var keys1 = Object.keys(obj1);\n    var keys2 = Object.keys(obj2);\n    if (keys1.length !== keys2.length) {\n        return false;\n    }\n    for (var _i = 0, keys1_1 = keys1; _i < keys1_1.length; _i++) {\n        var key = keys1_1[_i];\n        if (!keys2.includes(key) || obj1[key] !== obj2[key]) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction arrayContainsObject(array, newObj) {\n    return array.some(function (existingObj) { return objectsAreEqual(existingObj, newObj); });\n}\nvar ModalWithTable = function (props) {\n    var _a;\n    var closeText = props.closeText, buttonText = props.buttonText, _b = props.isOpen, isOpen = _b === void 0 ? false : _b, tableData = props.tableData, modalData = props.modalData, isLoading = props.isLoading, initialRowSelectedInfo = props.initialRowSelectedInfo;\n    var prevIsOpenRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        prevIsOpenRef.current = isOpen;\n    }, [isOpen]);\n    var prevIsOpen = prevIsOpenRef.current;\n    // Add a new state to store the initial values\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({\n        pageInfo: {},\n        rowSelectionInfo: [],\n        tagsInfo: [],\n        selectedData: [],\n    }), initialValues = _c[0], setInitialValues = _c[1];\n    var pageBase = { currentPage: 1 };\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)((isOpen)), open = _d[0], setOpen = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), confirmLoading = _e[0], setConfirmLoading = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(pageBase), pageInfo = _f[0], setPageInfo = _f[1];\n    var _g = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(undefined), rowSelectionInfo = _g[0], setRowSelectionInfo = _g[1];\n    var _h = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), tagsInfo = _h[0], setTagsInfo = _h[1];\n    var _j = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), selectedData = _j[0], setSelectedData = _j[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        setOpen(isOpen);\n        if (isOpen && !prevIsOpen) {\n            setInitialValues({\n                pageInfo: pageInfo,\n                rowSelectionInfo: rowSelectionInfo,\n                tagsInfo: tagsInfo,\n                selectedData: selectedData,\n            });\n        }\n    }, [isOpen]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        initialRowSelectedInfo && setRowSelectionInfo(initialRowSelectedInfo);\n    }, [initialRowSelectedInfo]);\n    var hideModal = function () {\n        setOpen(false);\n        setPageInfo(initialValues.pageInfo);\n        setRowSelectionInfo(initialValues.rowSelectionInfo);\n        setTagsInfo(initialValues.tagsInfo);\n        setSelectedData(initialValues.selectedData);\n    };\n    var saveChanges = function () {\n        var _a;\n        setOpen(false);\n        if (((_a = tableData === null || tableData === void 0 ? void 0 : tableData.rowSelection) === null || _a === void 0 ? void 0 : _a.type) === 'radio') {\n            setSelectedData([selectedData[selectedData.length - 1]]);\n        }\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        if (!open) {\n            setPageInfo(pageBase);\n        }\n        var modalDataObj = {\n            pageInfo: pageInfo,\n            rowSelectionInfo: rowSelectionInfo,\n            tagsInfo: tagsInfo,\n            open: open,\n            selectedData: selectedData,\n        };\n        modalData(modalDataObj);\n    }, [tagsInfo, open, rowSelectionInfo, selectedData]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        var _a;\n        var selectedRowKeys = rowSelectionInfo || tableData.rowSelection.selectedRowKeys;\n        if (((_a = tableData === null || tableData === void 0 ? void 0 : tableData.rowSelection) === null || _a === void 0 ? void 0 : _a.type) === 'radio') {\n            setSelectedData(function (prevData) {\n                var _a;\n                var newData = ((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.filter(function (element) {\n                    return selectedRowKeys.includes(element[tableData.rowKeyValue]);\n                })) || [];\n                if (newData.length < 1) {\n                    return selectedData;\n                }\n                if (arrayContainsObject(selectedData, newData[0])) {\n                    return selectedData;\n                }\n                var combinedData = __spreadArray(__spreadArray([], selectedData, true), newData, true);\n                return combinedData;\n            });\n            return;\n        }\n        setSelectedData(function (prevData) {\n            var _a;\n            var newData = ((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.filter(function (element) {\n                return selectedRowKeys.includes(element[tableData.rowKeyValue]);\n            })) || [];\n            var oldData = prevData.filter(function (dataItem) {\n                var _a;\n                return !((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.some(function (element) { return element[tableData.rowKeyValue] === dataItem[tableData.rowKeyValue]; }));\n            });\n            var combinedData = __spreadArray(__spreadArray([], oldData, true), newData, true).filter(function (dataItem, index, self) {\n                return (index ===\n                    self.findIndex(function (item) { return item[tableData.rowKeyValue] === dataItem[tableData.rowKeyValue]; }));\n            });\n            setInitialValues(__assign(__assign({}, initialValues), { selectedData: combinedData }));\n            return combinedData;\n        });\n    }, [rowSelectionInfo]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        if (tagsInfo.length > 0) {\n            setConfirmLoading(true);\n        }\n    }, [tagsInfo]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        setConfirmLoading(isLoading);\n    }, [isLoading]);\n    var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()((_a = {},\n        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].disabled] = confirmLoading,\n        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].modal);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({ destroyOnClose: true, closeIcon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].closeButton }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"p\", { children: closeText }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {})] })), open: open, onOk: hideModal, onCancel: hideModal, maskClosable: false, centered: true, width: '100%', footer: [\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Button, __assign({ onClick: saveChanges }, { children: buttonText }), \"submit\")\n            ], className: modalClasses }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tagsWrapper }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_4__.TagField, { tagsInfo: setTagsInfo }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tableWrapper }, { children: tableData &&\n                        (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Table__WEBPACK_IMPORTED_MODULE_5__.Table, __assign({}, tableData, { paginationInfo: setPageInfo, rowSelectionInfo: setRowSelectionInfo, headingTranslationsKey: 'tableHeadings' })) }))] })) }));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvTW9kYWxXaXRoVGFibGUvaW5kZXgudHN4PzI1ZWIiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xuICAgICAgICBpZiAoYXIgfHwgIShpIGluIGZyb20pKSB7XG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbic7XG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2xvc2VPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IHsgVGFnRmllbGQgfSBmcm9tICcuLi9UYWcnO1xuaW1wb3J0IHsgVGFibGUgfSBmcm9tICcuLi9UYWJsZSc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmZ1bmN0aW9uIG9iamVjdHNBcmVFcXVhbChvYmoxLCBvYmoyKSB7XG4gICAgdmFyIGtleXMxID0gT2JqZWN0LmtleXMob2JqMSk7XG4gICAgdmFyIGtleXMyID0gT2JqZWN0LmtleXMob2JqMik7XG4gICAgaWYgKGtleXMxLmxlbmd0aCAhPT0ga2V5czIubGVuZ3RoKSB7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgZm9yICh2YXIgX2kgPSAwLCBrZXlzMV8xID0ga2V5czE7IF9pIDwga2V5czFfMS5sZW5ndGg7IF9pKyspIHtcbiAgICAgICAgdmFyIGtleSA9IGtleXMxXzFbX2ldO1xuICAgICAgICBpZiAoIWtleXMyLmluY2x1ZGVzKGtleSkgfHwgb2JqMVtrZXldICE9PSBvYmoyW2tleV0pIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbn1cbmZ1bmN0aW9uIGFycmF5Q29udGFpbnNPYmplY3QoYXJyYXksIG5ld09iaikge1xuICAgIHJldHVybiBhcnJheS5zb21lKGZ1bmN0aW9uIChleGlzdGluZ09iaikgeyByZXR1cm4gb2JqZWN0c0FyZUVxdWFsKGV4aXN0aW5nT2JqLCBuZXdPYmopOyB9KTtcbn1cbmV4cG9ydCB2YXIgTW9kYWxXaXRoVGFibGUgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgX2E7XG4gICAgdmFyIGNsb3NlVGV4dCA9IHByb3BzLmNsb3NlVGV4dCwgYnV0dG9uVGV4dCA9IHByb3BzLmJ1dHRvblRleHQsIF9iID0gcHJvcHMuaXNPcGVuLCBpc09wZW4gPSBfYiA9PT0gdm9pZCAwID8gZmFsc2UgOiBfYiwgdGFibGVEYXRhID0gcHJvcHMudGFibGVEYXRhLCBtb2RhbERhdGEgPSBwcm9wcy5tb2RhbERhdGEsIGlzTG9hZGluZyA9IHByb3BzLmlzTG9hZGluZywgaW5pdGlhbFJvd1NlbGVjdGVkSW5mbyA9IHByb3BzLmluaXRpYWxSb3dTZWxlY3RlZEluZm87XG4gICAgdmFyIHByZXZJc09wZW5SZWYgPSB1c2VSZWYoKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcmV2SXNPcGVuUmVmLmN1cnJlbnQgPSBpc09wZW47XG4gICAgfSwgW2lzT3Blbl0pO1xuICAgIHZhciBwcmV2SXNPcGVuID0gcHJldklzT3BlblJlZi5jdXJyZW50O1xuICAgIC8vIEFkZCBhIG5ldyBzdGF0ZSB0byBzdG9yZSB0aGUgaW5pdGlhbCB2YWx1ZXNcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZSh7XG4gICAgICAgIHBhZ2VJbmZvOiB7fSxcbiAgICAgICAgcm93U2VsZWN0aW9uSW5mbzogW10sXG4gICAgICAgIHRhZ3NJbmZvOiBbXSxcbiAgICAgICAgc2VsZWN0ZWREYXRhOiBbXSxcbiAgICB9KSwgaW5pdGlhbFZhbHVlcyA9IF9jWzBdLCBzZXRJbml0aWFsVmFsdWVzID0gX2NbMV07XG4gICAgdmFyIHBhZ2VCYXNlID0geyBjdXJyZW50UGFnZTogMSB9O1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKChpc09wZW4pKSwgb3BlbiA9IF9kWzBdLCBzZXRPcGVuID0gX2RbMV07XG4gICAgdmFyIF9lID0gdXNlU3RhdGUoZmFsc2UpLCBjb25maXJtTG9hZGluZyA9IF9lWzBdLCBzZXRDb25maXJtTG9hZGluZyA9IF9lWzFdO1xuICAgIHZhciBfZiA9IHVzZVN0YXRlKHBhZ2VCYXNlKSwgcGFnZUluZm8gPSBfZlswXSwgc2V0UGFnZUluZm8gPSBfZlsxXTtcbiAgICB2YXIgX2cgPSB1c2VTdGF0ZSh1bmRlZmluZWQpLCByb3dTZWxlY3Rpb25JbmZvID0gX2dbMF0sIHNldFJvd1NlbGVjdGlvbkluZm8gPSBfZ1sxXTtcbiAgICB2YXIgX2ggPSB1c2VTdGF0ZShbXSksIHRhZ3NJbmZvID0gX2hbMF0sIHNldFRhZ3NJbmZvID0gX2hbMV07XG4gICAgdmFyIF9qID0gdXNlU3RhdGUoW10pLCBzZWxlY3RlZERhdGEgPSBfalswXSwgc2V0U2VsZWN0ZWREYXRhID0gX2pbMV07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0T3Blbihpc09wZW4pO1xuICAgICAgICBpZiAoaXNPcGVuICYmICFwcmV2SXNPcGVuKSB7XG4gICAgICAgICAgICBzZXRJbml0aWFsVmFsdWVzKHtcbiAgICAgICAgICAgICAgICBwYWdlSW5mbzogcGFnZUluZm8sXG4gICAgICAgICAgICAgICAgcm93U2VsZWN0aW9uSW5mbzogcm93U2VsZWN0aW9uSW5mbyxcbiAgICAgICAgICAgICAgICB0YWdzSW5mbzogdGFnc0luZm8sXG4gICAgICAgICAgICAgICAgc2VsZWN0ZWREYXRhOiBzZWxlY3RlZERhdGEsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH0sIFtpc09wZW5dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBpbml0aWFsUm93U2VsZWN0ZWRJbmZvICYmIHNldFJvd1NlbGVjdGlvbkluZm8oaW5pdGlhbFJvd1NlbGVjdGVkSW5mbyk7XG4gICAgfSwgW2luaXRpYWxSb3dTZWxlY3RlZEluZm9dKTtcbiAgICB2YXIgaGlkZU1vZGFsID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgc2V0UGFnZUluZm8oaW5pdGlhbFZhbHVlcy5wYWdlSW5mbyk7XG4gICAgICAgIHNldFJvd1NlbGVjdGlvbkluZm8oaW5pdGlhbFZhbHVlcy5yb3dTZWxlY3Rpb25JbmZvKTtcbiAgICAgICAgc2V0VGFnc0luZm8oaW5pdGlhbFZhbHVlcy50YWdzSW5mbyk7XG4gICAgICAgIHNldFNlbGVjdGVkRGF0YShpbml0aWFsVmFsdWVzLnNlbGVjdGVkRGF0YSk7XG4gICAgfTtcbiAgICB2YXIgc2F2ZUNoYW5nZXMgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgIGlmICgoKF9hID0gdGFibGVEYXRhID09PSBudWxsIHx8IHRhYmxlRGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGFibGVEYXRhLnJvd1NlbGVjdGlvbikgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLnR5cGUpID09PSAncmFkaW8nKSB7XG4gICAgICAgICAgICBzZXRTZWxlY3RlZERhdGEoW3NlbGVjdGVkRGF0YVtzZWxlY3RlZERhdGEubGVuZ3RoIC0gMV1dKTtcbiAgICAgICAgfVxuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKCFvcGVuKSB7XG4gICAgICAgICAgICBzZXRQYWdlSW5mbyhwYWdlQmFzZSk7XG4gICAgICAgIH1cbiAgICAgICAgdmFyIG1vZGFsRGF0YU9iaiA9IHtcbiAgICAgICAgICAgIHBhZ2VJbmZvOiBwYWdlSW5mbyxcbiAgICAgICAgICAgIHJvd1NlbGVjdGlvbkluZm86IHJvd1NlbGVjdGlvbkluZm8sXG4gICAgICAgICAgICB0YWdzSW5mbzogdGFnc0luZm8sXG4gICAgICAgICAgICBvcGVuOiBvcGVuLFxuICAgICAgICAgICAgc2VsZWN0ZWREYXRhOiBzZWxlY3RlZERhdGEsXG4gICAgICAgIH07XG4gICAgICAgIG1vZGFsRGF0YShtb2RhbERhdGFPYmopO1xuICAgIH0sIFt0YWdzSW5mbywgb3Blbiwgcm93U2VsZWN0aW9uSW5mbywgc2VsZWN0ZWREYXRhXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICB2YXIgc2VsZWN0ZWRSb3dLZXlzID0gcm93U2VsZWN0aW9uSW5mbyB8fCB0YWJsZURhdGEucm93U2VsZWN0aW9uLnNlbGVjdGVkUm93S2V5cztcbiAgICAgICAgaWYgKCgoX2EgPSB0YWJsZURhdGEgPT09IG51bGwgfHwgdGFibGVEYXRhID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0YWJsZURhdGEucm93U2VsZWN0aW9uKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EudHlwZSkgPT09ICdyYWRpbycpIHtcbiAgICAgICAgICAgIHNldFNlbGVjdGVkRGF0YShmdW5jdGlvbiAocHJldkRhdGEpIHtcbiAgICAgICAgICAgICAgICB2YXIgX2E7XG4gICAgICAgICAgICAgICAgdmFyIG5ld0RhdGEgPSAoKF9hID0gdGFibGVEYXRhID09PSBudWxsIHx8IHRhYmxlRGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGFibGVEYXRhLmRhdGFTb3VyY2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5maWx0ZXIoZnVuY3Rpb24gKGVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHNlbGVjdGVkUm93S2V5cy5pbmNsdWRlcyhlbGVtZW50W3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV0pO1xuICAgICAgICAgICAgICAgIH0pKSB8fCBbXTtcbiAgICAgICAgICAgICAgICBpZiAobmV3RGF0YS5sZW5ndGggPCAxKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBzZWxlY3RlZERhdGE7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmIChhcnJheUNvbnRhaW5zT2JqZWN0KHNlbGVjdGVkRGF0YSwgbmV3RGF0YVswXSkpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHNlbGVjdGVkRGF0YTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdmFyIGNvbWJpbmVkRGF0YSA9IF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgc2VsZWN0ZWREYXRhLCB0cnVlKSwgbmV3RGF0YSwgdHJ1ZSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNvbWJpbmVkRGF0YTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHNldFNlbGVjdGVkRGF0YShmdW5jdGlvbiAocHJldkRhdGEpIHtcbiAgICAgICAgICAgIHZhciBfYTtcbiAgICAgICAgICAgIHZhciBuZXdEYXRhID0gKChfYSA9IHRhYmxlRGF0YSA9PT0gbnVsbCB8fCB0YWJsZURhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRhYmxlRGF0YS5kYXRhU291cmNlKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuZmlsdGVyKGZ1bmN0aW9uIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNlbGVjdGVkUm93S2V5cy5pbmNsdWRlcyhlbGVtZW50W3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV0pO1xuICAgICAgICAgICAgfSkpIHx8IFtdO1xuICAgICAgICAgICAgdmFyIG9sZERhdGEgPSBwcmV2RGF0YS5maWx0ZXIoZnVuY3Rpb24gKGRhdGFJdGVtKSB7XG4gICAgICAgICAgICAgICAgdmFyIF9hO1xuICAgICAgICAgICAgICAgIHJldHVybiAhKChfYSA9IHRhYmxlRGF0YSA9PT0gbnVsbCB8fCB0YWJsZURhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRhYmxlRGF0YS5kYXRhU291cmNlKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Euc29tZShmdW5jdGlvbiAoZWxlbWVudCkgeyByZXR1cm4gZWxlbWVudFt0YWJsZURhdGEucm93S2V5VmFsdWVdID09PSBkYXRhSXRlbVt0YWJsZURhdGEucm93S2V5VmFsdWVdOyB9KSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHZhciBjb21iaW5lZERhdGEgPSBfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIG9sZERhdGEsIHRydWUpLCBuZXdEYXRhLCB0cnVlKS5maWx0ZXIoZnVuY3Rpb24gKGRhdGFJdGVtLCBpbmRleCwgc2VsZikge1xuICAgICAgICAgICAgICAgIHJldHVybiAoaW5kZXggPT09XG4gICAgICAgICAgICAgICAgICAgIHNlbGYuZmluZEluZGV4KGZ1bmN0aW9uIChpdGVtKSB7IHJldHVybiBpdGVtW3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV0gPT09IGRhdGFJdGVtW3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV07IH0pKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgc2V0SW5pdGlhbFZhbHVlcyhfX2Fzc2lnbihfX2Fzc2lnbih7fSwgaW5pdGlhbFZhbHVlcyksIHsgc2VsZWN0ZWREYXRhOiBjb21iaW5lZERhdGEgfSkpO1xuICAgICAgICAgICAgcmV0dXJuIGNvbWJpbmVkRGF0YTtcbiAgICAgICAgfSk7XG4gICAgfSwgW3Jvd1NlbGVjdGlvbkluZm9dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBpZiAodGFnc0luZm8ubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgc2V0Q29uZmlybUxvYWRpbmcodHJ1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbdGFnc0luZm9dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRDb25maXJtTG9hZGluZyhpc0xvYWRpbmcpO1xuICAgIH0sIFtpc0xvYWRpbmddKTtcbiAgICB2YXIgbW9kYWxDbGFzc2VzID0gY2xhc3NuYW1lcygoX2EgPSB7fSxcbiAgICAgICAgX2Fbc3R5bGVzLmRpc2FibGVkXSA9IGNvbmZpcm1Mb2FkaW5nLFxuICAgICAgICBfYSksIHN0eWxlcy5tb2RhbCk7XG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWwsIF9fYXNzaWduKHsgZGVzdHJveU9uQ2xvc2U6IHRydWUsIGNsb3NlSWNvbjogX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5jbG9zZUJ1dHRvbiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcInBcIiwgeyBjaGlsZHJlbjogY2xvc2VUZXh0IH0pLCBfanN4KENsb3NlT3V0bGluZWQsIHt9KV0gfSkpLCBvcGVuOiBvcGVuLCBvbk9rOiBoaWRlTW9kYWwsIG9uQ2FuY2VsOiBoaWRlTW9kYWwsIG1hc2tDbG9zYWJsZTogZmFsc2UsIGNlbnRlcmVkOiB0cnVlLCB3aWR0aDogJzEwMCUnLCBmb290ZXI6IFtcbiAgICAgICAgICAgICAgICBfanN4KEJ1dHRvbiwgX19hc3NpZ24oeyBvbkNsaWNrOiBzYXZlQ2hhbmdlcyB9LCB7IGNoaWxkcmVuOiBidXR0b25UZXh0IH0pLCBcInN1Ym1pdFwiKVxuICAgICAgICAgICAgXSwgY2xhc3NOYW1lOiBtb2RhbENsYXNzZXMgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWdzV3JhcHBlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRhZ0ZpZWxkLCB7IHRhZ3NJbmZvOiBzZXRUYWdzSW5mbyB9KSB9KSksIF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWJsZVdyYXBwZXIgfSwgeyBjaGlsZHJlbjogdGFibGVEYXRhICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBfanN4KFRhYmxlLCBfX2Fzc2lnbih7fSwgdGFibGVEYXRhLCB7IHBhZ2luYXRpb25JbmZvOiBzZXRQYWdlSW5mbywgcm93U2VsZWN0aW9uSW5mbzogc2V0Um93U2VsZWN0aW9uSW5mbywgaGVhZGluZ1RyYW5zbGF0aW9uc0tleTogJ3RhYmxlSGVhZGluZ3MnIH0pKSB9KSldIH0pKSB9KSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/ModalWithTable/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ModalWithTable\": function() { return /* binding */ ModalWithTable; }\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 _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/modal/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/CloseOutlined.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ModalWithTable/styles.module.scss\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\nfunction objectsAreEqual(obj1, obj2) {\n    var keys1 = Object.keys(obj1);\n    var keys2 = Object.keys(obj2);\n    if (keys1.length !== keys2.length) {\n        return false;\n    }\n    for (var _i = 0, keys1_1 = keys1; _i < keys1_1.length; _i++) {\n        var key = keys1_1[_i];\n        if (!keys2.includes(key) || obj1[key] !== obj2[key]) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction arrayContainsObject(array, newObj) {\n    return array.some(function (existingObj) { return objectsAreEqual(existingObj, newObj); });\n}\nvar ModalWithTable = function (props) {\n    var _a;\n    var closeText = props.closeText, buttonText = props.buttonText, _b = props.isOpen, isOpen = _b === void 0 ? false : _b, tableData = props.tableData, modalData = props.modalData, isLoading = props.isLoading, initialRowSelectedInfo = props.initialRowSelectedInfo, advancedTagsList = props.advancedTagsList;\n    var prevIsOpenRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        prevIsOpenRef.current = isOpen;\n    }, [isOpen]);\n    var prevIsOpen = prevIsOpenRef.current;\n    // Add a new state to store the initial values\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({\n        pageInfo: {},\n        rowSelectionInfo: [],\n        tagsInfo: [],\n        advancedTagsInfo: [],\n        selectedData: [],\n    }), initialValues = _c[0], setInitialValues = _c[1];\n    var pageBase = { currentPage: 1 };\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)((isOpen)), open = _d[0], setOpen = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), confirmLoading = _e[0], setConfirmLoading = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(pageBase), pageInfo = _f[0], setPageInfo = _f[1];\n    var _g = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(undefined), rowSelectionInfo = _g[0], setRowSelectionInfo = _g[1];\n    var _h = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), tagsInfo = _h[0], setTagsInfo = _h[1];\n    var _j = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), advancedTagsInfo = _j[0], setAdvancedTagsInfo = _j[1];\n    var _k = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), selectedData = _k[0], setSelectedData = _k[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        setOpen(isOpen);\n        if (isOpen && !prevIsOpen) {\n            setInitialValues({\n                pageInfo: pageInfo,\n                rowSelectionInfo: rowSelectionInfo,\n                tagsInfo: tagsInfo,\n                advancedTagsInfo: advancedTagsInfo,\n                selectedData: selectedData,\n            });\n        }\n    }, [isOpen]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        initialRowSelectedInfo && setRowSelectionInfo(initialRowSelectedInfo);\n    }, [initialRowSelectedInfo]);\n    var hideModal = function () {\n        setOpen(false);\n        setPageInfo(initialValues.pageInfo);\n        setRowSelectionInfo(initialValues.rowSelectionInfo);\n        setTagsInfo(initialValues.tagsInfo);\n        setAdvancedTagsInfo(initialValues.advancedTagsInfo);\n        setSelectedData(initialValues.selectedData);\n    };\n    var saveChanges = function () {\n        var _a;\n        setOpen(false);\n        if (((_a = tableData === null || tableData === void 0 ? void 0 : tableData.rowSelection) === null || _a === void 0 ? void 0 : _a.type) === 'radio') {\n            setSelectedData([selectedData[selectedData.length - 1]]);\n        }\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        if (!open) {\n            setPageInfo(pageBase);\n        }\n        var modalDataObj = {\n            pageInfo: pageInfo,\n            rowSelectionInfo: rowSelectionInfo,\n            tagsInfo: tagsInfo,\n            advancedTagsInfo: advancedTagsInfo,\n            open: open,\n            selectedData: selectedData,\n        };\n        modalData(modalDataObj);\n    }, [tagsInfo, advancedTagsInfo, open, rowSelectionInfo, selectedData]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        var _a;\n        var selectedRowKeys = rowSelectionInfo || tableData.rowSelection.selectedRowKeys;\n        if (((_a = tableData === null || tableData === void 0 ? void 0 : tableData.rowSelection) === null || _a === void 0 ? void 0 : _a.type) === 'radio') {\n            setSelectedData(function (prevData) {\n                var _a;\n                var newData = ((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.filter(function (element) {\n                    return selectedRowKeys.includes(element[tableData.rowKeyValue]);\n                })) || [];\n                if (newData.length < 1) {\n                    return selectedData;\n                }\n                if (arrayContainsObject(selectedData, newData[0])) {\n                    return selectedData;\n                }\n                var combinedData = __spreadArray(__spreadArray([], selectedData, true), newData, true);\n                return combinedData;\n            });\n            return;\n        }\n        setSelectedData(function (prevData) {\n            var _a;\n            var newData = ((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.filter(function (element) {\n                return selectedRowKeys.includes(element[tableData.rowKeyValue]);\n            })) || [];\n            var oldData = prevData.filter(function (dataItem) {\n                var _a;\n                return !((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.some(function (element) { return element[tableData.rowKeyValue] === dataItem[tableData.rowKeyValue]; }));\n            });\n            var combinedData = __spreadArray(__spreadArray([], oldData, true), newData, true).filter(function (dataItem, index, self) {\n                return (index ===\n                    self.findIndex(function (item) { return item[tableData.rowKeyValue] === dataItem[tableData.rowKeyValue]; }));\n            });\n            setInitialValues(__assign(__assign({}, initialValues), { selectedData: combinedData }));\n            return combinedData;\n        });\n    }, [rowSelectionInfo]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        if (tagsInfo.length > 0) {\n            setConfirmLoading(true);\n        }\n    }, [tagsInfo]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        if (advancedTagsInfo.length > 0) {\n            setConfirmLoading(true);\n        }\n    }, [advancedTagsInfo]);\n    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n        setConfirmLoading(isLoading);\n    }, [isLoading]);\n    var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()((_a = {},\n        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].disabled] = confirmLoading,\n        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].modal);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({ destroyOnClose: true, closeIcon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].closeButton }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"p\", { children: closeText }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {})] })), open: open, onOk: hideModal, onCancel: hideModal, maskClosable: false, centered: true, width: '100%', footer: [\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Button, __assign({ onClick: saveChanges }, { children: buttonText }), \"submit\")\n            ], className: modalClasses }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tagsWrapper }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_4__.TagField, { tagsInfo: setTagsInfo, advancedTagsInfo: setAdvancedTagsInfo, advancedTags: advancedTagsList }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tableWrapper }, { children: tableData &&\n                        (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Table__WEBPACK_IMPORTED_MODULE_5__.Table, __assign({}, tableData, { paginationInfo: setPageInfo, rowSelectionInfo: setRowSelectionInfo, headingTranslationsKey: 'tableHeadings' })) }))] })) }));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3g/MjVlYiJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fc3ByZWFkQXJyYXkgPSAodGhpcyAmJiB0aGlzLl9fc3ByZWFkQXJyYXkpIHx8IGZ1bmN0aW9uICh0bywgZnJvbSwgcGFjaykge1xuICAgIGlmIChwYWNrIHx8IGFyZ3VtZW50cy5sZW5ndGggPT09IDIpIGZvciAodmFyIGkgPSAwLCBsID0gZnJvbS5sZW5ndGgsIGFyOyBpIDwgbDsgaSsrKSB7XG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcbiAgICAgICAgICAgIGlmICghYXIpIGFyID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSwgMCwgaSk7XG4gICAgICAgICAgICBhcltpXSA9IGZyb21baV07XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRvLmNvbmNhdChhciB8fCBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tKSk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDbG9zZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5pbXBvcnQgeyBUYWdGaWVsZCB9IGZyb20gJy4uL1RhZyc7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4uL1RhYmxlJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuZnVuY3Rpb24gb2JqZWN0c0FyZUVxdWFsKG9iajEsIG9iajIpIHtcbiAgICB2YXIga2V5czEgPSBPYmplY3Qua2V5cyhvYmoxKTtcbiAgICB2YXIga2V5czIgPSBPYmplY3Qua2V5cyhvYmoyKTtcbiAgICBpZiAoa2V5czEubGVuZ3RoICE9PSBrZXlzMi5sZW5ndGgpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICBmb3IgKHZhciBfaSA9IDAsIGtleXMxXzEgPSBrZXlzMTsgX2kgPCBrZXlzMV8xLmxlbmd0aDsgX2krKykge1xuICAgICAgICB2YXIga2V5ID0ga2V5czFfMVtfaV07XG4gICAgICAgIGlmICgha2V5czIuaW5jbHVkZXMoa2V5KSB8fCBvYmoxW2tleV0gIT09IG9iajJba2V5XSkge1xuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xufVxuZnVuY3Rpb24gYXJyYXlDb250YWluc09iamVjdChhcnJheSwgbmV3T2JqKSB7XG4gICAgcmV0dXJuIGFycmF5LnNvbWUoZnVuY3Rpb24gKGV4aXN0aW5nT2JqKSB7IHJldHVybiBvYmplY3RzQXJlRXF1YWwoZXhpc3RpbmdPYmosIG5ld09iaik7IH0pO1xufVxuZXhwb3J0IHZhciBNb2RhbFdpdGhUYWJsZSA9IGZ1bmN0aW9uIChwcm9wcykge1xuICAgIHZhciBfYTtcbiAgICB2YXIgY2xvc2VUZXh0ID0gcHJvcHMuY2xvc2VUZXh0LCBidXR0b25UZXh0ID0gcHJvcHMuYnV0dG9uVGV4dCwgX2IgPSBwcm9wcy5pc09wZW4sIGlzT3BlbiA9IF9iID09PSB2b2lkIDAgPyBmYWxzZSA6IF9iLCB0YWJsZURhdGEgPSBwcm9wcy50YWJsZURhdGEsIG1vZGFsRGF0YSA9IHByb3BzLm1vZGFsRGF0YSwgaXNMb2FkaW5nID0gcHJvcHMuaXNMb2FkaW5nLCBpbml0aWFsUm93U2VsZWN0ZWRJbmZvID0gcHJvcHMuaW5pdGlhbFJvd1NlbGVjdGVkSW5mbywgYWR2YW5jZWRUYWdzTGlzdCA9IHByb3BzLmFkdmFuY2VkVGFnc0xpc3Q7XG4gICAgdmFyIHByZXZJc09wZW5SZWYgPSB1c2VSZWYoKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcmV2SXNPcGVuUmVmLmN1cnJlbnQgPSBpc09wZW47XG4gICAgfSwgW2lzT3Blbl0pO1xuICAgIHZhciBwcmV2SXNPcGVuID0gcHJldklzT3BlblJlZi5jdXJyZW50O1xuICAgIC8vIEFkZCBhIG5ldyBzdGF0ZSB0byBzdG9yZSB0aGUgaW5pdGlhbCB2YWx1ZXNcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZSh7XG4gICAgICAgIHBhZ2VJbmZvOiB7fSxcbiAgICAgICAgcm93U2VsZWN0aW9uSW5mbzogW10sXG4gICAgICAgIHRhZ3NJbmZvOiBbXSxcbiAgICAgICAgYWR2YW5jZWRUYWdzSW5mbzogW10sXG4gICAgICAgIHNlbGVjdGVkRGF0YTogW10sXG4gICAgfSksIGluaXRpYWxWYWx1ZXMgPSBfY1swXSwgc2V0SW5pdGlhbFZhbHVlcyA9IF9jWzFdO1xuICAgIHZhciBwYWdlQmFzZSA9IHsgY3VycmVudFBhZ2U6IDEgfTtcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZSgoaXNPcGVuKSksIG9wZW4gPSBfZFswXSwgc2V0T3BlbiA9IF9kWzFdO1xuICAgIHZhciBfZSA9IHVzZVN0YXRlKGZhbHNlKSwgY29uZmlybUxvYWRpbmcgPSBfZVswXSwgc2V0Q29uZmlybUxvYWRpbmcgPSBfZVsxXTtcbiAgICB2YXIgX2YgPSB1c2VTdGF0ZShwYWdlQmFzZSksIHBhZ2VJbmZvID0gX2ZbMF0sIHNldFBhZ2VJbmZvID0gX2ZbMV07XG4gICAgdmFyIF9nID0gdXNlU3RhdGUodW5kZWZpbmVkKSwgcm93U2VsZWN0aW9uSW5mbyA9IF9nWzBdLCBzZXRSb3dTZWxlY3Rpb25JbmZvID0gX2dbMV07XG4gICAgdmFyIF9oID0gdXNlU3RhdGUoW10pLCB0YWdzSW5mbyA9IF9oWzBdLCBzZXRUYWdzSW5mbyA9IF9oWzFdO1xuICAgIHZhciBfaiA9IHVzZVN0YXRlKFtdKSwgYWR2YW5jZWRUYWdzSW5mbyA9IF9qWzBdLCBzZXRBZHZhbmNlZFRhZ3NJbmZvID0gX2pbMV07XG4gICAgdmFyIF9rID0gdXNlU3RhdGUoW10pLCBzZWxlY3RlZERhdGEgPSBfa1swXSwgc2V0U2VsZWN0ZWREYXRhID0gX2tbMV07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0T3Blbihpc09wZW4pO1xuICAgICAgICBpZiAoaXNPcGVuICYmICFwcmV2SXNPcGVuKSB7XG4gICAgICAgICAgICBzZXRJbml0aWFsVmFsdWVzKHtcbiAgICAgICAgICAgICAgICBwYWdlSW5mbzogcGFnZUluZm8sXG4gICAgICAgICAgICAgICAgcm93U2VsZWN0aW9uSW5mbzogcm93U2VsZWN0aW9uSW5mbyxcbiAgICAgICAgICAgICAgICB0YWdzSW5mbzogdGFnc0luZm8sXG4gICAgICAgICAgICAgICAgYWR2YW5jZWRUYWdzSW5mbzogYWR2YW5jZWRUYWdzSW5mbyxcbiAgICAgICAgICAgICAgICBzZWxlY3RlZERhdGE6IHNlbGVjdGVkRGF0YSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfSwgW2lzT3Blbl0pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIGluaXRpYWxSb3dTZWxlY3RlZEluZm8gJiYgc2V0Um93U2VsZWN0aW9uSW5mbyhpbml0aWFsUm93U2VsZWN0ZWRJbmZvKTtcbiAgICB9LCBbaW5pdGlhbFJvd1NlbGVjdGVkSW5mb10pO1xuICAgIHZhciBoaWRlTW9kYWwgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBzZXRQYWdlSW5mbyhpbml0aWFsVmFsdWVzLnBhZ2VJbmZvKTtcbiAgICAgICAgc2V0Um93U2VsZWN0aW9uSW5mbyhpbml0aWFsVmFsdWVzLnJvd1NlbGVjdGlvbkluZm8pO1xuICAgICAgICBzZXRUYWdzSW5mbyhpbml0aWFsVmFsdWVzLnRhZ3NJbmZvKTtcbiAgICAgICAgc2V0QWR2YW5jZWRUYWdzSW5mbyhpbml0aWFsVmFsdWVzLmFkdmFuY2VkVGFnc0luZm8pO1xuICAgICAgICBzZXRTZWxlY3RlZERhdGEoaW5pdGlhbFZhbHVlcy5zZWxlY3RlZERhdGEpO1xuICAgIH07XG4gICAgdmFyIHNhdmVDaGFuZ2VzID0gZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBpZiAoKChfYSA9IHRhYmxlRGF0YSA9PT0gbnVsbCB8fCB0YWJsZURhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRhYmxlRGF0YS5yb3dTZWxlY3Rpb24pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS50eXBlKSA9PT0gJ3JhZGlvJykge1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWREYXRhKFtzZWxlY3RlZERhdGFbc2VsZWN0ZWREYXRhLmxlbmd0aCAtIDFdXSk7XG4gICAgICAgIH1cbiAgICB9O1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIGlmICghb3Blbikge1xuICAgICAgICAgICAgc2V0UGFnZUluZm8ocGFnZUJhc2UpO1xuICAgICAgICB9XG4gICAgICAgIHZhciBtb2RhbERhdGFPYmogPSB7XG4gICAgICAgICAgICBwYWdlSW5mbzogcGFnZUluZm8sXG4gICAgICAgICAgICByb3dTZWxlY3Rpb25JbmZvOiByb3dTZWxlY3Rpb25JbmZvLFxuICAgICAgICAgICAgdGFnc0luZm86IHRhZ3NJbmZvLFxuICAgICAgICAgICAgYWR2YW5jZWRUYWdzSW5mbzogYWR2YW5jZWRUYWdzSW5mbyxcbiAgICAgICAgICAgIG9wZW46IG9wZW4sXG4gICAgICAgICAgICBzZWxlY3RlZERhdGE6IHNlbGVjdGVkRGF0YSxcbiAgICAgICAgfTtcbiAgICAgICAgbW9kYWxEYXRhKG1vZGFsRGF0YU9iaik7XG4gICAgfSwgW3RhZ3NJbmZvLCBhZHZhbmNlZFRhZ3NJbmZvLCBvcGVuLCByb3dTZWxlY3Rpb25JbmZvLCBzZWxlY3RlZERhdGFdKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIHZhciBzZWxlY3RlZFJvd0tleXMgPSByb3dTZWxlY3Rpb25JbmZvIHx8IHRhYmxlRGF0YS5yb3dTZWxlY3Rpb24uc2VsZWN0ZWRSb3dLZXlzO1xuICAgICAgICBpZiAoKChfYSA9IHRhYmxlRGF0YSA9PT0gbnVsbCB8fCB0YWJsZURhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRhYmxlRGF0YS5yb3dTZWxlY3Rpb24pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS50eXBlKSA9PT0gJ3JhZGlvJykge1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWREYXRhKGZ1bmN0aW9uIChwcmV2RGF0YSkge1xuICAgICAgICAgICAgICAgIHZhciBfYTtcbiAgICAgICAgICAgICAgICB2YXIgbmV3RGF0YSA9ICgoX2EgPSB0YWJsZURhdGEgPT09IG51bGwgfHwgdGFibGVEYXRhID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0YWJsZURhdGEuZGF0YVNvdXJjZSkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmZpbHRlcihmdW5jdGlvbiAoZWxlbWVudCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gc2VsZWN0ZWRSb3dLZXlzLmluY2x1ZGVzKGVsZW1lbnRbdGFibGVEYXRhLnJvd0tleVZhbHVlXSk7XG4gICAgICAgICAgICAgICAgfSkpIHx8IFtdO1xuICAgICAgICAgICAgICAgIGlmIChuZXdEYXRhLmxlbmd0aCA8IDEpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHNlbGVjdGVkRGF0YTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKGFycmF5Q29udGFpbnNPYmplY3Qoc2VsZWN0ZWREYXRhLCBuZXdEYXRhWzBdKSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gc2VsZWN0ZWREYXRhO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB2YXIgY29tYmluZWREYXRhID0gX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBzZWxlY3RlZERhdGEsIHRydWUpLCBuZXdEYXRhLCB0cnVlKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gY29tYmluZWREYXRhO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgc2V0U2VsZWN0ZWREYXRhKGZ1bmN0aW9uIChwcmV2RGF0YSkge1xuICAgICAgICAgICAgdmFyIF9hO1xuICAgICAgICAgICAgdmFyIG5ld0RhdGEgPSAoKF9hID0gdGFibGVEYXRhID09PSBudWxsIHx8IHRhYmxlRGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGFibGVEYXRhLmRhdGFTb3VyY2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5maWx0ZXIoZnVuY3Rpb24gKGVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gc2VsZWN0ZWRSb3dLZXlzLmluY2x1ZGVzKGVsZW1lbnRbdGFibGVEYXRhLnJvd0tleVZhbHVlXSk7XG4gICAgICAgICAgICB9KSkgfHwgW107XG4gICAgICAgICAgICB2YXIgb2xkRGF0YSA9IHByZXZEYXRhLmZpbHRlcihmdW5jdGlvbiAoZGF0YUl0ZW0pIHtcbiAgICAgICAgICAgICAgICB2YXIgX2E7XG4gICAgICAgICAgICAgICAgcmV0dXJuICEoKF9hID0gdGFibGVEYXRhID09PSBudWxsIHx8IHRhYmxlRGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGFibGVEYXRhLmRhdGFTb3VyY2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5zb21lKGZ1bmN0aW9uIChlbGVtZW50KSB7IHJldHVybiBlbGVtZW50W3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV0gPT09IGRhdGFJdGVtW3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV07IH0pKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgdmFyIGNvbWJpbmVkRGF0YSA9IF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgb2xkRGF0YSwgdHJ1ZSksIG5ld0RhdGEsIHRydWUpLmZpbHRlcihmdW5jdGlvbiAoZGF0YUl0ZW0sIGluZGV4LCBzZWxmKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChpbmRleCA9PT1cbiAgICAgICAgICAgICAgICAgICAgc2VsZi5maW5kSW5kZXgoZnVuY3Rpb24gKGl0ZW0pIHsgcmV0dXJuIGl0ZW1bdGFibGVEYXRhLnJvd0tleVZhbHVlXSA9PT0gZGF0YUl0ZW1bdGFibGVEYXRhLnJvd0tleVZhbHVlXTsgfSkpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBzZXRJbml0aWFsVmFsdWVzKF9fYXNzaWduKF9fYXNzaWduKHt9LCBpbml0aWFsVmFsdWVzKSwgeyBzZWxlY3RlZERhdGE6IGNvbWJpbmVkRGF0YSB9KSk7XG4gICAgICAgICAgICByZXR1cm4gY29tYmluZWREYXRhO1xuICAgICAgICB9KTtcbiAgICB9LCBbcm93U2VsZWN0aW9uSW5mb10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIGlmICh0YWdzSW5mby5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBzZXRDb25maXJtTG9hZGluZyh0cnVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt0YWdzSW5mb10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIGlmIChhZHZhbmNlZFRhZ3NJbmZvLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHNldENvbmZpcm1Mb2FkaW5nKHRydWUpO1xuICAgICAgICB9XG4gICAgfSwgW2FkdmFuY2VkVGFnc0luZm9dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRDb25maXJtTG9hZGluZyhpc0xvYWRpbmcpO1xuICAgIH0sIFtpc0xvYWRpbmddKTtcbiAgICB2YXIgbW9kYWxDbGFzc2VzID0gY2xhc3NuYW1lcygoX2EgPSB7fSxcbiAgICAgICAgX2Fbc3R5bGVzLmRpc2FibGVkXSA9IGNvbmZpcm1Mb2FkaW5nLFxuICAgICAgICBfYSksIHN0eWxlcy5tb2RhbCk7XG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWwsIF9fYXNzaWduKHsgZGVzdHJveU9uQ2xvc2U6IHRydWUsIGNsb3NlSWNvbjogX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5jbG9zZUJ1dHRvbiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcInBcIiwgeyBjaGlsZHJlbjogY2xvc2VUZXh0IH0pLCBfanN4KENsb3NlT3V0bGluZWQsIHt9KV0gfSkpLCBvcGVuOiBvcGVuLCBvbk9rOiBoaWRlTW9kYWwsIG9uQ2FuY2VsOiBoaWRlTW9kYWwsIG1hc2tDbG9zYWJsZTogZmFsc2UsIGNlbnRlcmVkOiB0cnVlLCB3aWR0aDogJzEwMCUnLCBmb290ZXI6IFtcbiAgICAgICAgICAgICAgICBfanN4KEJ1dHRvbiwgX19hc3NpZ24oeyBvbkNsaWNrOiBzYXZlQ2hhbmdlcyB9LCB7IGNoaWxkcmVuOiBidXR0b25UZXh0IH0pLCBcInN1Ym1pdFwiKVxuICAgICAgICAgICAgXSwgY2xhc3NOYW1lOiBtb2RhbENsYXNzZXMgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWdzV3JhcHBlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRhZ0ZpZWxkLCB7IHRhZ3NJbmZvOiBzZXRUYWdzSW5mbywgYWR2YW5jZWRUYWdzSW5mbzogc2V0QWR2YW5jZWRUYWdzSW5mbywgYWR2YW5jZWRUYWdzOiBhZHZhbmNlZFRhZ3NMaXN0IH0pIH0pKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhYmxlV3JhcHBlciB9LCB7IGNoaWxkcmVuOiB0YWJsZURhdGEgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIF9qc3goVGFibGUsIF9fYXNzaWduKHt9LCB0YWJsZURhdGEsIHsgcGFnaW5hdGlvbkluZm86IHNldFBhZ2VJbmZvLCByb3dTZWxlY3Rpb25JbmZvOiBzZXRSb3dTZWxlY3Rpb25JbmZvLCBoZWFkaW5nVHJhbnNsYXRpb25zS2V5OiAndGFibGVIZWFkaW5ncycgfSkpIH0pKV0gfSkpIH0pKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/ModalWithTable/index.tsx\n");
 
 /***/ }),
 
@@ -10926,7 +10926,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TagField\": function() { return /* binding */ TagField; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-tween-one */ \"./node_modules/rc-tween-one/es/TweenOneGroup.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Tag/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! i18next */ \"i18next\");\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(i18next__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\nvar TagField = function (props) {\n    var _a = props.customTags, customTags = _a === void 0 ? [] : _a;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags), tags = _b[0], setTags = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), inputVisible = _c[0], setInputVisible = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), inputValue = _d[0], setInputValue = _d[1];\n    var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        if (inputVisible) {\n            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }, [inputVisible]);\n    var handleClose = function (removedTag) {\n        var newTags = tags.filter(function (tag) { return tag !== removedTag; });\n        setTags(newTags);\n    };\n    var showInput = function () {\n        setInputVisible(true);\n    };\n    var handleInputChange = function (e) {\n        setInputValue(e.target.value);\n    };\n    var handleInputConfirm = function () {\n        if (inputValue && tags.indexOf(inputValue) === -1) {\n            setTags(__spreadArray(__spreadArray([], tags, true), [inputValue], false));\n        }\n        setInputVisible(false);\n        setInputValue('');\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props === null || props === void 0 ? void 0 : props.tagsInfo(tags);\n    }, [tags]);\n    var forMap = function (tag) {\n        var tagElem = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ closable: true, onClose: function (e) {\n                e.preventDefault();\n                handleClose(tag);\n            } }, { children: tag })));\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));\n    };\n    var tagChild = tags.map(forMap);\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, 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')] }))), (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: {\n                        scale: 0.8,\n                        opacity: 0,\n                        type: 'from',\n                        duration: 100,\n                    }, onEnd: function (e) {\n                        if (e.type === 'appear' || e.type === 'enter') {\n                            e.target.style = 'display: inline-block';\n                        }\n                    }, leave: { opacity: 0, width: 0, scale: 0, duration: 200 }, appear: false }, { children: tagChild })) }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL1RhZy9pbmRleC50c3g/YjFjNiJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fc3ByZWFkQXJyYXkgPSAodGhpcyAmJiB0aGlzLl9fc3ByZWFkQXJyYXkpIHx8IGZ1bmN0aW9uICh0bywgZnJvbSwgcGFjaykge1xuICAgIGlmIChwYWNrIHx8IGFyZ3VtZW50cy5sZW5ndGggPT09IDIpIGZvciAodmFyIGkgPSAwLCBsID0gZnJvbS5sZW5ndGgsIGFyOyBpIDwgbDsgaSsrKSB7XG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcbiAgICAgICAgICAgIGlmICghYXIpIGFyID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSwgMCwgaSk7XG4gICAgICAgICAgICBhcltpXSA9IGZyb21baV07XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRvLmNvbmNhdChhciB8fCBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tKSk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xuaW1wb3J0IHsgSW5wdXQsIFRhZyB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHsgVHdlZW5PbmVHcm91cCB9IGZyb20gJ3JjLXR3ZWVuLW9uZSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgdCB9IGZyb20gJ2kxOG5leHQnO1xuZXhwb3J0IHZhciBUYWdGaWVsZCA9IGZ1bmN0aW9uIChwcm9wcykge1xuICAgIHZhciBfYSA9IHByb3BzLmN1c3RvbVRhZ3MsIGN1c3RvbVRhZ3MgPSBfYSA9PT0gdm9pZCAwID8gW10gOiBfYTtcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZShjdXN0b21UYWdzKSwgdGFncyA9IF9iWzBdLCBzZXRUYWdzID0gX2JbMV07XG4gICAgdmFyIF9jID0gdXNlU3RhdGUoZmFsc2UpLCBpbnB1dFZpc2libGUgPSBfY1swXSwgc2V0SW5wdXRWaXNpYmxlID0gX2NbMV07XG4gICAgdmFyIF9kID0gdXNlU3RhdGUoJycpLCBpbnB1dFZhbHVlID0gX2RbMF0sIHNldElucHV0VmFsdWUgPSBfZFsxXTtcbiAgICB2YXIgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICBpZiAoaW5wdXRWaXNpYmxlKSB7XG4gICAgICAgICAgICAoX2EgPSBpbnB1dFJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH0sIFtpbnB1dFZpc2libGVdKTtcbiAgICB2YXIgaGFuZGxlQ2xvc2UgPSBmdW5jdGlvbiAocmVtb3ZlZFRhZykge1xuICAgICAgICB2YXIgbmV3VGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZyAhPT0gcmVtb3ZlZFRhZzsgfSk7XG4gICAgICAgIHNldFRhZ3MobmV3VGFncyk7XG4gICAgfTtcbiAgICB2YXIgc2hvd0lucHV0ID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRJbnB1dFZpc2libGUodHJ1ZSk7XG4gICAgfTtcbiAgICB2YXIgaGFuZGxlSW5wdXRDaGFuZ2UgPSBmdW5jdGlvbiAoZSkge1xuICAgICAgICBzZXRJbnB1dFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICB9O1xuICAgIHZhciBoYW5kbGVJbnB1dENvbmZpcm0gPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIGlmIChpbnB1dFZhbHVlICYmIHRhZ3MuaW5kZXhPZihpbnB1dFZhbHVlKSA9PT0gLTEpIHtcbiAgICAgICAgICAgIHNldFRhZ3MoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCB0YWdzLCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpO1xuICAgICAgICB9XG4gICAgICAgIHNldElucHV0VmlzaWJsZShmYWxzZSk7XG4gICAgICAgIHNldElucHV0VmFsdWUoJycpO1xuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLnRhZ3NJbmZvKHRhZ3MpO1xuICAgIH0sIFt0YWdzXSk7XG4gICAgdmFyIGZvck1hcCA9IGZ1bmN0aW9uICh0YWcpIHtcbiAgICAgICAgdmFyIHRhZ0VsZW0gPSAoX2pzeChUYWcsIF9fYXNzaWduKHsgY2xvc2FibGU6IHRydWUsIG9uQ2xvc2U6IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIGhhbmRsZUNsb3NlKHRhZyk7XG4gICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRhZyB9KSkpO1xuICAgICAgICByZXR1cm4gKF9qc3goXCJzcGFuXCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXNbJ3RhZ2ZpZWxkX19uZXcnXSwgc3R5bGU6IHsgZGlzcGxheTogJ2lubGluZS1ibG9jaycgfSB9LCB7IGNoaWxkcmVuOiB0YWdFbGVtIH0pLCB0YWcpKTtcbiAgICB9O1xuICAgIHZhciB0YWdDaGlsZCA9IHRhZ3MubWFwKGZvck1hcCk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhZ2ZpZWxkIH0sIHsgY2hpbGRyZW46IFtpbnB1dFZpc2libGUgJiYgKF9qc3goSW5wdXQsIHsgcmVmOiBpbnB1dFJlZiwgdHlwZTogXCJ0ZXh0XCIsIHNpemU6IFwic21hbGxcIiwgdmFsdWU6IGlucHV0VmFsdWUsIG9uQ2hhbmdlOiBoYW5kbGVJbnB1dENoYW5nZSwgb25QcmVzc0VudGVyOiBoYW5kbGVJbnB1dENvbmZpcm0sIGNsYXNzTmFtZTogc3R5bGVzWyd0YWdmaWVsZF9faW5wdXQnXSB9KSksICFpbnB1dFZpc2libGUgJiYgKF9qc3hzKFRhZywgX19hc3NpZ24oeyBvbkNsaWNrOiBzaG93SW5wdXQsIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhzdHlsZXNbJ3RhZ2ZpZWxkX19jcmVhdG9yJ10sICdzaXRlLXRhZy1wbHVzJykgfSwgeyBjaGlsZHJlbjogW19qc3goU2VhcmNoT3V0bGluZWQsIHt9KSwgXCIgXCIsIHQoJ2NvbXBvbmVudHMudGFnLnNlYXJjaCcpXSB9KSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiB9IH0sIHsgY2hpbGRyZW46IF9qc3goVHdlZW5PbmVHcm91cCwgX19hc3NpZ24oeyBlbnRlcjoge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2NhbGU6IDAuOCxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnZnJvbScsXG4gICAgICAgICAgICAgICAgICAgICAgICBkdXJhdGlvbjogMTAwLFxuICAgICAgICAgICAgICAgICAgICB9LCBvbkVuZDogZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChlLnR5cGUgPT09ICdhcHBlYXInIHx8IGUudHlwZSA9PT0gJ2VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGUudGFyZ2V0LnN0eWxlID0gJ2Rpc3BsYXk6IGlubGluZS1ibG9jayc7XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH0sIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHdpZHRoOiAwLCBzY2FsZTogMCwgZHVyYXRpb246IDIwMCB9LCBhcHBlYXI6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHRhZ0NoaWxkIH0pKSB9KSldIH0pKSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TagField\": function() { return /* binding */ TagField; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-tween-one */ \"./node_modules/rc-tween-one/es/TweenOneGroup.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Tag/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! i18next */ \"i18next\");\n/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(i18next__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\nvar TagField = function (props) {\n    var _a = props.customTags, customTags = _a === void 0 ? [] : _a, advancedTags = props.advancedTags;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags.filter(function (tag) { return !tag.includes('='); })), tags = _b[0], setTags = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), inputVisible = _c[0], setInputVisible = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), inputValue = _d[0], setInputValue = _d[1];\n    var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), advancedTagList = _e[0], setAdvancedTagList = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), allTags = _f[0], setAllTags = _f[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        if (inputVisible) {\n            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }, [inputVisible]);\n    var handleClose = function (removedTag) {\n        var newAllTags = allTags.filter(function (tag) { return tag !== removedTag; });\n        setAllTags(newAllTags);\n        var newTags = tags.filter(function (tag) { return tag !== removedTag; });\n        setTags(newTags);\n        if (advancedTags && advancedTagList.includes(removedTag)) {\n            var newAdvancedTags = advancedTagList.filter(function (tag) { return tag !== removedTag; });\n            setAdvancedTagList(newAdvancedTags);\n        }\n    };\n    var showInput = function () {\n        setInputVisible(true);\n    };\n    var handleInputChange = function (e) {\n        setInputValue(e.target.value);\n    };\n    var handleInputConfirm = function () {\n        var _a, _b;\n        var isAdvancedTag = false;\n        if (inputValue && allTags.indexOf(inputValue) === -1) {\n            setAllTags(__spreadArray(__spreadArray([], allTags, true), [inputValue], false)); // Add to allTags\n            if (advancedTags && advancedTags.includes(inputValue.split('=')[0]) && !advancedTags.includes(inputValue)) {\n                setAdvancedTagList(__spreadArray(__spreadArray([], advancedTagList, true), [inputValue], false));\n                isAdvancedTag = true;\n            }\n            // Only add the inputValue to the tags array if it's not an advanced tag\n            if (!isAdvancedTag) {\n                setTags(__spreadArray(__spreadArray([], tags, true), [inputValue], false));\n            }\n        }\n        setInputVisible(false);\n        setInputValue('');\n        var basicTags = tags.filter(function (tag) { return !advancedTagList.includes(tag); });\n        (_a = props.tagsInfo) === null || _a === void 0 ? void 0 : _a.call(props, basicTags);\n        (_b = props.advancedTagsInfo) === null || _b === void 0 ? void 0 : _b.call(props, advancedTagList);\n    };\n    var handleKeyDown = function (e) {\n        var cursorPosition = e.currentTarget.selectionStart;\n        var advancedFilterMatch = advancedTags && advancedTags.find(function (filter) { return inputValue.startsWith(\"\".concat(filter, \"=\")); });\n        if (advancedFilterMatch) {\n            var filterLength = advancedFilterMatch.length;\n            if (cursorPosition <= filterLength && ![8, 46].includes(e.keyCode)) {\n                e.preventDefault();\n            }\n        }\n        // Prevent the input of '=' manually\n        if (e.key === \"=\") {\n            e.preventDefault();\n        }\n    };\n    var doSomething = function (e) {\n        var tag = e.target.innerText;\n        if (!advancedTagList.map(function (tag) { return tag.split('=')[0]; }).includes(tag)) {\n            setInputValue(\"\".concat(tag, \"=\"));\n            setInputVisible(true);\n        }\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a, _b;\n        (_a = props.tagsInfo) === null || _a === void 0 ? void 0 : _a.call(props, tags);\n        (_b = props.advancedTagsInfo) === null || _b === void 0 ? void 0 : _b.call(props, advancedTagList);\n    }, [tags, advancedTagList]);\n    var forMap = function (tag) {\n        var tagElem = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ closable: true, onClose: function (e) {\n                e.preventDefault();\n                handleClose(tag);\n            } }, { children: tag })));\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));\n    };\n    var advancedTagsMap = function (tag) {\n        var disabled = advancedTagList.map(function (tag) { return tag.split('=')[0]; }).includes(tag);\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));\n    };\n    var tagChild = allTags.map(forMap);\n    var advancedTagsChild = advancedTags && advancedTags.map(advancedTagsMap);\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 &&\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: {\n                        scale: 0.8,\n                        opacity: 0,\n                        type: 'from',\n                        duration: 100,\n                    }, onEnd: function (e) {\n                        if (e.type === 'appear' || e.type === 'enter') {\n                            e.target.style = 'display: inline-block';\n                        }\n                    }, leave: { opacity: 0, width: 0, scale: 0, duration: 200 }, appear: false }, { children: tagChild })) }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4P2IxYzYiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xuICAgICAgICBpZiAoYXIgfHwgIShpIGluIGZyb20pKSB7XG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTZWFyY2hPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcbmltcG9ydCB7IElucHV0LCBUYWcgfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IFR3ZWVuT25lR3JvdXAgfSBmcm9tICdyYy10d2Vlbi1vbmUnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IHQgfSBmcm9tICdpMThuZXh0JztcbmV4cG9ydCB2YXIgVGFnRmllbGQgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgX2EgPSBwcm9wcy5jdXN0b21UYWdzLCBjdXN0b21UYWdzID0gX2EgPT09IHZvaWQgMCA/IFtdIDogX2EsIGFkdmFuY2VkVGFncyA9IHByb3BzLmFkdmFuY2VkVGFncztcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZShjdXN0b21UYWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiAhdGFnLmluY2x1ZGVzKCc9Jyk7IH0pKSwgdGFncyA9IF9iWzBdLCBzZXRUYWdzID0gX2JbMV07XG4gICAgdmFyIF9jID0gdXNlU3RhdGUoZmFsc2UpLCBpbnB1dFZpc2libGUgPSBfY1swXSwgc2V0SW5wdXRWaXNpYmxlID0gX2NbMV07XG4gICAgdmFyIF9kID0gdXNlU3RhdGUoJycpLCBpbnB1dFZhbHVlID0gX2RbMF0sIHNldElucHV0VmFsdWUgPSBfZFsxXTtcbiAgICB2YXIgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgdmFyIF9lID0gdXNlU3RhdGUoW10pLCBhZHZhbmNlZFRhZ0xpc3QgPSBfZVswXSwgc2V0QWR2YW5jZWRUYWdMaXN0ID0gX2VbMV07XG4gICAgdmFyIF9mID0gdXNlU3RhdGUoW10pLCBhbGxUYWdzID0gX2ZbMF0sIHNldEFsbFRhZ3MgPSBfZlsxXTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcbiAgICAgICAgICAgIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xuICAgIHZhciBoYW5kbGVDbG9zZSA9IGZ1bmN0aW9uIChyZW1vdmVkVGFnKSB7XG4gICAgICAgIHZhciBuZXdBbGxUYWdzID0gYWxsVGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcbiAgICAgICAgc2V0QWxsVGFncyhuZXdBbGxUYWdzKTtcbiAgICAgICAgdmFyIG5ld1RhZ3MgPSB0YWdzLmZpbHRlcihmdW5jdGlvbiAodGFnKSB7IHJldHVybiB0YWcgIT09IHJlbW92ZWRUYWc7IH0pO1xuICAgICAgICBzZXRUYWdzKG5ld1RhZ3MpO1xuICAgICAgICBpZiAoYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFnTGlzdC5pbmNsdWRlcyhyZW1vdmVkVGFnKSkge1xuICAgICAgICAgICAgdmFyIG5ld0FkdmFuY2VkVGFncyA9IGFkdmFuY2VkVGFnTGlzdC5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcbiAgICAgICAgICAgIHNldEFkdmFuY2VkVGFnTGlzdChuZXdBZHZhbmNlZFRhZ3MpO1xuICAgICAgICB9XG4gICAgfTtcbiAgICB2YXIgc2hvd0lucHV0ID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRJbnB1dFZpc2libGUodHJ1ZSk7XG4gICAgfTtcbiAgICB2YXIgaGFuZGxlSW5wdXRDaGFuZ2UgPSBmdW5jdGlvbiAoZSkge1xuICAgICAgICBzZXRJbnB1dFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICB9O1xuICAgIHZhciBoYW5kbGVJbnB1dENvbmZpcm0gPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHZhciBfYSwgX2I7XG4gICAgICAgIHZhciBpc0FkdmFuY2VkVGFnID0gZmFsc2U7XG4gICAgICAgIGlmIChpbnB1dFZhbHVlICYmIGFsbFRhZ3MuaW5kZXhPZihpbnB1dFZhbHVlKSA9PT0gLTEpIHtcbiAgICAgICAgICAgIHNldEFsbFRhZ3MoX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBhbGxUYWdzLCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpOyAvLyBBZGQgdG8gYWxsVGFnc1xuICAgICAgICAgICAgaWYgKGFkdmFuY2VkVGFncyAmJiBhZHZhbmNlZFRhZ3MuaW5jbHVkZXMoaW5wdXRWYWx1ZS5zcGxpdCgnPScpWzBdKSAmJiAhYWR2YW5jZWRUYWdzLmluY2x1ZGVzKGlucHV0VmFsdWUpKSB7XG4gICAgICAgICAgICAgICAgc2V0QWR2YW5jZWRUYWdMaXN0KF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgYWR2YW5jZWRUYWdMaXN0LCB0cnVlKSwgW2lucHV0VmFsdWVdLCBmYWxzZSkpO1xuICAgICAgICAgICAgICAgIGlzQWR2YW5jZWRUYWcgPSB0cnVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gT25seSBhZGQgdGhlIGlucHV0VmFsdWUgdG8gdGhlIHRhZ3MgYXJyYXkgaWYgaXQncyBub3QgYW4gYWR2YW5jZWQgdGFnXG4gICAgICAgICAgICBpZiAoIWlzQWR2YW5jZWRUYWcpIHtcbiAgICAgICAgICAgICAgICBzZXRUYWdzKF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgdGFncywgdHJ1ZSksIFtpbnB1dFZhbHVlXSwgZmFsc2UpKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBzZXRJbnB1dFZpc2libGUoZmFsc2UpO1xuICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgdmFyIGJhc2ljVGFncyA9IHRhZ3MuZmlsdGVyKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuICFhZHZhbmNlZFRhZ0xpc3QuaW5jbHVkZXModGFnKTsgfSk7XG4gICAgICAgIChfYSA9IHByb3BzLnRhZ3NJbmZvKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuY2FsbChwcm9wcywgYmFzaWNUYWdzKTtcbiAgICAgICAgKF9iID0gcHJvcHMuYWR2YW5jZWRUYWdzSW5mbykgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLmNhbGwocHJvcHMsIGFkdmFuY2VkVGFnTGlzdCk7XG4gICAgfTtcbiAgICB2YXIgaGFuZGxlS2V5RG93biA9IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgIHZhciBjdXJzb3JQb3NpdGlvbiA9IGUuY3VycmVudFRhcmdldC5zZWxlY3Rpb25TdGFydDtcbiAgICAgICAgdmFyIGFkdmFuY2VkRmlsdGVyTWF0Y2ggPSBhZHZhbmNlZFRhZ3MgJiYgYWR2YW5jZWRUYWdzLmZpbmQoZnVuY3Rpb24gKGZpbHRlcikgeyByZXR1cm4gaW5wdXRWYWx1ZS5zdGFydHNXaXRoKFwiXCIuY29uY2F0KGZpbHRlciwgXCI9XCIpKTsgfSk7XG4gICAgICAgIGlmIChhZHZhbmNlZEZpbHRlck1hdGNoKSB7XG4gICAgICAgICAgICB2YXIgZmlsdGVyTGVuZ3RoID0gYWR2YW5jZWRGaWx0ZXJNYXRjaC5sZW5ndGg7XG4gICAgICAgICAgICBpZiAoY3Vyc29yUG9zaXRpb24gPD0gZmlsdGVyTGVuZ3RoICYmICFbOCwgNDZdLmluY2x1ZGVzKGUua2V5Q29kZSkpIHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLy8gUHJldmVudCB0aGUgaW5wdXQgb2YgJz0nIG1hbnVhbGx5XG4gICAgICAgIGlmIChlLmtleSA9PT0gXCI9XCIpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgIH07XG4gICAgdmFyIGRvU29tZXRoaW5nID0gZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgdmFyIHRhZyA9IGUudGFyZ2V0LmlubmVyVGV4dDtcbiAgICAgICAgaWYgKCFhZHZhbmNlZFRhZ0xpc3QubWFwKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZy5zcGxpdCgnPScpWzBdOyB9KS5pbmNsdWRlcyh0YWcpKSB7XG4gICAgICAgICAgICBzZXRJbnB1dFZhbHVlKFwiXCIuY29uY2F0KHRhZywgXCI9XCIpKTtcbiAgICAgICAgICAgIHNldElucHV0VmlzaWJsZSh0cnVlKTtcbiAgICAgICAgfVxuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIF9hLCBfYjtcbiAgICAgICAgKF9hID0gcHJvcHMudGFnc0luZm8pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCB0YWdzKTtcbiAgICAgICAgKF9iID0gcHJvcHMuYWR2YW5jZWRUYWdzSW5mbykgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLmNhbGwocHJvcHMsIGFkdmFuY2VkVGFnTGlzdCk7XG4gICAgfSwgW3RhZ3MsIGFkdmFuY2VkVGFnTGlzdF0pO1xuICAgIHZhciBmb3JNYXAgPSBmdW5jdGlvbiAodGFnKSB7XG4gICAgICAgIHZhciB0YWdFbGVtID0gKF9qc3goVGFnLCBfX2Fzc2lnbih7IGNsb3NhYmxlOiB0cnVlLCBvbkNsb3NlOiBmdW5jdGlvbiAoZSkge1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSh0YWcpO1xuICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0YWcgfSkpKTtcbiAgICAgICAgcmV0dXJuIChfanN4KFwic3BhblwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzWyd0YWdmaWVsZF9fbmV3J10sIHN0eWxlOiB7IGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snIH0gfSwgeyBjaGlsZHJlbjogdGFnRWxlbSB9KSwgdGFnKSk7XG4gICAgfTtcbiAgICB2YXIgYWR2YW5jZWRUYWdzTWFwID0gZnVuY3Rpb24gKHRhZykge1xuICAgICAgICB2YXIgZGlzYWJsZWQgPSBhZHZhbmNlZFRhZ0xpc3QubWFwKGZ1bmN0aW9uICh0YWcpIHsgcmV0dXJuIHRhZy5zcGxpdCgnPScpWzBdOyB9KS5pbmNsdWRlcyh0YWcpO1xuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBvbkNsaWNrOiAhZGlzYWJsZWQgPyBkb1NvbWV0aGluZyA6IHVuZGVmaW5lZCwgc3R5bGU6IHsgY29sb3I6IGRpc2FibGVkID8gJ2dyYXknIDogdW5kZWZpbmVkIH0gfSwgeyBjaGlsZHJlbjogdGFnIH0pLCB0YWcpKTtcbiAgICB9O1xuICAgIHZhciB0YWdDaGlsZCA9IGFsbFRhZ3MubWFwKGZvck1hcCk7XG4gICAgdmFyIGFkdmFuY2VkVGFnc0NoaWxkID0gYWR2YW5jZWRUYWdzICYmIGFkdmFuY2VkVGFncy5tYXAoYWR2YW5jZWRUYWdzTWFwKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFnZmllbGQgfSwgeyBjaGlsZHJlbjogW2lucHV0VmlzaWJsZSAmJiAoX2pzeChJbnB1dCwgeyByZWY6IGlucHV0UmVmLCB0eXBlOiBcInRleHRcIiwgc2l6ZTogXCJzbWFsbFwiLCB2YWx1ZTogaW5wdXRWYWx1ZSwgb25DaGFuZ2U6IGhhbmRsZUlucHV0Q2hhbmdlLCBvbktleURvd246IGhhbmRsZUtleURvd24sIG9uUHJlc3NFbnRlcjogaGFuZGxlSW5wdXRDb25maXJtLCBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX2lucHV0J10gfSkpLCAhaW5wdXRWaXNpYmxlICYmIChfanN4cyhUYWcsIF9fYXNzaWduKHsgb25DbGljazogc2hvd0lucHV0LCBjbGFzc05hbWU6IGNsYXNzTmFtZXMoc3R5bGVzWyd0YWdmaWVsZF9fY3JlYXRvciddLCAnc2l0ZS10YWctcGx1cycpIH0sIHsgY2hpbGRyZW46IFtfanN4KFNlYXJjaE91dGxpbmVkLCB7fSksIFwiIFwiLCB0KCdjb21wb25lbnRzLnRhZy5zZWFyY2gnKV0gfSkpKSwgYWR2YW5jZWRUYWdzICYmXG4gICAgICAgICAgICAgICAgX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBzdHlsZTogeyBtYXJnaW5Ub3A6IDE2LCBtYXJnaW5Cb3R0b206IDE2IH0sIGNsYXNzTmFtZTogc3R5bGVzLmFkdmFuY2VkVGFnc1dyYXBwZXIgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMubGFiZWwgfSwgeyBjaGlsZHJlbjogW3QoJ2NvbXBvbmVudHMudGFnLmFkdmFuY2VkRmllbGRzJyksIFwiOlwiXSB9KSksIF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5hZHZhbmNlZFRhZ3MgfSwgeyBjaGlsZHJlbjogYWR2YW5jZWRUYWdzQ2hpbGQgfSkpXSB9KSksIF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBzdHlsZTogeyBtYXJnaW5Ub3A6IDE2IH0gfSwgeyBjaGlsZHJlbjogX2pzeChUd2Vlbk9uZUdyb3VwLCBfX2Fzc2lnbih7IGVudGVyOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzY2FsZTogMC44LFxuICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU6ICdmcm9tJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAxMDAsXG4gICAgICAgICAgICAgICAgICAgIH0sIG9uRW5kOiBmdW5jdGlvbiAoZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGUudHlwZSA9PT0gJ2FwcGVhcicgfHwgZS50eXBlID09PSAnZW50ZXInKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZS50YXJnZXQuc3R5bGUgPSAnZGlzcGxheTogaW5saW5lLWJsb2NrJztcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfSwgbGVhdmU6IHsgb3BhY2l0eTogMCwgd2lkdGg6IDAsIHNjYWxlOiAwLCBkdXJhdGlvbjogMjAwIH0sIGFwcGVhcjogZmFsc2UgfSwgeyBjaGlsZHJlbjogdGFnQ2hpbGQgfSkpIH0pKV0gfSkpKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
 
 /***/ }),
 
@@ -11781,7 +11781,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(module) {
 
 "use strict";
-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":"Go Back ENG","logout":"Log Out ENG","home":"Home ENG"},"actions":{"one":"one ENG","two":"two ENG"},"components":{"category":{"addQuestion":"Add Question ENG","placeholderInfo":"Question Information ENG","errorInfo":"Missing Question Information ENG","placeholderQuestion":"Question ENG","errorQuestion":"Missing Question ENG","placeholderGrade":"Grade ENG","errorGrade":"Missing Grade ENG"},"categorySidBar":{"addCategory":"Adicionar Categoria","removeCategory":"Remover Categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome Categoria","weighting":"Ponderação","openAnswer":"Resposta Aberta","answerOption":"Opção De Resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categories ENG","categoryAverage":"Categoy Score ENG"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar"},"table":{"selectAll":"Select All","deselectAll":"Deselect All"}}}');
+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":"Go Back ENG","logout":"Log Out ENG","home":"Home ENG"},"actions":{"one":"one ENG","two":"two ENG"},"components":{"category":{"addQuestion":"Add Question ENG","placeholderInfo":"Question Information ENG","errorInfo":"Missing Question Information ENG","placeholderQuestion":"Question ENG","errorQuestion":"Missing Question ENG","placeholderGrade":"Grade ENG","errorGrade":"Missing Grade ENG"},"categorySidBar":{"addCategory":"Adicionar Categoria","removeCategory":"Remover Categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome Categoria","weighting":"Ponderação","openAnswer":"Resposta Aberta","answerOption":"Opção De Resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categories ENG","categoryAverage":"Categoy Score ENG"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar","advancedFields":"Advanced Fields"},"table":{"selectAll":"Select All","deselectAll":"Deselect All"}}}');
 
 /***/ }),
 
@@ -11792,7 +11792,7 @@ module.exports = JSON.parse('{"tableHeadings":{"key":"Chave","name":"Nome","meca
 /***/ (function(module) {
 
 "use strict";
-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":"Go Back ES","logout":"Log Out ES","home":"Home ES"},"actions":{"one":"one ES","two":"two ES"},"components":{"category":{"addQuestion":"Add Question ES","placeholderInfo":"Question Information ES","errorInfo":"Missing Question Information ES","placeholderQuestion":"Question ES","errorQuestion":"Missing Question ES","placeholderGrade":"Grade ES","errorGrade":"Missing Grade ES"},"categorySidBar":{"addCategory":"Adicionar Categoria","removeCategory":"Remover Categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome Categoria","weighting":"Ponderação","openAnswer":"Resposta Aberta","answerOption":"Opção De Resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categories ES","categoryAverage":"Categoy Score ES"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar"},"table":{"selectAll":"Select All ES","deselectAll":"Deselect All ES"}}}');
+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":"Go Back ES","logout":"Log Out ES","home":"Home ES"},"actions":{"one":"one ES","two":"two ES"},"components":{"category":{"addQuestion":"Add Question ES","placeholderInfo":"Question Information ES","errorInfo":"Missing Question Information ES","placeholderQuestion":"Question ES","errorQuestion":"Missing Question ES","placeholderGrade":"Grade ES","errorGrade":"Missing Grade ES"},"categorySidBar":{"addCategory":"Adicionar Categoria","removeCategory":"Remover Categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome Categoria","weighting":"Ponderação","openAnswer":"Resposta Aberta","answerOption":"Opção De Resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categories ES","categoryAverage":"Categoy Score ES"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar","advancedFields":"Advanced Fields"},"table":{"selectAll":"Select All ES","deselectAll":"Deselect All ES"}}}');
 
 /***/ }),
 
@@ -11803,7 +11803,7 @@ module.exports = JSON.parse('{"tableHeadings":{"key":"Chave","name":"Nome","meca
 /***/ (function(module) {
 
 "use strict";
-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":"Go Back PT","logout":"Log Out PT","home":"Home PT"},"actions":{"one":"one PT","two":"two PT"},"components":{"category":{"addQuestion":"Add Question PT","placeholderInfo":"Question Information PT","errorInfo":"Missing Question Information PT","placeholderQuestion":"Question PT","errorQuestion":"Missing Question PT","placeholderGrade":"Grade PT","errorGrade":"Missing Grade PT"},"categorySidBar":{"addCategory":"Adicionar Categoria","removeCategory":"Remover Categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome Categoria","weighting":"Ponderação","openAnswer":"Resposta Aberta","answerOption":"Opção De Resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categories PT","categoryAverage":"Categoy Score PT"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar"},"table":{"selectAll":"Select All PT","deselectAll":"Deselect All PT"}}}');
+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":"Go Back PT","logout":"Log Out PT","home":"Home PT"},"actions":{"one":"one PT","two":"two PT"},"components":{"category":{"addQuestion":"Add Question PT","placeholderInfo":"Question Information PT","errorInfo":"Missing Question Information PT","placeholderQuestion":"Question PT","errorQuestion":"Missing Question PT","placeholderGrade":"Grade PT","errorGrade":"Missing Grade PT"},"categorySidBar":{"addCategory":"Adicionar Categoria","removeCategory":"Remover Categoria"},"categoryContent":{"message":"Por favor selecione uma categoria na barra lateral","categoryName":"Nome Categoria","weighting":"Ponderação","openAnswer":"Resposta Aberta","answerOption":"Opção De Resposta","answers":"Questões"},"categoryResponse":{"notApplicable":"Não Aplicável","answer":"Resposta"},"categoryReadOnly":{"categories":"Categories PT","categoryAverage":"Categoy Score PT"},"analyticsBar":{"desc":"Decrescente","asc":"Crescente"},"tag":{"search":"Procurar","advancedFields":"Advanced Fields"},"table":{"selectAll":"Select All PT","deselectAll":"Deselect All PT"}}}');
 
 /***/ })
 

package/dist/main.css

@@ -280,6 +280,20 @@
 .Hfh5KLg4Y_g44Ajhx9aV .anticon-close:hover {
   color: var(--color-black);
 }
+.yhGDUJJiYhqjPCJgNdjI .Gj9zvBh4toFNL6uoWOIk {
+  display: flex;
+  gap: 12px;
+}
+.yhGDUJJiYhqjPCJgNdjI .BvTiplJPlDM4ob_yobaL {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+  font-family: "SilkaBold";
+  text-decoration: underline;
+}
+.yhGDUJJiYhqjPCJgNdjI .BvTiplJPlDM4ob_yobaL div {
+  cursor: pointer;
+}
 /*!*******************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/DatePicker/styles.module.scss ***!
   \*******************************************************************************************************************************************************************/

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

@@ -8,5 +8,6 @@ export interface ModalWithTableProps {
     isLoading?: boolean;
     confirmLoading?: boolean;
     initialRowSelectedInfo?: any;
+    advancedTagsList?: string[];
 }
 export declare const ModalWithTable: (props: ModalWithTableProps) => JSX.Element;

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

@@ -1,6 +1,8 @@
 import { TagProps } from 'antd';
 export interface customTagProps extends TagProps {
-    customTags?: any;
-    tagsInfo?: any;
+    customTags?: string[];
+    tagsInfo?: (tags: string[]) => void;
+    advancedTagsInfo?: (tags: string[]) => void;
+    advancedTags?: string[];
 }
 export declare const TagField: (props: customTagProps) => JSX.Element;

package/package.json

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

package/src/components/ModalWithTable/ModalWithTable.stories.tsx

@@ -84,7 +84,7 @@ const Template: Story<ModalWithTableProps> = (args) => {
     return (
         <>
             <button onClick={() => onClickMe()}> Button </button>
-            <ModalWithTable {...args} modalData={setModalData} isLoading={isFetching} tableData={data} isOpen={isModalOpen}></ModalWithTable>
+            <ModalWithTable {...args} modalData={setModalData} isLoading={isFetching} tableData={data} isOpen={isModalOpen} advancedTagsList={['Country', 'County']}></ModalWithTable>
         </>
     );
 }

package/src/components/ModalWithTable/index.tsx

@@ -16,6 +16,8 @@ export interface ModalWithTableProps {
     isLoading?: boolean;
     confirmLoading?: boolean;
     initialRowSelectedInfo?: any;
+    // Tags List for advanced search
+    advancedTagsList?: string[];
 }
 function objectsAreEqual(obj1: any, obj2: any) {
     const keys1 = Object.keys(obj1);
@@ -46,7 +48,8 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
         tableData,
         modalData,
         isLoading,
-        initialRowSelectedInfo
+        initialRowSelectedInfo,
+        advancedTagsList
     } = props;
 
     const prevIsOpenRef = useRef<boolean>();
@@ -60,6 +63,7 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
         pageInfo: {},
         rowSelectionInfo: [],
         tagsInfo: [],
+        advancedTagsInfo: [],
         selectedData: [],
     });
     const pageBase = { currentPage: 1 };
@@ -68,6 +72,7 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
     const [pageInfo, setPageInfo] = useState<any>(pageBase);
     const [rowSelectionInfo, setRowSelectionInfo] = useState<any>(undefined);
     const [tagsInfo, setTagsInfo] = useState<any>([]);
+    const [advancedTagsInfo, setAdvancedTagsInfo] = useState<any>([]);
     const [selectedData, setSelectedData] = useState<any>([]);
 
     useEffect(() => {
@@ -78,6 +83,7 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
                 pageInfo: pageInfo,
                 rowSelectionInfo: rowSelectionInfo,
                 tagsInfo: tagsInfo,
+                advancedTagsInfo: advancedTagsInfo,
                 selectedData: selectedData,
             });
         }
@@ -92,12 +98,12 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
         setPageInfo(initialValues.pageInfo);
         setRowSelectionInfo(initialValues.rowSelectionInfo);
         setTagsInfo(initialValues.tagsInfo);
+        setAdvancedTagsInfo(initialValues.advancedTagsInfo)
         setSelectedData(initialValues.selectedData);
     };
 
     const saveChanges = () => {
         setOpen(false);
-        
         if (tableData?.rowSelection?.type === 'radio') {
             setSelectedData([selectedData[selectedData.length - 1]]);
         }
@@ -112,12 +118,13 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
             pageInfo: pageInfo,
             rowSelectionInfo: rowSelectionInfo,
             tagsInfo: tagsInfo,
+            advancedTagsInfo: advancedTagsInfo,
             open: open,
             selectedData: selectedData,
         };
 
         modalData(modalDataObj);
-    }, [tagsInfo, open, rowSelectionInfo, selectedData]);
+    }, [tagsInfo, advancedTagsInfo, open, rowSelectionInfo, selectedData]);
 
     useEffect(() => {
         const selectedRowKeys = rowSelectionInfo || tableData.rowSelection.selectedRowKeys;
@@ -172,6 +179,12 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
         }
     }, [tagsInfo]);
 
+    useEffect(() => {
+        if (advancedTagsInfo.length > 0) {
+            setConfirmLoading(true);
+        }
+    }, [advancedTagsInfo]);
+
     useEffect(() => {
         setConfirmLoading(isLoading!);
     }, [isLoading]);
@@ -203,7 +216,7 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
                 className={modalClasses}
             >
                 <div className={styles.tagsWrapper}>
-                    <TagField tagsInfo={setTagsInfo} />
+                    <TagField tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo} advancedTags={advancedTagsList} />
                 </div>
 
                 <div className={styles.tableWrapper}>

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

@@ -10,8 +10,11 @@ export default {
 
 const Template: Story<TagProps> = (args) => {
     const [tagsInfo, setTagsInfo] = useState<any>({});
+    const [advancedTagsInfo, setAdvancedTagsInfo] = useState<any>({});
+
+    console.log('page: basic', tagsInfo,'advanced', advancedTagsInfo);
     
-    return <TagField {...args} tagsInfo={setTagsInfo}></TagField>;
+    return <TagField {...args} tagsInfo={setTagsInfo} advancedTagsInfo={setAdvancedTagsInfo}></TagField>;
 }
 
 export const Primary = Template.bind({});

package/src/components/Tag/index.tsx

@@ -8,17 +8,21 @@ import classNames from 'classnames';
 import { t } from 'i18next';
 
 export interface customTagProps extends TagProps {
-    customTags?: any,
-    tagsInfo?: any;
+    customTags?: string[],
+    tagsInfo?: (tags: string[]) => void,
+    advancedTagsInfo?: (tags: string[]) => void,
+    advancedTags?: string[],
 }
 
 export const TagField = (props: customTagProps) => {
-    const { customTags = [] } = props;
+    const { customTags = [], advancedTags } = props;
 
-    const [tags, setTags] = useState<string[]>(customTags);
+    const [tags, setTags] = useState<string[]>(customTags.filter(tag => !tag.includes('=')));
     const [inputVisible, setInputVisible] = useState<boolean>(false);
     const [inputValue, setInputValue] = useState('');
     const inputRef = useRef<InputRef>(null);
+    const [advancedTagList, setAdvancedTagList] = useState<string[]>([]);
+    const [allTags, setAllTags] = useState<string[]>([]);
 
     useEffect(() => {
         if (inputVisible) {
@@ -27,8 +31,16 @@ export const TagField = (props: customTagProps) => {
     }, [inputVisible]);
 
     const handleClose = (removedTag: string) => {
+        const newAllTags = allTags.filter((tag) => tag !== removedTag);
+        setAllTags(newAllTags);
+
         const newTags = tags.filter((tag) => tag !== removedTag);
         setTags(newTags);
+
+        if (advancedTags && advancedTagList.includes(removedTag)) {
+            const newAdvancedTags = advancedTagList.filter((tag) => tag !== removedTag);
+            setAdvancedTagList(newAdvancedTags);
+        }
     };
 
     const showInput = () => {
@@ -40,16 +52,57 @@ export const TagField = (props: customTagProps) => {
     };
 
     const handleInputConfirm = () => {
-        if (inputValue && tags.indexOf(inputValue) === -1) {
-            setTags([...tags, inputValue]);
+        let isAdvancedTag = false;
+        if (inputValue && allTags.indexOf(inputValue) === -1) {
+            setAllTags([...allTags, inputValue]); // Add to allTags
+            if (advancedTags && advancedTags.includes(inputValue.split('=')[0]) && !advancedTags.includes(inputValue)) {
+                setAdvancedTagList([...advancedTagList, inputValue]);
+                isAdvancedTag = true;
+            }
+
+            // Only add the inputValue to the tags array if it's not an advanced tag
+            if (!isAdvancedTag) {
+                setTags([...tags, inputValue]);
+            }
         }
+
         setInputVisible(false);
         setInputValue('');
+
+        const basicTags = tags.filter((tag) => !advancedTagList.includes(tag));
+        props.tagsInfo?.(basicTags);
+        props.advancedTagsInfo?.(advancedTagList);
+    };
+
+    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+        const cursorPosition: any = e.currentTarget.selectionStart;
+        const advancedFilterMatch = advancedTags && advancedTags.find((filter: any) => inputValue.startsWith(`${filter}=`));
+        if (advancedFilterMatch) {
+            const filterLength = advancedFilterMatch.length;
+            if (cursorPosition <= filterLength && ![8, 46].includes(e.keyCode)) {
+                e.preventDefault();
+            }
+        }
+
+        // Prevent the input of '=' manually
+        if (e.key === "=") {
+            e.preventDefault();
+        }
     };
 
+    const doSomething = (e: any) => {
+        const tag = e.target.innerText;
+        if (!advancedTagList.map(tag => tag.split('=')[0]).includes(tag)) {
+            setInputValue(`${tag}=`);
+            setInputVisible(true);
+        }
+    };
+
+
     useEffect(() => {
-        props?.tagsInfo(tags);
-    }, [tags]);
+        props.tagsInfo?.(tags);
+        props.advancedTagsInfo?.(advancedTagList);
+    }, [tags, advancedTagList]);
 
     const forMap = (tag: string) => {
         const tagElem = (
@@ -69,8 +122,18 @@ export const TagField = (props: customTagProps) => {
             </span>
         );
     };
-    
-    const tagChild = tags.map(forMap);
+
+    const advancedTagsMap = (tag: string) => {
+        const disabled = advancedTagList.map(tag => tag.split('=')[0]).includes(tag);
+        return (
+            <div onClick={!disabled ? doSomething : undefined} key={tag} style={{ color: disabled ? 'gray' : undefined }}>
+                {tag}
+            </div>
+        )
+    }
+
+    const tagChild = allTags.map(forMap);
+    const advancedTagsChild = advancedTags && advancedTags.map(advancedTagsMap);
 
     return (
         <div className={styles.tagfield}>
@@ -81,15 +144,27 @@ export const TagField = (props: customTagProps) => {
                     size="small"
                     value={inputValue}
                     onChange={handleInputChange}
+                    onKeyDown={handleKeyDown}
                     onPressEnter={handleInputConfirm}
                     className={styles['tagfield__input']}
                 />
             )}
             {!inputVisible && (
                 <Tag onClick={showInput} className={classNames(styles['tagfield__creator'], 'site-tag-plus')}>
-                    <SearchOutlined /> { t('components.tag.search') }
+                    <SearchOutlined /> {t('components.tag.search')}
                 </Tag>
             )}
+            {
+                advancedTags &&
+                <div style={{ marginTop: 16, marginBottom: 16 }} className={styles.advancedTagsWrapper}>
+                    <div className={styles.label}>
+                    {t('components.tag.advancedFields')}:
+                    </div>
+                    <div className={styles.advancedTags}>
+                        {advancedTagsChild}
+                    </div>
+                </div>
+            }
             <div style={{ marginTop: 16 }}>
                 <TweenOneGroup
                     enter={{

package/src/components/Tag/styles.module.scss

@@ -40,4 +40,21 @@
             }
         }
     }
+
+    .advancedTagsWrapper {
+        display: flex;
+        gap: 12px;
+    }
+
+    .advancedTags {
+        display: flex;
+        flex-direction: row;
+        gap: 12px;
+        font-family: "SilkaBold";
+        text-decoration: underline;
+
+        div {
+            cursor: pointer;
+        }
+    }
 }

package/src/locales/en.json

@@ -70,7 +70,8 @@
             "asc": "Crescente"
         },
         "tag": {
-            "search": "Procurar"
+            "search": "Procurar",
+            "advancedFields": "Advanced Fields"
         },
         "table": {
             "selectAll": "Select All",

package/src/locales/es.json

@@ -70,7 +70,8 @@
             "asc": "Crescente"
         },
         "tag": {
-            "search": "Procurar"
+            "search": "Procurar",
+            "advancedFields": "Advanced Fields"
         },
         "table": {
             "selectAll": "Select All ES",

package/src/locales/pt.json

@@ -70,7 +70,8 @@
             "asc": "Crescente"
         },
         "tag": {
-            "search": "Procurar"
+            "search": "Procurar",
+            "advancedFields": "Advanced Fields"
         },
         "table": {
             "selectAll": "Select All PT",