@omniumretail/component-library 1.0.48 → 1.0.50

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 (7) hide show
  1. package/dist/bundle.js +2 -2
  2. package/dist/main.css +2 -2
  3. package/package.json +1 -1
  4. package/src/components/AnalyticsBar/AnalyticsBar.stories.tsx +70 -14
  5. package/src/components/CategoryResponse/styles.module.scss +2 -2
  6. package/src/components/ModalWithTable/index.tsx +73 -28
  7. package/src/components/Table/index.tsx +15 -2
package/dist/bundle.js CHANGED
@@ -10750,7 +10750,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
10750
10750
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10751
10751
 
10752
10752
  "use strict";
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 }, [tagsInfo, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL01vZGFsV2l0aFRhYmxlL2luZGV4LnRzeD8yNWViIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nO1xuaW1wb3J0IHsgTW9kYWwgfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDbG9zZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5pbXBvcnQgeyBUYWdGaWVsZCB9IGZyb20gJy4uL1RhZyc7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4uL1RhYmxlJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuZXhwb3J0IHZhciBNb2RhbFdpdGhUYWJsZSA9IGZ1bmN0aW9uIChwcm9wcykge1xuICAgIHZhciBfYTtcbiAgICB2YXIgY2xvc2VUZXh0ID0gcHJvcHMuY2xvc2VUZXh0LCBidXR0b25UZXh0ID0gcHJvcHMuYnV0dG9uVGV4dCwgX2IgPSBwcm9wcy5pc09wZW4sIGlzT3BlbiA9IF9iID09PSB2b2lkIDAgPyBmYWxzZSA6IF9iLCB0YWJsZURhdGEgPSBwcm9wcy50YWJsZURhdGEsIG1vZGFsRGF0YSA9IHByb3BzLm1vZGFsRGF0YSwgaXNMb2FkaW5nID0gcHJvcHMuaXNMb2FkaW5nO1xuICAgIHZhciBwYWdlQmFzZSA9IHsgY3VycmVudFBhZ2U6IDEgfTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZSgoaXNPcGVuKSksIG9wZW4gPSBfY1swXSwgc2V0T3BlbiA9IF9jWzFdO1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKGZhbHNlKSwgY29uZmlybUxvYWRpbmcgPSBfZFswXSwgc2V0Q29uZmlybUxvYWRpbmcgPSBfZFsxXTtcbiAgICB2YXIgX2UgPSB1c2VTdGF0ZShwYWdlQmFzZSksIHBhZ2VJbmZvID0gX2VbMF0sIHNldFBhZ2VJbmZvID0gX2VbMV07XG4gICAgdmFyIF9mID0gdXNlU3RhdGUoKSwgcm93U2VsZWN0aW9uSW5mbyA9IF9mWzBdLCBzZXRSb3dTZWxlY3Rpb25JbmZvID0gX2ZbMV07XG4gICAgdmFyIF9nID0gdXNlU3RhdGUoW10pLCB0YWdzSW5mbyA9IF9nWzBdLCBzZXRUYWdzSW5mbyA9IF9nWzFdO1xuICAgIHZhciBfaCA9IHVzZVN0YXRlKGZhbHNlKSwgTW9kYWxDYW5jZWxlZCA9IF9oWzBdLCBzZXRNb2RhbENhbmNlbGVkID0gX2hbMV07XG4gICAgdmFyIF9qID0gdXNlU3RhdGUoW10pLCBzZWxlY3RlZERhdGEgPSBfalswXSwgc2V0U2VsZWN0ZWREYXRhID0gX2pbMV07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0T3Blbihpc09wZW4pO1xuICAgIH0sIFtpc09wZW5dKTtcbiAgICB2YXIgaGlkZU1vZGFsID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgc2V0TW9kYWxDYW5jZWxlZCh0cnVlKTtcbiAgICB9O1xuICAgIHZhciBzYXZlQ2hhbmdlcyA9IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgIHNldE1vZGFsQ2FuY2VsZWQoZmFsc2UpO1xuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKCFvcGVuKSB7XG4gICAgICAgICAgICBzZXRQYWdlSW5mbyhwYWdlQmFzZSk7XG4gICAgICAgIH1cbiAgICAgICAgTW9kYWxDYW5jZWxlZFxuICAgICAgICAgICAgPyBtb2RhbERhdGEoe1xuICAgICAgICAgICAgICAgIFwicGFnZUluZm9cIjoge30sXG4gICAgICAgICAgICAgICAgXCJyb3dTZWxlY3Rpb25JbmZvXCI6IFtdLFxuICAgICAgICAgICAgICAgIFwidGFnc0luZm9cIjogW10sXG4gICAgICAgICAgICAgICAgXCJvcGVuXCI6IG9wZW4sXG4gICAgICAgICAgICAgICAgXCJzZWxlY3RlZERhdGFcIjogW11cbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IG1vZGFsRGF0YSh7XG4gICAgICAgICAgICAgICAgXCJwYWdlSW5mb1wiOiBwYWdlSW5mbyxcbiAgICAgICAgICAgICAgICBcInJvd1NlbGVjdGlvbkluZm9cIjogcm93U2VsZWN0aW9uSW5mbyxcbiAgICAgICAgICAgICAgICBcInRhZ3NJbmZvXCI6IHRhZ3NJbmZvLFxuICAgICAgICAgICAgICAgIFwib3BlblwiOiBvcGVuLFxuICAgICAgICAgICAgICAgIFwic2VsZWN0ZWREYXRhXCI6IHNlbGVjdGVkRGF0YVxuICAgICAgICAgICAgfSk7XG4gICAgfSwgW3RhZ3NJbmZvLCBvcGVuXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICB2YXIgc2VsZWN0ZWRSb3dLZXlzID0gcm93U2VsZWN0aW9uSW5mbyB8fCB0YWJsZURhdGEucm93U2VsZWN0aW9uLnNlbGVjdGVkUm93S2V5cztcbiAgICAgICAgdmFyIGZpbHRlcmVkQXJyYXkgPSAoX2EgPSB0YWJsZURhdGEgPT09IG51bGwgfHwgdGFibGVEYXRhID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0YWJsZURhdGEuZGF0YVNvdXJjZSkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmZpbHRlcihmdW5jdGlvbiAoZWxlbWVudCkge1xuICAgICAgICAgICAgcmV0dXJuIHNlbGVjdGVkUm93S2V5cy5pbmNsdWRlcyhlbGVtZW50W3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV0pO1xuICAgICAgICB9KTtcbiAgICAgICAgc2V0U2VsZWN0ZWREYXRhKGZpbHRlcmVkQXJyYXkpO1xuICAgIH0sIFtyb3dTZWxlY3Rpb25JbmZvXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKHRhZ3NJbmZvLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHNldENvbmZpcm1Mb2FkaW5nKHRydWUpO1xuICAgICAgICB9XG4gICAgfSwgW3RhZ3NJbmZvXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0Q29uZmlybUxvYWRpbmcoaXNMb2FkaW5nKTtcbiAgICB9LCBbaXNMb2FkaW5nXSk7XG4gICAgdmFyIG1vZGFsQ2xhc3NlcyA9IGNsYXNzbmFtZXMoKF9hID0ge30sXG4gICAgICAgIF9hW3N0eWxlcy5kaXNhYmxlZF0gPSBjb25maXJtTG9hZGluZyxcbiAgICAgICAgX2EpLCBzdHlsZXMubW9kYWwpO1xuICAgIHJldHVybiAoX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IF9qc3hzKE1vZGFsLCBfX2Fzc2lnbih7IGRlc3Ryb3lPbkNsb3NlOiB0cnVlLCBjbG9zZUljb246IF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY2xvc2VCdXR0b24gfSwgeyBjaGlsZHJlbjogW19qc3goXCJwXCIsIHsgY2hpbGRyZW46IGNsb3NlVGV4dCB9KSwgX2pzeChDbG9zZU91dGxpbmVkLCB7fSldIH0pKSwgb3Blbjogb3Blbiwgb25PazogaGlkZU1vZGFsLCBvbkNhbmNlbDogaGlkZU1vZGFsLCBtYXNrQ2xvc2FibGU6IGZhbHNlLCBjZW50ZXJlZDogdHJ1ZSwgd2lkdGg6ICcxMDAlJywgZm9vdGVyOiBbXG4gICAgICAgICAgICAgICAgX2pzeChCdXR0b24sIF9fYXNzaWduKHsgb25DbGljazogc2F2ZUNoYW5nZXMgfSwgeyBjaGlsZHJlbjogYnV0dG9uVGV4dCB9KSwgXCJzdWJtaXRcIilcbiAgICAgICAgICAgIF0sIGNsYXNzTmFtZTogbW9kYWxDbGFzc2VzIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFnc1dyYXBwZXIgfSwgeyBjaGlsZHJlbjogX2pzeChUYWdGaWVsZCwgeyB0YWdzSW5mbzogc2V0VGFnc0luZm8gfSkgfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGFibGVXcmFwcGVyIH0sIHsgY2hpbGRyZW46IHRhYmxlRGF0YSAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgX2pzeChUYWJsZSwgX19hc3NpZ24oe30sIHRhYmxlRGF0YSwgeyBwYWdpbmF0aW9uSW5mbzogc2V0UGFnZUluZm8sIHJvd1NlbGVjdGlvbkluZm86IHNldFJvd1NlbGVjdGlvbkluZm8sIGhlYWRpbmdUcmFuc2xhdGlvbnNLZXk6ICd0YWJsZUhlYWRpbmdzJyB9KSkgfSkpXSB9KSkgfSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\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};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\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 prevIsOpenRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n prevIsOpenRef.current = isOpen;\n }, [isOpen]);\n var prevIsOpen = prevIsOpenRef.current;\n // Add a new state to store the initial values\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({\n pageInfo: {},\n rowSelectionInfo: [],\n tagsInfo: [],\n selectedData: [],\n }), initialValues = _c[0], setInitialValues = _c[1];\n var pageBase = { currentPage: 1 };\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)((isOpen)), open = _d[0], setOpen = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), confirmLoading = _e[0], setConfirmLoading = _e[1];\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(pageBase), pageInfo = _f[0], setPageInfo = _f[1];\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(), rowSelectionInfo = _g[0], setRowSelectionInfo = _g[1];\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), tagsInfo = _h[0], setTagsInfo = _h[1];\n var _j = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]), selectedData = _j[0], setSelectedData = _j[1];\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n setOpen(isOpen);\n if (isOpen && !prevIsOpen) {\n setInitialValues({\n pageInfo: pageInfo,\n rowSelectionInfo: rowSelectionInfo,\n tagsInfo: tagsInfo,\n selectedData: selectedData,\n });\n }\n }, [isOpen]);\n var hideModal = function () {\n setOpen(false);\n setPageInfo(initialValues.pageInfo);\n setRowSelectionInfo(initialValues.rowSelectionInfo);\n setTagsInfo(initialValues.tagsInfo);\n setSelectedData(initialValues.selectedData);\n };\n var saveChanges = function () {\n setOpen(false);\n };\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n if (!open) {\n setPageInfo(pageBase);\n }\n var modalDataObj = {\n pageInfo: pageInfo,\n rowSelectionInfo: rowSelectionInfo,\n tagsInfo: tagsInfo,\n open: open,\n selectedData: selectedData,\n };\n modalData(modalDataObj);\n }, [tagsInfo, open, rowSelectionInfo, selectedData]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n var _a, _b;\n var selectedRowKeys = rowSelectionInfo || tableData.rowSelection.selectedRowKeys;\n if (((_a = tableData === null || tableData === void 0 ? void 0 : tableData.rowSelection) === null || _a === void 0 ? void 0 : _a.type) === 'radio') {\n var filteredArray = (_b = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _b === void 0 ? void 0 : _b.filter(function (element) {\n return selectedRowKeys.includes(element[tableData.rowKeyValue]);\n });\n setSelectedData(filteredArray);\n return;\n }\n setSelectedData(function (prevData) {\n var _a;\n var newData = ((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.filter(function (element) {\n return selectedRowKeys.includes(element[tableData.rowKeyValue]);\n })) || [];\n var oldData = prevData.filter(function (dataItem) {\n var _a;\n return !((_a = tableData === null || tableData === void 0 ? void 0 : tableData.dataSource) === null || _a === void 0 ? void 0 : _a.some(function (element) { return element[tableData.rowKeyValue] === dataItem[tableData.rowKeyValue]; }));\n });\n var combinedData = __spreadArray(__spreadArray([], oldData, true), newData, true).filter(function (dataItem, index, self) {\n return (index ===\n self.findIndex(function (item) { return item[tableData.rowKeyValue] === dataItem[tableData.rowKeyValue]; }));\n });\n setInitialValues(__assign(__assign({}, initialValues), { selectedData: combinedData }));\n return combinedData;\n });\n }, [rowSelectionInfo]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n if (tagsInfo.length > 0) {\n setConfirmLoading(true);\n }\n }, [tagsInfo]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n setConfirmLoading(isLoading);\n }, [isLoading]);\n var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()((_a = {},\n _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].disabled] = confirmLoading,\n _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].modal);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({ destroyOnClose: true, closeIcon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].closeButton }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"p\", { children: closeText }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {})] })), open: open, onOk: hideModal, onCancel: hideModal, maskClosable: false, centered: true, width: '100%', footer: [\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Button, __assign({ onClick: saveChanges }, { children: buttonText }), \"submit\")\n ], className: modalClasses }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tagsWrapper }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_4__.TagField, { tagsInfo: setTagsInfo }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"].tableWrapper }, { children: tableData &&\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Table__WEBPACK_IMPORTED_MODULE_5__.Table, __assign({}, tableData, { paginationInfo: setPageInfo, rowSelectionInfo: setRowSelectionInfo, headingTranslationsKey: 'tableHeadings' })) }))] })) }));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Nb2RhbFdpdGhUYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL01vZGFsV2l0aFRhYmxlL2luZGV4LnRzeD8yNWViIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcbiAgICBfX2Fzc2lnbiA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24odCkge1xuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XG4gICAgICAgICAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkpXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHQ7XG4gICAgfTtcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbn07XG52YXIgX19zcHJlYWRBcnJheSA9ICh0aGlzICYmIHRoaXMuX19zcHJlYWRBcnJheSkgfHwgZnVuY3Rpb24gKHRvLCBmcm9tLCBwYWNrKSB7XG4gICAgaWYgKHBhY2sgfHwgYXJndW1lbnRzLmxlbmd0aCA9PT0gMikgZm9yICh2YXIgaSA9IDAsIGwgPSBmcm9tLmxlbmd0aCwgYXI7IGkgPCBsOyBpKyspIHtcbiAgICAgICAgaWYgKGFyIHx8ICEoaSBpbiBmcm9tKSkge1xuICAgICAgICAgICAgaWYgKCFhcikgYXIgPSBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tLCAwLCBpKTtcbiAgICAgICAgICAgIGFyW2ldID0gZnJvbVtpXTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdG8uY29uY2F0KGFyIHx8IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20pKTtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nO1xuaW1wb3J0IHsgTW9kYWwgfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENsb3NlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IFRhZ0ZpZWxkIH0gZnJvbSAnLi4vVGFnJztcbmltcG9ydCB7IFRhYmxlIH0gZnJvbSAnLi4vVGFibGUnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5leHBvcnQgdmFyIE1vZGFsV2l0aFRhYmxlID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIF9hO1xuICAgIHZhciBjbG9zZVRleHQgPSBwcm9wcy5jbG9zZVRleHQsIGJ1dHRvblRleHQgPSBwcm9wcy5idXR0b25UZXh0LCBfYiA9IHByb3BzLmlzT3BlbiwgaXNPcGVuID0gX2IgPT09IHZvaWQgMCA/IGZhbHNlIDogX2IsIHRhYmxlRGF0YSA9IHByb3BzLnRhYmxlRGF0YSwgbW9kYWxEYXRhID0gcHJvcHMubW9kYWxEYXRhLCBpc0xvYWRpbmcgPSBwcm9wcy5pc0xvYWRpbmc7XG4gICAgdmFyIHByZXZJc09wZW5SZWYgPSB1c2VSZWYoKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcmV2SXNPcGVuUmVmLmN1cnJlbnQgPSBpc09wZW47XG4gICAgfSwgW2lzT3Blbl0pO1xuICAgIHZhciBwcmV2SXNPcGVuID0gcHJldklzT3BlblJlZi5jdXJyZW50O1xuICAgIC8vIEFkZCBhIG5ldyBzdGF0ZSB0byBzdG9yZSB0aGUgaW5pdGlhbCB2YWx1ZXNcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZSh7XG4gICAgICAgIHBhZ2VJbmZvOiB7fSxcbiAgICAgICAgcm93U2VsZWN0aW9uSW5mbzogW10sXG4gICAgICAgIHRhZ3NJbmZvOiBbXSxcbiAgICAgICAgc2VsZWN0ZWREYXRhOiBbXSxcbiAgICB9KSwgaW5pdGlhbFZhbHVlcyA9IF9jWzBdLCBzZXRJbml0aWFsVmFsdWVzID0gX2NbMV07XG4gICAgdmFyIHBhZ2VCYXNlID0geyBjdXJyZW50UGFnZTogMSB9O1xuICAgIHZhciBfZCA9IHVzZVN0YXRlKChpc09wZW4pKSwgb3BlbiA9IF9kWzBdLCBzZXRPcGVuID0gX2RbMV07XG4gICAgdmFyIF9lID0gdXNlU3RhdGUoZmFsc2UpLCBjb25maXJtTG9hZGluZyA9IF9lWzBdLCBzZXRDb25maXJtTG9hZGluZyA9IF9lWzFdO1xuICAgIHZhciBfZiA9IHVzZVN0YXRlKHBhZ2VCYXNlKSwgcGFnZUluZm8gPSBfZlswXSwgc2V0UGFnZUluZm8gPSBfZlsxXTtcbiAgICB2YXIgX2cgPSB1c2VTdGF0ZSgpLCByb3dTZWxlY3Rpb25JbmZvID0gX2dbMF0sIHNldFJvd1NlbGVjdGlvbkluZm8gPSBfZ1sxXTtcbiAgICB2YXIgX2ggPSB1c2VTdGF0ZShbXSksIHRhZ3NJbmZvID0gX2hbMF0sIHNldFRhZ3NJbmZvID0gX2hbMV07XG4gICAgdmFyIF9qID0gdXNlU3RhdGUoW10pLCBzZWxlY3RlZERhdGEgPSBfalswXSwgc2V0U2VsZWN0ZWREYXRhID0gX2pbMV07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgc2V0T3Blbihpc09wZW4pO1xuICAgICAgICBpZiAoaXNPcGVuICYmICFwcmV2SXNPcGVuKSB7XG4gICAgICAgICAgICBzZXRJbml0aWFsVmFsdWVzKHtcbiAgICAgICAgICAgICAgICBwYWdlSW5mbzogcGFnZUluZm8sXG4gICAgICAgICAgICAgICAgcm93U2VsZWN0aW9uSW5mbzogcm93U2VsZWN0aW9uSW5mbyxcbiAgICAgICAgICAgICAgICB0YWdzSW5mbzogdGFnc0luZm8sXG4gICAgICAgICAgICAgICAgc2VsZWN0ZWREYXRhOiBzZWxlY3RlZERhdGEsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH0sIFtpc09wZW5dKTtcbiAgICB2YXIgaGlkZU1vZGFsID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgc2V0UGFnZUluZm8oaW5pdGlhbFZhbHVlcy5wYWdlSW5mbyk7XG4gICAgICAgIHNldFJvd1NlbGVjdGlvbkluZm8oaW5pdGlhbFZhbHVlcy5yb3dTZWxlY3Rpb25JbmZvKTtcbiAgICAgICAgc2V0VGFnc0luZm8oaW5pdGlhbFZhbHVlcy50YWdzSW5mbyk7XG4gICAgICAgIHNldFNlbGVjdGVkRGF0YShpbml0aWFsVmFsdWVzLnNlbGVjdGVkRGF0YSk7XG4gICAgfTtcbiAgICB2YXIgc2F2ZUNoYW5nZXMgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgaWYgKCFvcGVuKSB7XG4gICAgICAgICAgICBzZXRQYWdlSW5mbyhwYWdlQmFzZSk7XG4gICAgICAgIH1cbiAgICAgICAgdmFyIG1vZGFsRGF0YU9iaiA9IHtcbiAgICAgICAgICAgIHBhZ2VJbmZvOiBwYWdlSW5mbyxcbiAgICAgICAgICAgIHJvd1NlbGVjdGlvbkluZm86IHJvd1NlbGVjdGlvbkluZm8sXG4gICAgICAgICAgICB0YWdzSW5mbzogdGFnc0luZm8sXG4gICAgICAgICAgICBvcGVuOiBvcGVuLFxuICAgICAgICAgICAgc2VsZWN0ZWREYXRhOiBzZWxlY3RlZERhdGEsXG4gICAgICAgIH07XG4gICAgICAgIG1vZGFsRGF0YShtb2RhbERhdGFPYmopO1xuICAgIH0sIFt0YWdzSW5mbywgb3Blbiwgcm93U2VsZWN0aW9uSW5mbywgc2VsZWN0ZWREYXRhXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIF9hLCBfYjtcbiAgICAgICAgdmFyIHNlbGVjdGVkUm93S2V5cyA9IHJvd1NlbGVjdGlvbkluZm8gfHwgdGFibGVEYXRhLnJvd1NlbGVjdGlvbi5zZWxlY3RlZFJvd0tleXM7XG4gICAgICAgIGlmICgoKF9hID0gdGFibGVEYXRhID09PSBudWxsIHx8IHRhYmxlRGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGFibGVEYXRhLnJvd1NlbGVjdGlvbikgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLnR5cGUpID09PSAncmFkaW8nKSB7XG4gICAgICAgICAgICB2YXIgZmlsdGVyZWRBcnJheSA9IChfYiA9IHRhYmxlRGF0YSA9PT0gbnVsbCB8fCB0YWJsZURhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRhYmxlRGF0YS5kYXRhU291cmNlKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2IuZmlsdGVyKGZ1bmN0aW9uIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNlbGVjdGVkUm93S2V5cy5pbmNsdWRlcyhlbGVtZW50W3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBzZXRTZWxlY3RlZERhdGEoZmlsdGVyZWRBcnJheSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgc2V0U2VsZWN0ZWREYXRhKGZ1bmN0aW9uIChwcmV2RGF0YSkge1xuICAgICAgICAgICAgdmFyIF9hO1xuICAgICAgICAgICAgdmFyIG5ld0RhdGEgPSAoKF9hID0gdGFibGVEYXRhID09PSBudWxsIHx8IHRhYmxlRGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGFibGVEYXRhLmRhdGFTb3VyY2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5maWx0ZXIoZnVuY3Rpb24gKGVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gc2VsZWN0ZWRSb3dLZXlzLmluY2x1ZGVzKGVsZW1lbnRbdGFibGVEYXRhLnJvd0tleVZhbHVlXSk7XG4gICAgICAgICAgICB9KSkgfHwgW107XG4gICAgICAgICAgICB2YXIgb2xkRGF0YSA9IHByZXZEYXRhLmZpbHRlcihmdW5jdGlvbiAoZGF0YUl0ZW0pIHtcbiAgICAgICAgICAgICAgICB2YXIgX2E7XG4gICAgICAgICAgICAgICAgcmV0dXJuICEoKF9hID0gdGFibGVEYXRhID09PSBudWxsIHx8IHRhYmxlRGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGFibGVEYXRhLmRhdGFTb3VyY2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5zb21lKGZ1bmN0aW9uIChlbGVtZW50KSB7IHJldHVybiBlbGVtZW50W3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV0gPT09IGRhdGFJdGVtW3RhYmxlRGF0YS5yb3dLZXlWYWx1ZV07IH0pKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgdmFyIGNvbWJpbmVkRGF0YSA9IF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgb2xkRGF0YSwgdHJ1ZSksIG5ld0RhdGEsIHRydWUpLmZpbHRlcihmdW5jdGlvbiAoZGF0YUl0ZW0sIGluZGV4LCBzZWxmKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChpbmRleCA9PT1cbiAgICAgICAgICAgICAgICAgICAgc2VsZi5maW5kSW5kZXgoZnVuY3Rpb24gKGl0ZW0pIHsgcmV0dXJuIGl0ZW1bdGFibGVEYXRhLnJvd0tleVZhbHVlXSA9PT0gZGF0YUl0ZW1bdGFibGVEYXRhLnJvd0tleVZhbHVlXTsgfSkpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBzZXRJbml0aWFsVmFsdWVzKF9fYXNzaWduKF9fYXNzaWduKHt9LCBpbml0aWFsVmFsdWVzKSwgeyBzZWxlY3RlZERhdGE6IGNvbWJpbmVkRGF0YSB9KSk7XG4gICAgICAgICAgICByZXR1cm4gY29tYmluZWREYXRhO1xuICAgICAgICB9KTtcbiAgICB9LCBbcm93U2VsZWN0aW9uSW5mb10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIGlmICh0YWdzSW5mby5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBzZXRDb25maXJtTG9hZGluZyh0cnVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt0YWdzSW5mb10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldENvbmZpcm1Mb2FkaW5nKGlzTG9hZGluZyk7XG4gICAgfSwgW2lzTG9hZGluZ10pO1xuICAgIHZhciBtb2RhbENsYXNzZXMgPSBjbGFzc25hbWVzKChfYSA9IHt9LFxuICAgICAgICBfYVtzdHlsZXMuZGlzYWJsZWRdID0gY29uZmlybUxvYWRpbmcsXG4gICAgICAgIF9hKSwgc3R5bGVzLm1vZGFsKTtcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbCwgX19hc3NpZ24oeyBkZXN0cm95T25DbG9zZTogdHJ1ZSwgY2xvc2VJY29uOiBfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmNsb3NlQnV0dG9uIH0sIHsgY2hpbGRyZW46IFtfanN4KFwicFwiLCB7IGNoaWxkcmVuOiBjbG9zZVRleHQgfSksIF9qc3goQ2xvc2VPdXRsaW5lZCwge30pXSB9KSksIG9wZW46IG9wZW4sIG9uT2s6IGhpZGVNb2RhbCwgb25DYW5jZWw6IGhpZGVNb2RhbCwgbWFza0Nsb3NhYmxlOiBmYWxzZSwgY2VudGVyZWQ6IHRydWUsIHdpZHRoOiAnMTAwJScsIGZvb3RlcjogW1xuICAgICAgICAgICAgICAgIF9qc3goQnV0dG9uLCBfX2Fzc2lnbih7IG9uQ2xpY2s6IHNhdmVDaGFuZ2VzIH0sIHsgY2hpbGRyZW46IGJ1dHRvblRleHQgfSksIFwic3VibWl0XCIpXG4gICAgICAgICAgICBdLCBjbGFzc05hbWU6IG1vZGFsQ2xhc3NlcyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhZ3NXcmFwcGVyIH0sIHsgY2hpbGRyZW46IF9qc3goVGFnRmllbGQsIHsgdGFnc0luZm86IHNldFRhZ3NJbmZvIH0pIH0pKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRhYmxlV3JhcHBlciB9LCB7IGNoaWxkcmVuOiB0YWJsZURhdGEgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIF9qc3goVGFibGUsIF9fYXNzaWduKHt9LCB0YWJsZURhdGEsIHsgcGFnaW5hdGlvbkluZm86IHNldFBhZ2VJbmZvLCByb3dTZWxlY3Rpb25JbmZvOiBzZXRSb3dTZWxlY3Rpb25JbmZvLCBoZWFkaW5nVHJhbnNsYXRpb25zS2V5OiAndGFibGVIZWFkaW5ncycgfSkpIH0pKV0gfSkpIH0pKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/ModalWithTable/index.tsx\n");
10754
10754
 
10755
10755
  /***/ }),
10756
10756
 
@@ -10849,7 +10849,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
10849
10849
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10850
10850
 
10851
10851
  "use strict";
10852
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Table\": function() { return /* binding */ Table; },\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_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/space/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/dropdown/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/select/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ = __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_7__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/MoreOutlined.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\nvar sortBy;\n(function (sortBy) {\n sortBy[\"asc\"] = \"asc\";\n sortBy[\"desc\"] = \"desc\";\n})(sortBy || (sortBy = {}));\nvar Table = function (props) {\n var _a;\n var _b;\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\n var _c = props.dataSource, dataSource = _c === void 0 ? undefined : _c, _d = props.fieldsToSort, fieldsToSort = _d === void 0 ? ['key', 'name', 'store'] : _d, _e = props.selectPlaceholder, selectPlaceholder = _e === void 0 ? 'Sort By' : _e, onSort = props.onSort, headingTranslationsKey = props.headingTranslationsKey, items = props.actionsArray, rowKeyValue = props.rowKeyValue, hiddenColumns = props.hiddenColumns, rowSelection = props.rowSelection;\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customFilters = _f[0], setCustomFilters = _f[1];\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customColumns = _g[0], setCustomColumns = _g[1];\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), sortInfo = _h[0], setSortInfo = _h[1];\n var _j = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), selectedRowKeys = _j[0], setselectedRowKeys = _j[1];\n var onSelectChange = function (newSelectedRowKeys) {\n setselectedRowKeys(newSelectedRowKeys);\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 if (dataSource) {\n // Columns\n var columns = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).map(function (key) {\n if (hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(key)) {\n return;\n }\n return ({\n title: headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key,\n dataIndex: key,\n key: key,\n ellipsis: true,\n });\n }).filter(function (el) { return el !== undefined; });\n var columnActions = {\n key: 'action',\n title: headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat('action')) : 'action',\n dataIndex: 6,\n ellipsis: false,\n render: function () { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ size: \"middle\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_6__[\"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_7__[\"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 }\n }, [dataSource]);\n var shouldRenderSortDropdown = customFilters.length > 0;\n var tableWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_a = {},\n _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tableWrapperNoSelection] = !rowSelection,\n _a), [_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tableWrapper]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: tableWrapperClasses }, { children: [shouldRenderSortDropdown &&\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ style: { marginBottom: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_8__[\"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_9__[\"default\"], __assign({ dataSource: dataSource, onChange: handleChange }, props, { columns: customColumns }, props.rowSelection ? ({\n rowSelection: {\n selectedRowKeys: selectedRowKeys,\n onChange: onSelectChange,\n type: (_b = props.rowSelection) === null || _b === void 0 ? void 0 : _b.type\n // ...rowSelection\n }\n }) : null, { rowKey: rowKeyValue }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvVGFibGUvaW5kZXgudHN4PzNlODgiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xuICAgICAgICBpZiAoYXIgfHwgIShpIGluIGZyb20pKSB7XG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU3BhY2UsIFNlbGVjdCwgRHJvcGRvd24gfSBmcm9tICdhbnRkJztcbmltcG9ydCB7IFRhYmxlIGFzIEFudGRUYWJsZSB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgTW9yZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5leHBvcnQgdmFyIHNvcnRCeTtcbihmdW5jdGlvbiAoc29ydEJ5KSB7XG4gICAgc29ydEJ5W1wiYXNjXCJdID0gXCJhc2NcIjtcbiAgICBzb3J0QnlbXCJkZXNjXCJdID0gXCJkZXNjXCI7XG59KShzb3J0QnkgfHwgKHNvcnRCeSA9IHt9KSk7XG5leHBvcnQgdmFyIFRhYmxlID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIF9hO1xuICAgIHZhciBfYjtcbiAgICB2YXIgdCA9IHVzZVRyYW5zbGF0aW9uKCkudDtcbiAgICB2YXIgX2MgPSBwcm9wcy5kYXRhU291cmNlLCBkYXRhU291cmNlID0gX2MgPT09IHZvaWQgMCA/IHVuZGVmaW5lZCA6IF9jLCBfZCA9IHByb3BzLmZpZWxkc1RvU29ydCwgZmllbGRzVG9Tb3J0ID0gX2QgPT09IHZvaWQgMCA/IFsna2V5JywgJ25hbWUnLCAnc3RvcmUnXSA6IF9kLCBfZSA9IHByb3BzLnNlbGVjdFBsYWNlaG9sZGVyLCBzZWxlY3RQbGFjZWhvbGRlciA9IF9lID09PSB2b2lkIDAgPyAnU29ydCBCeScgOiBfZSwgb25Tb3J0ID0gcHJvcHMub25Tb3J0LCBoZWFkaW5nVHJhbnNsYXRpb25zS2V5ID0gcHJvcHMuaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgaXRlbXMgPSBwcm9wcy5hY3Rpb25zQXJyYXksIHJvd0tleVZhbHVlID0gcHJvcHMucm93S2V5VmFsdWUsIGhpZGRlbkNvbHVtbnMgPSBwcm9wcy5oaWRkZW5Db2x1bW5zLCByb3dTZWxlY3Rpb24gPSBwcm9wcy5yb3dTZWxlY3Rpb247XG4gICAgdmFyIF9mID0gdXNlU3RhdGUoW10pLCBjdXN0b21GaWx0ZXJzID0gX2ZbMF0sIHNldEN1c3RvbUZpbHRlcnMgPSBfZlsxXTtcbiAgICB2YXIgX2cgPSB1c2VTdGF0ZShbXSksIGN1c3RvbUNvbHVtbnMgPSBfZ1swXSwgc2V0Q3VzdG9tQ29sdW1ucyA9IF9nWzFdO1xuICAgIHZhciBfaCA9IHVzZVN0YXRlKFtdKSwgc29ydEluZm8gPSBfaFswXSwgc2V0U29ydEluZm8gPSBfaFsxXTtcbiAgICB2YXIgX2ogPSB1c2VTdGF0ZSgocm93U2VsZWN0aW9uID09PSBudWxsIHx8IHJvd1NlbGVjdGlvbiA9PT0gdm9pZCAwID8gdm9pZCAwIDogcm93U2VsZWN0aW9uLnNlbGVjdGVkUm93S2V5cykgfHwgW10pLCBzZWxlY3RlZFJvd0tleXMgPSBfalswXSwgc2V0c2VsZWN0ZWRSb3dLZXlzID0gX2pbMV07XG4gICAgdmFyIG9uU2VsZWN0Q2hhbmdlID0gZnVuY3Rpb24gKG5ld1NlbGVjdGVkUm93S2V5cykge1xuICAgICAgICBzZXRzZWxlY3RlZFJvd0tleXMobmV3U2VsZWN0ZWRSb3dLZXlzKTtcbiAgICB9O1xuICAgIHZhciBoYW5kbGVDaGFuZ2UgPSBmdW5jdGlvbiAocGFnaW5hdGlvbikge1xuICAgICAgICB2YXIgZ2V0UGFnaW5hdGlvbiA9IHtcbiAgICAgICAgICAgIGN1cnJlbnRQYWdlOiBwYWdpbmF0aW9uLmN1cnJlbnQsXG4gICAgICAgIH07XG4gICAgICAgIHZhciBnZXRTb3J0QW5kUGFnaW5hdGlvbkluZm8gPSBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgc29ydEluZm8pLCBnZXRQYWdpbmF0aW9uKTtcbiAgICAgICAgcHJvcHMucGFnaW5hdGlvbkluZm8oZ2V0U29ydEFuZFBhZ2luYXRpb25JbmZvKTtcbiAgICB9O1xuICAgIHZhciBzZXRTb3J0ZXIgPSBmdW5jdGlvbiAob3B0aW9uKSB7XG4gICAgICAgIG9uU29ydCA9PT0gbnVsbCB8fCBvblNvcnQgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uU29ydChvcHRpb24udmFsdWUuc3BsaXQoJy0nKVswXSwgb3B0aW9uLmRpcmVjdGlvbik7XG4gICAgICAgIHZhciBzb3J0RGF0YSA9IHtcbiAgICAgICAgICAgIHNvcnREaXJlY3Rpb246IG9wdGlvbi5kaXJlY3Rpb24sXG4gICAgICAgICAgICBzb3J0VmFsdWU6IG9wdGlvbi52YWx1ZS5zcGxpdCgnLScpWzBdLFxuICAgICAgICB9O1xuICAgICAgICBzZXRTb3J0SW5mbyhzb3J0RGF0YSk7XG4gICAgfTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcm9wcy5yb3dTZWxlY3Rpb25JbmZvKHNlbGVjdGVkUm93S2V5cyk7XG4gICAgfSwgW3NlbGVjdGVkUm93S2V5c10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgaWYgKGRhdGFTb3VyY2UpIHtcbiAgICAgICAgICAgIC8vIENvbHVtbnNcbiAgICAgICAgICAgIHZhciBjb2x1bW5zID0gT2JqZWN0LmtleXMoZGF0YVNvdXJjZSA9PT0gbnVsbCB8fCBkYXRhU291cmNlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBkYXRhU291cmNlWzBdKS5tYXAoZnVuY3Rpb24gKGtleSkge1xuICAgICAgICAgICAgICAgIGlmIChoaWRkZW5Db2x1bW5zID09PSBudWxsIHx8IGhpZGRlbkNvbHVtbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGhpZGRlbkNvbHVtbnMuaW5jbHVkZXMoa2V5KSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiAoe1xuICAgICAgICAgICAgICAgICAgICB0aXRsZTogaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSxcbiAgICAgICAgICAgICAgICAgICAgZGF0YUluZGV4OiBrZXksXG4gICAgICAgICAgICAgICAgICAgIGtleToga2V5LFxuICAgICAgICAgICAgICAgICAgICBlbGxpcHNpczogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pLmZpbHRlcihmdW5jdGlvbiAoZWwpIHsgcmV0dXJuIGVsICE9PSB1bmRlZmluZWQ7IH0pO1xuICAgICAgICAgICAgdmFyIGNvbHVtbkFjdGlvbnMgPSB7XG4gICAgICAgICAgICAgICAga2V5OiAnYWN0aW9uJyxcbiAgICAgICAgICAgICAgICB0aXRsZTogaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdCgnYWN0aW9uJykpIDogJ2FjdGlvbicsXG4gICAgICAgICAgICAgICAgZGF0YUluZGV4OiA2LFxuICAgICAgICAgICAgICAgIGVsbGlwc2lzOiBmYWxzZSxcbiAgICAgICAgICAgICAgICByZW5kZXI6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIChfanN4KFNwYWNlLCBfX2Fzc2lnbih7IHNpemU6IFwibWlkZGxlXCIgfSwgeyBjaGlsZHJlbjogX2pzeChEcm9wZG93biwgX19hc3NpZ24oeyBtZW51OiB7IGl0ZW1zOiBpdGVtcyB9IH0sIHsgY2hpbGRyZW46IF9qc3goXCJhXCIsIHsgY2hpbGRyZW46IF9qc3goTW9yZU91dGxpbmVkLCB7IHN0eWxlOiB7IGNvbG9yOiAndmFyKC0tY29sb3ItYmx1ZSknLCB0cmFuc2Zvcm06ICdzY2FsZSgxLjYpJyB9IH0pIH0pIH0pKSB9KSkpOyB9LFxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGl0ZW1zICYmIGNvbHVtbnMucHVzaChjb2x1bW5BY3Rpb25zKTtcbiAgICAgICAgICAgIHNldEN1c3RvbUNvbHVtbnMoY29sdW1ucyk7XG4gICAgICAgICAgICAvLyBGaWx0ZXJzXG4gICAgICAgICAgICB2YXIgZGF0YUtleXNUb0ZpbHRlciA9IE9iamVjdC5rZXlzKGRhdGFTb3VyY2UgPT09IG51bGwgfHwgZGF0YVNvdXJjZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGF0YVNvdXJjZVswXSkuZmlsdGVyKGZ1bmN0aW9uIChlbCkgeyByZXR1cm4gZmllbGRzVG9Tb3J0LmluY2x1ZGVzKGVsKTsgfSk7XG4gICAgICAgICAgICB2YXIgZmlsdGVycyA9IChfYSA9IFtdKS5jb25jYXQuYXBwbHkoX2EsIF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgZGF0YUtleXNUb0ZpbHRlci5tYXAoZnVuY3Rpb24gKGtleSkgeyByZXR1cm4gKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogXCJcIi5jb25jYXQoa2V5LCBcIi1cIikuY29uY2F0KHNvcnRCeS5kZXNjKSxcbiAgICAgICAgICAgICAgICBsYWJlbDogXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSwgXCIgKFwiKS5jb25jYXQoc29ydEJ5LmRlc2MsIFwiKVwiKSxcbiAgICAgICAgICAgICAgICBkaXJlY3Rpb246IFwiXCIuY29uY2F0KHNvcnRCeS5kZXNjKSxcbiAgICAgICAgICAgIH0pOyB9KSwgZmFsc2UpLCBkYXRhS2V5c1RvRmlsdGVyLm1hcChmdW5jdGlvbiAoa2V5KSB7IHJldHVybiAoe1xuICAgICAgICAgICAgICAgIHZhbHVlOiBcIlwiLmNvbmNhdChrZXksIFwiLVwiKS5jb25jYXQoc29ydEJ5LmFzYyksXG4gICAgICAgICAgICAgICAgbGFiZWw6IFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPyB0KFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXksIFwiLlwiKS5jb25jYXQoa2V5KSkgOiBrZXksIFwiIChcIikuY29uY2F0KHNvcnRCeS5hc2MsIFwiKVwiKSxcbiAgICAgICAgICAgICAgICBkaXJlY3Rpb246IFwiXCIuY29uY2F0KHNvcnRCeS5hc2MpLFxuICAgICAgICAgICAgfSk7IH0pLCBmYWxzZSkpO1xuICAgICAgICAgICAgc2V0Q3VzdG9tRmlsdGVycyhmaWx0ZXJzKTtcbiAgICAgICAgfVxuICAgIH0sIFtkYXRhU291cmNlXSk7XG4gICAgdmFyIHNob3VsZFJlbmRlclNvcnREcm9wZG93biA9IGN1c3RvbUZpbHRlcnMubGVuZ3RoID4gMDtcbiAgICB2YXIgdGFibGVXcmFwcGVyQ2xhc3NlcyA9IGNsYXNzbmFtZXMoKF9hID0ge30sXG4gICAgICAgIF9hW3N0eWxlcy50YWJsZVdyYXBwZXJOb1NlbGVjdGlvbl0gPSAhcm93U2VsZWN0aW9uLFxuICAgICAgICBfYSksIFtzdHlsZXMudGFibGVXcmFwcGVyXSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogdGFibGVXcmFwcGVyQ2xhc3NlcyB9LCB7IGNoaWxkcmVuOiBbc2hvdWxkUmVuZGVyU29ydERyb3Bkb3duICYmXG4gICAgICAgICAgICAgICAgX2pzeChTcGFjZSwgX19hc3NpZ24oeyBzdHlsZTogeyBtYXJnaW5Cb3R0b206IDE2IH0gfSwgeyBjaGlsZHJlbjogX2pzeChTZWxlY3QsIHsgc3R5bGU6IHsgd2lkdGg6ICdhdXRvJywgbWluV2lkdGg6IDIwMCB9LCBwbGFjZWhvbGRlcjogc2VsZWN0UGxhY2Vob2xkZXIsIG9uU2VsZWN0OiBmdW5jdGlvbiAoXywgb3B0aW9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0U29ydGVyKG9wdGlvbik7XG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBvcHRpb25GaWx0ZXJQcm9wOiBcImNoaWxkcmVuXCIsIGZpbHRlck9wdGlvbjogZnVuY3Rpb24gKGlucHV0LCBvcHRpb24pIHsgdmFyIF9hOyByZXR1cm4gKChfYSA9IG9wdGlvbiA9PT0gbnVsbCB8fCBvcHRpb24gPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbi5sYWJlbCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJycpLmluY2x1ZGVzKGlucHV0KTsgfSwgZmlsdGVyU29ydDogZnVuY3Rpb24gKG9wdGlvbkEsIG9wdGlvbkIpIHsgdmFyIF9hLCBfYjsgcmV0dXJuICgoX2EgPSBvcHRpb25BID09PSBudWxsIHx8IG9wdGlvbkEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbkEubGFiZWwpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcnKS50b0xvd2VyQ2FzZSgpLmxvY2FsZUNvbXBhcmUoKChfYiA9IG9wdGlvbkIgPT09IG51bGwgfHwgb3B0aW9uQiA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9uQi5sYWJlbCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJycpLnRvTG93ZXJDYXNlKCkpOyB9LCBvcHRpb25zOiBjdXN0b21GaWx0ZXJzIH0pIH0pKSwgX2pzeChBbnRkVGFibGUsIF9fYXNzaWduKHsgZGF0YVNvdXJjZTogZGF0YVNvdXJjZSwgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSB9LCBwcm9wcywgeyBjb2x1bW5zOiBjdXN0b21Db2x1bW5zIH0sIHByb3BzLnJvd1NlbGVjdGlvbiA/ICh7XG4gICAgICAgICAgICAgICAgcm93U2VsZWN0aW9uOiB7XG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkUm93S2V5czogc2VsZWN0ZWRSb3dLZXlzLFxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZTogb25TZWxlY3RDaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgIHR5cGU6IChfYiA9IHByb3BzLnJvd1NlbGVjdGlvbikgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLnR5cGVcbiAgICAgICAgICAgICAgICAgICAgLy8gLi4ucm93U2VsZWN0aW9uXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSkgOiBudWxsLCB7IHJvd0tleTogcm93S2V5VmFsdWUgfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Table/index.tsx\n");
10852
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Table\": function() { return /* binding */ Table; },\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_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/space/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/dropdown/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/select/index.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ = __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_7__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/MoreOutlined.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\nvar sortBy;\n(function (sortBy) {\n sortBy[\"asc\"] = \"asc\";\n sortBy[\"desc\"] = \"desc\";\n})(sortBy || (sortBy = {}));\nvar Table = function (props) {\n var _a;\n var _b;\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\n var _c = props.dataSource, dataSource = _c === void 0 ? undefined : _c, _d = props.fieldsToSort, fieldsToSort = _d === void 0 ? ['key', 'name', 'store'] : _d, _e = props.selectPlaceholder, selectPlaceholder = _e === void 0 ? 'Sort By' : _e, onSort = props.onSort, headingTranslationsKey = props.headingTranslationsKey, items = props.actionsArray, rowKeyValue = props.rowKeyValue, hiddenColumns = props.hiddenColumns, rowSelection = props.rowSelection;\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customFilters = _f[0], setCustomFilters = _f[1];\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), customColumns = _g[0], setCustomColumns = _g[1];\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), sortInfo = _h[0], setSortInfo = _h[1];\n var _j = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), selectedRowKeys = _j[0], setselectedRowKeys = _j[1];\n var onSelectChange = function (newSelectedRowKeys) {\n if (rowSelection.type === 'radio') {\n setselectedRowKeys(newSelectedRowKeys);\n return;\n }\n setselectedRowKeys(function (prevKeys) {\n var dataSourceIds = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (data) { return data[rowKeyValue]; });\n var oldKeys = prevKeys.filter(function (key) {\n return !(dataSourceIds === null || dataSourceIds === void 0 ? void 0 : dataSourceIds.includes(key));\n });\n return __spreadArray(__spreadArray([], oldKeys, true), newSelectedRowKeys, true);\n });\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 if (dataSource && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0) {\n // Columns\n var columns = Object.keys(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0]).map(function (key) {\n if (hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(key)) {\n return;\n }\n return ({\n title: headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat(key)) : key,\n dataIndex: key,\n key: key,\n ellipsis: true,\n });\n }).filter(function (el) { return el !== undefined; });\n var columnActions = {\n key: 'action',\n title: headingTranslationsKey ? t(\"\".concat(headingTranslationsKey, \".\").concat('action')) : 'action',\n dataIndex: 6,\n ellipsis: false,\n render: function () { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ size: \"middle\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_6__[\"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_7__[\"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 }\n }, [dataSource]);\n var shouldRenderSortDropdown = customFilters.length > 0;\n var tableWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_a = {},\n _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tableWrapperNoSelection] = !rowSelection,\n _a), [_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].tableWrapper]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: tableWrapperClasses }, { children: [shouldRenderSortDropdown &&\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], __assign({ style: { marginBottom: 16 } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_8__[\"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_9__[\"default\"], __assign({ dataSource: dataSource, onChange: handleChange }, props, { columns: customColumns }, props.rowSelection ? ({\n rowSelection: {\n selectedRowKeys: selectedRowKeys,\n onChange: onSelectChange,\n type: (_b = props.rowSelection) === null || _b === void 0 ? void 0 : _b.type\n // ...rowSelection\n }\n }) : null, { rowKey: rowKeyValue }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9UYWJsZS9pbmRleC50c3g/M2U4OCJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fc3ByZWFkQXJyYXkgPSAodGhpcyAmJiB0aGlzLl9fc3ByZWFkQXJyYXkpIHx8IGZ1bmN0aW9uICh0bywgZnJvbSwgcGFjaykge1xuICAgIGlmIChwYWNrIHx8IGFyZ3VtZW50cy5sZW5ndGggPT09IDIpIGZvciAodmFyIGkgPSAwLCBsID0gZnJvbS5sZW5ndGgsIGFyOyBpIDwgbDsgaSsrKSB7XG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcbiAgICAgICAgICAgIGlmICghYXIpIGFyID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSwgMCwgaSk7XG4gICAgICAgICAgICBhcltpXSA9IGZyb21baV07XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRvLmNvbmNhdChhciB8fCBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tKSk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTcGFjZSwgU2VsZWN0LCBEcm9wZG93biB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHsgVGFibGUgYXMgQW50ZFRhYmxlIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBNb3JlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmV4cG9ydCB2YXIgc29ydEJ5O1xuKGZ1bmN0aW9uIChzb3J0QnkpIHtcbiAgICBzb3J0QnlbXCJhc2NcIl0gPSBcImFzY1wiO1xuICAgIHNvcnRCeVtcImRlc2NcIl0gPSBcImRlc2NcIjtcbn0pKHNvcnRCeSB8fCAoc29ydEJ5ID0ge30pKTtcbmV4cG9ydCB2YXIgVGFibGUgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgX2E7XG4gICAgdmFyIF9iO1xuICAgIHZhciB0ID0gdXNlVHJhbnNsYXRpb24oKS50O1xuICAgIHZhciBfYyA9IHByb3BzLmRhdGFTb3VyY2UsIGRhdGFTb3VyY2UgPSBfYyA9PT0gdm9pZCAwID8gdW5kZWZpbmVkIDogX2MsIF9kID0gcHJvcHMuZmllbGRzVG9Tb3J0LCBmaWVsZHNUb1NvcnQgPSBfZCA9PT0gdm9pZCAwID8gWydrZXknLCAnbmFtZScsICdzdG9yZSddIDogX2QsIF9lID0gcHJvcHMuc2VsZWN0UGxhY2Vob2xkZXIsIHNlbGVjdFBsYWNlaG9sZGVyID0gX2UgPT09IHZvaWQgMCA/ICdTb3J0IEJ5JyA6IF9lLCBvblNvcnQgPSBwcm9wcy5vblNvcnQsIGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPSBwcm9wcy5oZWFkaW5nVHJhbnNsYXRpb25zS2V5LCBpdGVtcyA9IHByb3BzLmFjdGlvbnNBcnJheSwgcm93S2V5VmFsdWUgPSBwcm9wcy5yb3dLZXlWYWx1ZSwgaGlkZGVuQ29sdW1ucyA9IHByb3BzLmhpZGRlbkNvbHVtbnMsIHJvd1NlbGVjdGlvbiA9IHByb3BzLnJvd1NlbGVjdGlvbjtcbiAgICB2YXIgX2YgPSB1c2VTdGF0ZShbXSksIGN1c3RvbUZpbHRlcnMgPSBfZlswXSwgc2V0Q3VzdG9tRmlsdGVycyA9IF9mWzFdO1xuICAgIHZhciBfZyA9IHVzZVN0YXRlKFtdKSwgY3VzdG9tQ29sdW1ucyA9IF9nWzBdLCBzZXRDdXN0b21Db2x1bW5zID0gX2dbMV07XG4gICAgdmFyIF9oID0gdXNlU3RhdGUoW10pLCBzb3J0SW5mbyA9IF9oWzBdLCBzZXRTb3J0SW5mbyA9IF9oWzFdO1xuICAgIHZhciBfaiA9IHVzZVN0YXRlKChyb3dTZWxlY3Rpb24gPT09IG51bGwgfHwgcm93U2VsZWN0aW9uID09PSB2b2lkIDAgPyB2b2lkIDAgOiByb3dTZWxlY3Rpb24uc2VsZWN0ZWRSb3dLZXlzKSB8fCBbXSksIHNlbGVjdGVkUm93S2V5cyA9IF9qWzBdLCBzZXRzZWxlY3RlZFJvd0tleXMgPSBfalsxXTtcbiAgICB2YXIgb25TZWxlY3RDaGFuZ2UgPSBmdW5jdGlvbiAobmV3U2VsZWN0ZWRSb3dLZXlzKSB7XG4gICAgICAgIGlmIChyb3dTZWxlY3Rpb24udHlwZSA9PT0gJ3JhZGlvJykge1xuICAgICAgICAgICAgc2V0c2VsZWN0ZWRSb3dLZXlzKG5ld1NlbGVjdGVkUm93S2V5cyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgc2V0c2VsZWN0ZWRSb3dLZXlzKGZ1bmN0aW9uIChwcmV2S2V5cykge1xuICAgICAgICAgICAgdmFyIGRhdGFTb3VyY2VJZHMgPSBkYXRhU291cmNlID09PSBudWxsIHx8IGRhdGFTb3VyY2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGRhdGFTb3VyY2UubWFwKGZ1bmN0aW9uIChkYXRhKSB7IHJldHVybiBkYXRhW3Jvd0tleVZhbHVlXTsgfSk7XG4gICAgICAgICAgICB2YXIgb2xkS2V5cyA9IHByZXZLZXlzLmZpbHRlcihmdW5jdGlvbiAoa2V5KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuICEoZGF0YVNvdXJjZUlkcyA9PT0gbnVsbCB8fCBkYXRhU291cmNlSWRzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBkYXRhU291cmNlSWRzLmluY2x1ZGVzKGtleSkpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICByZXR1cm4gX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBvbGRLZXlzLCB0cnVlKSwgbmV3U2VsZWN0ZWRSb3dLZXlzLCB0cnVlKTtcbiAgICAgICAgfSk7XG4gICAgfTtcbiAgICB2YXIgaGFuZGxlQ2hhbmdlID0gZnVuY3Rpb24gKHBhZ2luYXRpb24pIHtcbiAgICAgICAgdmFyIGdldFBhZ2luYXRpb24gPSB7XG4gICAgICAgICAgICBjdXJyZW50UGFnZTogcGFnaW5hdGlvbi5jdXJyZW50LFxuICAgICAgICB9O1xuICAgICAgICB2YXIgZ2V0U29ydEFuZFBhZ2luYXRpb25JbmZvID0gX19hc3NpZ24oX19hc3NpZ24oe30sIHNvcnRJbmZvKSwgZ2V0UGFnaW5hdGlvbik7XG4gICAgICAgIHByb3BzLnBhZ2luYXRpb25JbmZvKGdldFNvcnRBbmRQYWdpbmF0aW9uSW5mbyk7XG4gICAgfTtcbiAgICB2YXIgc2V0U29ydGVyID0gZnVuY3Rpb24gKG9wdGlvbikge1xuICAgICAgICBvblNvcnQgPT09IG51bGwgfHwgb25Tb3J0ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblNvcnQob3B0aW9uLnZhbHVlLnNwbGl0KCctJylbMF0sIG9wdGlvbi5kaXJlY3Rpb24pO1xuICAgICAgICB2YXIgc29ydERhdGEgPSB7XG4gICAgICAgICAgICBzb3J0RGlyZWN0aW9uOiBvcHRpb24uZGlyZWN0aW9uLFxuICAgICAgICAgICAgc29ydFZhbHVlOiBvcHRpb24udmFsdWUuc3BsaXQoJy0nKVswXSxcbiAgICAgICAgfTtcbiAgICAgICAgc2V0U29ydEluZm8oc29ydERhdGEpO1xuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcHJvcHMucm93U2VsZWN0aW9uSW5mbyhzZWxlY3RlZFJvd0tleXMpO1xuICAgIH0sIFtzZWxlY3RlZFJvd0tleXNdKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmIChkYXRhU291cmNlICYmIChkYXRhU291cmNlID09PSBudWxsIHx8IGRhdGFTb3VyY2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGRhdGFTb3VyY2UubGVuZ3RoKSA+IDApIHtcbiAgICAgICAgICAgIC8vIENvbHVtbnNcbiAgICAgICAgICAgIHZhciBjb2x1bW5zID0gT2JqZWN0LmtleXMoZGF0YVNvdXJjZSA9PT0gbnVsbCB8fCBkYXRhU291cmNlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBkYXRhU291cmNlWzBdKS5tYXAoZnVuY3Rpb24gKGtleSkge1xuICAgICAgICAgICAgICAgIGlmIChoaWRkZW5Db2x1bW5zID09PSBudWxsIHx8IGhpZGRlbkNvbHVtbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGhpZGRlbkNvbHVtbnMuaW5jbHVkZXMoa2V5KSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiAoe1xuICAgICAgICAgICAgICAgICAgICB0aXRsZTogaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSxcbiAgICAgICAgICAgICAgICAgICAgZGF0YUluZGV4OiBrZXksXG4gICAgICAgICAgICAgICAgICAgIGtleToga2V5LFxuICAgICAgICAgICAgICAgICAgICBlbGxpcHNpczogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pLmZpbHRlcihmdW5jdGlvbiAoZWwpIHsgcmV0dXJuIGVsICE9PSB1bmRlZmluZWQ7IH0pO1xuICAgICAgICAgICAgdmFyIGNvbHVtbkFjdGlvbnMgPSB7XG4gICAgICAgICAgICAgICAga2V5OiAnYWN0aW9uJyxcbiAgICAgICAgICAgICAgICB0aXRsZTogaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdCgnYWN0aW9uJykpIDogJ2FjdGlvbicsXG4gICAgICAgICAgICAgICAgZGF0YUluZGV4OiA2LFxuICAgICAgICAgICAgICAgIGVsbGlwc2lzOiBmYWxzZSxcbiAgICAgICAgICAgICAgICByZW5kZXI6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIChfanN4KFNwYWNlLCBfX2Fzc2lnbih7IHNpemU6IFwibWlkZGxlXCIgfSwgeyBjaGlsZHJlbjogX2pzeChEcm9wZG93biwgX19hc3NpZ24oeyBtZW51OiB7IGl0ZW1zOiBpdGVtcyB9IH0sIHsgY2hpbGRyZW46IF9qc3goXCJhXCIsIHsgY2hpbGRyZW46IF9qc3goTW9yZU91dGxpbmVkLCB7IHN0eWxlOiB7IGNvbG9yOiAndmFyKC0tY29sb3ItYmx1ZSknLCB0cmFuc2Zvcm06ICdzY2FsZSgxLjYpJyB9IH0pIH0pIH0pKSB9KSkpOyB9LFxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGl0ZW1zICYmIGNvbHVtbnMucHVzaChjb2x1bW5BY3Rpb25zKTtcbiAgICAgICAgICAgIHNldEN1c3RvbUNvbHVtbnMoY29sdW1ucyk7XG4gICAgICAgICAgICAvLyBGaWx0ZXJzXG4gICAgICAgICAgICB2YXIgZGF0YUtleXNUb0ZpbHRlciA9IE9iamVjdC5rZXlzKGRhdGFTb3VyY2UgPT09IG51bGwgfHwgZGF0YVNvdXJjZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGF0YVNvdXJjZVswXSkuZmlsdGVyKGZ1bmN0aW9uIChlbCkgeyByZXR1cm4gZmllbGRzVG9Tb3J0LmluY2x1ZGVzKGVsKTsgfSk7XG4gICAgICAgICAgICB2YXIgZmlsdGVycyA9IChfYSA9IFtdKS5jb25jYXQuYXBwbHkoX2EsIF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgZGF0YUtleXNUb0ZpbHRlci5tYXAoZnVuY3Rpb24gKGtleSkgeyByZXR1cm4gKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogXCJcIi5jb25jYXQoa2V5LCBcIi1cIikuY29uY2F0KHNvcnRCeS5kZXNjKSxcbiAgICAgICAgICAgICAgICBsYWJlbDogXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSA/IHQoXCJcIi5jb25jYXQoaGVhZGluZ1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSwgXCIgKFwiKS5jb25jYXQoc29ydEJ5LmRlc2MsIFwiKVwiKSxcbiAgICAgICAgICAgICAgICBkaXJlY3Rpb246IFwiXCIuY29uY2F0KHNvcnRCeS5kZXNjKSxcbiAgICAgICAgICAgIH0pOyB9KSwgZmFsc2UpLCBkYXRhS2V5c1RvRmlsdGVyLm1hcChmdW5jdGlvbiAoa2V5KSB7IHJldHVybiAoe1xuICAgICAgICAgICAgICAgIHZhbHVlOiBcIlwiLmNvbmNhdChrZXksIFwiLVwiKS5jb25jYXQoc29ydEJ5LmFzYyksXG4gICAgICAgICAgICAgICAgbGFiZWw6IFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXkgPyB0KFwiXCIuY29uY2F0KGhlYWRpbmdUcmFuc2xhdGlvbnNLZXksIFwiLlwiKS5jb25jYXQoa2V5KSkgOiBrZXksIFwiIChcIikuY29uY2F0KHNvcnRCeS5hc2MsIFwiKVwiKSxcbiAgICAgICAgICAgICAgICBkaXJlY3Rpb246IFwiXCIuY29uY2F0KHNvcnRCeS5hc2MpLFxuICAgICAgICAgICAgfSk7IH0pLCBmYWxzZSkpO1xuICAgICAgICAgICAgc2V0Q3VzdG9tRmlsdGVycyhmaWx0ZXJzKTtcbiAgICAgICAgfVxuICAgIH0sIFtkYXRhU291cmNlXSk7XG4gICAgdmFyIHNob3VsZFJlbmRlclNvcnREcm9wZG93biA9IGN1c3RvbUZpbHRlcnMubGVuZ3RoID4gMDtcbiAgICB2YXIgdGFibGVXcmFwcGVyQ2xhc3NlcyA9IGNsYXNzbmFtZXMoKF9hID0ge30sXG4gICAgICAgIF9hW3N0eWxlcy50YWJsZVdyYXBwZXJOb1NlbGVjdGlvbl0gPSAhcm93U2VsZWN0aW9uLFxuICAgICAgICBfYSksIFtzdHlsZXMudGFibGVXcmFwcGVyXSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogdGFibGVXcmFwcGVyQ2xhc3NlcyB9LCB7IGNoaWxkcmVuOiBbc2hvdWxkUmVuZGVyU29ydERyb3Bkb3duICYmXG4gICAgICAgICAgICAgICAgX2pzeChTcGFjZSwgX19hc3NpZ24oeyBzdHlsZTogeyBtYXJnaW5Cb3R0b206IDE2IH0gfSwgeyBjaGlsZHJlbjogX2pzeChTZWxlY3QsIHsgc3R5bGU6IHsgd2lkdGg6ICdhdXRvJywgbWluV2lkdGg6IDIwMCB9LCBwbGFjZWhvbGRlcjogc2VsZWN0UGxhY2Vob2xkZXIsIG9uU2VsZWN0OiBmdW5jdGlvbiAoXywgb3B0aW9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0U29ydGVyKG9wdGlvbik7XG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBvcHRpb25GaWx0ZXJQcm9wOiBcImNoaWxkcmVuXCIsIGZpbHRlck9wdGlvbjogZnVuY3Rpb24gKGlucHV0LCBvcHRpb24pIHsgdmFyIF9hOyByZXR1cm4gKChfYSA9IG9wdGlvbiA9PT0gbnVsbCB8fCBvcHRpb24gPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbi5sYWJlbCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJycpLmluY2x1ZGVzKGlucHV0KTsgfSwgZmlsdGVyU29ydDogZnVuY3Rpb24gKG9wdGlvbkEsIG9wdGlvbkIpIHsgdmFyIF9hLCBfYjsgcmV0dXJuICgoX2EgPSBvcHRpb25BID09PSBudWxsIHx8IG9wdGlvbkEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbkEubGFiZWwpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcnKS50b0xvd2VyQ2FzZSgpLmxvY2FsZUNvbXBhcmUoKChfYiA9IG9wdGlvbkIgPT09IG51bGwgfHwgb3B0aW9uQiA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9uQi5sYWJlbCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJycpLnRvTG93ZXJDYXNlKCkpOyB9LCBvcHRpb25zOiBjdXN0b21GaWx0ZXJzIH0pIH0pKSwgX2pzeChBbnRkVGFibGUsIF9fYXNzaWduKHsgZGF0YVNvdXJjZTogZGF0YVNvdXJjZSwgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSB9LCBwcm9wcywgeyBjb2x1bW5zOiBjdXN0b21Db2x1bW5zIH0sIHByb3BzLnJvd1NlbGVjdGlvbiA/ICh7XG4gICAgICAgICAgICAgICAgcm93U2VsZWN0aW9uOiB7XG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkUm93S2V5czogc2VsZWN0ZWRSb3dLZXlzLFxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZTogb25TZWxlY3RDaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgIHR5cGU6IChfYiA9IHByb3BzLnJvd1NlbGVjdGlvbikgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLnR5cGVcbiAgICAgICAgICAgICAgICAgICAgLy8gLi4ucm93U2VsZWN0aW9uXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSkgOiBudWxsLCB7IHJvd0tleTogcm93S2V5VmFsdWUgfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Table/index.tsx\n");
10853
10853
 
10854
10854
  /***/ }),
10855
10855
 
package/dist/main.css CHANGED
@@ -846,7 +846,7 @@ Label {
846
846
  padding-left: 16px;
847
847
  }
848
848
  .Y6yF3VITdrKdQzDtqTZX .wRCQxnQc_MZGDeiY1bcL {
849
- font-weight: var(--font-weight-medium);
849
+ font-weight: var(--font-weight-semibold);
850
850
  }
851
851
  .Y6yF3VITdrKdQzDtqTZX .aKZCkmPsc0LiPdj3sEeG .Y6yF3VITdrKdQzDtqTZX .wRCQxnQc_MZGDeiY1bcL {
852
852
  font-weight: var(--font-weight-light);
@@ -917,7 +917,7 @@ Label {
917
917
 
918
918
  .xdLvKgnXC4tm2aa6tAap {
919
919
  font-size: var(--font-size-body-3);
920
- font-weight: var(--font-weight-medium);
920
+ font-weight: var(--font-weight-semibold);
921
921
  margin-bottom: 8px;
922
922
  }
923
923
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.0.48",
3
+ "version": "1.0.50",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
package/src/components/AnalyticsBar/AnalyticsBar.stories.tsx CHANGED
@@ -20,7 +20,22 @@ const Template: Story<AnalyticsBarProps> = (args) => {
20
20
  "Items": [
21
21
  {
22
22
  "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
23
- "Name": "Name"
23
+ "Name": "Teste1",
24
+ "Categories": {
25
+ "Category": {
26
+ "Name": "Category Name Here",
27
+ "Questions": [
28
+ {
29
+ "Name": "question1",
30
+ "Id": "abc133"
31
+ },
32
+ {
33
+ "Name": "question2",
34
+ "Id": "abc122"
35
+ }
36
+ ]
37
+ }
38
+ }
24
39
  }
25
40
  ]
26
41
  },
@@ -144,6 +159,60 @@ const Template: Story<AnalyticsBarProps> = (args) => {
144
159
  }
145
160
  ];
146
161
 
162
+
163
+ // const items = useMemo(() => data.map((el: any, index: any) => {
164
+ // return (
165
+ // getItem(
166
+ // el.Label,
167
+ // index,
168
+ // null,
169
+ // el.Items?.map((item: any, subIndex: any) => {
170
+ // return getItem(item.Name, item.Id);
171
+ // })
172
+ // )
173
+ // )
174
+ // }), [data]);
175
+
176
+ const items = useMemo(() => {
177
+ const createQuestionItems = (questionsData: any[]): any[] => {
178
+ return questionsData.map((question: any) => {
179
+ return getItem(question.Name, question.Id);
180
+ });
181
+ };
182
+
183
+ const createCategoryItems = (categoryData: any): any[] => {
184
+ if (categoryData) {
185
+ return [
186
+ getItem(
187
+ categoryData.Name,
188
+ categoryData.Name,
189
+ null,
190
+ createQuestionItems(categoryData.Questions)
191
+ ),
192
+ ];
193
+ }
194
+ return [];
195
+ };
196
+
197
+ return data.map((el: any, index: any) => {
198
+ return getItem(
199
+ el.Label,
200
+ index,
201
+ null,
202
+ el.Items?.map((item: any) => {
203
+ const categoryItems = createCategoryItems(item.Categories?.Category);
204
+ return getItem(
205
+ item.Name,
206
+ item.Id,
207
+ null,
208
+ categoryItems.length ? categoryItems : undefined
209
+ );
210
+ })
211
+ );
212
+ });
213
+ }, [data]);
214
+
215
+
147
216
  const selectOptions = [
148
217
  {
149
218
  value: 'ano',
@@ -155,19 +224,6 @@ const Template: Story<AnalyticsBarProps> = (args) => {
155
224
  },
156
225
  ];
157
226
 
158
- const items = useMemo(() => data.map((el: any, index: any) => {
159
- return (
160
- getItem(
161
- el.Label,
162
- index,
163
- null,
164
- el.Items?.map((item: any, subIndex: any) => {
165
- return getItem(item.Name, item.Id);
166
- })
167
- )
168
- )
169
- }), [data]);
170
-
171
227
  // console.log('stories:', sortedBy, optionInUse, activeListItem);
172
228
 
173
229
  return <div style={{height: '500px'}}>
package/src/components/CategoryResponse/styles.module.scss CHANGED
@@ -41,7 +41,7 @@
41
41
  padding-left: 16px;
42
42
 
43
43
  .label {
44
- font-weight: var(--font-weight-medium);
44
+ font-weight: var(--font-weight-semibold);
45
45
  }
46
46
 
47
47
  .labelWrapper {
@@ -125,7 +125,7 @@
125
125
 
126
126
  .subject {
127
127
  font-size: var(--font-size-body-3);
128
- font-weight: var(--font-weight-medium);
128
+ font-weight: var(--font-weight-semibold);
129
129
  margin-bottom: 8px;
130
130
  }
131
131
 
package/src/components/ModalWithTable/index.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Button } from '../Button';
2
2
  import { Modal } from 'antd';
3
- import { useEffect, useState } from 'react';
3
+ import { useEffect, useRef, useState } from 'react';
4
4
  import { CloseOutlined } from '@ant-design/icons';
5
5
  import styles from './styles.module.scss';
6
6
  import { TagField } from '../Tag';
@@ -26,60 +26,104 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
26
26
  modalData,
27
27
  isLoading,
28
28
  } = props;
29
-
29
+
30
+ const prevIsOpenRef = useRef<boolean>();
31
+ useEffect(() => {
32
+ prevIsOpenRef.current = isOpen;
33
+ }, [isOpen]);
34
+ const prevIsOpen = prevIsOpenRef.current;
35
+
36
+ // Add a new state to store the initial values
37
+ const [initialValues, setInitialValues] = useState<any>({
38
+ pageInfo: {},
39
+ rowSelectionInfo: [],
40
+ tagsInfo: [],
41
+ selectedData: [],
42
+ });
30
43
  const pageBase = {currentPage: 1};
31
44
  const [open, setOpen] = useState((isOpen));
32
45
  const [confirmLoading, setConfirmLoading] = useState(false);
33
46
  const [pageInfo, setPageInfo] = useState<any>(pageBase);
34
47
  const [rowSelectionInfo, setRowSelectionInfo] = useState<any>();
35
48
  const [tagsInfo, setTagsInfo] = useState<any>([]);
36
- const [ModalCanceled, setModalCanceled] = useState<boolean>(false);
37
49
  const [selectedData, setSelectedData] = useState<any>([]);
38
50
 
39
51
  useEffect(()=> {
40
52
  setOpen(isOpen);
53
+
54
+ if (isOpen && !prevIsOpen) {
55
+ setInitialValues({
56
+ pageInfo: pageInfo,
57
+ rowSelectionInfo: rowSelectionInfo,
58
+ tagsInfo: tagsInfo,
59
+ selectedData: selectedData,
60
+ });
61
+ }
41
62
  }, [isOpen])
42
63
 
43
64
  const hideModal = () => {
44
65
  setOpen(false);
45
- setModalCanceled(true);
66
+ setPageInfo(initialValues.pageInfo);
67
+ setRowSelectionInfo(initialValues.rowSelectionInfo);
68
+ setTagsInfo(initialValues.tagsInfo);
69
+ setSelectedData(initialValues.selectedData);
46
70
  };
47
71
 
48
72
  const saveChanges = () => {
49
73
  setOpen(false);
50
- setModalCanceled(false);
51
74
  };
52
75
 
53
76
  useEffect(() => {
54
- if(!open) {
77
+ if (!open) {
55
78
  setPageInfo(pageBase);
56
79
  }
57
-
58
- ModalCanceled
59
- ? modalData({
60
- "pageInfo": {},
61
- "rowSelectionInfo": [],
62
- "tagsInfo": [],
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
- }, [tagsInfo, open]);
80
+
81
+ const modalDataObj = {
82
+ pageInfo: pageInfo,
83
+ rowSelectionInfo: rowSelectionInfo,
84
+ tagsInfo: tagsInfo,
85
+ open: open,
86
+ selectedData: selectedData,
87
+ };
88
+
89
+ modalData(modalDataObj);
90
+ }, [tagsInfo, open, rowSelectionInfo, selectedData]);
74
91
 
75
92
  useEffect(() => {
76
93
  const selectedRowKeys = rowSelectionInfo || tableData.rowSelection.selectedRowKeys;
77
94
 
78
- const filteredArray = tableData?.dataSource?.filter((element) => {
79
- return selectedRowKeys.includes(element[tableData.rowKeyValue as any]);
80
- });
95
+ if(tableData?.rowSelection?.type === 'radio') {
96
+ const filteredArray = tableData?.dataSource?.filter((element) => {
97
+ return selectedRowKeys.includes(element[tableData.rowKeyValue as any]);
98
+ });
99
+
100
+ setSelectedData(filteredArray);
101
+ return;
102
+ }
81
103
 
82
- setSelectedData(filteredArray);
104
+ setSelectedData((prevData: any) => {
105
+ const newData = tableData?.dataSource?.filter((element) => {
106
+ return selectedRowKeys.includes(element[tableData.rowKeyValue as any]);
107
+ }) || [];
108
+
109
+ const oldData = prevData.filter((dataItem: any) => {
110
+ return !tableData?.dataSource?.some(
111
+ (element) => element[tableData.rowKeyValue as any] === dataItem[tableData.rowKeyValue as any]
112
+ );
113
+ });
114
+
115
+ const combinedData = [...oldData, ...newData].filter((dataItem, index, self) => {
116
+ return (
117
+ index ===
118
+ self.findIndex(
119
+ (item) => item[tableData.rowKeyValue as any] === dataItem[tableData.rowKeyValue as any]
120
+ )
121
+ );
122
+ });
123
+
124
+ setInitialValues({...initialValues, selectedData: combinedData});
125
+ return combinedData;
126
+ });
83
127
  }, [rowSelectionInfo])
84
128
 
85
129
  useEffect(()=> {
@@ -121,7 +165,7 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
121
165
  <div className={styles.tagsWrapper}>
122
166
  <TagField tagsInfo={setTagsInfo}/>
123
167
  </div>
124
-
168
+
125
169
  <div className={styles.tableWrapper}>
126
170
  { tableData &&
127
171
  <Table {...tableData} paginationInfo={setPageInfo} rowSelectionInfo={setRowSelectionInfo} headingTranslationsKey={'tableHeadings'} />
@@ -132,3 +176,4 @@ export const ModalWithTable = (props: ModalWithTableProps) => {
132
176
  </>
133
177
  )
134
178
  }
179
+
package/src/components/Table/index.tsx CHANGED
@@ -58,7 +58,20 @@ export const Table = (props: TableCustomProps) => {
58
58
  const [selectedRowKeys, setselectedRowKeys] = useState<any>(rowSelection?.selectedRowKeys || []);
59
59
 
60
60
  const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
61
- setselectedRowKeys(newSelectedRowKeys);
61
+ if(rowSelection.type === 'radio') {
62
+ setselectedRowKeys(newSelectedRowKeys);
63
+ return;
64
+ }
65
+
66
+ setselectedRowKeys((prevKeys: any) => {
67
+ const dataSourceIds = dataSource?.map((data) => data[rowKeyValue as any] )
68
+
69
+ const oldKeys = prevKeys.filter((key: any) => {
70
+ return !dataSourceIds?.includes(key)
71
+ });
72
+
73
+ return [...oldKeys, ...newSelectedRowKeys];
74
+ });
62
75
  };
63
76
 
64
77
  const handleChange: TableProps<any>['onChange'] = (pagination) => {
@@ -85,7 +98,7 @@ export const Table = (props: TableCustomProps) => {
85
98
  }, [selectedRowKeys]);
86
99
 
87
100
  useEffect(() => {
88
- if (dataSource) {
101
+ if (dataSource && (dataSource as any)?.length > 0) {
89
102
  // Columns
90
103
  let columns = Object.keys(dataSource?.[0]).map(key => {
91
104
  if (hiddenColumns?.includes(key)) {