@omniumretail/component-library 0.1.21 → 1.0.0

package/README.md

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

package/dist/bundle.js

@@ -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 _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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TableField\": function() { return /* binding */ TableField; },\n/* harmony export */   \"sortBy\": function() { return /* binding */ sortBy; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/space/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/dropdown/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/select/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/table/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Table/styles.module.scss\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/MoreOutlined.js\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\nvar sortBy;\n(function (sortBy) {\n    sortBy[\"asc\"] = \"asc\";\n    sortBy[\"desc\"] = \"desc\";\n})(sortBy || (sortBy = {}));\nvar TableField = function (props) {\n    var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\n    var dataSource = props.dataSource, _a = props.fieldsToSort, fieldsToSort = _a === void 0 ? ['key', 'name', 'store'] : _a, _b = props.selectPlaceholder, selectPlaceholder = _b === void 0 ? 'Sort By' : _b, onSort = props.onSort, headingTranslationsKey = props.headingTranslationsKey, items = props.actionsArray;\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customFilters = _c[0], setCustomFilters = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customColumns = _d[0], setCustomColumns = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), sortInfo = _e[0], setSortInfo = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), selectedRowKeys = _f[0], setSelectedRowKeys = _f[1];\n    var onSelectChange = function (newSelectedRowKeys) {\n        setSelectedRowKeys(newSelectedRowKeys);\n    };\n    var rowSelection = {\n        selectedRowKeys: selectedRowKeys,\n        onChange: onSelectChange,\n    };\n    var handleChange = function (pagination) {\n        var getPagination = {\n            currentPage: pagination.current,\n        };\n        var getSortAndPaginationInfo = __assign(__assign({}, sortInfo), getPagination);\n        props.paginationInfo(getSortAndPaginationInfo);\n    };\n    var setSorter = function (option) {\n        onSort === null || onSort === void 0 ? void 0 : onSort(option.value.split('-')[0], option.direction);\n        var sortData = {\n            sortDirection: option.direction,\n            sortValue: option.value.split('-')[0],\n        };\n        setSortInfo(sortData);\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props.rowSelectionInfo(selectedRowKeys);\n    }, [selectedRowKeys]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        // Columns\n        var columns = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).map(function (key) {\n            return ({\n                title: headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key,\n                dataIndex: key,\n                key: key,\n                ellipsis: true,\n            });\n        });\n        var columnActions = {\n            title: 'Action',\n            key: 'action',\n            dataIndex: 6,\n            ellipsis: false,\n            render: function () { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ size: \"middle\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ menu: { items: items } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"a\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { style: { color: 'var(--color-blue)', transform: 'scale(1.6)' } }) }) })) }))); },\n        };\n        items && columns.push(columnActions);\n        setCustomColumns(columns);\n        // Filters\n        var dataKeysToFilter = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).filter(function (el) { return fieldsToSort.includes(el); });\n        var filters = (_a = []).concat.apply(_a, __spreadArray(__spreadArray([], dataKeysToFilter.map(function (key) { return ({\n            value: \"\".concat(key, \"-\").concat(sortBy.desc),\n            label: \"\".concat(headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key, \" (\").concat(sortBy.desc, \")\"),\n            direction: \"\".concat(sortBy.desc),\n        }); }), false), dataKeysToFilter.map(function (key) { return ({\n            value: \"\".concat(key, \"-\").concat(sortBy.asc),\n            label: \"\".concat(headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key, \" (\").concat(sortBy.asc, \")\"),\n            direction: \"\".concat(sortBy.asc),\n        }); }), false));\n        setCustomFilters(filters);\n    }, [dataSource]);\n    var shouldRenderSortDropdown = customFilters.length > 0;\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tableWrapper }, { children: [shouldRenderSortDropdown &&\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ style: { marginBottom: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { style: { width: 'auto', minWidth: 200 }, placeholder: selectPlaceholder, onSelect: function (_, option) {\n                            setSorter(option);\n                        }, optionFilterProp: \"children\", filterOption: function (input, option) { var _a; return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : '').includes(input); }, filterSort: function (optionA, optionB) { var _a, _b; return ((_a = optionA === null || optionA === void 0 ? void 0 : optionA.label) !== null && _a !== void 0 ? _a : '').toLowerCase().localeCompare(((_b = optionB === null || optionB === void 0 ? void 0 : optionB.label) !== null && _b !== void 0 ? _b : '').toLowerCase()); }, options: customFilters }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ dataSource: dataSource, onChange: handleChange }, props, { columns: customColumns, rowSelection: rowSelection }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFibGUvaW5kZXgudHN4PzNlODgiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xuICAgICAgICBpZiAoYXIgfHwgIShpIGluIGZyb20pKSB7XG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU3BhY2UsIFNlbGVjdCwgRHJvcGRvd24gfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IFRhYmxlIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBNb3JlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5leHBvcnQgdmFyIHNvcnRCeTtcbihmdW5jdGlvbiAoc29ydEJ5KSB7XG4gICAgc29ydEJ5W1wiYXNjXCJdID0gXCJhc2NcIjtcbiAgICBzb3J0QnlbXCJkZXNjXCJdID0gXCJkZXNjXCI7XG59KShzb3J0QnkgfHwgKHNvcnRCeSA9IHt9KSk7XG5leHBvcnQgdmFyIFRhYmxlRmllbGQgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgdCA9IHVzZVRyYW5zbGF0aW9uKCkudDtcbiAgICB2YXIgZGF0YVNvdXJjZSA9IHByb3BzLmRhdGFTb3VyY2UsIF9hID0gcHJvcHMuZmllbGRzVG9Tb3J0LCBmaWVsZHNUb1NvcnQgPSBfYSA9PT0gdm9pZCAwID8gWydrZXknLCAnbmFtZScsICdzdG9yZSddIDogX2EsIF9iID0gcHJvcHMuc2VsZWN0UGxhY2Vob2xkZXIsIHNlbGVjdFBsYWNlaG9sZGVyID0gX2IgPT09IHZvaWQgMCA/ICdTb3J0IEJ5JyA6IF9iLCBvblNvcnQgPSBwcm9wcy5vblNvcnQsIGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPSBwcm9wcy5oZWFkaW5nVHJhbnNsYXRpb25zS2V5LCBpdGVtcyA9IHByb3BzLmFjdGlvbnNBcnJheTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShbXSksIGN1c3RvbUZpbHRlcnMgPSBfY1swXSwgc2V0Q3VzdG9tRmlsdGVycyA9IF9jWzFdO1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKFtdKSwgY3VzdG9tQ29sdW1ucyA9IF9kWzBdLCBzZXRDdXN0b21Db2x1bW5zID0gX2RbMV07XG4gICAgdmFyIF9lID0gdXNlU3RhdGUoW10pLCBzb3J0SW5mbyA9IF9lWzBdLCBzZXRTb3J0SW5mbyA9IF9lWzFdO1xuICAgIHZhciBfZiA9IHVzZVN0YXRlKFtdKSwgc2VsZWN0ZWRSb3dLZXlzID0gX2ZbMF0sIHNldFNlbGVjdGVkUm93S2V5cyA9IF9mWzFdO1xuICAgIHZhciBvblNlbGVjdENoYW5nZSA9IGZ1bmN0aW9uIChuZXdTZWxlY3RlZFJvd0tleXMpIHtcbiAgICAgICAgc2V0U2VsZWN0ZWRSb3dLZXlzKG5ld1NlbGVjdGVkUm93S2V5cyk7XG4gICAgfTtcbiAgICB2YXIgcm93U2VsZWN0aW9uID0ge1xuICAgICAgICBzZWxlY3RlZFJvd0tleXM6IHNlbGVjdGVkUm93S2V5cyxcbiAgICAgICAgb25DaGFuZ2U6IG9uU2VsZWN0Q2hhbmdlLFxuICAgIH07XG4gICAgdmFyIGhhbmRsZUNoYW5nZSA9IGZ1bmN0aW9uIChwYWdpbmF0aW9uKSB7XG4gICAgICAgIHZhciBnZXRQYWdpbmF0aW9uID0ge1xuICAgICAgICAgICAgY3VycmVudFBhZ2U6IHBhZ2luYXRpb24uY3VycmVudCxcbiAgICAgICAgfTtcbiAgICAgICAgdmFyIGdldFNvcnRBbmRQYWdpbmF0aW9uSW5mbyA9IF9fYXNzaWduKF9fYXNzaWduKHt9LCBzb3J0SW5mbyksIGdldFBhZ2luYXRpb24pO1xuICAgICAgICBwcm9wcy5wYWdpbmF0aW9uSW5mbyhnZXRTb3J0QW5kUGFnaW5hdGlvbkluZm8pO1xuICAgIH07XG4gICAgdmFyIHNldFNvcnRlciA9IGZ1bmN0aW9uIChvcHRpb24pIHtcbiAgICAgICAgb25Tb3J0ID09PSBudWxsIHx8IG9uU29ydCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25Tb3J0KG9wdGlvbi52YWx1ZS5zcGxpdCgnLScpWzBdLCBvcHRpb24uZGlyZWN0aW9uKTtcbiAgICAgICAgdmFyIHNvcnREYXRhID0ge1xuICAgICAgICAgICAgc29ydERpcmVjdGlvbjogb3B0aW9uLmRpcmVjdGlvbixcbiAgICAgICAgICAgIHNvcnRWYWx1ZTogb3B0aW9uLnZhbHVlLnNwbGl0KCctJylbMF0sXG4gICAgICAgIH07XG4gICAgICAgIHNldFNvcnRJbmZvKHNvcnREYXRhKTtcbiAgICB9O1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHByb3BzLnJvd1NlbGVjdGlvbkluZm8oc2VsZWN0ZWRSb3dLZXlzKTtcbiAgICB9LCBbc2VsZWN0ZWRSb3dLZXlzXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICAvLyBDb2x1bW5zXG4gICAgICAgIHZhciBjb2x1bW5zID0gT2JqZWN0LmtleXMoZGF0YVNvdXJjZSA9PT0gbnVsbCB8fCBkYXRhU291cmNlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBkYXRhU291cmNlWzBdKS5tYXAoZnVuY3Rpb24gKGtleSkge1xuICAgICAgICAgICAgcmV0dXJuICh7XG4gICAgICAgICAgICAgICAgdGl0bGU6IGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPyB0KFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXksIFwiLlwiKS5jb25jYXQoa2V5KSkgOiBrZXksXG4gICAgICAgICAgICAgICAgZGF0YUluZGV4OiBrZXksXG4gICAgICAgICAgICAgICAga2V5OiBrZXksXG4gICAgICAgICAgICAgICAgZWxsaXBzaXM6IHRydWUsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgICAgIHZhciBjb2x1bW5BY3Rpb25zID0ge1xuICAgICAgICAgICAgdGl0bGU6ICdBY3Rpb24nLFxuICAgICAgICAgICAga2V5OiAnYWN0aW9uJyxcbiAgICAgICAgICAgIGRhdGFJbmRleDogNixcbiAgICAgICAgICAgIGVsbGlwc2lzOiBmYWxzZSxcbiAgICAgICAgICAgIHJlbmRlcjogZnVuY3Rpb24gKCkgeyByZXR1cm4gKF9qc3goU3BhY2UsIF9fYXNzaWduKHsgc2l6ZTogXCJtaWRkbGVcIiB9LCB7IGNoaWxkcmVuOiBfanN4KERyb3Bkb3duLCBfX2Fzc2lnbih7IG1lbnU6IHsgaXRlbXM6IGl0ZW1zIH0gfSwgeyBjaGlsZHJlbjogX2pzeChcImFcIiwgeyBjaGlsZHJlbjogX2pzeChNb3JlT3V0bGluZWQsIHsgc3R5bGU6IHsgY29sb3I6ICd2YXIoLS1jb2xvci1ibHVlKScsIHRyYW5zZm9ybTogJ3NjYWxlKDEuNiknIH0gfSkgfSkgfSkpIH0pKSk7IH0sXG4gICAgICAgIH07XG4gICAgICAgIGl0ZW1zICYmIGNvbHVtbnMucHVzaChjb2x1bW5BY3Rpb25zKTtcbiAgICAgICAgc2V0Q3VzdG9tQ29sdW1ucyhjb2x1bW5zKTtcbiAgICAgICAgLy8gRmlsdGVyc1xuICAgICAgICB2YXIgZGF0YUtleXNUb0ZpbHRlciA9IE9iamVjdC5rZXlzKGRhdGFTb3VyY2UgPT09IG51bGwgfHwgZGF0YVNvdXJjZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGF0YVNvdXJjZVswXSkuZmlsdGVyKGZ1bmN0aW9uIChlbCkgeyByZXR1cm4gZmllbGRzVG9Tb3J0LmluY2x1ZGVzKGVsKTsgfSk7XG4gICAgICAgIHZhciBmaWx0ZXJzID0gKF9hID0gW10pLmNvbmNhdC5hcHBseShfYSwgX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBkYXRhS2V5c1RvRmlsdGVyLm1hcChmdW5jdGlvbiAoa2V5KSB7IHJldHVybiAoe1xuICAgICAgICAgICAgdmFsdWU6IFwiXCIuY29uY2F0KGtleSwgXCItXCIpLmNvbmNhdChzb3J0QnkuZGVzYyksXG4gICAgICAgICAgICBsYWJlbDogXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSwgXCIgKFwiKS5jb25jYXQoc29ydEJ5LmRlc2MsIFwiKVwiKSxcbiAgICAgICAgICAgIGRpcmVjdGlvbjogXCJcIi5jb25jYXQoc29ydEJ5LmRlc2MpLFxuICAgICAgICB9KTsgfSksIGZhbHNlKSwgZGF0YUtleXNUb0ZpbHRlci5tYXAoZnVuY3Rpb24gKGtleSkgeyByZXR1cm4gKHtcbiAgICAgICAgICAgIHZhbHVlOiBcIlwiLmNvbmNhdChrZXksIFwiLVwiKS5jb25jYXQoc29ydEJ5LmFzYyksXG4gICAgICAgICAgICBsYWJlbDogXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSwgXCIgKFwiKS5jb25jYXQoc29ydEJ5LmFzYywgXCIpXCIpLFxuICAgICAgICAgICAgZGlyZWN0aW9uOiBcIlwiLmNvbmNhdChzb3J0QnkuYXNjKSxcbiAgICAgICAgfSk7IH0pLCBmYWxzZSkpO1xuICAgICAgICBzZXRDdXN0b21GaWx0ZXJzKGZpbHRlcnMpO1xuICAgIH0sIFtkYXRhU291cmNlXSk7XG4gICAgdmFyIHNob3VsZFJlbmRlclNvcnREcm9wZG93biA9IGN1c3RvbUZpbHRlcnMubGVuZ3RoID4gMDtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFibGVXcmFwcGVyIH0sIHsgY2hpbGRyZW46IFtzaG91bGRSZW5kZXJTb3J0RHJvcGRvd24gJiZcbiAgICAgICAgICAgICAgICBfanN4KFNwYWNlLCBfX2Fzc2lnbih7IHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogMTYgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFNlbGVjdCwgeyBzdHlsZTogeyB3aWR0aDogJ2F1dG8nLCBtaW5XaWR0aDogMjAwIH0sIHBsYWNlaG9sZGVyOiBzZWxlY3RQbGFjZWhvbGRlciwgb25TZWxlY3Q6IGZ1bmN0aW9uIChfLCBvcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXRTb3J0ZXIob3B0aW9uKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH0sIG9wdGlvbkZpbHRlclByb3A6IFwiY2hpbGRyZW5cIiwgZmlsdGVyT3B0aW9uOiBmdW5jdGlvbiAoaW5wdXQsIG9wdGlvbikgeyB2YXIgX2E7IHJldHVybiAoKF9hID0gb3B0aW9uID09PSBudWxsIHx8IG9wdGlvbiA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9uLmxhYmVsKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnJykuaW5jbHVkZXMoaW5wdXQpOyB9LCBmaWx0ZXJTb3J0OiBmdW5jdGlvbiAob3B0aW9uQSwgb3B0aW9uQikgeyB2YXIgX2EsIF9iOyByZXR1cm4gKChfYSA9IG9wdGlvbkEgPT09IG51bGwgfHwgb3B0aW9uQSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9uQS5sYWJlbCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJycpLnRvTG93ZXJDYXNlKCkubG9jYWxlQ29tcGFyZSgoKF9iID0gb3B0aW9uQiA9PT0gbnVsbCB8fCBvcHRpb25CID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvcHRpb25CLmxhYmVsKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnJykudG9Mb3dlckNhc2UoKSk7IH0sIG9wdGlvbnM6IGN1c3RvbUZpbHRlcnMgfSkgfSkpLCBfanN4KFRhYmxlLCBfX2Fzc2lnbih7IGRhdGFTb3VyY2U6IGRhdGFTb3VyY2UsIG9uQ2hhbmdlOiBoYW5kbGVDaGFuZ2UgfSwgcHJvcHMsIHsgY29sdW1uczogY3VzdG9tQ29sdW1ucywgcm93U2VsZWN0aW9uOiByb3dTZWxlY3Rpb24gfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Table/index.tsx\n");
 
 /***/ }),
 
@@ -8862,7 +8862,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TagField\": function() { return /* binding */ TagField; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-tween-one */ \"./node_modules/rc-tween-one/es/TweenOneGroup.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Tag/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\nvar TagField = function (props) {\n    var _a = props.customTags, customTags = _a === void 0 ? [] : _a;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags), tags = _b[0], setTags = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), inputVisible = _c[0], setInputVisible = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), inputValue = _d[0], setInputValue = _d[1];\n    var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        if (inputVisible) {\n            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }, [inputVisible]);\n    var handleClose = function (removedTag) {\n        var newTags = tags.filter(function (tag) { return tag !== removedTag; });\n        setTags(newTags);\n    };\n    var showInput = function () {\n        setInputVisible(true);\n    };\n    var handleInputChange = function (e) {\n        setInputValue(e.target.value);\n    };\n    var handleInputConfirm = function () {\n        if (inputValue && tags.indexOf(inputValue) === -1) {\n            setTags(__spreadArray(__spreadArray([], tags, true), [inputValue], false));\n        }\n        setInputVisible(false);\n        setInputValue('');\n    };\n    (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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TagField\": function() { return /* binding */ TagField; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/SearchOutlined.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tag/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/input/index.js\");\n/* harmony import */ var rc_tween_one__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-tween-one */ \"./node_modules/rc-tween-one/es/TweenOneGroup.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Tag/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\nvar TagField = function (props) {\n    var _a = props.customTags, customTags = _a === void 0 ? [] : _a;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(customTags), tags = _b[0], setTags = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), inputVisible = _c[0], setInputVisible = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), inputValue = _d[0], setInputValue = _d[1];\n    var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        if (inputVisible) {\n            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }, [inputVisible]);\n    var handleClose = function (removedTag) {\n        var newTags = tags.filter(function (tag) { return tag !== removedTag; });\n        setTags(newTags);\n    };\n    var showInput = function () {\n        setInputVisible(true);\n    };\n    var handleInputChange = function (e) {\n        setInputValue(e.target.value);\n    };\n    var handleInputConfirm = function () {\n        if (inputValue && tags.indexOf(inputValue) === -1) {\n            setTags(__spreadArray(__spreadArray([], tags, true), [inputValue], false));\n        }\n        setInputVisible(false);\n        setInputValue('');\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props === null || props === void 0 ? void 0 : props.tagsInfo(tags);\n    }, [tags]);\n    var forMap = function (tag) {\n        var tagElem = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ closable: true, onClose: function (e) {\n                e.preventDefault();\n                handleClose(tag);\n            } }, { children: tag })));\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__new, style: { display: 'inline-block' } }, { children: tagElem }), tag));\n    };\n    var tagChild = tags.map(forMap);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield }, { children: [inputVisible && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { ref: inputRef, type: \"text\", size: \"small\", value: inputValue, onChange: handleInputChange, onPressEnter: handleInputConfirm, className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__input })), !inputVisible && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_4__[\"default\"], __assign({ onClick: showInput, className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tagfield__creator, 'site-tag-plus') }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}), \" Procurar\"] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { marginTop: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(rc_tween_one__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({ enter: {\n                        scale: 0.8,\n                        opacity: 0,\n                        type: 'from',\n                        duration: 100,\n                    }, onEnd: function (e) {\n                        if (e.type === 'appear' || e.type === 'enter') {\n                            e.target.style = 'display: inline-block';\n                        }\n                    }, leave: { opacity: 0, width: 0, scale: 0, duration: 200 }, appear: false }, { children: tagChild })) }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFnL2luZGV4LnRzeD9iMWM2Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XG4gICAgaWYgKHBhY2sgfHwgYXJndW1lbnRzLmxlbmd0aCA9PT0gMikgZm9yICh2YXIgaSA9IDAsIGwgPSBmcm9tLmxlbmd0aCwgYXI7IGkgPCBsOyBpKyspIHtcbiAgICAgICAgaWYgKGFyIHx8ICEoaSBpbiBmcm9tKSkge1xuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcbiAgICAgICAgICAgIGFyW2ldID0gZnJvbVtpXTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdG8uY29uY2F0KGFyIHx8IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20pKTtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU2VhcmNoT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgeyBJbnB1dCwgVGFnIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgeyBUd2Vlbk9uZUdyb3VwIH0gZnJvbSAncmMtdHdlZW4tb25lJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5leHBvcnQgdmFyIFRhZ0ZpZWxkID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIF9hID0gcHJvcHMuY3VzdG9tVGFncywgY3VzdG9tVGFncyA9IF9hID09PSB2b2lkIDAgPyBbXSA6IF9hO1xuICAgIHZhciBfYiA9IHVzZVN0YXRlKGN1c3RvbVRhZ3MpLCB0YWdzID0gX2JbMF0sIHNldFRhZ3MgPSBfYlsxXTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShmYWxzZSksIGlucHV0VmlzaWJsZSA9IF9jWzBdLCBzZXRJbnB1dFZpc2libGUgPSBfY1sxXTtcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZSgnJyksIGlucHV0VmFsdWUgPSBfZFswXSwgc2V0SW5wdXRWYWx1ZSA9IF9kWzFdO1xuICAgIHZhciBpbnB1dFJlZiA9IHVzZVJlZihudWxsKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmIChpbnB1dFZpc2libGUpIHtcbiAgICAgICAgICAgIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfSwgW2lucHV0VmlzaWJsZV0pO1xuICAgIHZhciBoYW5kbGVDbG9zZSA9IGZ1bmN0aW9uIChyZW1vdmVkVGFnKSB7XG4gICAgICAgIHZhciBuZXdUYWdzID0gdGFncy5maWx0ZXIoZnVuY3Rpb24gKHRhZykgeyByZXR1cm4gdGFnICE9PSByZW1vdmVkVGFnOyB9KTtcbiAgICAgICAgc2V0VGFncyhuZXdUYWdzKTtcbiAgICB9O1xuICAgIHZhciBzaG93SW5wdXQgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldElucHV0VmlzaWJsZSh0cnVlKTtcbiAgICB9O1xuICAgIHZhciBoYW5kbGVJbnB1dENoYW5nZSA9IGZ1bmN0aW9uIChlKSB7XG4gICAgICAgIHNldElucHV0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgIH07XG4gICAgdmFyIGhhbmRsZUlucHV0Q29uZmlybSA9IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKGlucHV0VmFsdWUgJiYgdGFncy5pbmRleE9mKGlucHV0VmFsdWUpID09PSAtMSkge1xuICAgICAgICAgICAgc2V0VGFncyhfX3NwcmVhZEFycmF5KF9fc3ByZWFkQXJyYXkoW10sIHRhZ3MsIHRydWUpLCBbaW5wdXRWYWx1ZV0sIGZhbHNlKSk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0SW5wdXRWaXNpYmxlKGZhbHNlKTtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgfTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcm9wcyA9PT0gbnVsbCB8fCBwcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcHJvcHMudGFnc0luZm8odGFncyk7XG4gICAgfSwgW3RhZ3NdKTtcbiAgICB2YXIgZm9yTWFwID0gZnVuY3Rpb24gKHRhZykge1xuICAgICAgICB2YXIgdGFnRWxlbSA9IChfanN4KFRhZywgX19hc3NpZ24oeyBjbG9zYWJsZTogdHJ1ZSwgb25DbG9zZTogZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UodGFnKTtcbiAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGFnIH0pKSk7XG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlc1sndGFnZmllbGRfX25ldyddLCBzdHlsZTogeyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyB9IH0sIHsgY2hpbGRyZW46IHRhZ0VsZW0gfSksIHRhZykpO1xuICAgIH07XG4gICAgdmFyIHRhZ0NoaWxkID0gdGFncy5tYXAoZm9yTWFwKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFnZmllbGQgfSwgeyBjaGlsZHJlbjogW2lucHV0VmlzaWJsZSAmJiAoX2pzeChJbnB1dCwgeyByZWY6IGlucHV0UmVmLCB0eXBlOiBcInRleHRcIiwgc2l6ZTogXCJzbWFsbFwiLCB2YWx1ZTogaW5wdXRWYWx1ZSwgb25DaGFuZ2U6IGhhbmRsZUlucHV0Q2hhbmdlLCBvblByZXNzRW50ZXI6IGhhbmRsZUlucHV0Q29uZmlybSwgY2xhc3NOYW1lOiBzdHlsZXNbJ3RhZ2ZpZWxkX19pbnB1dCddIH0pKSwgIWlucHV0VmlzaWJsZSAmJiAoX2pzeHMoVGFnLCBfX2Fzc2lnbih7IG9uQ2xpY2s6IHNob3dJbnB1dCwgY2xhc3NOYW1lOiBjbGFzc05hbWVzKHN0eWxlc1sndGFnZmllbGRfX2NyZWF0b3InXSwgJ3NpdGUtdGFnLXBsdXMnKSB9LCB7IGNoaWxkcmVuOiBbX2pzeChTZWFyY2hPdXRsaW5lZCwge30pLCBcIiBQcm9jdXJhclwiXSB9KSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgc3R5bGU6IHsgbWFyZ2luVG9wOiAxNiB9IH0sIHsgY2hpbGRyZW46IF9qc3goVHdlZW5PbmVHcm91cCwgX19hc3NpZ24oeyBlbnRlcjoge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2NhbGU6IDAuOCxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnZnJvbScsXG4gICAgICAgICAgICAgICAgICAgICAgICBkdXJhdGlvbjogMTAwLFxuICAgICAgICAgICAgICAgICAgICB9LCBvbkVuZDogZnVuY3Rpb24gKGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChlLnR5cGUgPT09ICdhcHBlYXInIHx8IGUudHlwZSA9PT0gJ2VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGUudGFyZ2V0LnN0eWxlID0gJ2Rpc3BsYXk6IGlubGluZS1ibG9jayc7XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH0sIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHdpZHRoOiAwLCBzY2FsZTogMCwgZHVyYXRpb246IDIwMCB9LCBhcHBlYXI6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHRhZ0NoaWxkIH0pKSB9KSldIH0pKSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Tag/index.tsx\n");
 
 /***/ }),
 
@@ -8873,7 +8873,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_6__.CustomSelect; },\n/* harmony export */   \"CustomTable\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.CustomTable; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_12__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _Label__WEBPACK_IMPORTED_MODULE_4__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_5__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_1__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Spaces; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.TagField; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var _Navigation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Navigation */ \"./src/components/Navigation/index.tsx\");\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Input */ \"./src/components/Input/index.tsx\");\n/* harmony import */ var _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InputCountryCode */ \"./src/components/InputCountryCode/index.tsx\");\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Select */ \"./src/components/Select/index.tsx\");\n/* harmony import */ var _Separator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Separator */ \"./src/components/Separator/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DatePicker */ \"./src/components/DatePicker/index.tsx\");\n/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Radio */ \"./src/components/Radio/index.tsx\");\n/* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Footer */ \"./src/components/Footer/index.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL2luZGV4LnRzeD8xOGRhIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vQnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vTmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL0lucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vSW5wdXRDb3VudHJ5Q29kZSc7XG5leHBvcnQgKiBmcm9tICcuL0xhYmVsJztcbmV4cG9ydCAqIGZyb20gJy4vTGluayc7XG5leHBvcnQgKiBmcm9tICcuL1NlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL1NlcGFyYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL1RhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vVGFnJztcbmV4cG9ydCAqIGZyb20gJy4vRGF0ZVBpY2tlcic7XG5leHBvcnQgKiBmcm9tICcuL1JhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vRm9vdGVyJztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_6__.CustomSelect; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_12__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _Label__WEBPACK_IMPORTED_MODULE_4__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_5__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_1__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Spaces; },\n/* harmony export */   \"TableField\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.TableField; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.TagField; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var _Navigation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Navigation */ \"./src/components/Navigation/index.tsx\");\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Input */ \"./src/components/Input/index.tsx\");\n/* harmony import */ var _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InputCountryCode */ \"./src/components/InputCountryCode/index.tsx\");\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Select */ \"./src/components/Select/index.tsx\");\n/* harmony import */ var _Separator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Separator */ \"./src/components/Separator/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DatePicker */ \"./src/components/DatePicker/index.tsx\");\n/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Radio */ \"./src/components/Radio/index.tsx\");\n/* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Footer */ \"./src/components/Footer/index.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL2luZGV4LnRzeD8xOGRhIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vQnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vTmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL0lucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vSW5wdXRDb3VudHJ5Q29kZSc7XG5leHBvcnQgKiBmcm9tICcuL0xhYmVsJztcbmV4cG9ydCAqIGZyb20gJy4vTGluayc7XG5leHBvcnQgKiBmcm9tICcuL1NlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL1NlcGFyYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL1RhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vVGFnJztcbmV4cG9ydCAqIGZyb20gJy4vRGF0ZVBpY2tlcic7XG5leHBvcnQgKiBmcm9tICcuL1JhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vRm9vdGVyJztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/index.tsx\n");
 
 /***/ }),
 
@@ -8895,7 +8895,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomSelect; },\n/* harmony export */   \"CustomTable\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomTable; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spaces; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TagField; },\n/* harmony export */   \"mergei18n\": function() { return /* reexport safe */ _constants_i18n__WEBPACK_IMPORTED_MODULE_1__.mergei18n; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ \"./src/components/index.tsx\");\n/* harmony import */ var _constants_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants/i18n */ \"./src/constants/i18n.ts\");\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvaW5kZXgudHMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvaW5kZXgudHM/ZTk0ZSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9jb25zdGFudHMvaTE4bic7XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/index.ts\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */   \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */   \"CustomRadio\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomRadio; },\n/* harmony export */   \"CustomSelect\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomSelect; },\n/* harmony export */   \"Footer\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Footer; },\n/* harmony export */   \"FormInputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormInputField; },\n/* harmony export */   \"InputCountryCode\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputCountryCode; },\n/* harmony export */   \"InputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputField; },\n/* harmony export */   \"Label\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Label; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Link; },\n/* harmony export */   \"Navigation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Navigation; },\n/* harmony export */   \"Separator\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Separator; },\n/* harmony export */   \"Spaces\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spaces; },\n/* harmony export */   \"TableField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableField; },\n/* harmony export */   \"TagField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TagField; },\n/* harmony export */   \"mergei18n\": function() { return /* reexport safe */ _constants_i18n__WEBPACK_IMPORTED_MODULE_1__.mergei18n; },\n/* harmony export */   \"sortBy\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ \"./src/components/index.tsx\");\n/* harmony import */ var _constants_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants/i18n */ \"./src/constants/i18n.ts\");\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvaW5kZXgudHMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvaW5kZXgudHM/ZTk0ZSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9jb25zdGFudHMvaTE4bic7XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/index.ts\n");
 
 /***/ }),
 

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

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

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

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

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

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

package/package.json

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

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

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

package/src/components/ModalWithTable/index.tsx

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

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

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

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

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

package/src/components/Table/index.tsx

@@ -22,7 +22,7 @@ export enum sortBy {
     desc = 'desc',
 }
 
-export interface customTableProps extends TableProps<any> {
+export interface tableFieldProps extends TableProps<any> {
     fieldsToSort?: any[],
     selectPlaceholder?: string,
     onSort?: (field: any, sortBy: any) => void;
@@ -33,7 +33,7 @@ export interface customTableProps extends TableProps<any> {
     rowSelectionInfo?: any;
 }
 
-export const CustomTable = (props: customTableProps) => {
+export const TableField = (props: tableFieldProps) => {
     const { t } = useTranslation();
 
     const {

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

@@ -10,7 +10,7 @@ export default {
 
 const Template: Story<TagProps> = (args) => {
     const [tagsInfo, setTagsInfo] = useState<any>({});
-
+    
     return <TagField {...args} tagsInfo={setTagsInfo}></TagField>;
 }
 

package/src/components/Tag/index.tsx

@@ -80,7 +80,6 @@ export const TagField = (props: customTagProps) => {
                     size="small"
                     value={inputValue}
                     onChange={handleInputChange}
-                    onBlur={handleInputConfirm}
                     onPressEnter={handleInputConfirm}
                     className={styles['tagfield__input']}
                 />