@omniumretail/component-library 0.1.19 → 0.1.21

package/dist/bundle.js

@@ -8741,7 +8741,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 */   \"CustomDatePicker\": function() { return /* binding */ CustomDatePicker; }\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/DatePicker/styles.module.scss\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/date-picker/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 RangePicker = antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"].RangePicker;\nvar CustomDatePicker = function (_a) {\n    var className = _a.className, onChange = _a.onChange, value = _a.value, isRangePicker = _a.isRangePicker, rest = __rest(_a, [\"className\", \"onChange\", \"value\", \"isRangePicker\"]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: isRangePicker\n            ?\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(RangePicker, { className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sitooDatePicker, \" \").concat(className) })\n            :\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"], __assign({}, rest, { value: value, onChange: onChange, className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sitooDatePicker, \" \").concat(className) })) }));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9EYXRlUGlja2VyL2luZGV4LnRzeC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9EYXRlUGlja2VyL2luZGV4LnRzeD9iNWQxIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG52YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IERhdGVQaWNrZXIgfSBmcm9tICdhbnRkJztcbnZhciBSYW5nZVBpY2tlciA9IERhdGVQaWNrZXIuUmFuZ2VQaWNrZXI7XG5leHBvcnQgdmFyIEN1c3RvbURhdGVQaWNrZXIgPSBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgY2xhc3NOYW1lID0gX2EuY2xhc3NOYW1lLCBvbkNoYW5nZSA9IF9hLm9uQ2hhbmdlLCB2YWx1ZSA9IF9hLnZhbHVlLCBpc1JhbmdlUGlja2VyID0gX2EuaXNSYW5nZVBpY2tlciwgcmVzdCA9IF9fcmVzdChfYSwgW1wiY2xhc3NOYW1lXCIsIFwib25DaGFuZ2VcIiwgXCJ2YWx1ZVwiLCBcImlzUmFuZ2VQaWNrZXJcIl0pO1xuICAgIHJldHVybiAoX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IGlzUmFuZ2VQaWNrZXJcbiAgICAgICAgICAgID9cbiAgICAgICAgICAgICAgICBfanN4KFJhbmdlUGlja2VyLCB7IGNsYXNzTmFtZTogXCJcIi5jb25jYXQoc3R5bGVzLnNpdG9vRGF0ZVBpY2tlciwgXCIgXCIpLmNvbmNhdChjbGFzc05hbWUpIH0pXG4gICAgICAgICAgICA6XG4gICAgICAgICAgICAgICAgX2pzeChEYXRlUGlja2VyLCBfX2Fzc2lnbih7fSwgcmVzdCwgeyB2YWx1ZTogdmFsdWUsIG9uQ2hhbmdlOiBvbkNoYW5nZSwgY2xhc3NOYW1lOiBcIlwiLmNvbmNhdChzdHlsZXMuc2l0b29EYXRlUGlja2VyLCBcIiBcIikuY29uY2F0KGNsYXNzTmFtZSkgfSkpIH0pKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/DatePicker/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"CustomDatePicker\": function() { return /* binding */ CustomDatePicker; }\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/DatePicker/styles.module.scss\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/date-picker/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 RangePicker = antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"].RangePicker;\nvar CustomDatePicker = function (_a) {\n    var className = _a.className, onChange = _a.onChange, value = _a.value, isRangePicker = _a.isRangePicker, rest = __rest(_a, [\"className\", \"onChange\", \"value\", \"isRangePicker\"]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: isRangePicker\n            ?\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(RangePicker, { onChange: onChange, className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sitooDatePicker, \" \").concat(className) })\n            :\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"], __assign({}, rest, { value: value, onChange: onChange, className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sitooDatePicker, \" \").concat(className) })) }));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9EYXRlUGlja2VyL2luZGV4LnRzeC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9EYXRlUGlja2VyL2luZGV4LnRzeD9iNWQxIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG52YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IERhdGVQaWNrZXIgfSBmcm9tICdhbnRkJztcbnZhciBSYW5nZVBpY2tlciA9IERhdGVQaWNrZXIuUmFuZ2VQaWNrZXI7XG5leHBvcnQgdmFyIEN1c3RvbURhdGVQaWNrZXIgPSBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgY2xhc3NOYW1lID0gX2EuY2xhc3NOYW1lLCBvbkNoYW5nZSA9IF9hLm9uQ2hhbmdlLCB2YWx1ZSA9IF9hLnZhbHVlLCBpc1JhbmdlUGlja2VyID0gX2EuaXNSYW5nZVBpY2tlciwgcmVzdCA9IF9fcmVzdChfYSwgW1wiY2xhc3NOYW1lXCIsIFwib25DaGFuZ2VcIiwgXCJ2YWx1ZVwiLCBcImlzUmFuZ2VQaWNrZXJcIl0pO1xuICAgIHJldHVybiAoX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IGlzUmFuZ2VQaWNrZXJcbiAgICAgICAgICAgID9cbiAgICAgICAgICAgICAgICBfanN4KFJhbmdlUGlja2VyLCB7IG9uQ2hhbmdlOiBvbkNoYW5nZSwgY2xhc3NOYW1lOiBcIlwiLmNvbmNhdChzdHlsZXMuc2l0b29EYXRlUGlja2VyLCBcIiBcIikuY29uY2F0KGNsYXNzTmFtZSkgfSlcbiAgICAgICAgICAgIDpcbiAgICAgICAgICAgICAgICBfanN4KERhdGVQaWNrZXIsIF9fYXNzaWduKHt9LCByZXN0LCB7IHZhbHVlOiB2YWx1ZSwgb25DaGFuZ2U6IG9uQ2hhbmdlLCBjbGFzc05hbWU6IFwiXCIuY29uY2F0KHN0eWxlcy5zaXRvb0RhdGVQaWNrZXIsIFwiIFwiKS5jb25jYXQoY2xhc3NOYW1lKSB9KSkgfSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/DatePicker/index.tsx\n");
 
 /***/ }),
 
@@ -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 */   \"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 _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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFibGUvaW5kZXgudHN4PzNlODgiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xuICAgICAgICBpZiAoYXIgfHwgIShpIGluIGZyb20pKSB7XG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU3BhY2UsIFNlbGVjdCwgRHJvcGRvd24gfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IFRhYmxlIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBNb3JlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5leHBvcnQgdmFyIHNvcnRCeTtcbihmdW5jdGlvbiAoc29ydEJ5KSB7XG4gICAgc29ydEJ5W1wiYXNjXCJdID0gXCJhc2NcIjtcbiAgICBzb3J0QnlbXCJkZXNjXCJdID0gXCJkZXNjXCI7XG59KShzb3J0QnkgfHwgKHNvcnRCeSA9IHt9KSk7XG5leHBvcnQgdmFyIEN1c3RvbVRhYmxlID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIHQgPSB1c2VUcmFuc2xhdGlvbigpLnQ7XG4gICAgdmFyIGRhdGFTb3VyY2UgPSBwcm9wcy5kYXRhU291cmNlLCBfYSA9IHByb3BzLmZpZWxkc1RvU29ydCwgZmllbGRzVG9Tb3J0ID0gX2EgPT09IHZvaWQgMCA/IFsna2V5JywgJ25hbWUnLCAnc3RvcmUnXSA6IF9hLCBfYiA9IHByb3BzLnNlbGVjdFBsYWNlaG9sZGVyLCBzZWxlY3RQbGFjZWhvbGRlciA9IF9iID09PSB2b2lkIDAgPyAnU29ydCBCeScgOiBfYiwgb25Tb3J0ID0gcHJvcHMub25Tb3J0LCBoZWFkaW5nVHJhbnNsYXRpb25zS2V5ID0gcHJvcHMuaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgaXRlbXMgPSBwcm9wcy5hY3Rpb25zQXJyYXk7XG4gICAgdmFyIF9jID0gdXNlU3RhdGUoW10pLCBjdXN0b21GaWx0ZXJzID0gX2NbMF0sIHNldEN1c3RvbUZpbHRlcnMgPSBfY1sxXTtcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZShbXSksIGN1c3RvbUNvbHVtbnMgPSBfZFswXSwgc2V0Q3VzdG9tQ29sdW1ucyA9IF9kWzFdO1xuICAgIHZhciBfZSA9IHVzZVN0YXRlKFtdKSwgc29ydEluZm8gPSBfZVswXSwgc2V0U29ydEluZm8gPSBfZVsxXTtcbiAgICB2YXIgX2YgPSB1c2VTdGF0ZShbXSksIHNlbGVjdGVkUm93S2V5cyA9IF9mWzBdLCBzZXRTZWxlY3RlZFJvd0tleXMgPSBfZlsxXTtcbiAgICB2YXIgb25TZWxlY3RDaGFuZ2UgPSBmdW5jdGlvbiAobmV3U2VsZWN0ZWRSb3dLZXlzKSB7XG4gICAgICAgIHNldFNlbGVjdGVkUm93S2V5cyhuZXdTZWxlY3RlZFJvd0tleXMpO1xuICAgIH07XG4gICAgdmFyIHJvd1NlbGVjdGlvbiA9IHtcbiAgICAgICAgc2VsZWN0ZWRSb3dLZXlzOiBzZWxlY3RlZFJvd0tleXMsXG4gICAgICAgIG9uQ2hhbmdlOiBvblNlbGVjdENoYW5nZSxcbiAgICB9O1xuICAgIHZhciBoYW5kbGVDaGFuZ2UgPSBmdW5jdGlvbiAocGFnaW5hdGlvbikge1xuICAgICAgICB2YXIgZ2V0UGFnaW5hdGlvbiA9IHtcbiAgICAgICAgICAgIGN1cnJlbnRQYWdlOiBwYWdpbmF0aW9uLmN1cnJlbnQsXG4gICAgICAgIH07XG4gICAgICAgIHZhciBnZXRTb3J0QW5kUGFnaW5hdGlvbkluZm8gPSBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgc29ydEluZm8pLCBnZXRQYWdpbmF0aW9uKTtcbiAgICAgICAgcHJvcHMucGFnaW5hdGlvbkluZm8oZ2V0U29ydEFuZFBhZ2luYXRpb25JbmZvKTtcbiAgICB9O1xuICAgIHZhciBzZXRTb3J0ZXIgPSBmdW5jdGlvbiAob3B0aW9uKSB7XG4gICAgICAgIG9uU29ydCA9PT0gbnVsbCB8fCBvblNvcnQgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uU29ydChvcHRpb24udmFsdWUuc3BsaXQoJy0nKVswXSwgb3B0aW9uLmRpcmVjdGlvbik7XG4gICAgICAgIHZhciBzb3J0RGF0YSA9IHtcbiAgICAgICAgICAgIHNvcnREaXJlY3Rpb246IG9wdGlvbi5kaXJlY3Rpb24sXG4gICAgICAgICAgICBzb3J0VmFsdWU6IG9wdGlvbi52YWx1ZS5zcGxpdCgnLScpWzBdLFxuICAgICAgICB9O1xuICAgICAgICBzZXRTb3J0SW5mbyhzb3J0RGF0YSk7XG4gICAgfTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcm9wcy5yb3dTZWxlY3Rpb25JbmZvKHNlbGVjdGVkUm93S2V5cyk7XG4gICAgfSwgW3NlbGVjdGVkUm93S2V5c10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgLy8gQ29sdW1uc1xuICAgICAgICB2YXIgY29sdW1ucyA9IE9iamVjdC5rZXlzKGRhdGFTb3VyY2UgPT09IG51bGwgfHwgZGF0YVNvdXJjZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGF0YVNvdXJjZVswXSkubWFwKGZ1bmN0aW9uIChrZXkpIHtcbiAgICAgICAgICAgIHJldHVybiAoe1xuICAgICAgICAgICAgICAgIHRpdGxlOiBoZWFkaW5nVHJhbnNsYXRpb25zS2V5ID8gdChcIlwiLmNvbmNhdChoZWFkaW5nVHJhbnNsYXRpb25zS2V5LCBcIi5cIikuY29uY2F0KGtleSkpIDoga2V5LFxuICAgICAgICAgICAgICAgIGRhdGFJbmRleDoga2V5LFxuICAgICAgICAgICAgICAgIGtleToga2V5LFxuICAgICAgICAgICAgICAgIGVsbGlwc2lzOiB0cnVlLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgICAgICB2YXIgY29sdW1uQWN0aW9ucyA9IHtcbiAgICAgICAgICAgIHRpdGxlOiAnQWN0aW9uJyxcbiAgICAgICAgICAgIGtleTogJ2FjdGlvbicsXG4gICAgICAgICAgICBkYXRhSW5kZXg6IDYsXG4gICAgICAgICAgICBlbGxpcHNpczogZmFsc2UsXG4gICAgICAgICAgICByZW5kZXI6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIChfanN4KFNwYWNlLCBfX2Fzc2lnbih7IHNpemU6IFwibWlkZGxlXCIgfSwgeyBjaGlsZHJlbjogX2pzeChEcm9wZG93biwgX19hc3NpZ24oeyBtZW51OiB7IGl0ZW1zOiBpdGVtcyB9IH0sIHsgY2hpbGRyZW46IF9qc3goXCJhXCIsIHsgY2hpbGRyZW46IF9qc3goTW9yZU91dGxpbmVkLCB7IHN0eWxlOiB7IGNvbG9yOiAndmFyKC0tY29sb3ItYmx1ZSknLCB0cmFuc2Zvcm06ICdzY2FsZSgxLjYpJyB9IH0pIH0pIH0pKSB9KSkpOyB9LFxuICAgICAgICB9O1xuICAgICAgICBpdGVtcyAmJiBjb2x1bW5zLnB1c2goY29sdW1uQWN0aW9ucyk7XG4gICAgICAgIHNldEN1c3RvbUNvbHVtbnMoY29sdW1ucyk7XG4gICAgICAgIC8vIEZpbHRlcnNcbiAgICAgICAgdmFyIGRhdGFLZXlzVG9GaWx0ZXIgPSBPYmplY3Qua2V5cyhkYXRhU291cmNlID09PSBudWxsIHx8IGRhdGFTb3VyY2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGRhdGFTb3VyY2VbMF0pLmZpbHRlcihmdW5jdGlvbiAoZWwpIHsgcmV0dXJuIGZpZWxkc1RvU29ydC5pbmNsdWRlcyhlbCk7IH0pO1xuICAgICAgICB2YXIgZmlsdGVycyA9IChfYSA9IFtdKS5jb25jYXQuYXBwbHkoX2EsIF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgZGF0YUtleXNUb0ZpbHRlci5tYXAoZnVuY3Rpb24gKGtleSkgeyByZXR1cm4gKHtcbiAgICAgICAgICAgIHZhbHVlOiBcIlwiLmNvbmNhdChrZXksIFwiLVwiKS5jb25jYXQoc29ydEJ5LmRlc2MpLFxuICAgICAgICAgICAgbGFiZWw6IFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPyB0KFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXksIFwiLlwiKS5jb25jYXQoa2V5KSkgOiBrZXksIFwiIChcIikuY29uY2F0KHNvcnRCeS5kZXNjLCBcIilcIiksXG4gICAgICAgICAgICBkaXJlY3Rpb246IFwiXCIuY29uY2F0KHNvcnRCeS5kZXNjKSxcbiAgICAgICAgfSk7IH0pLCBmYWxzZSksIGRhdGFLZXlzVG9GaWx0ZXIubWFwKGZ1bmN0aW9uIChrZXkpIHsgcmV0dXJuICh7XG4gICAgICAgICAgICB2YWx1ZTogXCJcIi5jb25jYXQoa2V5LCBcIi1cIikuY29uY2F0KHNvcnRCeS5hc2MpLFxuICAgICAgICAgICAgbGFiZWw6IFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPyB0KFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXksIFwiLlwiKS5jb25jYXQoa2V5KSkgOiBrZXksIFwiIChcIikuY29uY2F0KHNvcnRCeS5hc2MsIFwiKVwiKSxcbiAgICAgICAgICAgIGRpcmVjdGlvbjogXCJcIi5jb25jYXQoc29ydEJ5LmFzYyksXG4gICAgICAgIH0pOyB9KSwgZmFsc2UpKTtcbiAgICAgICAgc2V0Q3VzdG9tRmlsdGVycyhmaWx0ZXJzKTtcbiAgICB9LCBbZGF0YVNvdXJjZV0pO1xuICAgIHZhciBzaG91bGRSZW5kZXJTb3J0RHJvcGRvd24gPSBjdXN0b21GaWx0ZXJzLmxlbmd0aCA+IDA7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhYmxlV3JhcHBlciB9LCB7IGNoaWxkcmVuOiBbc2hvdWxkUmVuZGVyU29ydERyb3Bkb3duICYmXG4gICAgICAgICAgICAgICAgX2pzeChTcGFjZSwgX19hc3NpZ24oeyBzdHlsZTogeyBtYXJnaW5Cb3R0b206IDE2IH0gfSwgeyBjaGlsZHJlbjogX2pzeChTZWxlY3QsIHsgc3R5bGU6IHsgd2lkdGg6ICdhdXRvJywgbWluV2lkdGg6IDIwMCB9LCBwbGFjZWhvbGRlcjogc2VsZWN0UGxhY2Vob2xkZXIsIG9uU2VsZWN0OiBmdW5jdGlvbiAoXywgb3B0aW9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0U29ydGVyKG9wdGlvbik7XG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBvcHRpb25GaWx0ZXJQcm9wOiBcImNoaWxkcmVuXCIsIGZpbHRlck9wdGlvbjogZnVuY3Rpb24gKGlucHV0LCBvcHRpb24pIHsgdmFyIF9hOyByZXR1cm4gKChfYSA9IG9wdGlvbiA9PT0gbnVsbCB8fCBvcHRpb24gPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbi5sYWJlbCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJycpLmluY2x1ZGVzKGlucHV0KTsgfSwgZmlsdGVyU29ydDogZnVuY3Rpb24gKG9wdGlvbkEsIG9wdGlvbkIpIHsgdmFyIF9hLCBfYjsgcmV0dXJuICgoX2EgPSBvcHRpb25BID09PSBudWxsIHx8IG9wdGlvbkEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbkEubGFiZWwpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcnKS50b0xvd2VyQ2FzZSgpLmxvY2FsZUNvbXBhcmUoKChfYiA9IG9wdGlvbkIgPT09IG51bGwgfHwgb3B0aW9uQiA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9uQi5sYWJlbCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJycpLnRvTG93ZXJDYXNlKCkpOyB9LCBvcHRpb25zOiBjdXN0b21GaWx0ZXJzIH0pIH0pKSwgX2pzeChUYWJsZSwgX19hc3NpZ24oeyBkYXRhU291cmNlOiBkYXRhU291cmNlLCBvbkNoYW5nZTogaGFuZGxlQ2hhbmdlIH0sIHByb3BzLCB7IGNvbHVtbnM6IGN1c3RvbUNvbHVtbnMsIHJvd1NlbGVjdGlvbjogcm93U2VsZWN0aW9uIH0pKV0gfSkpKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\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, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFnL2luZGV4LnRzeD9iMWM2Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XG4gICAgaWYgKHBhY2sgfHwgYXJndW1lbnRzLmxlbmd0aCA9PT0gMikgZm9yICh2YXIgaSA9IDAsIGwgPSBmcm9tLmxlbmd0aCwgYXI7IGkgPCBsOyBpKyspIHtcbiAgICAgICAgaWYgKGFyIHx8ICEoaSBpbiBmcm9tKSkge1xuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcbiAgICAgICAgICAgIGFyW2ldID0gZnJvbVtpXTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdG8uY29uY2F0KGFyIHx8IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20pKTtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU2VhcmNoT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgeyBUd2Vlbk9uZUdyb3VwIH0gZnJvbSAncmMtdHdlZW4tb25lJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5leHBvcnQgdmFyIFRhZ0ZpZWxkID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hO1xuICAgIHZhciBfYiA9IHVzZVN0YXRlKGN1c3RvbVRhZ3MpLCB0YWdzID0gX2JbMF0sIHNldFRhZ3MgPSBfYlsxXTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShmYWxzZSksIGlucHV0VmlzaWJsZSA9IF9jWzBdLCBzZXRJbnB1dFZpc2libGUgPSBfY1sxXTtcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZSgnJyksIGlucHV0VmFsdWUgPSBfZFswXSwgc2V0SW5wdXRWYWx1ZSA9IF9kWzFdO1xuICAgIHZhciBpbnB1dFJlZiA9IHVzZVJlZihudWxsKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcbiAgICAgICAgICAgIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xuICAgIHZhciBoYW5kbGVDbG9zZSA9IGZ1bmN0aW9uIChyZW1vdmVkVGFnKSB7XG4gICAgICAgIHZhciBuZXdUYWdzID0gdGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcbiAgICAgICAgc2V0VGFncyhuZXdUYWdzKTtcbiAgICB9O1xuICAgIHZhciBzaG93SW5wdXQgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldElucHV0VmlzaWJsZSh0cnVlKTtcbiAgICB9O1xuICAgIHZhciBoYW5kbGVJbnB1dENoYW5nZSA9IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgIHNldElucHV0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgIH07XG4gICAgdmFyIGhhbmRsZUlucHV0Q29uZmlybSA9IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKGlucHV0VmFsdWUgJiYgdGFncy5pbmRleE9mKGlucHV0VmFsdWUpID09PSAtMSkge1xuICAgICAgICAgICAgc2V0VGFncyhfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIHRhZ3MsIHRydWUpLCBbaW5wdXRWYWx1ZV0sIGZhbHNlKSk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0SW5wdXRWaXNpYmxlKGZhbHNlKTtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgfTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcm9wcyA9PT0gbnVsbCB8fCBwcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcHJvcHMudGFnc0luZm8odGFncyk7XG4gICAgfSwgW3RhZ3NdKTtcbiAgICB2YXIgZm9yTWFwID0gZnVuY3Rpb24gKHRhZykge1xuICAgICAgICB2YXIgdGFnRWxlbSA9IChfanN4KFRhZywgX19hc3NpZ24oeyBjbG9zYWJsZTogdHJ1ZSwgb25DbG9zZTogZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UodGFnKTtcbiAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGFnIH0pKSk7XG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX25ldyddLCBzdHlsZTogeyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyB9IH0sIHsgY2hpbGRyZW46IHRhZ0VsZW0gfSksIHRhZykpO1xuICAgIH07XG4gICAgdmFyIHRhZ0NoaWxkID0gdGFncy5tYXAoZm9yTWFwKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFnZmllbGQgfSwgeyBjaGlsZHJlbjogW2lucHV0VmlzaWJsZSAmJiAoX2pzeChJbnB1dCwgeyByZWY6IGlucHV0UmVmLCB0eXBlOiBcInRleHRcIiwgc2l6ZTogXCJzbWFsbFwiLCB2YWx1ZTogaW5wdXRWYWx1ZSwgb25DaGFuZ2U6IGhhbmRsZUlucHV0Q2hhbmdlLCBvbkJsdXI6IGhhbmRsZUlucHV0Q29uZmlybSwgb25QcmVzc0VudGVyOiBoYW5kbGVJbnB1dENvbmZpcm0sIGNsYXNzTmFtZTogc3R5bGVzWyd0YWdmaWVsZF9faW5wdXQnXSB9KSksICFpbnB1dFZpc2libGUgJiYgKF9qc3hzKFRhZywgX19hc3NpZ24oeyBvbkNsaWNrOiBzaG93SW5wdXQsIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhzdHlsZXNbJ3RhZ2ZpZWxkX19jcmVhdG9yJ10sICdzaXRlLXRhZy1wbHVzJykgfSwgeyBjaGlsZHJlbjogW19qc3goU2VhcmNoT3V0bGluZWQsIHt9KSwgXCIgUHJvY3VyYXJcIl0gfSkpKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IHN0eWxlOiB7IG1hcmdpblRvcDogMTYgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFR3ZWVuT25lR3JvdXAsIF9fYXNzaWduKHsgZW50ZXI6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNjYWxlOiAwLjgsXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2Zyb20nLFxuICAgICAgICAgICAgICAgICAgICAgICAgZHVyYXRpb246IDEwMCxcbiAgICAgICAgICAgICAgICAgICAgfSwgb25FbmQ6IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoZS50eXBlID09PSAnYXBwZWFyJyB8fCBlLnR5cGUgPT09ICdlbnRlcicpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBlLnRhcmdldC5zdHlsZSA9ICdkaXNwbGF5OiBpbmxpbmUtYmxvY2snO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9LCBsZWF2ZTogeyBvcGFjaXR5OiAwLCB3aWR0aDogMCwgc2NhbGU6IDAsIGR1cmF0aW9uOiAyMDAgfSwgYXBwZWFyOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiB0YWdDaGlsZCB9KSkgfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
 
 /***/ }),
 

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

@@ -1,5 +1,6 @@
 import { DatePickerProps } from 'antd';
 export type CustomDatePickerProps = DatePickerProps & {
     isRangePicker?: boolean;
+    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/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/index.d.ts

@@ -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;

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.19",
+  "version": "0.1.21",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/DatePicker/DatePicker.stories.tsx

@@ -10,4 +10,7 @@ const Template: Story<CustomDatePickerProps> = (args) => <CustomDatePicker {...a
 
 export const Primary = Template.bind({});
 Primary.args = {
+    onChange: (x: any, y: any) => {
+        console.log(x, y);
+    }
 };

package/src/components/DatePicker/index.tsx

@@ -3,6 +3,7 @@ import { DatePicker, DatePickerProps  } from 'antd';
 
 export type CustomDatePickerProps = DatePickerProps & {
     isRangePicker?: boolean;
+    onChange?: (a: any, b: any) => void;
 }
 
 const { RangePicker } = DatePicker;
@@ -16,9 +17,9 @@ export const CustomDatePicker = ({
             { isRangePicker
             ?
                 <RangePicker
-                className={ `${styles.sitooDatePicker} ${className}` }
+                    onChange={ onChange }
+                    className={ `${styles.sitooDatePicker} ${className}` }
                 />
-
             :
                 <DatePicker
                 { ...rest }

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/index.tsx

@@ -1,6 +1,6 @@
 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';
@@ -22,13 +22,17 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
     } = props;
     
     const [open, setOpen] = useState((isOpen));
+    const [pageInfo, setPageInfo] = useState<any>({});
+    const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});
+    const [tagsInfo, setTagsInfo] = useState<any>([]);
 
     useEffect(()=> {
         setOpen(isOpen);
     }, [isOpen])
 
     const hideModal = () => {
-        setOpen(false);
+        // setOpen(false);
+        console.log(pageInfo, rowSelectionInfo, tagsInfo);
     };
 
     return (
@@ -53,12 +57,12 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
                 className={styles.modal}
             >
             <div className={styles.tagsWrapper}>
-                <TagField/>
+                <TagField tagsInfo={setTagsInfo}/>
             </div>
             
             <div className={styles.tableWrapper}>
                 {   tableData && 
-                        <CustomTable {...tableData} headingTranslationsKey={'tableHeadings'} />
+                        <CustomTable {...tableData} paginationInfo={setPageInfo} rowSelectionInfo={setRowSelectionInfo} headingTranslationsKey={'tableHeadings'} />
                 }
             </div>
 

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

@@ -12,6 +12,7 @@ const Template: Story<customTableProps> = (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 <CustomTable {...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');

package/src/components/Table/index.tsx

@@ -30,6 +30,7 @@ export interface customTableProps extends TableProps<any> {
     paginationInfo?: any;
     headingTranslationsKey?: string;
     actionsArray?: any;
+    rowSelectionInfo?: any;
 }
 
 export const CustomTable = (props: customTableProps) => {
@@ -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