@omniumretail/component-library 1.0.42 → 1.0.43

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 (4) hide show
  1. package/dist/bundle.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/ModalWithTable/ModalWithTable.stories.tsx +8 -3
  4. package/src/components/ModalWithTable/index.tsx +30 -19
package/dist/bundle.js CHANGED
@@ -10739,7 +10739,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
10739
10739
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10740
10740
 
10741
10741
  "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");
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 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
10743
 
10744
10744
  /***/ }),
10745
10745
 
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.43",
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) {