@omniumretail/component-library 0.1.20 → 1.0.0

package/README.md

@@ -1,3 +1,9 @@
+# Release Note
+Release 06 February
+
+New + Improved:
+Add the default components for the Omnium applications.
+
 # Getting Started with Create React App
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
@@ -44,3 +50,5 @@ You don’t have to ever use `eject`. The curated feature set is suitable for sm
 You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
 
 To learn React, check out the [React documentation](https://reactjs.org/).
+
+

package/dist/bundle.js

@@ -8763,7 +8763,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 */   \"FormInputField\": function() { return /* binding */ FormInputField; },\n/* harmony export */   \"InputField\": function() { return /* binding */ InputField; }\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 antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/form/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Input/styles.module.scss\");\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 __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\n\nvar InputField = function (inputProps) {\n    var customClass = inputProps.customClass;\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"], __assign({ className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].input, \" \").concat(customClass) }, inputProps)));\n};\nvar FormInputField = function (_a) {\n    var inputProps = _a.inputProps, itemProps = __rest(_a, [\"inputProps\"]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Item, __assign({}, itemProps, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(InputField, __assign({}, inputProps)) })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9JbnB1dC9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvSW5wdXQvaW5kZXgudHN4PzFkNzYiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBGb3JtLCBJbnB1dCB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5leHBvcnQgdmFyIElucHV0RmllbGQgPSBmdW5jdGlvbiAoaW5wdXRQcm9wcykge1xuICAgIHZhciBjdXN0b21DbGFzcyA9IGlucHV0UHJvcHMuY3VzdG9tQ2xhc3M7XG4gICAgcmV0dXJuIChfanN4KElucHV0LCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogXCJcIi5jb25jYXQoc3R5bGVzLmlucHV0LCBcIiBcIikuY29uY2F0KGN1c3RvbUNsYXNzKSB9LCBpbnB1dFByb3BzKSkpO1xufTtcbmV4cG9ydCB2YXIgRm9ybUlucHV0RmllbGQgPSBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgaW5wdXRQcm9wcyA9IF9hLmlucHV0UHJvcHMsIGl0ZW1Qcm9wcyA9IF9fcmVzdChfYSwgW1wiaW5wdXRQcm9wc1wiXSk7XG4gICAgcmV0dXJuIChfanN4KEZvcm0uSXRlbSwgX19hc3NpZ24oe30sIGl0ZW1Qcm9wcywgeyBjaGlsZHJlbjogX2pzeChJbnB1dEZpZWxkLCBfX2Fzc2lnbih7fSwgaW5wdXRQcm9wcykpIH0pKSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Input/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"FormInputField\": function() { return /* binding */ FormInputField; },\n/* harmony export */   \"InputField\": function() { return /* binding */ InputField; }\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 antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/form/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Input/styles.module.scss\");\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 __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\n\nvar InputField = function (_a) {\n    var customClass = _a.customClass, inputProps = __rest(_a, [\"customClass\"]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"], __assign({ className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].input, \" \").concat(customClass) }, inputProps)));\n};\nvar FormInputField = function (_a) {\n    var inputProps = _a.inputProps, itemProps = __rest(_a, [\"inputProps\"]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Item, __assign({}, itemProps, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(InputField, __assign({}, inputProps)) })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9JbnB1dC9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvSW5wdXQvaW5kZXgudHN4PzFkNzYiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBGb3JtLCBJbnB1dCB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5leHBvcnQgdmFyIElucHV0RmllbGQgPSBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgY3VzdG9tQ2xhc3MgPSBfYS5jdXN0b21DbGFzcywgaW5wdXRQcm9wcyA9IF9fcmVzdChfYSwgW1wiY3VzdG9tQ2xhc3NcIl0pO1xuICAgIHJldHVybiAoX2pzeChJbnB1dCwgX19hc3NpZ24oeyBjbGFzc05hbWU6IFwiXCIuY29uY2F0KHN0eWxlcy5pbnB1dCwgXCIgXCIpLmNvbmNhdChjdXN0b21DbGFzcykgfSwgaW5wdXRQcm9wcykpKTtcbn07XG5leHBvcnQgdmFyIEZvcm1JbnB1dEZpZWxkID0gZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIGlucHV0UHJvcHMgPSBfYS5pbnB1dFByb3BzLCBpdGVtUHJvcHMgPSBfX3Jlc3QoX2EsIFtcImlucHV0UHJvcHNcIl0pO1xuICAgIHJldHVybiAoX2pzeChGb3JtLkl0ZW0sIF9fYXNzaWduKHt9LCBpdGVtUHJvcHMsIHsgY2hpbGRyZW46IF9qc3goSW5wdXRGaWVsZCwgX19hc3NpZ24oe30sIGlucHV0UHJvcHMpKSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Input/index.tsx\n");
 
 /***/ }),
 
@@ -8829,7 +8829,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 */   \"CustomSelect\": function() { return /* binding */ CustomSelect; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Select/styles.module.scss\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/select/index.js\");\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};\n\n\n\nvar CustomSelect = function (props) {\n    var defaultValue = props.defaultValue, options = props.options, customClass = props.customClass;\n    return ((options || defaultValue) &&\n        (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"], __assign({ className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].select, \" \").concat(customClass), defaultValue: defaultValue, style: { minWidth: 180 }, options: options }, props)));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9pbmRleC50c3g/MDMzYSJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnYW50ZCc7XG5leHBvcnQgdmFyIEN1c3RvbVNlbGVjdCA9IGZ1bmN0aW9uIChwcm9wcykge1xuICAgIHZhciBkZWZhdWx0VmFsdWUgPSBwcm9wcy5kZWZhdWx0VmFsdWUsIG9wdGlvbnMgPSBwcm9wcy5vcHRpb25zLCBjdXN0b21DbGFzcyA9IHByb3BzLmN1c3RvbUNsYXNzO1xuICAgIHJldHVybiAoKG9wdGlvbnMgfHwgZGVmYXVsdFZhbHVlKSAmJlxuICAgICAgICBfanN4KFNlbGVjdCwgX19hc3NpZ24oeyBjbGFzc05hbWU6IFwiXCIuY29uY2F0KHN0eWxlcy5zZWxlY3QsIFwiIFwiKS5jb25jYXQoY3VzdG9tQ2xhc3MpLCBkZWZhdWx0VmFsdWU6IGRlZmF1bHRWYWx1ZSwgc3R5bGU6IHsgbWluV2lkdGg6IDE4MCB9LCBvcHRpb25zOiBvcHRpb25zIH0sIHByb3BzKSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Select/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"CustomSelect\": function() { return /* binding */ CustomSelect; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Select/styles.module.scss\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/select/index.js\");\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 __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\n\nvar CustomSelect = function (_a) {\n    var customClass = _a.customClass, props = __rest(_a, [\"customClass\"]);\n    var defaultValue = props.defaultValue, options = props.options;\n    return ((options || defaultValue) &&\n        (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"], __assign({ className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].select, \" \").concat(customClass), defaultValue: defaultValue, style: { minWidth: 180 }, options: options }, props)));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9pbmRleC50c3g/MDMzYSJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnYW50ZCc7XG5leHBvcnQgdmFyIEN1c3RvbVNlbGVjdCA9IGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBjdXN0b21DbGFzcyA9IF9hLmN1c3RvbUNsYXNzLCBwcm9wcyA9IF9fcmVzdChfYSwgW1wiY3VzdG9tQ2xhc3NcIl0pO1xuICAgIHZhciBkZWZhdWx0VmFsdWUgPSBwcm9wcy5kZWZhdWx0VmFsdWUsIG9wdGlvbnMgPSBwcm9wcy5vcHRpb25zO1xuICAgIHJldHVybiAoKG9wdGlvbnMgfHwgZGVmYXVsdFZhbHVlKSAmJlxuICAgICAgICBfanN4KFNlbGVjdCwgX19hc3NpZ24oeyBjbGFzc05hbWU6IFwiXCIuY29uY2F0KHN0eWxlcy5zZWxlY3QsIFwiIFwiKS5jb25jYXQoY3VzdG9tQ2xhc3MpLCBkZWZhdWx0VmFsdWU6IGRlZmF1bHRWYWx1ZSwgc3R5bGU6IHsgbWluV2lkdGg6IDE4MCB9LCBvcHRpb25zOiBvcHRpb25zIH0sIHByb3BzKSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Select/index.tsx\n");
 
 /***/ }),
 
@@ -8851,7 +8851,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 */   \"CustomTable\": function() { return /* binding */ CustomTable; },\n/* harmony export */   \"sortBy\": function() { return /* binding */ sortBy; }\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 antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/space/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/dropdown/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/select/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/table/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Table/styles.module.scss\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/MoreOutlined.js\");\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\nvar sortBy;\n(function (sortBy) {\n    sortBy[\"asc\"] = \"asc\";\n    sortBy[\"desc\"] = \"desc\";\n})(sortBy || (sortBy = {}));\nvar CustomTable = function (props) {\n    var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\n    var dataSource = props.dataSource, _a = props.fieldsToSort, fieldsToSort = _a === void 0 ? ['key', 'name', 'store'] : _a, _b = props.selectPlaceholder, selectPlaceholder = _b === void 0 ? 'Sort By' : _b, onSort = props.onSort, headingTranslationsKey = props.headingTranslationsKey, items = props.actionsArray;\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customFilters = _c[0], setCustomFilters = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customColumns = _d[0], setCustomColumns = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), sortInfo = _e[0], setSortInfo = _e[1];\n    var handleChange = function (pagination) {\n        var getPagination = {\n            currentPage: pagination.current,\n        };\n        var getSortAndPaginationInfo = __assign(__assign({}, sortInfo), getPagination);\n        props.paginationInfo(getSortAndPaginationInfo);\n    };\n    var setSorter = function (option) {\n        onSort === null || onSort === void 0 ? void 0 : onSort(option.value.split('-')[0], option.direction);\n        var sortData = {\n            sortDirection: option.direction,\n            sortValue: option.value.split('-')[0],\n        };\n        setSortInfo(sortData);\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        // Columns\n        var columns = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).map(function (key) {\n            return ({\n                title: headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key,\n                dataIndex: key,\n                key: key,\n                ellipsis: true,\n            });\n        });\n        var columnActions = {\n            title: 'Action',\n            key: 'action',\n            dataIndex: 6,\n            ellipsis: false,\n            render: function () { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ size: \"middle\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ menu: { items: items } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"a\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { style: { color: 'var(--color-blue)', transform: 'scale(1.6)' } }) }) })) }))); },\n        };\n        items && columns.push(columnActions);\n        setCustomColumns(columns);\n        // Filters\n        var dataKeysToFilter = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).filter(function (el) { return fieldsToSort.includes(el); });\n        var filters = (_a = []).concat.apply(_a, __spreadArray(__spreadArray([], dataKeysToFilter.map(function (key) { return ({\n            value: \"\".concat(key, \"-\").concat(sortBy.desc),\n            label: \"\".concat(headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key, \" (\").concat(sortBy.desc, \")\"),\n            direction: \"\".concat(sortBy.desc),\n        }); }), false), dataKeysToFilter.map(function (key) { return ({\n            value: \"\".concat(key, \"-\").concat(sortBy.asc),\n            label: \"\".concat(headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key, \" (\").concat(sortBy.asc, \")\"),\n            direction: \"\".concat(sortBy.asc),\n        }); }), false));\n        setCustomFilters(filters);\n    }, [dataSource]);\n    var shouldRenderSortDropdown = customFilters.length > 0;\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tableWrapper }, { children: [shouldRenderSortDropdown &&\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ style: { marginBottom: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { style: { width: 'auto', minWidth: 200 }, placeholder: selectPlaceholder, onSelect: function (_, option) {\n                            setSorter(option);\n                        }, optionFilterProp: \"children\", filterOption: function (input, option) { var _a; return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : '').includes(input); }, filterSort: function (optionA, optionB) { var _a, _b; return ((_a = optionA === null || optionA === void 0 ? void 0 : optionA.label) !== null && _a !== void 0 ? _a : '').toLowerCase().localeCompare(((_b = optionB === null || optionB === void 0 ? void 0 : optionB.label) !== null && _b !== void 0 ? _b : '').toLowerCase()); }, options: customFilters }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ dataSource: dataSource, onChange: handleChange }, props, { columns: customColumns }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3g/M2U4OCJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fc3ByZWFkQXJyYXkgPSAodGhpcyAmJiB0aGlzLl9fc3ByZWFkQXJyYXkpIHx8IGZ1bmN0aW9uICh0bywgZnJvbSwgcGFjaykge1xuICAgIGlmIChwYWNrIHx8IGFyZ3VtZW50cy5sZW5ndGggPT09IDIpIGZvciAodmFyIGkgPSAwLCBsID0gZnJvbS5sZW5ndGgsIGFyOyBpIDwgbDsgaSsrKSB7XG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcbiAgICAgICAgICAgIGlmICghYXIpIGFyID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSwgMCwgaSk7XG4gICAgICAgICAgICBhcltpXSA9IGZyb21baV07XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRvLmNvbmNhdChhciB8fCBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tKSk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTcGFjZSwgU2VsZWN0LCBEcm9wZG93biB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHsgVGFibGUgfSBmcm9tICdhbnRkJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vcmVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcbmV4cG9ydCB2YXIgc29ydEJ5O1xuKGZ1bmN0aW9uIChzb3J0QnkpIHtcbiAgICBzb3J0QnlbXCJhc2NcIl0gPSBcImFzY1wiO1xuICAgIHNvcnRCeVtcImRlc2NcIl0gPSBcImRlc2NcIjtcbn0pKHNvcnRCeSB8fCAoc29ydEJ5ID0ge30pKTtcbmV4cG9ydCB2YXIgQ3VzdG9tVGFibGUgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgdCA9IHVzZVRyYW5zbGF0aW9uKCkudDtcbiAgICB2YXIgZGF0YVNvdXJjZSA9IHByb3BzLmRhdGFTb3VyY2UsIF9hID0gcHJvcHMuZmllbGRzVG9Tb3J0LCBmaWVsZHNUb1NvcnQgPSBfYSA9PT0gdm9pZCAwID8gWydrZXknLCAnbmFtZScsICdzdG9yZSddIDogX2EsIF9iID0gcHJvcHMuc2VsZWN0UGxhY2Vob2xkZXIsIHNlbGVjdFBsYWNlaG9sZGVyID0gX2IgPT09IHZvaWQgMCA/ICdTb3J0IEJ5JyA6IF9iLCBvblNvcnQgPSBwcm9wcy5vblNvcnQsIGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPSBwcm9wcy5oZWFkaW5nVHJhbnNsYXRpb25zS2V5LCBpdGVtcyA9IHByb3BzLmFjdGlvbnNBcnJheTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShbXSksIGN1c3RvbUZpbHRlcnMgPSBfY1swXSwgc2V0Q3VzdG9tRmlsdGVycyA9IF9jWzFdO1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKFtdKSwgY3VzdG9tQ29sdW1ucyA9IF9kWzBdLCBzZXRDdXN0b21Db2x1bW5zID0gX2RbMV07XG4gICAgdmFyIF9lID0gdXNlU3RhdGUoW10pLCBzb3J0SW5mbyA9IF9lWzBdLCBzZXRTb3J0SW5mbyA9IF9lWzFdO1xuICAgIHZhciBoYW5kbGVDaGFuZ2UgPSBmdW5jdGlvbiAocGFnaW5hdGlvbikge1xuICAgICAgICB2YXIgZ2V0UGFnaW5hdGlvbiA9IHtcbiAgICAgICAgICAgIGN1cnJlbnRQYWdlOiBwYWdpbmF0aW9uLmN1cnJlbnQsXG4gICAgICAgIH07XG4gICAgICAgIHZhciBnZXRTb3J0QW5kUGFnaW5hdGlvbkluZm8gPSBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgc29ydEluZm8pLCBnZXRQYWdpbmF0aW9uKTtcbiAgICAgICAgcHJvcHMucGFnaW5hdGlvbkluZm8oZ2V0U29ydEFuZFBhZ2luYXRpb25JbmZvKTtcbiAgICB9O1xuICAgIHZhciBzZXRTb3J0ZXIgPSBmdW5jdGlvbiAob3B0aW9uKSB7XG4gICAgICAgIG9uU29ydCA9PT0gbnVsbCB8fCBvblNvcnQgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uU29ydChvcHRpb24udmFsdWUuc3BsaXQoJy0nKVswXSwgb3B0aW9uLmRpcmVjdGlvbik7XG4gICAgICAgIHZhciBzb3J0RGF0YSA9IHtcbiAgICAgICAgICAgIHNvcnREaXJlY3Rpb246IG9wdGlvbi5kaXJlY3Rpb24sXG4gICAgICAgICAgICBzb3J0VmFsdWU6IG9wdGlvbi52YWx1ZS5zcGxpdCgnLScpWzBdLFxuICAgICAgICB9O1xuICAgICAgICBzZXRTb3J0SW5mbyhzb3J0RGF0YSk7XG4gICAgfTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIC8vIENvbHVtbnNcbiAgICAgICAgdmFyIGNvbHVtbnMgPSBPYmplY3Qua2V5cyhkYXRhU291cmNlID09PSBudWxsIHx8IGRhdGFTb3VyY2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGRhdGFTb3VyY2VbMF0pLm1hcChmdW5jdGlvbiAoa2V5KSB7XG4gICAgICAgICAgICByZXR1cm4gKHtcbiAgICAgICAgICAgICAgICB0aXRsZTogaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSxcbiAgICAgICAgICAgICAgICBkYXRhSW5kZXg6IGtleSxcbiAgICAgICAgICAgICAgICBrZXk6IGtleSxcbiAgICAgICAgICAgICAgICBlbGxpcHNpczogdHJ1ZSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgICAgdmFyIGNvbHVtbkFjdGlvbnMgPSB7XG4gICAgICAgICAgICB0aXRsZTogJ0FjdGlvbicsXG4gICAgICAgICAgICBrZXk6ICdhY3Rpb24nLFxuICAgICAgICAgICAgZGF0YUluZGV4OiA2LFxuICAgICAgICAgICAgZWxsaXBzaXM6IGZhbHNlLFxuICAgICAgICAgICAgcmVuZGVyOiBmdW5jdGlvbiAoKSB7IHJldHVybiAoX2pzeChTcGFjZSwgX19hc3NpZ24oeyBzaXplOiBcIm1pZGRsZVwiIH0sIHsgY2hpbGRyZW46IF9qc3goRHJvcGRvd24sIF9fYXNzaWduKHsgbWVudTogeyBpdGVtczogaXRlbXMgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiYVwiLCB7IGNoaWxkcmVuOiBfanN4KE1vcmVPdXRsaW5lZCwgeyBzdHlsZTogeyBjb2xvcjogJ3ZhcigtLWNvbG9yLWJsdWUpJywgdHJhbnNmb3JtOiAnc2NhbGUoMS42KScgfSB9KSB9KSB9KSkgfSkpKTsgfSxcbiAgICAgICAgfTtcbiAgICAgICAgaXRlbXMgJiYgY29sdW1ucy5wdXNoKGNvbHVtbkFjdGlvbnMpO1xuICAgICAgICBzZXRDdXN0b21Db2x1bW5zKGNvbHVtbnMpO1xuICAgICAgICAvLyBGaWx0ZXJzXG4gICAgICAgIHZhciBkYXRhS2V5c1RvRmlsdGVyID0gT2JqZWN0LmtleXMoZGF0YVNvdXJjZSA9PT0gbnVsbCB8fCBkYXRhU291cmNlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBkYXRhU291cmNlWzBdKS5maWx0ZXIoZnVuY3Rpb24gKGVsKSB7IHJldHVybiBmaWVsZHNUb1NvcnQuaW5jbHVkZXMoZWwpOyB9KTtcbiAgICAgICAgdmFyIGZpbHRlcnMgPSAoX2EgPSBbXSkuY29uY2F0LmFwcGx5KF9hLCBfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIGRhdGFLZXlzVG9GaWx0ZXIubWFwKGZ1bmN0aW9uIChrZXkpIHsgcmV0dXJuICh7XG4gICAgICAgICAgICB2YWx1ZTogXCJcIi5jb25jYXQoa2V5LCBcIi1cIikuY29uY2F0KHNvcnRCeS5kZXNjKSxcbiAgICAgICAgICAgIGxhYmVsOiBcIlwiLmNvbmNhdChoZWFkaW5nVHJhbnNsYXRpb25zS2V5ID8gdChcIlwiLmNvbmNhdChoZWFkaW5nVHJhbnNsYXRpb25zS2V5LCBcIi5cIikuY29uY2F0KGtleSkpIDoga2V5LCBcIiAoXCIpLmNvbmNhdChzb3J0QnkuZGVzYywgXCIpXCIpLFxuICAgICAgICAgICAgZGlyZWN0aW9uOiBcIlwiLmNvbmNhdChzb3J0QnkuZGVzYyksXG4gICAgICAgIH0pOyB9KSwgZmFsc2UpLCBkYXRhS2V5c1RvRmlsdGVyLm1hcChmdW5jdGlvbiAoa2V5KSB7IHJldHVybiAoe1xuICAgICAgICAgICAgdmFsdWU6IFwiXCIuY29uY2F0KGtleSwgXCItXCIpLmNvbmNhdChzb3J0QnkuYXNjKSxcbiAgICAgICAgICAgIGxhYmVsOiBcIlwiLmNvbmNhdChoZWFkaW5nVHJhbnNsYXRpb25zS2V5ID8gdChcIlwiLmNvbmNhdChoZWFkaW5nVHJhbnNsYXRpb25zS2V5LCBcIi5cIikuY29uY2F0KGtleSkpIDoga2V5LCBcIiAoXCIpLmNvbmNhdChzb3J0QnkuYXNjLCBcIilcIiksXG4gICAgICAgICAgICBkaXJlY3Rpb246IFwiXCIuY29uY2F0KHNvcnRCeS5hc2MpLFxuICAgICAgICB9KTsgfSksIGZhbHNlKSk7XG4gICAgICAgIHNldEN1c3RvbUZpbHRlcnMoZmlsdGVycyk7XG4gICAgfSwgW2RhdGFTb3VyY2VdKTtcbiAgICB2YXIgc2hvdWxkUmVuZGVyU29ydERyb3Bkb3duID0gY3VzdG9tRmlsdGVycy5sZW5ndGggPiAwO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWJsZVdyYXBwZXIgfSwgeyBjaGlsZHJlbjogW3Nob3VsZFJlbmRlclNvcnREcm9wZG93biAmJlxuICAgICAgICAgICAgICAgIF9qc3goU3BhY2UsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luQm90dG9tOiAxNiB9IH0sIHsgY2hpbGRyZW46IF9qc3goU2VsZWN0LCB7IHN0eWxlOiB7IHdpZHRoOiAnYXV0bycsIG1pbldpZHRoOiAyMDAgfSwgcGxhY2Vob2xkZXI6IHNlbGVjdFBsYWNlaG9sZGVyLCBvblNlbGVjdDogZnVuY3Rpb24gKF8sIG9wdGlvbikge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNvcnRlcihvcHRpb24pO1xuICAgICAgICAgICAgICAgICAgICAgICAgfSwgb3B0aW9uRmlsdGVyUHJvcDogXCJjaGlsZHJlblwiLCBmaWx0ZXJPcHRpb246IGZ1bmN0aW9uIChpbnB1dCwgb3B0aW9uKSB7IHZhciBfYTsgcmV0dXJuICgoX2EgPSBvcHRpb24gPT09IG51bGwgfHwgb3B0aW9uID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvcHRpb24ubGFiZWwpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcnKS5pbmNsdWRlcyhpbnB1dCk7IH0sIGZpbHRlclNvcnQ6IGZ1bmN0aW9uIChvcHRpb25BLCBvcHRpb25CKSB7IHZhciBfYSwgX2I7IHJldHVybiAoKF9hID0gb3B0aW9uQSA9PT0gbnVsbCB8fCBvcHRpb25BID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvcHRpb25BLmxhYmVsKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnJykudG9Mb3dlckNhc2UoKS5sb2NhbGVDb21wYXJlKCgoX2IgPSBvcHRpb25CID09PSBudWxsIHx8IG9wdGlvbkIgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbkIubGFiZWwpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcnKS50b0xvd2VyQ2FzZSgpKTsgfSwgb3B0aW9uczogY3VzdG9tRmlsdGVycyB9KSB9KSksIF9qc3goVGFibGUsIF9fYXNzaWduKHsgZGF0YVNvdXJjZTogZGF0YVNvdXJjZSwgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSB9LCBwcm9wcywgeyBjb2x1bW5zOiBjdXN0b21Db2x1bW5zIH0pKV0gfSkpKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/Table/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TableField\": function() { return /* binding */ TableField; },\n/* harmony export */   \"sortBy\": function() { return /* binding */ sortBy; }\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 antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/space/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/dropdown/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/select/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/table/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Table/styles.module.scss\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/MoreOutlined.js\");\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\nvar sortBy;\n(function (sortBy) {\n    sortBy[\"asc\"] = \"asc\";\n    sortBy[\"desc\"] = \"desc\";\n})(sortBy || (sortBy = {}));\nvar TableField = function (props) {\n    var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\n    var dataSource = props.dataSource, _a = props.fieldsToSort, fieldsToSort = _a === void 0 ? ['key', 'name', 'store'] : _a, _b = props.selectPlaceholder, selectPlaceholder = _b === void 0 ? 'Sort By' : _b, onSort = props.onSort, headingTranslationsKey = props.headingTranslationsKey, items = props.actionsArray;\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customFilters = _c[0], setCustomFilters = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customColumns = _d[0], setCustomColumns = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), sortInfo = _e[0], setSortInfo = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), selectedRowKeys = _f[0], setSelectedRowKeys = _f[1];\n    var onSelectChange = function (newSelectedRowKeys) {\n        setSelectedRowKeys(newSelectedRowKeys);\n    };\n    var rowSelection = {\n        selectedRowKeys: selectedRowKeys,\n        onChange: onSelectChange,\n    };\n    var handleChange = function (pagination) {\n        var getPagination = {\n            currentPage: pagination.current,\n        };\n        var getSortAndPaginationInfo = __assign(__assign({}, sortInfo), getPagination);\n        props.paginationInfo(getSortAndPaginationInfo);\n    };\n    var setSorter = function (option) {\n        onSort === null || onSort === void 0 ? void 0 : onSort(option.value.split('-')[0], option.direction);\n        var sortData = {\n            sortDirection: option.direction,\n            sortValue: option.value.split('-')[0],\n        };\n        setSortInfo(sortData);\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props.rowSelectionInfo(selectedRowKeys);\n    }, [selectedRowKeys]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        // Columns\n        var columns = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).map(function (key) {\n            return ({\n                title: headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key,\n                dataIndex: key,\n                key: key,\n                ellipsis: true,\n            });\n        });\n        var columnActions = {\n            title: 'Action',\n            key: 'action',\n            dataIndex: 6,\n            ellipsis: false,\n            render: function () { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ size: \"middle\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ menu: { items: items } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"a\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { style: { color: 'var(--color-blue)', transform: 'scale(1.6)' } }) }) })) }))); },\n        };\n        items && columns.push(columnActions);\n        setCustomColumns(columns);\n        // Filters\n        var dataKeysToFilter = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).filter(function (el) { return fieldsToSort.includes(el); });\n        var filters = (_a = []).concat.apply(_a, __spreadArray(__spreadArray([], dataKeysToFilter.map(function (key) { return ({\n            value: \"\".concat(key, \"-\").concat(sortBy.desc),\n            label: \"\".concat(headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key, \" (\").concat(sortBy.desc, \")\"),\n            direction: \"\".concat(sortBy.desc),\n        }); }), false), dataKeysToFilter.map(function (key) { return ({\n            value: \"\".concat(key, \"-\").concat(sortBy.asc),\n            label: \"\".concat(headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key, \" (\").concat(sortBy.asc, \")\"),\n            direction: \"\".concat(sortBy.asc),\n        }); }), false));\n        setCustomFilters(filters);\n    }, [dataSource]);\n    var shouldRenderSortDropdown = customFilters.length > 0;\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tableWrapper }, { children: [shouldRenderSortDropdown &&\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ style: { marginBottom: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { style: { width: 'auto', minWidth: 200 }, placeholder: selectPlaceholder, onSelect: function (_, option) {\n                            setSorter(option);\n                        }, optionFilterProp: \"children\", filterOption: function (input, option) { var _a; return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : '').includes(input); }, filterSort: function (optionA, optionB) { var _a, _b; return ((_a = optionA === null || optionA === void 0 ? void 0 : optionA.label) !== null && _a !== void 0 ? _a : '').toLowerCase().localeCompare(((_b = optionB === null || optionB === void 0 ? void 0 : optionB.label) !== null && _b !== void 0 ? _b : '').toLowerCase()); }, options: customFilters }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ dataSource: dataSource, onChange: handleChange }, props, { columns: customColumns, rowSelection: rowSelection }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFibGUvaW5kZXgudHN4PzNlODgiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xuICAgICAgICBpZiAoYXIgfHwgIShpIGluIGZyb20pKSB7XG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU3BhY2UsIFNlbGVjdCwgRHJvcGRvd24gfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IFRhYmxlIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBNb3JlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5leHBvcnQgdmFyIHNvcnRCeTtcbihmdW5jdGlvbiAoc29ydEJ5KSB7XG4gICAgc29ydEJ5W1wiYXNjXCJdID0gXCJhc2NcIjtcbiAgICBzb3J0QnlbXCJkZXNjXCJdID0gXCJkZXNjXCI7XG59KShzb3J0QnkgfHwgKHNvcnRCeSA9IHt9KSk7XG5leHBvcnQgdmFyIFRhYmxlRmllbGQgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgdCA9IHVzZVRyYW5zbGF0aW9uKCkudDtcbiAgICB2YXIgZGF0YVNvdXJjZSA9IHByb3BzLmRhdGFTb3VyY2UsIF9hID0gcHJvcHMuZmllbGRzVG9Tb3J0LCBmaWVsZHNUb1NvcnQgPSBfYSA9PT0gdm9pZCAwID8gWydrZXknLCAnbmFtZScsICdzdG9yZSddIDogX2EsIF9iID0gcHJvcHMuc2VsZWN0UGxhY2Vob2xkZXIsIHNlbGVjdFBsYWNlaG9sZGVyID0gX2IgPT09IHZvaWQgMCA/ICdTb3J0IEJ5JyA6IF9iLCBvblNvcnQgPSBwcm9wcy5vblNvcnQsIGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPSBwcm9wcy5oZWFkaW5nVHJhbnNsYXRpb25zS2V5LCBpdGVtcyA9IHByb3BzLmFjdGlvbnNBcnJheTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShbXSksIGN1c3RvbUZpbHRlcnMgPSBfY1swXSwgc2V0Q3VzdG9tRmlsdGVycyA9IF9jWzFdO1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKFtdKSwgY3VzdG9tQ29sdW1ucyA9IF9kWzBdLCBzZXRDdXN0b21Db2x1bW5zID0gX2RbMV07XG4gICAgdmFyIF9lID0gdXNlU3RhdGUoW10pLCBzb3J0SW5mbyA9IF9lWzBdLCBzZXRTb3J0SW5mbyA9IF9lWzFdO1xuICAgIHZhciBfZiA9IHVzZVN0YXRlKFtdKSwgc2VsZWN0ZWRSb3dLZXlzID0gX2ZbMF0sIHNldFNlbGVjdGVkUm93S2V5cyA9IF9mWzFdO1xuICAgIHZhciBvblNlbGVjdENoYW5nZSA9IGZ1bmN0aW9uIChuZXdTZWxlY3RlZFJvd0tleXMpIHtcbiAgICAgICAgc2V0U2VsZWN0ZWRSb3dLZXlzKG5ld1NlbGVjdGVkUm93S2V5cyk7XG4gICAgfTtcbiAgICB2YXIgcm93U2VsZWN0aW9uID0ge1xuICAgICAgICBzZWxlY3RlZFJvd0tleXM6IHNlbGVjdGVkUm93S2V5cyxcbiAgICAgICAgb25DaGFuZ2U6IG9uU2VsZWN0Q2hhbmdlLFxuICAgIH07XG4gICAgdmFyIGhhbmRsZUNoYW5nZSA9IGZ1bmN0aW9uIChwYWdpbmF0aW9uKSB7XG4gICAgICAgIHZhciBnZXRQYWdpbmF0aW9uID0ge1xuICAgICAgICAgICAgY3VycmVudFBhZ2U6IHBhZ2luYXRpb24uY3VycmVudCxcbiAgICAgICAgfTtcbiAgICAgICAgdmFyIGdldFNvcnRBbmRQYWdpbmF0aW9uSW5mbyA9IF9fYXNzaWduKF9fYXNzaWduKHt9LCBzb3J0SW5mbyksIGdldFBhZ2luYXRpb24pO1xuICAgICAgICBwcm9wcy5wYWdpbmF0aW9uSW5mbyhnZXRTb3J0QW5kUGFnaW5hdGlvbkluZm8pO1xuICAgIH07XG4gICAgdmFyIHNldFNvcnRlciA9IGZ1bmN0aW9uIChvcHRpb24pIHtcbiAgICAgICAgb25Tb3J0ID09PSBudWxsIHx8IG9uU29ydCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25Tb3J0KG9wdGlvbi52YWx1ZS5zcGxpdCgnLScpWzBdLCBvcHRpb24uZGlyZWN0aW9uKTtcbiAgICAgICAgdmFyIHNvcnREYXRhID0ge1xuICAgICAgICAgICAgc29ydERpcmVjdGlvbjogb3B0aW9uLmRpcmVjdGlvbixcbiAgICAgICAgICAgIHNvcnRWYWx1ZTogb3B0aW9uLnZhbHVlLnNwbGl0KCctJylbMF0sXG4gICAgICAgIH07XG4gICAgICAgIHNldFNvcnRJbmZvKHNvcnREYXRhKTtcbiAgICB9O1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHByb3BzLnJvd1NlbGVjdGlvbkluZm8oc2VsZWN0ZWRSb3dLZXlzKTtcbiAgICB9LCBbc2VsZWN0ZWRSb3dLZXlzXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICAvLyBDb2x1bW5zXG4gICAgICAgIHZhciBjb2x1bW5zID0gT2JqZWN0LmtleXMoZGF0YVNvdXJjZSA9PT0gbnVsbCB8fCBkYXRhU291cmNlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBkYXRhU291cmNlWzBdKS5tYXAoZnVuY3Rpb24gKGtleSkge1xuICAgICAgICAgICAgcmV0dXJuICh7XG4gICAgICAgICAgICAgICAgdGl0bGU6IGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPyB0KFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXksIFwiLlwiKS5jb25jYXQoa2V5KSkgOiBrZXksXG4gICAgICAgICAgICAgICAgZGF0YUluZGV4OiBrZXksXG4gICAgICAgICAgICAgICAga2V5OiBrZXksXG4gICAgICAgICAgICAgICAgZWxsaXBzaXM6IHRydWUsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgICAgIHZhciBjb2x1bW5BY3Rpb25zID0ge1xuICAgICAgICAgICAgdGl0bGU6ICdBY3Rpb24nLFxuICAgICAgICAgICAga2V5OiAnYWN0aW9uJyxcbiAgICAgICAgICAgIGRhdGFJbmRleDogNixcbiAgICAgICAgICAgIGVsbGlwc2lzOiBmYWxzZSxcbiAgICAgICAgICAgIHJlbmRlcjogZnVuY3Rpb24gKCkgeyByZXR1cm4gKF9qc3goU3BhY2UsIF9fYXNzaWduKHsgc2l6ZTogXCJtaWRkbGVcIiB9LCB7IGNoaWxkcmVuOiBfanN4KERyb3Bkb3duLCBfX2Fzc2lnbih7IG1lbnU6IHsgaXRlbXM6IGl0ZW1zIH0gfSwgeyBjaGlsZHJlbjogX2pzeChcImFcIiwgeyBjaGlsZHJlbjogX2pzeChNb3JlT3V0bGluZWQsIHsgc3R5bGU6IHsgY29sb3I6ICd2YXIoLS1jb2xvci1ibHVlKScsIHRyYW5zZm9ybTogJ3NjYWxlKDEuNiknIH0gfSkgfSkgfSkpIH0pKSk7IH0sXG4gICAgICAgIH07XG4gICAgICAgIGl0ZW1zICYmIGNvbHVtbnMucHVzaChjb2x1bW5BY3Rpb25zKTtcbiAgICAgICAgc2V0Q3VzdG9tQ29sdW1ucyhjb2x1bW5zKTtcbiAgICAgICAgLy8gRmlsdGVyc1xuICAgICAgICB2YXIgZGF0YUtleXNUb0ZpbHRlciA9IE9iamVjdC5rZXlzKGRhdGFTb3VyY2UgPT09IG51bGwgfHwgZGF0YVNvdXJjZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGF0YVNvdXJjZVswXSkuZmlsdGVyKGZ1bmN0aW9uIChlbCkgeyByZXR1cm4gZmllbGRzVG9Tb3J0LmluY2x1ZGVzKGVsKTsgfSk7XG4gICAgICAgIHZhciBmaWx0ZXJzID0gKF9hID0gW10pLmNvbmNhdC5hcHBseShfYSwgX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBkYXRhS2V5c1RvRmlsdGVyLm1hcChmdW5jdGlvbiAoa2V5KSB7IHJldHVybiAoe1xuICAgICAgICAgICAgdmFsdWU6IFwiXCIuY29uY2F0KGtleSwgXCItXCIpLmNvbmNhdChzb3J0QnkuZGVzYyksXG4gICAgICAgICAgICBsYWJlbDogXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSwgXCIgKFwiKS5jb25jYXQoc29ydEJ5LmRlc2MsIFwiKVwiKSxcbiAgICAgICAgICAgIGRpcmVjdGlvbjogXCJcIi5jb25jYXQoc29ydEJ5LmRlc2MpLFxuICAgICAgICB9KTsgfSksIGZhbHNlKSwgZGF0YUtleXNUb0ZpbHRlci5tYXAoZnVuY3Rpb24gKGtleSkgeyByZXR1cm4gKHtcbiAgICAgICAgICAgIHZhbHVlOiBcIlwiLmNvbmNhdChrZXksIFwiLVwiKS5jb25jYXQoc29ydEJ5LmFzYyksXG4gICAgICAgICAgICBsYWJlbDogXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSwgXCIgKFwiKS5jb25jYXQoc29ydEJ5LmFzYywgXCIpXCIpLFxuICAgICAgICAgICAgZGlyZWN0aW9uOiBcIlwiLmNvbmNhdChzb3J0QnkuYXNjKSxcbiAgICAgICAgfSk7IH0pLCBmYWxzZSkpO1xuICAgICAgICBzZXRDdXN0b21GaWx0ZXJzKGZpbHRlcnMpO1xuICAgIH0sIFtkYXRhU291cmNlXSk7XG4gICAgdmFyIHNob3VsZFJlbmRlclNvcnREcm9wZG93biA9IGN1c3RvbUZpbHRlcnMubGVuZ3RoID4gMDtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFibGVXcmFwcGVyIH0sIHsgY2hpbGRyZW46IFtzaG91bGRSZW5kZXJTb3J0RHJvcGRvd24gJiZcbiAgICAgICAgICAgICAgICBfanN4KFNwYWNlLCBfX2Fzc2lnbih7IHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogMTYgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFNlbGVjdCwgeyBzdHlsZTogeyB3aWR0aDogJ2F1dG8nLCBtaW5XaWR0aDogMjAwIH0sIHBsYWNlaG9sZGVyOiBzZWxlY3RQbGFjZWhvbGRlciwgb25TZWxlY3Q6IGZ1bmN0aW9uIChfLCBvcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXRTb3J0ZXIob3B0aW9uKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH0sIG9wdGlvbkZpbHRlclByb3A6IFwiY2hpbGRyZW5cIiwgZmlsdGVyT3B0aW9uOiBmdW5jdGlvbiAoaW5wdXQsIG9wdGlvbikgeyB2YXIgX2E7IHJldHVybiAoKF9hID0gb3B0aW9uID09PSBudWxsIHx8IG9wdGlvbiA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9uLmxhYmVsKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnJykuaW5jbHVkZXMoaW5wdXQpOyB9LCBmaWx0ZXJTb3J0OiBmdW5jdGlvbiAob3B0aW9uQSwgb3B0aW9uQikgeyB2YXIgX2EsIF9iOyByZXR1cm4gKChfYSA9IG9wdGlvbkEgPT09IG51bGwgfHwgb3B0aW9uQSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9uQS5sYWJlbCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJycpLnRvTG93ZXJDYXNlKCkubG9jYWxlQ29tcGFyZSgoKF9iID0gb3B0aW9uQiA9PT0gbnVsbCB8fCBvcHRpb25CID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvcHRpb25CLmxhYmVsKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnJykudG9Mb3dlckNhc2UoKSk7IH0sIG9wdGlvbnM6IGN1c3RvbUZpbHRlcnMgfSkgfSkpLCBfanN4KFRhYmxlLCBfX2Fzc2lnbih7IGRhdGFTb3VyY2U6IGRhdGFTb3VyY2UsIG9uQ2hhbmdlOiBoYW5kbGVDaGFuZ2UgfSwgcHJvcHMsIHsgY29sdW1uczogY3VzdG9tQ29sdW1ucywgcm93U2VsZWN0aW9uOiByb3dTZWxlY3Rpb24gfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Table/index.tsx\n");
 
 /***/ }),
 
@@ -8862,7 +8862,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_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_7__ = __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__);\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\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    var forMap = function (tag) {\n        var tagElem = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"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_5__[\"default\"], { ref: inputRef, type: \"text\", size: \"small\", value: inputValue, onChange: handleInputChange, onBlur: handleInputConfirm, 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_4__[\"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_6__[\"default\"], {}), \" Procurar\"] }))), (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_7__[\"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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFnL2luZGV4LnRzeD9iMWM2Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XG4gICAgaWYgKHBhY2sgfHwgYXJndW1lbnRzLmxlbmd0aCA9PT0gMikgZm9yICh2YXIgaSA9IDAsIGwgPSBmcm9tLmxlbmd0aCwgYXI7IGkgPCBsOyBpKyspIHtcbiAgICAgICAgaWYgKGFyIHx8ICEoaSBpbiBmcm9tKSkge1xuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcbiAgICAgICAgICAgIGFyW2ldID0gZnJvbVtpXTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdG8uY29uY2F0KGFyIHx8IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20pKTtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU2VhcmNoT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgeyBUd2Vlbk9uZUdyb3VwIH0gZnJvbSAncmMtdHdlZW4tb25lJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5leHBvcnQgdmFyIFRhZ0ZpZWxkID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hO1xuICAgIHZhciBfYiA9IHVzZVN0YXRlKGN1c3RvbVRhZ3MpLCB0YWdzID0gX2JbMF0sIHNldFRhZ3MgPSBfYlsxXTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShmYWxzZSksIGlucHV0VmlzaWJsZSA9IF9jWzBdLCBzZXRJbnB1dFZpc2libGUgPSBfY1sxXTtcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZSgnJyksIGlucHV0VmFsdWUgPSBfZFswXSwgc2V0SW5wdXRWYWx1ZSA9IF9kWzFdO1xuICAgIHZhciBpbnB1dFJlZiA9IHVzZVJlZihudWxsKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcbiAgICAgICAgICAgIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xuICAgIHZhciBoYW5kbGVDbG9zZSA9IGZ1bmN0aW9uIChyZW1vdmVkVGFnKSB7XG4gICAgICAgIHZhciBuZXdUYWdzID0gdGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcbiAgICAgICAgc2V0VGFncyhuZXdUYWdzKTtcbiAgICB9O1xuICAgIHZhciBzaG93SW5wdXQgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldElucHV0VmlzaWJsZSh0cnVlKTtcbiAgICB9O1xuICAgIHZhciBoYW5kbGVJbnB1dENoYW5nZSA9IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgIHNldElucHV0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgIH07XG4gICAgdmFyIGhhbmRsZUlucHV0Q29uZmlybSA9IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKGlucHV0VmFsdWUgJiYgdGFncy5pbmRleE9mKGlucHV0VmFsdWUpID09PSAtMSkge1xuICAgICAgICAgICAgc2V0VGFncyhfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIHRhZ3MsIHRydWUpLCBbaW5wdXRWYWx1ZV0sIGZhbHNlKSk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0SW5wdXRWaXNpYmxlKGZhbHNlKTtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgfTtcbiAgICB2YXIgZm9yTWFwID0gZnVuY3Rpb24gKHRhZykge1xuICAgICAgICB2YXIgdGFnRWxlbSA9IChfanN4KFRhZywgX19hc3NpZ24oeyBjbG9zYWJsZTogdHJ1ZSwgb25DbG9zZTogZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UodGFnKTtcbiAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGFnIH0pKSk7XG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX25ldyddLCBzdHlsZTogeyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyB9IH0sIHsgY2hpbGRyZW46IHRhZ0VsZW0gfSksIHRhZykpO1xuICAgIH07XG4gICAgdmFyIHRhZ0NoaWxkID0gdGFncy5tYXAoZm9yTWFwKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFnZmllbGQgfSwgeyBjaGlsZHJlbjogW2lucHV0VmlzaWJsZSAmJiAoX2pzeChJbnB1dCwgeyByZWY6IGlucHV0UmVmLCB0eXBlOiBcInRleHRcIiwgc2l6ZTogXCJzbWFsbFwiLCB2YWx1ZTogaW5wdXRWYWx1ZSwgb25DaGFuZ2U6IGhhbmRsZUlucHV0Q2hhbmdlLCBvbkJsdXI6IGhhbmRsZUlucHV0Q29uZmlybSwgb25QcmVzc0VudGVyOiBoYW5kbGVJbnB1dENvbmZpcm0sIGNsYXNzTmFtZTogc3R5bGVzWyd0YWdmaWVsZF9faW5wdXQnXSB9KSksICFpbnB1dFZpc2libGUgJiYgKF9qc3hzKFRhZywgX19hc3NpZ24oeyBvbkNsaWNrOiBzaG93SW5wdXQsIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhzdHlsZXNbJ3RhZ2ZpZWxkX19jcmVhdG9yJ10sICdzaXRlLXRhZy1wbHVzJykgfSwgeyBjaGlsZHJlbjogW19qc3goU2VhcmNoT3V0bGluZWQsIHt9KSwgXCIgUHJvY3VyYXJcIl0gfSkpKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IHN0eWxlOiB7IG1hcmdpblRvcDogMTYgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFR3ZWVuT25lR3JvdXAsIF9fYXNzaWduKHsgZW50ZXI6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNjYWxlOiAwLjgsXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2Zyb20nLFxuICAgICAgICAgICAgICAgICAgICAgICAgZHVyYXRpb246IDEwMCxcbiAgICAgICAgICAgICAgICAgICAgfSwgb25FbmQ6IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoZS50eXBlID09PSAnYXBwZWFyJyB8fCBlLnR5cGUgPT09ICdlbnRlcicpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBlLnRhcmdldC5zdHlsZSA9ICdkaXNwbGF5OiBpbmxpbmUtYmxvY2snO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9LCBsZWF2ZTogeyBvcGFjaXR5OiAwLCB3aWR0aDogMCwgc2NhbGU6IDAsIGR1cmF0aW9uOiAyMDAgfSwgYXBwZWFyOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiB0YWdDaGlsZCB9KSkgfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\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_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_7__ = __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__);\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\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_4__[\"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_5__[\"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_4__[\"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_6__[\"default\"], {}), \" Procurar\"] }))), (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_7__[\"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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFnL2luZGV4LnRzeD9iMWM2Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XG4gICAgaWYgKHBhY2sgfHwgYXJndW1lbnRzLmxlbmd0aCA9PT0gMikgZm9yICh2YXIgaSA9IDAsIGwgPSBmcm9tLmxlbmd0aCwgYXI7IGkgPCBsOyBpKyspIHtcbiAgICAgICAgaWYgKGFyIHx8ICEoaSBpbiBmcm9tKSkge1xuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcbiAgICAgICAgICAgIGFyW2ldID0gZnJvbVtpXTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdG8uY29uY2F0KGFyIHx8IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20pKTtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU2VhcmNoT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgeyBUd2Vlbk9uZUdyb3VwIH0gZnJvbSAncmMtdHdlZW4tb25lJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5leHBvcnQgdmFyIFRhZ0ZpZWxkID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hO1xuICAgIHZhciBfYiA9IHVzZVN0YXRlKGN1c3RvbVRhZ3MpLCB0YWdzID0gX2JbMF0sIHNldFRhZ3MgPSBfYlsxXTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShmYWxzZSksIGlucHV0VmlzaWJsZSA9IF9jWzBdLCBzZXRJbnB1dFZpc2libGUgPSBfY1sxXTtcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZSgnJyksIGlucHV0VmFsdWUgPSBfZFswXSwgc2V0SW5wdXRWYWx1ZSA9IF9kWzFdO1xuICAgIHZhciBpbnB1dFJlZiA9IHVzZVJlZihudWxsKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcbiAgICAgICAgICAgIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xuICAgIHZhciBoYW5kbGVDbG9zZSA9IGZ1bmN0aW9uIChyZW1vdmVkVGFnKSB7XG4gICAgICAgIHZhciBuZXdUYWdzID0gdGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcbiAgICAgICAgc2V0VGFncyhuZXdUYWdzKTtcbiAgICB9O1xuICAgIHZhciBzaG93SW5wdXQgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldElucHV0VmlzaWJsZSh0cnVlKTtcbiAgICB9O1xuICAgIHZhciBoYW5kbGVJbnB1dENoYW5nZSA9IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgIHNldElucHV0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgIH07XG4gICAgdmFyIGhhbmRsZUlucHV0Q29uZmlybSA9IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKGlucHV0VmFsdWUgJiYgdGFncy5pbmRleE9mKGlucHV0VmFsdWUpID09PSAtMSkge1xuICAgICAgICAgICAgc2V0VGFncyhfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIHRhZ3MsIHRydWUpLCBbaW5wdXRWYWx1ZV0sIGZhbHNlKSk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0SW5wdXRWaXNpYmxlKGZhbHNlKTtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgfTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcm9wcyA9PT0gbnVsbCB8fCBwcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcHJvcHMudGFnc0luZm8odGFncyk7XG4gICAgfSwgW3RhZ3NdKTtcbiAgICB2YXIgZm9yTWFwID0gZnVuY3Rpb24gKHRhZykge1xuICAgICAgICB2YXIgdGFnRWxlbSA9IChfanN4KFRhZywgX19hc3NpZ24oeyBjbG9zYWJsZTogdHJ1ZSwgb25DbG9zZTogZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UodGFnKTtcbiAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGFnIH0pKSk7XG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX25ldyddLCBzdHlsZTogeyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyB9IH0sIHsgY2hpbGRyZW46IHRhZ0VsZW0gfSksIHRhZykpO1xuICAgIH07XG4gICAgdmFyIHRhZ0NoaWxkID0gdGFncy5tYXAoZm9yTWFwKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFnZmllbGQgfSwgeyBjaGlsZHJlbjogW2lucHV0VmlzaWJsZSAmJiAoX2pzeChJbnB1dCwgeyByZWY6IGlucHV0UmVmLCB0eXBlOiBcInRleHRcIiwgc2l6ZTogXCJzbWFsbFwiLCB2YWx1ZTogaW5wdXRWYWx1ZSwgb25DaGFuZ2U6IGhhbmRsZUlucHV0Q2hhbmdlLCBvblByZXNzRW50ZXI6IGhhbmRsZUlucHV0Q29uZmlybSwgY2xhc3NOYW1lOiBzdHlsZXNbJ3RhZ2ZpZWxkX19pbnB1dCddIH0pKSwgIWlucHV0VmlzaWJsZSAmJiAoX2pzeHMoVGFnLCBfX2Fzc2lnbih7IG9uQ2xpY2s6IHNob3dJbnB1dCwgY2xhc3NOYW1lOiBjbGFzc05hbWVzKHN0eWxlc1sndGFnZmllbGRfX2NyZWF0b3InXSwgJ3NpdGUtdGFnLXBsdXMnKSB9LCB7IGNoaWxkcmVuOiBbX2pzeChTZWFyY2hPdXRsaW5lZCwge30pLCBcIiBQcm9jdXJhclwiXSB9KSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiB9IH0sIHsgY2hpbGRyZW46IF9qc3goVHdlZW5PbmVHcm91cCwgX19hc3NpZ24oeyBlbnRlcjoge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2NhbGU6IDAuOCxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnZnJvbScsXG4gICAgICAgICAgICAgICAgICAgICAgICBkdXJhdGlvbjogMTAwLFxuICAgICAgICAgICAgICAgICAgICB9LCBvbkVuZDogZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChlLnR5cGUgPT09ICdhcHBlYXInIHx8IGUudHlwZSA9PT0gJ2VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGUudGFyZ2V0LnN0eWxlID0gJ2Rpc3BsYXk6IGlubGluZS1ibG9jayc7XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH0sIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHdpZHRoOiAwLCBzY2FsZTogMCwgZHVyYXRpb246IDIwMCB9LCBhcHBlYXI6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHRhZ0NoaWxkIH0pKSB9KSldIH0pKSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
 
 /***/ }),
 
@@ -8873,7 +8873,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 */   \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_6__.CustomSelect; },\n/* harmony export */   \"CustomTable\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.CustomTable; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_12__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _Label__WEBPACK_IMPORTED_MODULE_4__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_5__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_1__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Spaces; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.TagField; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var _Navigation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Navigation */ \"./src/components/Navigation/index.tsx\");\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Input */ \"./src/components/Input/index.tsx\");\n/* harmony import */ var _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InputCountryCode */ \"./src/components/InputCountryCode/index.tsx\");\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Select */ \"./src/components/Select/index.tsx\");\n/* harmony import */ var _Separator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Separator */ \"./src/components/Separator/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DatePicker */ \"./src/components/DatePicker/index.tsx\");\n/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Radio */ \"./src/components/Radio/index.tsx\");\n/* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Footer */ \"./src/components/Footer/index.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL2luZGV4LnRzeD8xOGRhIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vQnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vTmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL0lucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vSW5wdXRDb3VudHJ5Q29kZSc7XG5leHBvcnQgKiBmcm9tICcuL0xhYmVsJztcbmV4cG9ydCAqIGZyb20gJy4vTGluayc7XG5leHBvcnQgKiBmcm9tICcuL1NlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL1NlcGFyYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL1RhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vVGFnJztcbmV4cG9ydCAqIGZyb20gJy4vRGF0ZVBpY2tlcic7XG5leHBvcnQgKiBmcm9tICcuL1JhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vRm9vdGVyJztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_6__.CustomSelect; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_12__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _Label__WEBPACK_IMPORTED_MODULE_4__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_5__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_1__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Spaces; },\n/* harmony export */   \"TableField\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.TableField; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.TagField; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var _Navigation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Navigation */ \"./src/components/Navigation/index.tsx\");\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Input */ \"./src/components/Input/index.tsx\");\n/* harmony import */ var _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InputCountryCode */ \"./src/components/InputCountryCode/index.tsx\");\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Select */ \"./src/components/Select/index.tsx\");\n/* harmony import */ var _Separator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Separator */ \"./src/components/Separator/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DatePicker */ \"./src/components/DatePicker/index.tsx\");\n/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Radio */ \"./src/components/Radio/index.tsx\");\n/* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Footer */ \"./src/components/Footer/index.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL2luZGV4LnRzeD8xOGRhIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vQnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vTmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL0lucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vSW5wdXRDb3VudHJ5Q29kZSc7XG5leHBvcnQgKiBmcm9tICcuL0xhYmVsJztcbmV4cG9ydCAqIGZyb20gJy4vTGluayc7XG5leHBvcnQgKiBmcm9tICcuL1NlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL1NlcGFyYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL1RhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vVGFnJztcbmV4cG9ydCAqIGZyb20gJy4vRGF0ZVBpY2tlcic7XG5leHBvcnQgKiBmcm9tICcuL1JhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vRm9vdGVyJztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/index.tsx\n");
 
 /***/ }),
 
@@ -8895,7 +8895,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 */   \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomSelect; },\n/* harmony export */   \"CustomTable\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomTable; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spaces; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TagField; },\n/* harmony export */   \"mergei18n\": function() { return /* reexport safe */ _constants_i18n__WEBPACK_IMPORTED_MODULE_1__.mergei18n; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ \"./src/components/index.tsx\");\n/* harmony import */ var _constants_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants/i18n */ \"./src/constants/i18n.ts\");\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvaW5kZXgudHMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvaW5kZXgudHM/ZTk0ZSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9jb25zdGFudHMvaTE4bic7XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/index.ts\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomSelect; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spaces; },\n/* harmony export */   \"TableField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableField; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TagField; },\n/* harmony export */   \"mergei18n\": function() { return /* reexport safe */ _constants_i18n__WEBPACK_IMPORTED_MODULE_1__.mergei18n; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ \"./src/components/index.tsx\");\n/* harmony import */ var _constants_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants/i18n */ \"./src/constants/i18n.ts\");\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvaW5kZXgudHMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvaW5kZXgudHM/ZTk0ZSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9jb25zdGFudHMvaTE4bic7XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/index.ts\n");
 
 /***/ }),
 

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

@@ -1,6 +1,6 @@
 import { DatePickerProps } from 'antd';
 export type CustomDatePickerProps = DatePickerProps & {
     isRangePicker?: boolean;
-    onChange: any;
+    onChange?: (a: any, b: any) => void;
 };
 export declare const CustomDatePicker: ({ className, onChange, value, isRangePicker, ...rest }: CustomDatePickerProps) => JSX.Element;

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

@@ -6,5 +6,5 @@ export interface FormInputFieldProps extends Omit<FormItemProps, "name"> {
 export interface inputPropsCustom extends InputProps {
     customClass?: string;
 }
-export declare const InputField: (inputProps: inputPropsCustom) => JSX.Element;
+export declare const InputField: ({ customClass, ...inputProps }: inputPropsCustom) => JSX.Element;
 export declare const FormInputField: ({ inputProps, ...itemProps }: FormInputFieldProps) => JSX.Element;

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

@@ -1,9 +1,12 @@
 /// <reference types="react" />
-import { customTableProps } from 'components/Table';
+import { tableFieldProps } from 'components/Table';
 export interface ModalWithTableProps {
     closeText: string;
     buttonText: string;
     isOpen: boolean;
-    tableData: customTableProps;
+    tableData: tableFieldProps;
+    modalData?: any;
+    isItFetching?: boolean;
+    confirmLoading?: boolean;
 }
 export declare const ModalWithTable: (props: ModalWithTableProps) => JSX.Element;

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

@@ -2,4 +2,4 @@ import { SelectProps } from 'antd';
 export interface CustomSelectProps extends SelectProps {
     customClass?: string;
 }
-export declare const CustomSelect: (props: CustomSelectProps) => any;
+export declare const CustomSelect: ({ customClass, ...props }: CustomSelectProps) => any;

package/dist/types/components/Table/Table.stories.d.ts

@@ -1,8 +1,8 @@
 import { Meta, Story } from "@storybook/react";
-import { customTableProps } from '.';
+import { tableFieldProps } from '.';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<customTableProps>;
-export declare const Secondary: Story<customTableProps>;
-export declare const WithCheckbox: Story<customTableProps>;
-export declare const withActions: Story<customTableProps>;
+export declare const Primary: Story<tableFieldProps>;
+export declare const Secondary: Story<tableFieldProps>;
+export declare const WithCheckbox: Story<tableFieldProps>;
+export declare const withActions: Story<tableFieldProps>;

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

@@ -12,7 +12,7 @@ export declare enum sortBy {
     asc = "asc",
     desc = "desc"
 }
-export interface customTableProps extends TableProps<any> {
+export interface tableFieldProps extends TableProps<any> {
     fieldsToSort?: any[];
     selectPlaceholder?: string;
     onSort?: (field: any, sortBy: any) => void;
@@ -20,5 +20,6 @@ export interface customTableProps extends TableProps<any> {
     paginationInfo?: any;
     headingTranslationsKey?: string;
     actionsArray?: any;
+    rowSelectionInfo?: any;
 }
-export declare const CustomTable: (props: customTableProps) => JSX.Element;
+export declare const TableField: (props: tableFieldProps) => JSX.Element;

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

@@ -1,5 +1,6 @@
 import { TagProps } from 'antd';
 export interface customTagProps extends TagProps {
     customTags?: any;
+    tagsInfo?: any;
 }
 export declare const TagField: (props: customTagProps) => JSX.Element;

package/package.json

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

package/src/components/DatePicker/index.tsx

@@ -3,7 +3,7 @@ import { DatePicker, DatePickerProps  } from 'antd';
 
 export type CustomDatePickerProps = DatePickerProps & {
     isRangePicker?: boolean;
-    onChange: any;
+    onChange?: (a: any, b: any) => void;
 }
 
 const { RangePicker } = DatePicker;

package/src/components/Input/index.tsx

@@ -10,9 +10,7 @@ export interface inputPropsCustom extends InputProps {
     customClass?: string;
 }
 
-export const InputField = (inputProps: inputPropsCustom) => {
-    const { customClass } = inputProps;
-
+export const InputField = ({customClass, ...inputProps}: inputPropsCustom) => {
     return (
         <Input className={`${styles.input} ${customClass}`} {...inputProps} />
     );

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

@@ -1,4 +1,5 @@
 import { Meta, Story } from "@storybook/react";
+import { useEffect, useState } from "react";
 import { ModalWithTable, ModalWithTableProps } from '.';
 
 export default {
@@ -6,13 +7,12 @@ export default {
     component: ModalWithTable,
 } as Meta;
 
-const Template: Story<ModalWithTableProps> = (args) => <ModalWithTable {...args}> this is a link </ModalWithTable>;
+const Template: Story<ModalWithTableProps> = (args) => {
+    const [modalData, setModalData] = useState<any>({});
+    const [isFetching, setIsFetching] = useState<boolean>(false);
+    const [tagsData, setTagsData] = useState<any>({});
 
-export const Primary = Template.bind({});
-Primary.args = {
-    closeText: 'cancelar',
-    buttonText: 'Alterar',
-    tableData: {
+    let data = {
         dataSource: [
             {
                 key: `1`,
@@ -50,6 +50,25 @@ Primary.args = {
         pagination: {
             total: 6,
             pageSize: 2
-        },
+        }
     }
+
+    useEffect(() => {
+        if(modalData?.tagsInfo?.length > 0 && tagsData !== modalData?.tagsInfo) {
+            setTagsData(modalData.tagsInfo);
+            setIsFetching(true);
+
+            setTimeout(() => {
+                setIsFetching(false);
+            }, 1000);
+        }
+    }, [modalData]);
+
+    return <ModalWithTable {...args} modalData={setModalData} isItFetching={isFetching} tableData={data}></ModalWithTable>;
+}
+
+export const Primary = Template.bind({});
+Primary.args = {
+    closeText: 'cancelar',
+    buttonText: 'Alterar',
 };

package/src/components/ModalWithTable/index.tsx

@@ -1,16 +1,20 @@
 import { Button } from '../Button';
 import { Modal } from 'antd';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { CloseOutlined } from '@ant-design/icons';
 import styles from './styles.module.scss';
 import { TagField } from 'components/Tag';
-import { CustomTable, customTableProps } from 'components/Table';
+import { TableField, tableFieldProps } from 'components/Table';
+import classnames from 'classnames';
 
 export interface ModalWithTableProps {
     closeText: string;
     buttonText: string;
     isOpen: boolean;
-    tableData: customTableProps,
+    tableData: tableFieldProps,
+    modalData?: any;
+    isItFetching?: boolean;
+    confirmLoading?: boolean;
 }
 
 export const ModalWithTable = (props: ModalWithTableProps) => {
@@ -19,9 +23,15 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
         buttonText,
         isOpen = false,
         tableData,
+        modalData,
+        isItFetching,
     } = props;
     
     const [open, setOpen] = useState((isOpen));
+    const [confirmLoading, setConfirmLoading] = useState(false);
+    const [pageInfo, setPageInfo] = useState<any>({});
+    const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});
+    const [tagsInfo, setTagsInfo] = useState<any>([]);
 
     useEffect(()=> {
         setOpen(isOpen);
@@ -31,6 +41,28 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
         setOpen(false);
     };
 
+    useEffect(() => {
+        modalData({
+            "pageInfo": pageInfo,
+            "rowSelectionInfo": rowSelectionInfo,
+            "tagsInfo": tagsInfo
+        });
+    }, [tagsInfo, pageInfo, rowSelectionInfo]);
+
+    useEffect(()=> {
+        if(tagsInfo.length > 0) {
+            setConfirmLoading(true);
+        }
+    }, [tagsInfo]);
+
+    useEffect(()=> {
+        setConfirmLoading(isItFetching!);
+    }, [isItFetching]);
+
+    const modalClasses = classnames({
+        [styles.disabled]: confirmLoading,
+    }, styles.modal);
+
     return (
         <>
             <Modal
@@ -50,15 +82,15 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
                         {buttonText}
                     </Button>
                 ]}
-                className={styles.modal}
+                className={modalClasses}
             >
             <div className={styles.tagsWrapper}>
-                <TagField/>
+                <TagField tagsInfo={setTagsInfo}/>
             </div>
             
             <div className={styles.tableWrapper}>
                 {   tableData && 
-                        <CustomTable {...tableData} headingTranslationsKey={'tableHeadings'} />
+                        <TableField {...tableData} paginationInfo={setPageInfo} rowSelectionInfo={setRowSelectionInfo} headingTranslationsKey={'tableHeadings'} />
                 }
             </div>
 

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

@@ -1,4 +1,20 @@
 .modal {
+    &.disabled {
+        pointer-events: none;
+        position: relative;
+        
+        &:after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(var(--color-white-rgb), .6);
+            z-index: 9999999;
+        }
+    }
+
     :global {
         .ant-modal-close {
             width: auto;

package/src/components/Select/index.tsx

@@ -5,8 +5,8 @@ export interface CustomSelectProps extends SelectProps {
     customClass?: string;
 }
 
-export const CustomSelect = (props: CustomSelectProps) => {
-    const { defaultValue, options, customClass } = props;
+export const CustomSelect = ({customClass, ...props}: CustomSelectProps) => {
+    const { defaultValue, options } = props;
 
     return (
         (options || defaultValue) && 

package/src/components/Table/Table.stories.tsx

@@ -1,17 +1,18 @@
 import { Meta, Story } from "@storybook/react";
-import { CustomTable, customTableProps } from '.';
+import { TableField, tableFieldProps } from '.';
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 
 export default {
-    title: 'customTable',
-    component: CustomTable,
+    title: 'TableField',
+    component: TableField,
 } as Meta;
 
-const Template: Story<customTableProps> = (args) => {
+const Template: Story<tableFieldProps> = (args) => {
     const { t } = useTranslation();
     const [pageInfo, setPageInfo] = useState<any>({});
     // const [sortingInfo, setSortingInfo] = useState<any>({});
+    const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});
     const [sortBy, setSortBy] = useState<string[]>(['key', 'desc']);
 
     const newDataSource = args.dataSource?.slice().sort((a, b) => {
@@ -23,7 +24,7 @@ const Template: Story<customTableProps> = (args) => {
     });
 
     //Loja
-    return <CustomTable {...args} dataSource={newDataSource} onSort={(field, sort) => setSortBy([field, sort])} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} actionsArray={
+    return <TableField {...args} dataSource={newDataSource} onSort={(field, sort) => setSortBy([field, sort])} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo} actionsArray={
         [
             { key: '1', label: `${t('actions.one')}`, onClick: () => {
                 console.log('onClick');
@@ -33,7 +34,7 @@ const Template: Story<customTableProps> = (args) => {
                 key: '3', label: 'label 3'
             }
         ]
-    }></CustomTable>;
+    }></TableField>;
 };
 
 export const Primary = Template.bind({});

package/src/components/Table/index.tsx

@@ -22,7 +22,7 @@ export enum sortBy {
     desc = 'desc',
 }
 
-export interface customTableProps extends TableProps<any> {
+export interface tableFieldProps extends TableProps<any> {
     fieldsToSort?: any[],
     selectPlaceholder?: string,
     onSort?: (field: any, sortBy: any) => void;
@@ -30,9 +30,10 @@ export interface customTableProps extends TableProps<any> {
     paginationInfo?: any;
     headingTranslationsKey?: string;
     actionsArray?: any;
+    rowSelectionInfo?: any;
 }
 
-export const CustomTable = (props: customTableProps) => {
+export const TableField = (props: tableFieldProps) => {
     const { t } = useTranslation();
 
     const {
@@ -47,6 +48,16 @@ export const CustomTable = (props: customTableProps) => {
     const [customFilters, setCustomFilters] = useState<any>([]);
     const [customColumns, setCustomColumns] = useState<ColumnsType<any>>([]);
     const [sortInfo, setSortInfo] = useState<any>([]);
+    const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+
+    const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
+        setSelectedRowKeys(newSelectedRowKeys);
+    };
+
+    const rowSelection = {
+        selectedRowKeys,
+        onChange: onSelectChange,
+    };
 
     const handleChange: TableProps<any>['onChange'] = (pagination) => {
         const getPagination = {
@@ -67,6 +78,10 @@ export const CustomTable = (props: customTableProps) => {
         setSortInfo(sortData)
     };
 
+    useEffect(() => {
+        props.rowSelectionInfo(selectedRowKeys);
+    }, [selectedRowKeys]);
+
     useEffect(() => {
         // Columns
         let columns = Object.keys(dataSource?.[0]).map(key => {
@@ -143,7 +158,8 @@ export const CustomTable = (props: customTableProps) => {
                 onChange={handleChange}
                 {...props}
                 columns={customColumns}
+                rowSelection={rowSelection}
             />
         </div>
     );
-} 
+};

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

@@ -1,13 +1,18 @@
 import { Meta, Story } from "@storybook/react";
 import { TagField } from '.';
 import { TagProps } from 'antd';
+import { useState } from "react";
 
 export default {
     title: 'TagField',
     component: TagField,
 } as Meta;
 
-const Template: Story<TagProps> = (args) => <TagField {...args}></TagField>;
+const Template: Story<TagProps> = (args) => {
+    const [tagsInfo, setTagsInfo] = useState<any>({});
+    
+    return <TagField {...args} tagsInfo={setTagsInfo}></TagField>;
+}
 
 export const Primary = Template.bind({});
 Primary.args = {

package/src/components/Tag/index.tsx

@@ -8,6 +8,7 @@ import classNames from 'classnames';
 
 export interface customTagProps extends TagProps {
     customTags?: any,
+    tagsInfo?: any;
 }
 
 export const TagField = (props: customTagProps) => {
@@ -45,6 +46,10 @@ export const TagField = (props: customTagProps) => {
         setInputValue('');
     };
 
+    useEffect(() => {
+        props?.tagsInfo(tags);
+    }, [tags]);
+
     const forMap = (tag: string) => {
         const tagElem = (
             <Tag
@@ -75,7 +80,6 @@ export const TagField = (props: customTagProps) => {
                     size="small"
                     value={inputValue}
                     onChange={handleInputChange}
-                    onBlur={handleInputConfirm}
                     onPressEnter={handleInputConfirm}
                     className={styles['tagfield__input']}
                 />