@omniumretail/component-library 1.0.42 → 1.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/bundle.js +26 -4
  2. package/dist/main.css +33 -0
  3. package/dist/types/components/UserInfo/index.d.ts +8 -0
  4. package/dist/types/components/index.d.ts +1 -0
  5. package/package.json +1 -1
  6. package/src/components/ModalWithTable/ModalWithTable.stories.tsx +8 -3
  7. package/src/components/ModalWithTable/index.tsx +30 -19
  8. package/src/components/UserInfo/UserInfo.stories.tsx +37 -0
  9. package/src/components/UserInfo/index.tsx +62 -0
  10. package/src/components/UserInfo/styles.module.scss +30 -0
  11. package/src/components/index.tsx +1 -0
  12. package/src/locales/pt.json +17 -0
  13. package/dist/types/components/ImageUpload/imageUtils/index.d.ts +0 -2
  14. package/dist/types/components/ImageUpload/index.d.ts +0 -2
  15. /package/dist/types/components/{ImageUpload/ImageUpload.stories.d.ts → UserInfo/UserInfo.stories.d.ts} +0 -0
package/dist/bundle.js CHANGED
@@ -4871,6 +4871,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
4871
4871
 
4872
4872
  /***/ }),
4873
4873
 
4874
+ /***/ "./src/components/UserInfo/styles.module.scss":
4875
+ /*!****************************************************!*\
4876
+ !*** ./src/components/UserInfo/styles.module.scss ***!
4877
+ \****************************************************/
4878
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4879
+
4880
+ "use strict";
4881
+ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"userInfo\":\"qaO99d3JMWSM8DLS1LvS\",\"userName\":\"Zv6hI_F5yvuBDnPK8u2C\",\"userCode\":\"JxTKMPM3nEvZB42uuV1e\",\"userInfoTitles\":\"JKKhO8apIWdMp0JLU0iD\",\"userInfoDesc\":\"GqgjW40ocDFW4xi4Mszm\"});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Vc2VySW5mby9zdHlsZXMubW9kdWxlLnNjc3MuanMiLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9Vc2VySW5mby9zdHlsZXMubW9kdWxlLnNjc3M/YjMyMCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbmV4cG9ydCBkZWZhdWx0IHtcInVzZXJJbmZvXCI6XCJxYU85OWQzSk1XU004RExTMUx2U1wiLFwidXNlck5hbWVcIjpcIlp2NmhJX0Y1eXZ1QkRuUEs4dTJDXCIsXCJ1c2VyQ29kZVwiOlwiSnhUS01QTTNuRXZaQjQydXVWMWVcIixcInVzZXJJbmZvVGl0bGVzXCI6XCJKS0toTzhhcElXZE1wMEpMVTBpRFwiLFwidXNlckluZm9EZXNjXCI6XCJHcWdqVzQwb2NERlc0eGk0TXN6bVwifTsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/UserInfo/styles.module.scss\n");
4882
+
4883
+ /***/ }),
4884
+
4874
4885
  /***/ "./node_modules/moment/locale/af.js":
4875
4886
  /*!******************************************!*\
4876
4887
  !*** ./node_modules/moment/locale/af.js ***!
@@ -10739,7 +10750,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
10739
10750
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10740
10751
 
10741
10752
  "use strict";
10742
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ModalWithTable\": function() { return /* binding */ ModalWithTable; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/modal/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/CloseOutlined.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ModalWithTable/styles.module.scss\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\nvar ModalWithTable = function (props) {\n var _a;\n var closeText = props.closeText, buttonText = props.buttonText, _b = props.isOpen, isOpen = _b === void 0 ? false : _b, tableData = props.tableData, modalData = props.modalData, isLoading = props.isLoading;\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)((isOpen)), open = _c[0], setOpen = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), confirmLoading = _d[0], setConfirmLoading = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({}), pageInfo = _e[0], setPageInfo = _e[1];\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({}), rowSelectionInfo = _f[0], setRowSelectionInfo = _f[1];\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), tagsInfo = _g[0], setTagsInfo = _g[1];\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), ModalCanceled = _h[0], setModalCanceled = _h[1];\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n setOpen(isOpen);\n }, [isOpen]);\n var hideModal = function () {\n setOpen(false);\n setModalCanceled(true);\n };\n var saveChanges = function () {\n setOpen(false);\n setModalCanceled(false);\n };\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n modalData({\n \"pageInfo\": pageInfo,\n \"rowSelectionInfo\": rowSelectionInfo,\n \"tagsInfo\": tagsInfo,\n \"open\": open\n });\n }, [tagsInfo, pageInfo, rowSelectionInfo, open]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n setTimeout(function () {\n ModalCanceled\n && modalData({\n \"pageInfo\": {},\n \"rowSelectionInfo\": {},\n \"tagsInfo\": [],\n \"open\": open\n });\n setModalCanceled(false);\n }, 100);\n }, [ModalCanceled]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n if (tagsInfo.length > 0) {\n setConfirmLoading(true);\n }\n }, [tagsInfo]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n setConfirmLoading(isLoading);\n }, [isLoading]);\n var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()((_a = {},\n _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].disabled] = confirmLoading,\n _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].modal);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({ destroyOnClose: true, closeIcon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].closeButton }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"p\", { children: closeText }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {})] })), open: open, onOk: hideModal, onCancel: hideModal, maskClosable: false, centered: true, width: '100%', footer: [\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Button, __assign({ onClick: saveChanges }, { children: buttonText }), \"submit\")\n ], className: modalClasses }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tagsWrapper }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_4__.TagField, { tagsInfo: setTagsInfo }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tableWrapper }, { children: tableData &&\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Table__WEBPACK_IMPORTED_MODULE_5__.Table, __assign({}, tableData, { paginationInfo: setPageInfo, rowSelectionInfo: setRowSelectionInfo, headingTranslationsKey: 'tableHeadings' })) }))] })) }));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3g/MjVlYiJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2xvc2VPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMubW9kdWxlLnNjc3MnO1xuaW1wb3J0IHsgVGFnRmllbGQgfSBmcm9tICcuLi9UYWcnO1xuaW1wb3J0IHsgVGFibGUgfSBmcm9tICcuLi9UYWJsZSc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmV4cG9ydCB2YXIgTW9kYWxXaXRoVGFibGUgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgX2E7XG4gICAgdmFyIGNsb3NlVGV4dCA9IHByb3BzLmNsb3NlVGV4dCwgYnV0dG9uVGV4dCA9IHByb3BzLmJ1dHRvblRleHQsIF9iID0gcHJvcHMuaXNPcGVuLCBpc09wZW4gPSBfYiA9PT0gdm9pZCAwID8gZmFsc2UgOiBfYiwgdGFibGVEYXRhID0gcHJvcHMudGFibGVEYXRhLCBtb2RhbERhdGEgPSBwcm9wcy5tb2RhbERhdGEsIGlzTG9hZGluZyA9IHByb3BzLmlzTG9hZGluZztcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZSgoaXNPcGVuKSksIG9wZW4gPSBfY1swXSwgc2V0T3BlbiA9IF9jWzFdO1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKGZhbHNlKSwgY29uZmlybUxvYWRpbmcgPSBfZFswXSwgc2V0Q29uZmlybUxvYWRpbmcgPSBfZFsxXTtcbiAgICB2YXIgX2UgPSB1c2VTdGF0ZSh7fSksIHBhZ2VJbmZvID0gX2VbMF0sIHNldFBhZ2VJbmZvID0gX2VbMV07XG4gICAgdmFyIF9mID0gdXNlU3RhdGUoe30pLCByb3dTZWxlY3Rpb25JbmZvID0gX2ZbMF0sIHNldFJvd1NlbGVjdGlvbkluZm8gPSBfZlsxXTtcbiAgICB2YXIgX2cgPSB1c2VTdGF0ZShbXSksIHRhZ3NJbmZvID0gX2dbMF0sIHNldFRhZ3NJbmZvID0gX2dbMV07XG4gICAgdmFyIF9oID0gdXNlU3RhdGUoZmFsc2UpLCBNb2RhbENhbmNlbGVkID0gX2hbMF0sIHNldE1vZGFsQ2FuY2VsZWQgPSBfaFsxXTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRPcGVuKGlzT3Blbik7XG4gICAgfSwgW2lzT3Blbl0pO1xuICAgIHZhciBoaWRlTW9kYWwgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBzZXRNb2RhbENhbmNlbGVkKHRydWUpO1xuICAgIH07XG4gICAgdmFyIHNhdmVDaGFuZ2VzID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgc2V0TW9kYWxDYW5jZWxlZChmYWxzZSk7XG4gICAgfTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBtb2RhbERhdGEoe1xuICAgICAgICAgICAgXCJwYWdlSW5mb1wiOiBwYWdlSW5mbyxcbiAgICAgICAgICAgIFwicm93U2VsZWN0aW9uSW5mb1wiOiByb3dTZWxlY3Rpb25JbmZvLFxuICAgICAgICAgICAgXCJ0YWdzSW5mb1wiOiB0YWdzSW5mbyxcbiAgICAgICAgICAgIFwib3BlblwiOiBvcGVuXG4gICAgICAgIH0pO1xuICAgIH0sIFt0YWdzSW5mbywgcGFnZUluZm8sIHJvd1NlbGVjdGlvbkluZm8sIG9wZW5dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgICAgIE1vZGFsQ2FuY2VsZWRcbiAgICAgICAgICAgICAgICAmJiBtb2RhbERhdGEoe1xuICAgICAgICAgICAgICAgICAgICBcInBhZ2VJbmZvXCI6IHt9LFxuICAgICAgICAgICAgICAgICAgICBcInJvd1NlbGVjdGlvbkluZm9cIjoge30sXG4gICAgICAgICAgICAgICAgICAgIFwidGFnc0luZm9cIjogW10sXG4gICAgICAgICAgICAgICAgICAgIFwib3BlblwiOiBvcGVuXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBzZXRNb2RhbENhbmNlbGVkKGZhbHNlKTtcbiAgICAgICAgfSwgMTAwKTtcbiAgICB9LCBbTW9kYWxDYW5jZWxlZF0pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIGlmICh0YWdzSW5mby5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBzZXRDb25maXJtTG9hZGluZyh0cnVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt0YWdzSW5mb10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldENvbmZpcm1Mb2FkaW5nKGlzTG9hZGluZyk7XG4gICAgfSwgW2lzTG9hZGluZ10pO1xuICAgIHZhciBtb2RhbENsYXNzZXMgPSBjbGFzc25hbWVzKChfYSA9IHt9LFxuICAgICAgICBfYVtzdHlsZXMuZGlzYWJsZWRdID0gY29uZmlybUxvYWRpbmcsXG4gICAgICAgIF9hKSwgc3R5bGVzLm1vZGFsKTtcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbCwgX19hc3NpZ24oeyBkZXN0cm95T25DbG9zZTogdHJ1ZSwgY2xvc2VJY29uOiBfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmNsb3NlQnV0dG9uIH0sIHsgY2hpbGRyZW46IFtfanN4KFwicFwiLCB7IGNoaWxkcmVuOiBjbG9zZVRleHQgfSksIF9qc3goQ2xvc2VPdXRsaW5lZCwge30pXSB9KSksIG9wZW46IG9wZW4sIG9uT2s6IGhpZGVNb2RhbCwgb25DYW5jZWw6IGhpZGVNb2RhbCwgbWFza0Nsb3NhYmxlOiBmYWxzZSwgY2VudGVyZWQ6IHRydWUsIHdpZHRoOiAnMTAwJScsIGZvb3RlcjogW1xuICAgICAgICAgICAgICAgIF9qc3goQnV0dG9uLCBfX2Fzc2lnbih7IG9uQ2xpY2s6IHNhdmVDaGFuZ2VzIH0sIHsgY2hpbGRyZW46IGJ1dHRvblRleHQgfSksIFwic3VibWl0XCIpXG4gICAgICAgICAgICBdLCBjbGFzc05hbWU6IG1vZGFsQ2xhc3NlcyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhZ3NXcmFwcGVyIH0sIHsgY2hpbGRyZW46IF9qc3goVGFnRmllbGQsIHsgdGFnc0luZm86IHNldFRhZ3NJbmZvIH0pIH0pKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhYmxlV3JhcHBlciB9LCB7IGNoaWxkcmVuOiB0YWJsZURhdGEgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIF9qc3goVGFibGUsIF9fYXNzaWduKHt9LCB0YWJsZURhdGEsIHsgcGFnaW5hdGlvbkluZm86IHNldFBhZ2VJbmZvLCByb3dTZWxlY3Rpb25JbmZvOiBzZXRSb3dTZWxlY3Rpb25JbmZvLCBoZWFkaW5nVHJhbnNsYXRpb25zS2V5OiAndGFibGVIZWFkaW5ncycgfSkpIH0pKV0gfSkpIH0pKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/ModalWithTable/index.tsx\n");
10753
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ModalWithTable\": function() { return /* binding */ ModalWithTable; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/modal/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/CloseOutlined.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ModalWithTable/styles.module.scss\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\nvar ModalWithTable = function (props) {\n var _a;\n var closeText = props.closeText, buttonText = props.buttonText, _b = props.isOpen, isOpen = _b === void 0 ? false : _b, tableData = props.tableData, modalData = props.modalData, isLoading = props.isLoading;\n var pageBase = { currentPage: 1 };\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)((isOpen)), open = _c[0], setOpen = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), confirmLoading = _d[0], setConfirmLoading = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(pageBase), pageInfo = _e[0], setPageInfo = _e[1];\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(), rowSelectionInfo = _f[0], setRowSelectionInfo = _f[1];\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), tagsInfo = _g[0], setTagsInfo = _g[1];\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), ModalCanceled = _h[0], setModalCanceled = _h[1];\n var _j = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), selectedData = _j[0], setSelectedData = _j[1];\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n setOpen(isOpen);\n }, [isOpen]);\n var hideModal = function () {\n setOpen(false);\n setModalCanceled(true);\n };\n var saveChanges = function () {\n setOpen(false);\n setModalCanceled(false);\n };\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n if (!open) {\n setPageInfo(pageBase);\n }\n ModalCanceled\n ? modalData({\n \"pageInfo\": {},\n \"rowSelectionInfo\": [],\n \"tagsInfo\": [],\n \"open\": open,\n \"selectedData\": []\n })\n : modalData({\n \"pageInfo\": pageInfo,\n \"rowSelectionInfo\": rowSelectionInfo,\n \"tagsInfo\": tagsInfo,\n \"open\": open,\n \"selectedData\": selectedData\n });\n }, [open]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n var _a;\n var selectedRowKeys = rowSelectionInfo || tableData.rowSelection.selectedRowKeys;\n var filteredArray = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.filter(function (element) {\n return selectedRowKeys.includes(element[tableData.rowKeyValue]);\n });\n setSelectedData(filteredArray);\n }, [rowSelectionInfo]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n if (tagsInfo.length > 0) {\n setConfirmLoading(true);\n }\n }, [tagsInfo]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n setConfirmLoading(isLoading);\n }, [isLoading]);\n var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()((_a = {},\n _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].disabled] = confirmLoading,\n _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].modal);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({ destroyOnClose: true, closeIcon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].closeButton }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"p\", { children: closeText }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {})] })), open: open, onOk: hideModal, onCancel: hideModal, maskClosable: false, centered: true, width: '100%', footer: [\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Button, __assign({ onClick: saveChanges }, { children: buttonText }), \"submit\")\n ], className: modalClasses }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tagsWrapper }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_4__.TagField, { tagsInfo: setTagsInfo }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tableWrapper }, { children: tableData &&\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Table__WEBPACK_IMPORTED_MODULE_5__.Table, __assign({}, tableData, { paginationInfo: setPageInfo, rowSelectionInfo: setRowSelectionInfo, headingTranslationsKey: 'tableHeadings' })) }))] })) }));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL01vZGFsV2l0aFRhYmxlL2luZGV4LnRzeD8yNWViIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nO1xuaW1wb3J0IHsgTW9kYWwgfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDbG9zZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5pbXBvcnQgeyBUYWdGaWVsZCB9IGZyb20gJy4uL1RhZyc7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4uL1RhYmxlJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuZXhwb3J0IHZhciBNb2RhbFdpdGhUYWJsZSA9IGZ1bmN0aW9uIChwcm9wcykge1xuICAgIHZhciBfYTtcbiAgICB2YXIgY2xvc2VUZXh0ID0gcHJvcHMuY2xvc2VUZXh0LCBidXR0b25UZXh0ID0gcHJvcHMuYnV0dG9uVGV4dCwgX2IgPSBwcm9wcy5pc09wZW4sIGlzT3BlbiA9IF9iID09PSB2b2lkIDAgPyBmYWxzZSA6IF9iLCB0YWJsZURhdGEgPSBwcm9wcy50YWJsZURhdGEsIG1vZGFsRGF0YSA9IHByb3BzLm1vZGFsRGF0YSwgaXNMb2FkaW5nID0gcHJvcHMuaXNMb2FkaW5nO1xuICAgIHZhciBwYWdlQmFzZSA9IHsgY3VycmVudFBhZ2U6IDEgfTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZSgoaXNPcGVuKSksIG9wZW4gPSBfY1swXSwgc2V0T3BlbiA9IF9jWzFdO1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKGZhbHNlKSwgY29uZmlybUxvYWRpbmcgPSBfZFswXSwgc2V0Q29uZmlybUxvYWRpbmcgPSBfZFsxXTtcbiAgICB2YXIgX2UgPSB1c2VTdGF0ZShwYWdlQmFzZSksIHBhZ2VJbmZvID0gX2VbMF0sIHNldFBhZ2VJbmZvID0gX2VbMV07XG4gICAgdmFyIF9mID0gdXNlU3RhdGUoKSwgcm93U2VsZWN0aW9uSW5mbyA9IF9mWzBdLCBzZXRSb3dTZWxlY3Rpb25JbmZvID0gX2ZbMV07XG4gICAgdmFyIF9nID0gdXNlU3RhdGUoW10pLCB0YWdzSW5mbyA9IF9nWzBdLCBzZXRUYWdzSW5mbyA9IF9nWzFdO1xuICAgIHZhciBfaCA9IHVzZVN0YXRlKGZhbHNlKSwgTW9kYWxDYW5jZWxlZCA9IF9oWzBdLCBzZXRNb2RhbENhbmNlbGVkID0gX2hbMV07XG4gICAgdmFyIF9qID0gdXNlU3RhdGUoW10pLCBzZWxlY3RlZERhdGEgPSBfalswXSwgc2V0U2VsZWN0ZWREYXRhID0gX2pbMV07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0T3Blbihpc09wZW4pO1xuICAgIH0sIFtpc09wZW5dKTtcbiAgICB2YXIgaGlkZU1vZGFsID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgc2V0TW9kYWxDYW5jZWxlZCh0cnVlKTtcbiAgICB9O1xuICAgIHZhciBzYXZlQ2hhbmdlcyA9IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgIHNldE1vZGFsQ2FuY2VsZWQoZmFsc2UpO1xuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKCFvcGVuKSB7XG4gICAgICAgICAgICBzZXRQYWdlSW5mbyhwYWdlQmFzZSk7XG4gICAgICAgIH1cbiAgICAgICAgTW9kYWxDYW5jZWxlZFxuICAgICAgICAgICAgPyBtb2RhbERhdGEoe1xuICAgICAgICAgICAgICAgIFwicGFnZUluZm9cIjoge30sXG4gICAgICAgICAgICAgICAgXCJyb3dTZWxlY3Rpb25JbmZvXCI6IFtdLFxuICAgICAgICAgICAgICAgIFwidGFnc0luZm9cIjogW10sXG4gICAgICAgICAgICAgICAgXCJvcGVuXCI6IG9wZW4sXG4gICAgICAgICAgICAgICAgXCJzZWxlY3RlZERhdGFcIjogW11cbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IG1vZGFsRGF0YSh7XG4gICAgICAgICAgICAgICAgXCJwYWdlSW5mb1wiOiBwYWdlSW5mbyxcbiAgICAgICAgICAgICAgICBcInJvd1NlbGVjdGlvbkluZm9cIjogcm93U2VsZWN0aW9uSW5mbyxcbiAgICAgICAgICAgICAgICBcInRhZ3NJbmZvXCI6IHRhZ3NJbmZvLFxuICAgICAgICAgICAgICAgIFwib3BlblwiOiBvcGVuLFxuICAgICAgICAgICAgICAgIFwic2VsZWN0ZWREYXRhXCI6IHNlbGVjdGVkRGF0YVxuICAgICAgICAgICAgfSk7XG4gICAgfSwgW29wZW5dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIHZhciBzZWxlY3RlZFJvd0tleXMgPSByb3dTZWxlY3Rpb25JbmZvIHx8IHRhYmxlRGF0YS5yb3dTZWxlY3Rpb24uc2VsZWN0ZWRSb3dLZXlzO1xuICAgICAgICB2YXIgZmlsdGVyZWRBcnJheSA9IChfYSA9IHRhYmxlRGF0YSA9PT0gbnVsbCB8fCB0YWJsZURhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRhYmxlRGF0YS5kYXRhU291cmNlKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuZmlsdGVyKGZ1bmN0aW9uIChlbGVtZW50KSB7XG4gICAgICAgICAgICByZXR1cm4gc2VsZWN0ZWRSb3dLZXlzLmluY2x1ZGVzKGVsZW1lbnRbdGFibGVEYXRhLnJvd0tleVZhbHVlXSk7XG4gICAgICAgIH0pO1xuICAgICAgICBzZXRTZWxlY3RlZERhdGEoZmlsdGVyZWRBcnJheSk7XG4gICAgfSwgW3Jvd1NlbGVjdGlvbkluZm9dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBpZiAodGFnc0luZm8ubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgc2V0Q29uZmlybUxvYWRpbmcodHJ1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbdGFnc0luZm9dKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRDb25maXJtTG9hZGluZyhpc0xvYWRpbmcpO1xuICAgIH0sIFtpc0xvYWRpbmddKTtcbiAgICB2YXIgbW9kYWxDbGFzc2VzID0gY2xhc3NuYW1lcygoX2EgPSB7fSxcbiAgICAgICAgX2Fbc3R5bGVzLmRpc2FibGVkXSA9IGNvbmZpcm1Mb2FkaW5nLFxuICAgICAgICBfYSksIHN0eWxlcy5tb2RhbCk7XG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWwsIF9fYXNzaWduKHsgZGVzdHJveU9uQ2xvc2U6IHRydWUsIGNsb3NlSWNvbjogX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5jbG9zZUJ1dHRvbiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcInBcIiwgeyBjaGlsZHJlbjogY2xvc2VUZXh0IH0pLCBfanN4KENsb3NlT3V0bGluZWQsIHt9KV0gfSkpLCBvcGVuOiBvcGVuLCBvbk9rOiBoaWRlTW9kYWwsIG9uQ2FuY2VsOiBoaWRlTW9kYWwsIG1hc2tDbG9zYWJsZTogZmFsc2UsIGNlbnRlcmVkOiB0cnVlLCB3aWR0aDogJzEwMCUnLCBmb290ZXI6IFtcbiAgICAgICAgICAgICAgICBfanN4KEJ1dHRvbiwgX19hc3NpZ24oeyBvbkNsaWNrOiBzYXZlQ2hhbmdlcyB9LCB7IGNoaWxkcmVuOiBidXR0b25UZXh0IH0pLCBcInN1Ym1pdFwiKVxuICAgICAgICAgICAgXSwgY2xhc3NOYW1lOiBtb2RhbENsYXNzZXMgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWdzV3JhcHBlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRhZ0ZpZWxkLCB7IHRhZ3NJbmZvOiBzZXRUYWdzSW5mbyB9KSB9KSksIF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50YWJsZVdyYXBwZXIgfSwgeyBjaGlsZHJlbjogdGFibGVEYXRhICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBfanN4KFRhYmxlLCBfX2Fzc2lnbih7fSwgdGFibGVEYXRhLCB7IHBhZ2luYXRpb25JbmZvOiBzZXRQYWdlSW5mbywgcm93U2VsZWN0aW9uSW5mbzogc2V0Um93U2VsZWN0aW9uSW5mbywgaGVhZGluZ1RyYW5zbGF0aW9uc0tleTogJ3RhYmxlSGVhZGluZ3MnIH0pKSB9KSldIH0pKSB9KSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/ModalWithTable/index.tsx\n");
10743
10754
 
10744
10755
  /***/ }),
10745
10756
 
@@ -10864,6 +10875,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
10864
10875
 
10865
10876
  /***/ }),
10866
10877
 
10878
+ /***/ "./src/components/UserInfo/index.tsx":
10879
+ /*!*******************************************!*\
10880
+ !*** ./src/components/UserInfo/index.tsx ***!
10881
+ \*******************************************/
10882
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10883
+
10884
+ "use strict";
10885
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"UserInfo\": function() { return /* binding */ UserInfo; }\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/UserInfo/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\nvar UserInfo = function (_a) {\n var _b;\n var _c;\n var userData = _a.userData, customClass = _a.customClass, userName = _a.userName, userCode = _a.userCode, userInfoTranslationsKey = _a.userInfoTranslationsKey;\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__.useTranslation)().t;\n var userInfoStyle = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_b = {},\n _b[\"\".concat(customClass)] = customClass,\n _b), [_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfo]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: userInfoStyle }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Label__WEBPACK_IMPORTED_MODULE_3__.Label, __assign({ customStyle: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userName }, { children: userName })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userCode }, { children: userCode })), (_c = Object.entries(userData)) === null || _c === void 0 ? void 0 : _c.map(function (_a) {\n var key = _a[0], value = _a[1];\n if (key === 'Store') {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoTitles }, { children: userInfoTranslationsKey ? t(\"\".concat(userInfoTranslationsKey, \".\").concat(key)) : key })), value === null || value === void 0 ? void 0 : value.map(function (store, index) { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoDesc }, { children: store }), \"\".concat(key, \"-\").concat(index))); })] }, key));\n }\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoTitles }, { children: userInfoTranslationsKey ? t(\"\".concat(userInfoTranslationsKey, \".\").concat(key)) : key })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoDesc }, { children: value }))] }, key));\n })] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Vc2VySW5mby9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVXNlckluZm8vaW5kZXgudHN4P2E1YzIiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9MYWJlbCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuZXhwb3J0IHZhciBVc2VySW5mbyA9IGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBfYjtcbiAgICB2YXIgX2M7XG4gICAgdmFyIHVzZXJEYXRhID0gX2EudXNlckRhdGEsIGN1c3RvbUNsYXNzID0gX2EuY3VzdG9tQ2xhc3MsIHVzZXJOYW1lID0gX2EudXNlck5hbWUsIHVzZXJDb2RlID0gX2EudXNlckNvZGUsIHVzZXJJbmZvVHJhbnNsYXRpb25zS2V5ID0gX2EudXNlckluZm9UcmFuc2xhdGlvbnNLZXk7XG4gICAgdmFyIHQgPSB1c2VUcmFuc2xhdGlvbigpLnQ7XG4gICAgdmFyIHVzZXJJbmZvU3R5bGUgPSBjbGFzc05hbWVzKChfYiA9IHt9LFxuICAgICAgICBfYltcIlwiLmNvbmNhdChjdXN0b21DbGFzcyldID0gY3VzdG9tQ2xhc3MsXG4gICAgICAgIF9iKSwgW3N0eWxlcy51c2VySW5mb10pO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHVzZXJJbmZvU3R5bGUgfSwgeyBjaGlsZHJlbjogW19qc3goTGFiZWwsIF9fYXNzaWduKHsgY3VzdG9tU3R5bGU6IHN0eWxlcy51c2VyTmFtZSB9LCB7IGNoaWxkcmVuOiB1c2VyTmFtZSB9KSksIF9qc3goXCJoM1wiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJDb2RlIH0sIHsgY2hpbGRyZW46IHVzZXJDb2RlIH0pKSwgKF9jID0gT2JqZWN0LmVudHJpZXModXNlckRhdGEpKSA9PT0gbnVsbCB8fCBfYyA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2MubWFwKGZ1bmN0aW9uIChfYSkge1xuICAgICAgICAgICAgICAgIHZhciBrZXkgPSBfYVswXSwgdmFsdWUgPSBfYVsxXTtcbiAgICAgICAgICAgICAgICBpZiAoa2V5ID09PSAnU3RvcmUnKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3goXCJoM1wiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJJbmZvVGl0bGVzIH0sIHsgY2hpbGRyZW46IHVzZXJJbmZvVHJhbnNsYXRpb25zS2V5ID8gdChcIlwiLmNvbmNhdCh1c2VySW5mb1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSB9KSksIHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWx1ZS5tYXAoZnVuY3Rpb24gKHN0b3JlLCBpbmRleCkgeyByZXR1cm4gKF9qc3goXCJoM1wiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJJbmZvRGVzYyB9LCB7IGNoaWxkcmVuOiBzdG9yZSB9KSwgXCJcIi5jb25jYXQoa2V5LCBcIi1cIikuY29uY2F0KGluZGV4KSkpOyB9KV0gfSwga2V5KSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3goXCJoM1wiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJJbmZvVGl0bGVzIH0sIHsgY2hpbGRyZW46IHVzZXJJbmZvVHJhbnNsYXRpb25zS2V5ID8gdChcIlwiLmNvbmNhdCh1c2VySW5mb1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSB9KSksIF9qc3goXCJoM1wiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJJbmZvRGVzYyB9LCB7IGNoaWxkcmVuOiB2YWx1ZSB9KSldIH0sIGtleSkpO1xuICAgICAgICAgICAgfSldIH0pKSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/UserInfo/index.tsx\n");
10886
+
10887
+ /***/ }),
10888
+
10867
10889
  /***/ "./src/components/index.tsx":
10868
10890
  /*!**********************************!*\
10869
10891
  !*** ./src/components/index.tsx ***!
@@ -10871,7 +10893,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
10871
10893
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10872
10894
 
10873
10895
  "use strict";
10874
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AnalyticsBar\": function() { return /* reexport safe */ _AnalyticsBar__WEBPACK_IMPORTED_MODULE_19__.AnalyticsBar; },\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"Category\": function() { return /* reexport safe */ _Category__WEBPACK_IMPORTED_MODULE_17__.Category; },\n/* harmony export */ \"CategoryResponse\": function() { return /* reexport safe */ _CategoryResponse__WEBPACK_IMPORTED_MODULE_20__.CategoryResponse; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */ \"DatePickerTag\": function() { return /* reexport safe */ _DatePickerTag__WEBPACK_IMPORTED_MODULE_18__.DatePickerTag; },\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 */ \"ModalConfirmation\": function() { return /* reexport safe */ _ModalConfirmation__WEBPACK_IMPORTED_MODULE_13__.ModalConfirmation; },\n/* harmony export */ \"ModalWithTable\": function() { return /* reexport safe */ _ModalWithTable__WEBPACK_IMPORTED_MODULE_14__.ModalWithTable; },\n/* harmony export */ \"Navigation\": function() { return /* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_1__.Navigation; },\n/* harmony export */ \"Radio\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.Radio; },\n/* harmony export */ \"RadioGroup\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.RadioGroup; },\n/* harmony export */ \"Select\": function() { return /* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_6__.Select; },\n/* harmony export */ \"Separator\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Separator; },\n/* harmony export */ \"Sidebar\": function() { return /* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_15__.Sidebar; },\n/* harmony export */ \"Spaces\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Spaces; },\n/* harmony export */ \"Switch\": function() { return /* reexport safe */ _Switch__WEBPACK_IMPORTED_MODULE_16__.Switch; },\n/* harmony export */ \"Table\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.Table; },\n/* harmony export */ \"TagField\": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.TagField; },\n/* harmony export */ \"Upload\": function() { return /* reexport safe */ _Upload__WEBPACK_IMPORTED_MODULE_21__.Upload; },\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/* harmony import */ var _ModalConfirmation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ModalConfirmation */ \"./src/components/ModalConfirmation/index.tsx\");\n/* harmony import */ var _ModalWithTable__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ModalWithTable */ \"./src/components/ModalWithTable/index.tsx\");\n/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Sidebar */ \"./src/components/Sidebar/index.tsx\");\n/* harmony import */ var _Switch__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Switch */ \"./src/components/Switch/index.tsx\");\n/* harmony import */ var _Category__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Category */ \"./src/components/Category/index.tsx\");\n/* harmony import */ var _DatePickerTag__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./DatePickerTag */ \"./src/components/DatePickerTag/index.tsx\");\n/* harmony import */ var _AnalyticsBar__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./AnalyticsBar */ \"./src/components/AnalyticsBar/index.tsx\");\n/* harmony import */ var _CategoryResponse__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./CategoryResponse */ \"./src/components/CategoryResponse/index.tsx\");\n/* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Upload */ \"./src/components/Upload/index.tsx\");\n\n\n\n\n\n\n\n\n\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3g/MThkYSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL0J1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL05hdmlnYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9JbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL0lucHV0Q291bnRyeUNvZGUnO1xuZXhwb3J0ICogZnJvbSAnLi9MYWJlbCc7XG5leHBvcnQgKiBmcm9tICcuL0xpbmsnO1xuZXhwb3J0ICogZnJvbSAnLi9TZWxlY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9TZXBhcmF0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9UYWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL1RhZyc7XG5leHBvcnQgKiBmcm9tICcuL0RhdGVQaWNrZXInO1xuZXhwb3J0ICogZnJvbSAnLi9SYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL0Zvb3Rlcic7XG5leHBvcnQgKiBmcm9tICcuL01vZGFsQ29uZmlybWF0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vTW9kYWxXaXRoVGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9TaWRlYmFyJztcbmV4cG9ydCAqIGZyb20gJy4vU3dpdGNoJztcbmV4cG9ydCAqIGZyb20gJy4vQ2F0ZWdvcnknO1xuZXhwb3J0ICogZnJvbSAnLi9EYXRlUGlja2VyVGFnJztcbmV4cG9ydCAqIGZyb20gJy4vQW5hbHl0aWNzQmFyJztcbmV4cG9ydCAqIGZyb20gJy4vQ2F0ZWdvcnlSZXNwb25zZSc7XG5leHBvcnQgKiBmcm9tICcuL1VwbG9hZCc7XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/index.tsx\n");
10896
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AnalyticsBar\": function() { return /* reexport safe */ _AnalyticsBar__WEBPACK_IMPORTED_MODULE_19__.AnalyticsBar; },\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"Category\": function() { return /* reexport safe */ _Category__WEBPACK_IMPORTED_MODULE_17__.Category; },\n/* harmony export */ \"CategoryResponse\": function() { return /* reexport safe */ _CategoryResponse__WEBPACK_IMPORTED_MODULE_20__.CategoryResponse; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */ \"DatePickerTag\": function() { return /* reexport safe */ _DatePickerTag__WEBPACK_IMPORTED_MODULE_18__.DatePickerTag; },\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 */ \"ModalConfirmation\": function() { return /* reexport safe */ _ModalConfirmation__WEBPACK_IMPORTED_MODULE_13__.ModalConfirmation; },\n/* harmony export */ \"ModalWithTable\": function() { return /* reexport safe */ _ModalWithTable__WEBPACK_IMPORTED_MODULE_14__.ModalWithTable; },\n/* harmony export */ \"Navigation\": function() { return /* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_1__.Navigation; },\n/* harmony export */ \"Radio\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.Radio; },\n/* harmony export */ \"RadioGroup\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.RadioGroup; },\n/* harmony export */ \"Select\": function() { return /* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_6__.Select; },\n/* harmony export */ \"Separator\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Separator; },\n/* harmony export */ \"Sidebar\": function() { return /* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_15__.Sidebar; },\n/* harmony export */ \"Spaces\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Spaces; },\n/* harmony export */ \"Switch\": function() { return /* reexport safe */ _Switch__WEBPACK_IMPORTED_MODULE_16__.Switch; },\n/* harmony export */ \"Table\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.Table; },\n/* harmony export */ \"TagField\": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.TagField; },\n/* harmony export */ \"Upload\": function() { return /* reexport safe */ _Upload__WEBPACK_IMPORTED_MODULE_21__.Upload; },\n/* harmony export */ \"UserInfo\": function() { return /* reexport safe */ _UserInfo__WEBPACK_IMPORTED_MODULE_22__.UserInfo; },\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/* harmony import */ var _ModalConfirmation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ModalConfirmation */ \"./src/components/ModalConfirmation/index.tsx\");\n/* harmony import */ var _ModalWithTable__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ModalWithTable */ \"./src/components/ModalWithTable/index.tsx\");\n/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Sidebar */ \"./src/components/Sidebar/index.tsx\");\n/* harmony import */ var _Switch__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Switch */ \"./src/components/Switch/index.tsx\");\n/* harmony import */ var _Category__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Category */ \"./src/components/Category/index.tsx\");\n/* harmony import */ var _DatePickerTag__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./DatePickerTag */ \"./src/components/DatePickerTag/index.tsx\");\n/* harmony import */ var _AnalyticsBar__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./AnalyticsBar */ \"./src/components/AnalyticsBar/index.tsx\");\n/* harmony import */ var _CategoryResponse__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./CategoryResponse */ \"./src/components/CategoryResponse/index.tsx\");\n/* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Upload */ \"./src/components/Upload/index.tsx\");\n/* harmony import */ var _UserInfo__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./UserInfo */ \"./src/components/UserInfo/index.tsx\");\n\n\n\n\n\n\n\n\n\n\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvaW5kZXgudHN4PzE4ZGEiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9CdXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9OYXZpZ2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vSW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9JbnB1dENvdW50cnlDb2RlJztcbmV4cG9ydCAqIGZyb20gJy4vTGFiZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9MaW5rJztcbmV4cG9ydCAqIGZyb20gJy4vU2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vU2VwYXJhdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vVGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9UYWcnO1xuZXhwb3J0ICogZnJvbSAnLi9EYXRlUGlja2VyJztcbmV4cG9ydCAqIGZyb20gJy4vUmFkaW8nO1xuZXhwb3J0ICogZnJvbSAnLi9Gb290ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9Nb2RhbENvbmZpcm1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL01vZGFsV2l0aFRhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vU2lkZWJhcic7XG5leHBvcnQgKiBmcm9tICcuL1N3aXRjaCc7XG5leHBvcnQgKiBmcm9tICcuL0NhdGVnb3J5JztcbmV4cG9ydCAqIGZyb20gJy4vRGF0ZVBpY2tlclRhZyc7XG5leHBvcnQgKiBmcm9tICcuL0FuYWx5dGljc0Jhcic7XG5leHBvcnQgKiBmcm9tICcuL0NhdGVnb3J5UmVzcG9uc2UnO1xuZXhwb3J0ICogZnJvbSAnLi9VcGxvYWQnO1xuZXhwb3J0ICogZnJvbSAnLi9Vc2VySW5mbyc7XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/index.tsx\n");
10875
10897
 
10876
10898
  /***/ }),
10877
10899
 
@@ -10904,7 +10926,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var i18n
10904
10926
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10905
10927
 
10906
10928
  "use strict";
10907
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AnalyticsBar\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AnalyticsBar; },\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"Category\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Category; },\n/* harmony export */ \"CategoryResponse\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CategoryResponse; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */ \"DatePickerTag\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DatePickerTag; },\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 */ \"ModalConfirmation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ModalConfirmation; },\n/* harmony export */ \"ModalWithTable\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ModalWithTable; },\n/* harmony export */ \"Navigation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Navigation; },\n/* harmony export */ \"Radio\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Radio; },\n/* harmony export */ \"RadioGroup\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RadioGroup; },\n/* harmony export */ \"Select\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Select; },\n/* harmony export */ \"Separator\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Separator; },\n/* harmony export */ \"Sidebar\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Sidebar; },\n/* harmony export */ \"Spaces\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spaces; },\n/* harmony export */ \"Switch\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Switch; },\n/* harmony export */ \"Table\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Table; },\n/* harmony export */ \"TagField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TagField; },\n/* harmony export */ \"Upload\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Upload; },\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvaW5kZXgudHMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2luZGV4LnRzP2U5NGUiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vY29uc3RhbnRzL2kxOG4nO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/index.ts\n");
10929
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AnalyticsBar\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AnalyticsBar; },\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"Category\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Category; },\n/* harmony export */ \"CategoryResponse\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CategoryResponse; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */ \"DatePickerTag\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DatePickerTag; },\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 */ \"ModalConfirmation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ModalConfirmation; },\n/* harmony export */ \"ModalWithTable\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ModalWithTable; },\n/* harmony export */ \"Navigation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Navigation; },\n/* harmony export */ \"Radio\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Radio; },\n/* harmony export */ \"RadioGroup\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RadioGroup; },\n/* harmony export */ \"Select\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Select; },\n/* harmony export */ \"Separator\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Separator; },\n/* harmony export */ \"Sidebar\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Sidebar; },\n/* harmony export */ \"Spaces\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spaces; },\n/* harmony export */ \"Switch\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Switch; },\n/* harmony export */ \"Table\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Table; },\n/* harmony export */ \"TagField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TagField; },\n/* harmony export */ \"Upload\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Upload; },\n/* harmony export */ \"UserInfo\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.UserInfo; },\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvaW5kZXgudHMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9pbmRleC50cz9lOTRlIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0YW50cy9pMThuJztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/index.ts\n");
10908
10930
 
10909
10931
  /***/ }),
10910
10932
 
@@ -11726,7 +11748,7 @@ module.exports = JSON.parse('{"tableHeadings":{"key":"keyES","name":"nameES","me
11726
11748
  /***/ (function(module) {
11727
11749
 
11728
11750
  "use strict";
11729
- module.exports = JSON.parse('{"tableHeadings":{"key":"Chave","name":"Nome","mecanographicNumber":"Número Mecanográfico","store":"Loja","role":"Posição","type":"Tipo","id":"Id","action":"Ação"},"navigation":{"back":"Go Back PT","logout":"Log Out PT","home":"Home PT"},"actions":{"one":"one PT","two":"two PT"},"components":{"category":{"addQuestion":"Add Question PT","placeholderInfo":"Question Information PT","errorInfo":"Missing Question Information PT","placeholderQuestion":"Question PT","errorQuestion":"Missing Question PT","placeholderGrade":"Grade PT","errorGrade":"Missing Grade PT"},"categoryResponse":{"notApplicable":"Não Aplicável"}}}');
11751
+ module.exports = JSON.parse('{"tableHeadings":{"key":"Chave","name":"Nome","mecanographicNumber":"Número Mecanográfico","store":"Loja","role":"Posição","type":"Tipo","id":"Id","action":"Ação"},"userInfoColumn":{"Date":"Data","Store":"Loja","Team":"Equipa em Gestão","Supervisor":"Supervisor","TypeOfContract":"Tipo de contrato","Nationality":"Nacionalidade","CivilStatus":"Estado Civil","IdentificationDocument":"Doc.Identificação","NTaxpayer":"Nº Contribuinte","NIB":"NIB","SocialSecurity":"Nr Segurança Social","NChildren":"Nº Filhos","Workload":"Carga horária","Description":"Descrição","Comments":"Comentários"},"navigation":{"back":"Go Back PT","logout":"Log Out PT","home":"Home PT"},"actions":{"one":"one PT","two":"two PT"},"components":{"category":{"addQuestion":"Add Question PT","placeholderInfo":"Question Information PT","errorInfo":"Missing Question Information PT","placeholderQuestion":"Question PT","errorQuestion":"Missing Question PT","placeholderGrade":"Grade PT","errorGrade":"Missing Grade PT"},"categoryResponse":{"notApplicable":"Não Aplicável"}}}');
11730
11752
 
11731
11753
  /***/ })
11732
11754
 
package/dist/main.css CHANGED
@@ -925,3 +925,36 @@ Label {
925
925
  font-weight: var(--font-weight-light);
926
926
  margin-bottom: 4px;
927
927
  }
928
+ /*!*****************************************************************************************************************************************************************!*\
929
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/UserInfo/styles.module.scss ***!
930
+ \*****************************************************************************************************************************************************************/
931
+ .qaO99d3JMWSM8DLS1LvS {
932
+ display: flex;
933
+ flex-direction: column;
934
+ background-color: var(--white-color);
935
+ padding: 24px;
936
+ color: var(--color-black);
937
+ width: 150px;
938
+ word-wrap: break-word;
939
+ }
940
+
941
+ .Zv6hI_F5yvuBDnPK8u2C {
942
+ color: var(--color-blue) !important;
943
+ font-size: var(--font-size-body-5);
944
+ font-weight: var(--font-weight-bold);
945
+ }
946
+
947
+ .JxTKMPM3nEvZB42uuV1e {
948
+ font-weight: var(--font-weight-semibold);
949
+ font-size: var(--font-size-label);
950
+ }
951
+
952
+ .JKKhO8apIWdMp0JLU0iD {
953
+ font-weight: var(--font-weight-bold);
954
+ font-size: var(--font-size-body-base);
955
+ }
956
+
957
+ .GqgjW40ocDFW4xi4Mszm {
958
+ font-weight: var(--font-weight-regular);
959
+ font-size: var(--font-size-label);
960
+ }
package/dist/types/components/UserInfo/index.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export interface UserInfoProps {
2
+ userData: any;
3
+ userName: string;
4
+ userCode: string;
5
+ userInfoTranslationsKey?: string;
6
+ customClass?: string;
7
+ }
8
+ export declare const UserInfo: ({ userData, customClass, userName, userCode, userInfoTranslationsKey }: UserInfoProps) => JSX.Element;
package/dist/types/components/index.d.ts CHANGED
@@ -20,3 +20,4 @@ export * from './DatePickerTag';
20
20
  export * from './AnalyticsBar';
21
21
  export * from './CategoryResponse';
22
22
  export * from './Upload';
23
+ export * from './UserInfo';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.0.42",
3
+ "version": "1.0.44",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
package/src/components/ModalWithTable/ModalWithTable.stories.tsx CHANGED
@@ -12,6 +12,7 @@ const Template: Story<ModalWithTableProps> = (args) => {
12
12
  const [isFetching, setIsFetching] = useState<boolean>(false);
13
13
  const [tagsData, setTagsData] = useState<any>({});
14
14
  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
15
+ const [selectedSupervisors, setSelectedSupervisors] = useState<any>(['232']);
15
16
 
16
17
  const onClickMe = () => {
17
18
  setIsModalOpen(true);
@@ -53,13 +54,13 @@ const Template: Story<ModalWithTableProps> = (args) => {
53
54
  },
54
55
  ],
55
56
  pagination: {
56
- total: 6,
57
+ total: 4,
57
58
  pageSize: 2
58
59
  },
59
60
  rowKeyValue: 'mecanographicNumber',
60
61
  rowSelection: {
61
- type: 'radio',
62
- selectedRowKeys: ['232']
62
+ type: 'checkbox',
63
+ selectedRowKeys: selectedSupervisors?.length > 0 ? selectedSupervisors : []
63
64
  },
64
65
  }
65
66
 
@@ -73,6 +74,10 @@ const Template: Story<ModalWithTableProps> = (args) => {
73
74
  }, 1000);
74
75
  }
75
76
 
77
+ if(modalData?.rowSelectionInfo?.length !== undefined) {
78
+ setSelectedSupervisors(modalData.rowSelectionInfo);
79
+ }
80
+
76
81
  setIsModalOpen(modalData?.open!);
77
82
  }, [modalData]);
78
83
 
package/src/components/ModalWithTable/index.tsx CHANGED
@@ -27,12 +27,14 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
27
27
  isLoading,
28
28
  } = props;
29
29
 
30
+ const pageBase = {currentPage: 1};
30
31
  const [open, setOpen] = useState((isOpen));
31
32
  const [confirmLoading, setConfirmLoading] = useState(false);
32
- const [pageInfo, setPageInfo] = useState<any>({});
33
- const [rowSelectionInfo, setRowSelectionInfo] = useState<any>({});
33
+ const [pageInfo, setPageInfo] = useState<any>(pageBase);
34
+ const [rowSelectionInfo, setRowSelectionInfo] = useState<any>();
34
35
  const [tagsInfo, setTagsInfo] = useState<any>([]);
35
36
  const [ModalCanceled, setModalCanceled] = useState<boolean>(false);
37
+ const [selectedData, setSelectedData] = useState<any>([]);
36
38
 
37
39
  useEffect(()=> {
38
40
  setOpen(isOpen);
@@ -49,27 +51,36 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
49
51
  };
50
52
 
51
53
  useEffect(() => {
52
- modalData({
53
- "pageInfo": pageInfo,
54
- "rowSelectionInfo": rowSelectionInfo,
55
- "tagsInfo": tagsInfo,
56
- "open": open
57
- });
58
- }, [tagsInfo, pageInfo, rowSelectionInfo, open]);
54
+ if(!open) {
55
+ setPageInfo(pageBase);
56
+ }
59
57
 
60
- useEffect(() => {
61
- setTimeout(() => {
62
- ModalCanceled
63
- && modalData({
58
+ ModalCanceled
59
+ ? modalData({
64
60
  "pageInfo": {},
65
- "rowSelectionInfo": {},
61
+ "rowSelectionInfo": [],
66
62
  "tagsInfo": [],
67
- "open": open
68
- });
63
+ "open": open,
64
+ "selectedData": []
65
+ })
66
+ : modalData({
67
+ "pageInfo": pageInfo,
68
+ "rowSelectionInfo": rowSelectionInfo,
69
+ "tagsInfo": tagsInfo,
70
+ "open": open,
71
+ "selectedData": selectedData
72
+ });
73
+ }, [open]);
74
+
75
+ useEffect(() => {
76
+ const selectedRowKeys = rowSelectionInfo || tableData.rowSelection.selectedRowKeys;
77
+
78
+ const filteredArray = tableData?.dataSource?.filter((element) => {
79
+ return selectedRowKeys.includes(element[tableData.rowKeyValue as any]);
80
+ });
69
81
 
70
- setModalCanceled(false);
71
- }, 100);
72
- },[ModalCanceled]);
82
+ setSelectedData(filteredArray);
83
+ }, [rowSelectionInfo])
73
84
 
74
85
  useEffect(()=> {
75
86
  if(tagsInfo.length > 0) {
package/src/components/UserInfo/UserInfo.stories.tsx ADDED
@@ -0,0 +1,37 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ import { UserInfo } from '.';
3
+
4
+ export default {
5
+ title: 'UserInfo',
6
+ component: UserInfo,
7
+ } as Meta;
8
+
9
+ const Template: Story<any> = (args) => {
10
+
11
+ const data = {
12
+ Date: "946080000",
13
+ "Store": [
14
+ "ola",
15
+ "adeus"
16
+ ],
17
+ "Team": "Delivery Team",
18
+ "Supervisor": "Jane Dõe Lórd Rings",
19
+ "TypeOfContract": "Omnium.APE.Services.API.Models.Users.ContractStateDto",
20
+ "Nationality": "PT",
21
+ "CivilStatus": "single",
22
+ "IdentificationDocument": "55613145664",
23
+ "NTaxpayer": "14244",
24
+ "NIB": "12312331",
25
+ "SocialSecurity": "123123132",
26
+ "NChildren": "2",
27
+ "Workload": "2 horas",
28
+ "Description": "One Desccription",
29
+ "Comments": "One CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne Commentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww"
30
+ };
31
+
32
+ return <UserInfo {...args} userData={data} userName={ "Diogo Carvalho" } userCode={ "121212" } userInfoTranslationsKey={'userInfoColumn'}></UserInfo>;
33
+ }
34
+
35
+ export const Primary = Template.bind({});
36
+ Primary.args = {
37
+ };
package/src/components/UserInfo/index.tsx ADDED
@@ -0,0 +1,62 @@
1
+ import React from 'react';
2
+ import styles from './styles.module.scss';
3
+ import classNames from 'classnames';
4
+ import { Label } from '../Label';
5
+ import { useTranslation } from 'react-i18next';
6
+
7
+ export interface UserInfoProps {
8
+ userData: any;
9
+ userName: string;
10
+ userCode: string;
11
+ userInfoTranslationsKey?: string;
12
+ customClass?: string;
13
+ }
14
+
15
+ export const UserInfo = ({ userData, customClass, userName, userCode, userInfoTranslationsKey }: UserInfoProps) => {
16
+ const { t } = useTranslation();
17
+
18
+ const userInfoStyle = classNames({
19
+ [`${customClass}`]: customClass,
20
+ }, [styles.userInfo]);
21
+
22
+ return (
23
+ <div className={userInfoStyle}>
24
+ <Label customStyle={styles.userName}>
25
+ {userName}
26
+ </Label>
27
+
28
+ <h3 className={styles.userCode}>
29
+ {userCode}
30
+ </h3>
31
+
32
+ {Object.entries(userData)?.map(([key, value]: any) => {
33
+ if (key === 'Store') {
34
+ return (
35
+ <div key={key}>
36
+ <h3 className={styles.userInfoTitles}>
37
+ {userInfoTranslationsKey ? t(`${userInfoTranslationsKey}.${key}`) : key}
38
+ </h3>
39
+ {value?.map((store: string, index: number) => (
40
+ <h3 key={`${key}-${index}`} className={styles.userInfoDesc}>
41
+ {store}
42
+ </h3>
43
+ ))}
44
+ </div>
45
+ );
46
+ }
47
+
48
+ return (
49
+ <div key={key}>
50
+ <h3 className={styles.userInfoTitles}>
51
+ {userInfoTranslationsKey ? t(`${userInfoTranslationsKey}.${key}`) : key}
52
+ </h3>
53
+
54
+ <h3 className={styles.userInfoDesc}>
55
+ {value as string}
56
+ </h3>
57
+ </div>
58
+ );
59
+ })}
60
+ </div>
61
+ );
62
+ };
package/src/components/UserInfo/styles.module.scss ADDED
@@ -0,0 +1,30 @@
1
+ .userInfo {
2
+ display: flex;
3
+ flex-direction: column;
4
+ background-color: var(--white-color);
5
+ padding: 24px;
6
+ color: var(--color-black);
7
+ width: 150px;
8
+ word-wrap: break-word;
9
+ }
10
+
11
+ .userName {
12
+ color: var(--color-blue) !important;
13
+ font-size: var(--font-size-body-5);
14
+ font-weight: var(--font-weight-bold);
15
+ }
16
+
17
+ .userCode {
18
+ font-weight: var(--font-weight-semibold);
19
+ font-size: var(--font-size-label);
20
+ }
21
+
22
+ .userInfoTitles {
23
+ font-weight: var(--font-weight-bold);
24
+ font-size: var(--font-size-body-base);
25
+ }
26
+
27
+ .userInfoDesc {
28
+ font-weight: var(--font-weight-regular);
29
+ font-size: var(--font-size-label);
30
+ }
package/src/components/index.tsx CHANGED
@@ -20,3 +20,4 @@ export * from './DatePickerTag';
20
20
  export * from './AnalyticsBar';
21
21
  export * from './CategoryResponse';
22
22
  export * from './Upload';
23
+ export * from './UserInfo';
package/src/locales/pt.json CHANGED
@@ -9,6 +9,23 @@
9
9
  "id": "Id",
10
10
  "action": "Ação"
11
11
  },
12
+ "userInfoColumn": {
13
+ "Date": "Data",
14
+ "Store": "Loja",
15
+ "Team": "Equipa em Gestão",
16
+ "Supervisor": "Supervisor",
17
+ "TypeOfContract": "Tipo de contrato",
18
+ "Nationality": "Nacionalidade",
19
+ "CivilStatus": "Estado Civil",
20
+ "IdentificationDocument": "Doc.Identificação",
21
+ "NTaxpayer": "Nº Contribuinte",
22
+ "NIB": "NIB",
23
+ "SocialSecurity": "Nr Segurança Social",
24
+ "NChildren": "Nº Filhos",
25
+ "Workload": "Carga horária",
26
+ "Description": "Descrição",
27
+ "Comments": "Comentários"
28
+ },
12
29
  "navigation": {
13
30
  "back": "Go Back PT",
14
31
  "logout": "Log Out PT",
package/dist/types/components/ImageUpload/imageUtils/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare const getResizedImage: (imageFile: any, maxWidth: any, maxHeight: any) => Promise<unknown>;
2
- export declare const getCroppedImg: (image: any, crop: any) => Promise<unknown>;
package/dist/types/components/ImageUpload/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ImageUpload: () => JSX.Element;