contentoh-components-library 21.4.141 → 21.5.1

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 (11) hide show
  1. package/dist/components/organisms/Table/styles.js +1 -1
  2. package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js +3 -3
  3. package/dist/components/pages/MultipleEdition/saveData.js +9 -19
  4. package/dist/components/pages/MultipleEdition/styles.js +1 -1
  5. package/dist/components/pages/MultipleEdition/utils.js +107 -182
  6. package/package.json +1 -1
  7. package/src/components/organisms/Table/styles.js +1 -1
  8. package/src/components/pages/MultipleEdition/MultipleEdition.stories.js +3 -3
  9. package/src/components/pages/MultipleEdition/saveData.js +7 -6
  10. package/src/components/pages/MultipleEdition/styles.js +7 -1
  11. package/src/components/pages/MultipleEdition/utils.js +118 -80
package/dist/components/organisms/Table/styles.js CHANGED
@@ -15,7 +15,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
15
15
 
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: #fff;\n box-sizing: border-box;\n height: 100%;\n overflow-x: auto;\n width: 100%;\n margin-right: 30px;\n .checkbox_fixed {\n left: 0px;\n position: sticky;\n z-index: 5;\n }\n\n .custom-table {\n border-collapse: collapse;\n box-sizing: border-box;\n width: 100%;\n & > thead {\n top: 0;\n height: 45px;\n position: sticky;\n z-index: 10;\n & > tr {\n background-color: #f7f7fc;\n border-radius: 5px 5px 0px 0px;\n height: 45px;\n }\n }\n & > tbody > tr {\n height: 70px;\n &:last-child {\n border-radius: 0px 0px 5px 5px;\n }\n }\n }\n\n .custom-table th,\n .custom-table td {\n padding: 8px;\n border: 0;\n }\n\n .custom-table th {\n border-radius: 5px 0 0 5px;\n border: 0;\n color: var(--black-main, #262626);\n font-family: Roboto;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n text-align: left;\n }\n\n .custom-table tr {\n background: var(--white-main, #fff);\n border-bottom: 1px solid var(--grey-light, #f0f0f0);\n border-left: 1px solid var(--grey-light, #f0f0f0);\n border-right: 1px solid var(--grey-light, #f0f0f0);\n & > td {\n color: var(--grey-main, #707070);\n font-family: Roboto;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n gap:5px;\n }\n display: flex;\n align-items: center;\n ", "\n }\n"])), function (_ref) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: #fff;\n box-sizing: border-box;\n height: 100%;\n overflow-x: auto;\n width: 100%;\n margin-right: 30px;\n .checkbox_fixed {\n left: 0px;\n position: sticky;\n z-index: 5;\n }\n\n .custom-table {\n border-collapse: collapse;\n box-sizing: border-box;\n width: 100%;\n & > thead {\n top: 0;\n height: 45px;\n position: sticky;\n z-index: 2;\n & > tr {\n background-color: #f7f7fc;\n border-radius: 5px 5px 0px 0px;\n height: 45px;\n }\n }\n & > tbody > tr {\n height: 70px;\n &:last-child {\n border-radius: 0px 0px 5px 5px;\n }\n }\n }\n\n .custom-table th,\n .custom-table td {\n padding: 8px;\n border: 0;\n }\n\n .custom-table th {\n border-radius: 5px 0 0 5px;\n border: 0;\n color: var(--black-main, #262626);\n font-family: Roboto;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n text-align: left;\n }\n\n .custom-table tr {\n background: var(--white-main, #fff);\n border-bottom: 1px solid var(--grey-light, #f0f0f0);\n border-left: 1px solid var(--grey-light, #f0f0f0);\n border-right: 1px solid var(--grey-light, #f0f0f0);\n & > td {\n color: var(--grey-main, #707070);\n font-family: Roboto;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n gap:5px;\n }\n display: flex;\n align-items: center;\n ", "\n }\n"])), function (_ref) {
19
19
  var withCheckbox = _ref.withCheckbox;
20
20
  return withCheckbox && "padding-left: 10px;";
21
21
  });
package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js CHANGED
@@ -26,10 +26,10 @@ var Template = function Template(args) {
26
26
  var MultipleEditionDefault = Template.bind({});
27
27
  exports.MultipleEditionDefault = MultipleEditionDefault;
28
28
  MultipleEditionDefault.args = {
29
- articles: [121161, 121165],
29
+ articles: [121219],
30
30
  //[216, 238, 239],
31
- versions: [1, 1],
31
+ versions: [1],
32
32
  //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
33
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIzM2FiNjQ5My0yZjIwLTQyYjgtOTNkMC1hYWFhMDI5OWZmY2EiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNzg0NjU4NywibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA3ODUwMTg3LCJpYXQiOjE3MDc4NDY1ODcsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.Ki0oE2Z12-Dg-AAEP8SwdKkDbGk2kxqHTqdGkC1jVa79WL4MnvaPSG0eaQOLSwTtInVCBFyV9TAY1MZO6_wyMfLooe5DK6Xv99fY4ejWtu7ICtpdcTApXBHuZG9Hx5v5GoW8YxAr2Zb618nTTs-A-J4TxrwOxVTvlaxKouoX-eYA-EL-dBttzUPZqDHaoYKwCUhZx7Dh0ab8ej1lBOpy1DaOVKvXI0Hzd6yNKiKFMPFvr9x4L6S9FT-zdPOT41pJ_7wg9HGxHxpxyMzoq5FHTBYaiuGZsIVb60arpGbHBednDKgU3y5-CN9yuga_r-h69QT67iD4jVXhq54x2u1rQA" //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
33
+ token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI2ZTY5MTNjZS01MTc1LTRhOWItYjhlYS1iMGNhMDk4Yjc0M2EiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjZlNjkxM2NlLTUxNzUtNGE5Yi1iOGVhLWIwY2EwOThiNzQzYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwN2JjM2E5Mi02ZmY4LTQ5NDctYWU3ZS0yZjkxNWE4OWE0N2IiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxMzE5NzkyMiwibmFtZSI6IkplZmUgQ29tZXJjaWFsIiwicGhvbmVfbnVtYmVyIjoiKzUyMzMzMzIzMjIzMzMiLCJleHAiOjE3MTMyMDE1MjIsImlhdCI6MTcxMzE5NzkyMiwiZW1haWwiOiJqZWZlY29tZXJjaWFsQGFsbGZyZWVtYWlsLm5ldCJ9.pRmu4LHck97IR2lvsZNa7ehSMs7bDFrxJqqKn-FgiAeLhZPCJA7SMyWDQKvKH9QFNwQOXI4cNm653CPTvK1jOMFDa7RCaliT4mRlfgrU44EGb-GCr5sfg-97Wqd-kO4hNkJH7x7WvagjHNRL8uD_iMwfUIrZUcUIPRF1b1zl-bHc6WOJDqtyRcdh8NpQ4y63V11USlPvZrcimo4_iJ6re9ductEOwuTPPE30kj88N9J70nWk4dvKKHrC-BTFnt5PSped7nK55FVjg8uIfqpRtTVBtMfVq6zQp0CMjnpiD2yR93YUpSzeNZJ1Sz-pOij5K1RpVXrLHrghWY4ny9QFTg" //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
34
34
 
35
35
  };
package/dist/components/pages/MultipleEdition/saveData.js CHANGED
@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = saveData;
9
8
  exports.deleteImage = deleteImage;
9
+ exports.saveData = saveData;
10
10
 
11
11
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
12
12
 
@@ -43,15 +43,15 @@ function saveData(_x) {
43
43
 
44
44
  function _saveData() {
45
45
  _saveData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(params) {
46
- var section, data, token, callbackToInitData, setModal;
46
+ var section, data, token;
47
47
  return _regenerator.default.wrap(function _callee$(_context) {
48
48
  while (1) {
49
49
  switch (_context.prev = _context.next) {
50
50
  case 0:
51
- section = params.section, data = params.data, token = params.token, callbackToInitData = params.callbackToInitData, setModal = params.setModal;
51
+ section = params.section, data = params.data, token = params.token;
52
52
 
53
53
  if (!(section === "images")) {
54
- _context.next = 7;
54
+ _context.next = 5;
55
55
  break;
56
56
  }
57
57
 
@@ -60,25 +60,14 @@ function _saveData() {
60
60
 
61
61
  case 4:
62
62
  if (!_context.sent) {
63
- _context.next = 7;
63
+ _context.next = 5;
64
64
  break;
65
65
  }
66
66
 
67
- callbackToInitData();
68
- setModal({
69
- type: "saved successfully",
70
- functions: {
71
- setModal: setModal
72
- },
73
- payload: {
74
- service: "imágenes"
75
- }
76
- }); // aquí va modal de que todo salío bien y actualiza la data
77
-
78
- case 7:
79
- return _context.abrupt("return", false);
67
+ case 5:
68
+ return _context.abrupt("return", true);
80
69
 
81
- case 8:
70
+ case 6:
82
71
  case "end":
83
72
  return _context.stop();
84
73
  }
@@ -103,6 +92,7 @@ function _saveImagesData() {
103
92
  articles.data.forEach(function (article) {
104
93
  var images = article.images,
105
94
  version = article.version;
95
+ console.log(images);
106
96
  var imagesToAdd = Object.values(images).filter(function (f) {
107
97
  return f.value && !f.value.src.startsWith("id-");
108
98
  });
package/dist/components/pages/MultipleEdition/styles.js CHANGED
@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: grid;\n grid-template-columns: 75% 25%;\n grid-template-rows: 75px 1fr;\n grid-template-areas:\n \"tabs action_buttons\"\n \"table table\";\n margin: 0 30px;\n body{\n font-family: Roboto;\n }\n\n .tabs {\n grid-area: tabs;\n display: flex;\n align-items: center;\n gap: 0 10px;\n }\n .action_buttons {\n grid-area: action_buttons;\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 0 10px;\n & > * {\n cursor: pointer;\n }\n }\n .table {\n grid-area: table;\n background: red;\n height: 100%;\n font-family: Raleway;\n }\n \n .buttons-container{\n display: flex;\n flex-direction: column;\n background: white;\n width: max-content;\n padding: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n border-radius: 3px;\n position: absolute;\n top: 0;\n left: 50px;\n z-index: 100;\n }\n\n .validation-button{\n width: 30px;\n height: 20px;\n display: flex;\n align-items: center;\n border: none;\n cursor: pointer;\n color: black;\n font-weight: 400;\n font-size: 13px;\n line-height: 18px;\n background-color: white;\n\n img {\n & + p {\n margin-left: 7px;\n }\n }\n\n &:hover {\n border-radius: 10px;\n }\n }\n\n .validation-option {\n display: flex;\n width: 82px;\n height: 20px;\n align-items: center;\n border: none;\n cursor: pointer;\n color: black;\n font-weight: 400;\n font-size: 13px;\n line-height: 18px;\n background-color: white;\n left: 7px;\n\n img {\n & + p {\n margin-left: 7px;\n }\n }\n\n &:hover {\n border-radius: 10px;\n }\n\n & + * {\n margin-top: 8px;\n }\n }\n\n td{\n margin:0;\n }\n \n textarea {\n width: 100%;\n border: 1px solid\n ", ";\n\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 5px;\n resize: none;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n .general-input {\n width: 100%;\n height:27px;\n max-height:100px;\n }\n\n .select-edition-multiple {\n padding: 5px 10px;\n border-radius: 5px;\n gap: 10px;\n border:1px solid ", ";\n border-width: 1px 2px 1px 1px;\n outline: none;\n border-image: initial;\n width: 100%;\n min-height:27px;\n cursor: pointer;\n color: ", ";\n font-size: 12px;\n line-height: 21px;\n overflow:hidden; \n white-space:nowrap; \n text-overflow:ellipsis;\n :focus{\n border:1px solid ", ";\n }\n }\n\n .tooltip {\n position: relative;\n display: inline-block;\n }\n \n .tooltiptext {\n visibility: hidden;\n width: 200px;\n background-color: #ffffff;\n color: #000000;\n text-align: center;\n border-radius: 6px;\n position: absolute;\n z-index: 6 important!;\n bottom: 100%;\n left: 20%;\n margin-left: -80px;\n opacity: 0;\n transition: opacity 0.3s;\n box-shadow: 0px 2px 4px 0px #00000040;\n font-family: Roboto;\n font-size: 12px;\n padding: 10px;\n text-align: justify;\n }\n \n\n \n .tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n }\n"])), _variables.GlobalColors.s3, function (_ref) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: grid;\n grid-template-columns: 75% 25%;\n grid-template-rows: 75px 1fr;\n grid-template-areas:\n \"tabs action_buttons\"\n \"table table\";\n margin: 0 30px;\n body{\n font-family: Roboto;\n }\n\n .tabs {\n grid-area: tabs;\n display: flex;\n align-items: center;\n gap: 0 10px;\n }\n .action_buttons {\n grid-area: action_buttons;\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 0 10px;\n & > * {\n cursor: pointer;\n }\n }\n .table {\n grid-area: table;\n background: red;\n height: 100%;\n font-family: Raleway;\n }\n \n .buttons-container{\n display: flex;\n flex-direction: column;\n background: white;\n width: max-content;\n padding: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n border-radius: 3px;\n position: absolute;\n top: 0;\n left: 50px;\n z-index: 100;\n }\n\n .validation-button{\n width: 30px;\n height: 20px;\n display: flex;\n align-items: center;\n border: none;\n cursor: pointer;\n color: black;\n font-weight: 400;\n font-size: 13px;\n line-height: 18px;\n background-color: white;\n margin-right:5px;\n img {\n & + p {\n margin-left: 7px;\n }\n }\n\n &:hover {\n border-radius: 10px;\n }\n }\n\n .validation-option {\n display: flex;\n width: 82px;\n height: 20px;\n align-items: center;\n border: none;\n cursor: pointer;\n color: black;\n font-weight: 400;\n font-size: 13px;\n line-height: 18px;\n background-color: white;\n left: 7px;\n\n img {\n & + p {\n margin-left: 7px;\n }\n }\n\n &:hover {\n border-radius: 10px;\n }\n\n & + * {\n margin-top: 8px;\n }\n }\n\n td{\n margin:0;\n background: #ffffff !important;\n }\n\n th{\n border-radius: 0 0 0 0 !important;\n padding: 15px !important;\n }\n \n textarea {\n width: 100%;\n border: 1px solid\n ", ";\n\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 5px;\n resize: none;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n .general-input {\n width: 100%;\n height:27px;\n max-height:100px;\n }\n\n .select-edition-multiple {\n padding: 5px 10px;\n border-radius: 5px;\n gap: 10px;\n border:1px solid ", ";\n border-width: 1px 2px 1px 1px;\n outline: none;\n border-image: initial;\n width: 100%;\n min-height:27px;\n cursor: pointer;\n color: ", ";\n font-size: 12px;\n line-height: 21px;\n overflow:hidden; \n white-space:nowrap; \n text-overflow:ellipsis;\n :focus{\n border:1px solid ", ";\n }\n }\n\n .tooltip {\n position: relative;\n display: inline-block;\n }\n \n .tooltiptext {\n visibility: hidden;\n width: 200px;\n background-color: #ffffff;\n color: #000000;\n text-align: center;\n border-radius: 6px;\n position: absolute;\n z-index: 6 important!;\n bottom: 100%;\n left: 20%;\n margin-left: -80px;\n opacity: 0;\n transition: opacity 0.3s;\n box-shadow: 0px 2px 4px 0px #00000040;\n font-family: Roboto;\n font-size: 12px;\n padding: 10px;\n text-align: justify;\n }\n \n\n \n .tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n }\n"])), _variables.GlobalColors.s3, function (_ref) {
19
19
  var isRequired = _ref.isRequired;
20
20
  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
21
21
  }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.gray_light, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2);
package/dist/components/pages/MultipleEdition/utils.js CHANGED
@@ -52,6 +52,10 @@ var _iconsMaterial = require("@mui/icons-material");
52
52
 
53
53
  var _react = _interopRequireWildcard(require("react"));
54
54
 
55
+ var _nullIcon = _interopRequireDefault(require("../../../assets/images/generalButton/nullIcon.svg"));
56
+
57
+ var _Tooltip = require("../../atoms/Tooltip");
58
+
55
59
  var _jsxRuntime = require("react/jsx-runtime");
56
60
 
57
61
  // variables
@@ -150,7 +154,8 @@ function dataReducer(state, action) {
150
154
 
151
155
  var _action$payload = action.payload,
152
156
  articleId = _action$payload.articleId,
153
- imageId = _action$payload.imageId;
157
+ imageId = _action$payload.imageId,
158
+ token = _action$payload.token;
154
159
  var newImageData = state.images.data.slice();
155
160
  var articleIndex = newImageData.findIndex(function (f) {
156
161
  return f.id === articleId;
@@ -159,6 +164,14 @@ function dataReducer(state, action) {
159
164
  newImageData[articleIndex].images[imageId].value = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, action.payload), {}, {
160
165
  id: id
161
166
  });
167
+ var data = newImageData;
168
+ (0, _saveData.saveData)({
169
+ section: "images",
170
+ data: {
171
+ data: data
172
+ },
173
+ token: token
174
+ });
162
175
  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
163
176
  images: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.images), {}, {
164
177
  data: newImageData
@@ -172,7 +185,7 @@ function dataReducer(state, action) {
172
185
  var _action$payload2 = action.payload,
173
186
  _articleId = _action$payload2.articleId,
174
187
  _imageId = _action$payload2.imageId,
175
- token = _action$payload2.token;
188
+ _token = _action$payload2.token;
176
189
 
177
190
  var _newImageData = state.images.data.slice();
178
191
 
@@ -183,14 +196,13 @@ function dataReducer(state, action) {
183
196
  var _id = (_newImageData$_articl = _newImageData[_articleIndex]) === null || _newImageData$_articl === void 0 ? void 0 : (_newImageData$_articl2 = _newImageData$_articl.images[_imageId]) === null || _newImageData$_articl2 === void 0 ? void 0 : (_newImageData$_articl3 = _newImageData$_articl2.value) === null || _newImageData$_articl3 === void 0 ? void 0 : _newImageData$_articl3.id;
184
197
 
185
198
  (_newImageData$_articl4 = _newImageData[_articleIndex]) === null || _newImageData$_articl4 === void 0 ? true : (_newImageData$_articl5 = _newImageData$_articl4.images[_imageId]) === null || _newImageData$_articl5 === void 0 ? true : delete _newImageData$_articl5.value;
186
- console.log(_newImageData[_articleIndex]);
187
- var data = {
199
+ var _data = {
188
200
  articleId: _articleId,
189
201
  deleteImages: [{
190
202
  id: _id
191
203
  }]
192
204
  };
193
- (0, _saveData.deleteImage)(data, _newImageData[_articleIndex].version, token);
205
+ (0, _saveData.deleteImage)(_data, _newImageData[_articleIndex].version, _token);
194
206
  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
195
207
  images: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.images), {}, {
196
208
  data: _newImageData
@@ -274,6 +286,13 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
274
286
  display: "flex",
275
287
  justifyContent: "center"
276
288
  };
289
+ var styleApprovalAttributes = {
290
+ textAlign: "center",
291
+ display: "flex",
292
+ justifyContent: "center",
293
+ border: "1px solid #ECDD1D",
294
+ background: "#ECDD1D"
295
+ };
277
296
  var retailersAdded = {
278
297
  id: [],
279
298
  attr: []
@@ -323,17 +342,15 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
323
342
  });
324
343
  }
325
344
  });
326
- var saveAvailable = imagesReviewed.filter(function (e) {
327
- return e.articleId === item.id;
328
- }).every(function (e) {
329
- return e.isReviewed === true;
330
- });
331
-
332
- if (imagesReviewed.filter(function (e) {
333
- return e.articleId === item.id;
334
- }).length == 0) {
335
- saveAvailable = false;
336
- }
345
+ var saveAvailable = true;
346
+ /**var saveAvailable = imagesReviewed
347
+ .filter((e) => e.articleId === item.id)
348
+ .every((e) => e.isReviewed === true);
349
+ if (
350
+ imagesReviewed.filter((e) => e.articleId === item.id).length == 0
351
+ ) {
352
+ saveAvailable = false;
353
+ }**/
337
354
 
338
355
  currentData["retailer".concat(ret.id, "-save")] = /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
339
356
  onClick: function onClick() {
@@ -393,62 +410,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
393
410
  return e.articleId === item.id && e.imageId === imageId && e.versionId === item.version;
394
411
  });
395
412
  currentData["img".concat(imageId)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
396
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
397
- onClick: function onClick() {
398
- setShowValidationPanel(true);
399
- setAttributeSelected({
400
- articleId: item.id,
401
- attributeId: imageId,
402
- versionId: item.version
403
- });
404
- },
405
- className: "validation-button",
406
- children: [imagesReviewed[index].isReviewed && imagesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
407
- id: "button_" + item.id + "_" + imageId + "_" + item.version,
408
- src: _acceptIcon.default,
409
- alt: "accept button"
410
- }), " ", imagesReviewed[index].isReviewed && !imagesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
411
- id: "button_" + item.id + "_" + imageId + "_" + item.version,
412
- src: _rejectIcon.default,
413
- alt: "reject button"
414
- }), " ", !imagesReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
415
- id: "button_" + item.id + "_" + imageId + "_" + item.version,
416
- src: _rejectIcon.default,
417
- alt: "reject button"
418
- })]
419
- }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === imageId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
420
- className: "buttons-container",
421
- style: {
422
- left: "70px"
423
- },
424
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
425
- onClick: function onClick() {
426
- imagesReviewed[index].isApproved = true;
427
- imagesReviewed[index].isReviewed = true; //document.getElementById(item.id+'_'+des.attributeId+'_'+item.version).style.borderColor="#71DE56";
428
-
429
- setShowValidationPanel(false);
430
- },
431
- className: "validation-option",
432
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
433
- src: _acceptIcon.default,
434
- alt: "accept button"
435
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
436
- children: " Validar "
437
- }), " "]
438
- }), " ", /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
439
- onClick: function onClick() {
440
- setShowValidationPanel(false);
441
- setShowRejectModal(true);
442
- },
443
- className: "validation-option",
444
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
445
- src: _rejectIcon.default,
446
- alt: "reject button"
447
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
448
- children: " Rechazar "
449
- }), " "]
450
- }), " "]
451
- }), " ", comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
413
+ children: [comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
452
414
  class: "tooltip",
453
415
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageVisor.ImageVisor, (0, _objectSpread3.default)({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
454
416
  class: "tooltiptext",
@@ -506,13 +468,19 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
506
468
  var articleAttributes = attributesReviewed.filter(function (e) {
507
469
  return e.articleId === item.id && e.versionId === item.version;
508
470
  });
471
+ var value;
509
472
  articleAttributes.forEach(function (articleAttribute) {
510
- var value = document.getElementById(articleAttribute.articleId + "_" + articleAttribute.attributeId + "_" + articleAttribute.versionId).value;
473
+ if (articleAttribute.attributeId == 6700 || articleAttribute.attributeId == 6701) {
474
+ value = document.getElementById(articleAttribute.articleId + "_" + articleAttribute.attributeId + "_" + articleAttribute.versionId).checked;
475
+ } else {
476
+ value = document.getElementById(articleAttribute.articleId + "_" + articleAttribute.attributeId + "_" + articleAttribute.versionId).value;
477
+ }
478
+
511
479
  articlesAtributesUpdateBody.push({
512
480
  articleId: articleAttribute.articleId,
513
481
  versionId: articleAttribute.versionId,
514
482
  attributeId: articleAttribute.attributeId,
515
- value: value ? value : "",
483
+ value: value != undefined ? value : "",
516
484
  isApproved: articleAttribute.isApproved,
517
485
  comment: articleAttribute.comment
518
486
  });
@@ -536,12 +504,29 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
536
504
  Header: rules[attributeId].name,
537
505
  accessor: "".concat(attributeId + "-" + ret.id),
538
506
  width: "200px",
539
- style: styleData,
507
+ style: attributeId == 6700 || attributeId == 6701 ? styleApprovalAttributes : styleData,
540
508
  description: rules[attributeId].description
541
509
  });
542
510
  }
543
511
  });
544
512
 
513
+ var handleChangeOptions = function handleChangeOptions(attributeId, newValue) {
514
+ var updatedAttributes = Object.values(item.attributes).map(function (attr) {
515
+ if (attr.attributeId === attributeId) {
516
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, attr), {}, {
517
+ value: newValue
518
+ });
519
+ }
520
+
521
+ return attr;
522
+ });
523
+ var updatedAttributesObject = {};
524
+ updatedAttributes.forEach(function (attr) {
525
+ updatedAttributesObject[attr.attributeId] = attr;
526
+ });
527
+ return updatedAttributesObject;
528
+ };
529
+
545
530
  var inputTypeValue = function inputTypeValue(type) {
546
531
  switch (type) {
547
532
  case "Booleano":
@@ -565,16 +550,25 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
565
550
  var inputComponent;
566
551
 
567
552
  if (des.option_list.length > 0) {
568
- inputComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
553
+ inputComponent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
569
554
  id: item.id + "_" + rules[des.attributeId].attributeId + "_" + item.version,
570
555
  name: item.id + "-" + rules[des.attributeId].attributeId + "-" + item.version,
571
556
  className: "select-edition-multiple",
572
- children: des.option_list.map(function (option, index) {
557
+ defaultValue: des.value,
558
+ onChange: function onChange(e) {
559
+ handleChangeOptions(des.attributeId, e.target.value);
560
+ },
561
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
562
+ value: "",
563
+ selected: true,
564
+ disabled: true,
565
+ children: "Selecciona una opci\xF3n"
566
+ }), des.option_list.map(function (option, index) {
573
567
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
574
568
  value: option,
575
569
  children: option
576
570
  }, index);
577
- })
571
+ })]
578
572
  });
579
573
  } else {
580
574
  inputComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, (0, _objectSpread3.default)({}, props));
@@ -608,16 +602,32 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
608
602
  id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
609
603
  src: _acceptIcon.default,
610
604
  alt: "accept button"
611
- }), " ", attributesReviewed[index].isReviewed && !attributesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
612
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
613
- src: _rejectIcon.default,
614
- alt: "reject button"
615
- }), " ", typeof des.isApproved === "undefined" && !attributesReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
616
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
617
- src: _rejectIcon.default,
618
- alt: "reject button"
605
+ }), attributesReviewed[index].isReviewed && !attributesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
606
+ position: "topCenter",
607
+ componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
608
+ children: "Debes aprobar o rechazar para continuar"
609
+ }),
610
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
611
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
612
+ id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
613
+ src: _nullIcon.default,
614
+ alt: "null button"
615
+ })
616
+ })
617
+ }), typeof des.isApproved === "undefined" && !attributesReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
618
+ position: "topCenter",
619
+ componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
620
+ children: "Debes aprobar o rechazar para continuar"
621
+ }),
622
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
623
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
624
+ id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
625
+ src: _nullIcon.default,
626
+ alt: "null button"
627
+ })
628
+ })
619
629
  })]
620
- }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
630
+ }), showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
621
631
  className: "buttons-container",
622
632
  style: {
623
633
  left: "35px"
@@ -686,17 +696,15 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
686
696
  });
687
697
  }
688
698
 
689
- var saveAvailable = descriptionsReviewed.filter(function (e) {
690
- return e.articleId === item.id;
691
- }).every(function (e) {
692
- return e.isReviewed === true;
693
- });
694
-
695
- if (descriptionsReviewed.filter(function (e) {
696
- return e.articleId === item.id;
697
- }).length == 0) {
698
- saveAvailable = false;
699
- }
699
+ var saveAvailable = true;
700
+ /**var saveAvailable = descriptionsReviewed
701
+ .filter((e) => e.articleId === item.id)
702
+ .every((e) => e.isReviewed === true);
703
+ if (
704
+ descriptionsReviewed.filter((e) => e.articleId === item.id).length == 0
705
+ ) {
706
+ saveAvailable = false;
707
+ }**/
700
708
 
701
709
  currentData["retailer".concat(ret.id)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
702
710
  children: [" ", ret.name, " "]
@@ -764,61 +772,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
764
772
  return e.articleId === item.id && e.attributeId === des.attributeId && e.versionId === item.version;
765
773
  });
766
774
  currentData["".concat(des.attributeId)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
767
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
768
- onClick: function onClick() {
769
- setShowValidationPanel(true);
770
- setAttributeSelected({
771
- articleId: item.id,
772
- attributeId: des.attributeId,
773
- versionId: item.version
774
- });
775
- },
776
- className: "validation-button",
777
- children: [descriptionsReviewed[index].isReviewed && descriptionsReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
778
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
779
- src: _acceptIcon.default,
780
- alt: "accept button"
781
- }), " ", descriptionsReviewed[index].isReviewed && !descriptionsReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
782
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
783
- src: _rejectIcon.default,
784
- alt: "reject button"
785
- }), " ", typeof des.isApproved === "undefined" && !descriptionsReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
786
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
787
- src: _rejectIcon.default,
788
- alt: "reject button"
789
- })]
790
- }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
791
- className: "buttons-container",
792
- style: {
793
- left: "35px"
794
- },
795
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
796
- onClick: function onClick() {
797
- descriptionsReviewed[index].isApproved = true;
798
- descriptionsReviewed[index].isReviewed = true;
799
- setShowValidationPanel(false);
800
- },
801
- className: "validation-option",
802
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
803
- src: _acceptIcon.default,
804
- alt: "accept button"
805
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
806
- children: " Validar "
807
- }), " "]
808
- }), " ", /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
809
- onClick: function onClick() {
810
- setShowValidationPanel(false);
811
- setShowRejectModal(true);
812
- },
813
- className: "validation-option",
814
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
815
- src: _rejectIcon.default,
816
- alt: "reject button"
817
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
818
- children: " Rechazar "
819
- }), " "]
820
- }), " "]
821
- }), " ", des.comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
775
+ children: [des.comment && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
822
776
  class: "tooltip",
823
777
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", (0, _objectSpread3.default)({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
824
778
  class: "tooltiptext",
@@ -936,35 +890,6 @@ function modalReducer(state, action) {
936
890
  function updateArticleData(_x9, _x10, _x11, _x12, _x13, _x14) {
937
891
  return _updateArticleData.apply(this, arguments);
938
892
  }
939
- /**
940
- * Componentes para guardar y validación multiple
941
- * <img
942
- src={saveWhite}
943
- alt="Guardar"
944
- onClick={() => {
945
- const params = {
946
- section, data: dataServices[section], token, callbackToInitData, setModal,
947
- };
948
- saveData(params);
949
- }}
950
- />
951
-
952
- <SelectV2
953
- items={optionsSelect}
954
- triggerType="click"
955
- selectButton={{
956
- type: "whiteS3",
957
- label: "Validación masiva",
958
- size: 12,
959
- }}
960
- typeSelectItems="labelOnly"
961
- borderType="oval"
962
- onChange={(selectedItems) => {
963
- console.log(selectedItems);
964
- }}
965
- />
966
- */
967
-
968
893
 
969
894
  function _updateArticleData() {
970
895
  _updateArticleData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(version, articleId, attributes, token, setMessage, section) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.4.141",
3
+ "version": "21.5.1",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/organisms/Table/styles.js CHANGED
@@ -21,7 +21,7 @@ export const Container = styled.div`
21
21
  top: 0;
22
22
  height: 45px;
23
23
  position: sticky;
24
- z-index: 10;
24
+ z-index: 2;
25
25
  & > tr {
26
26
  background-color: #f7f7fc;
27
27
  border-radius: 5px 5px 0px 0px;
package/src/components/pages/MultipleEdition/MultipleEdition.stories.js CHANGED
@@ -9,9 +9,9 @@ const Template = (args) => <MultipleEdition {...args} />;
9
9
  export const MultipleEditionDefault = Template.bind({});
10
10
 
11
11
  MultipleEditionDefault.args = {
12
- articles: [121161,121165],//[216, 238, 239],
13
- versions: [1,1],
12
+ articles: [121219],//[216, 238, 239],
13
+ versions: [1],
14
14
  //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
15
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIzM2FiNjQ5My0yZjIwLTQyYjgtOTNkMC1hYWFhMDI5OWZmY2EiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNzg0NjU4NywibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA3ODUwMTg3LCJpYXQiOjE3MDc4NDY1ODcsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.Ki0oE2Z12-Dg-AAEP8SwdKkDbGk2kxqHTqdGkC1jVa79WL4MnvaPSG0eaQOLSwTtInVCBFyV9TAY1MZO6_wyMfLooe5DK6Xv99fY4ejWtu7ICtpdcTApXBHuZG9Hx5v5GoW8YxAr2Zb618nTTs-A-J4TxrwOxVTvlaxKouoX-eYA-EL-dBttzUPZqDHaoYKwCUhZx7Dh0ab8ej1lBOpy1DaOVKvXI0Hzd6yNKiKFMPFvr9x4L6S9FT-zdPOT41pJ_7wg9HGxHxpxyMzoq5FHTBYaiuGZsIVb60arpGbHBednDKgU3y5-CN9yuga_r-h69QT67iD4jVXhq54x2u1rQA"
15
+ token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI2ZTY5MTNjZS01MTc1LTRhOWItYjhlYS1iMGNhMDk4Yjc0M2EiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjZlNjkxM2NlLTUxNzUtNGE5Yi1iOGVhLWIwY2EwOThiNzQzYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwN2JjM2E5Mi02ZmY4LTQ5NDctYWU3ZS0yZjkxNWE4OWE0N2IiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxMzE5NzkyMiwibmFtZSI6IkplZmUgQ29tZXJjaWFsIiwicGhvbmVfbnVtYmVyIjoiKzUyMzMzMzIzMjIzMzMiLCJleHAiOjE3MTMyMDE1MjIsImlhdCI6MTcxMzE5NzkyMiwiZW1haWwiOiJqZWZlY29tZXJjaWFsQGFsbGZyZWVtYWlsLm5ldCJ9.pRmu4LHck97IR2lvsZNa7ehSMs7bDFrxJqqKn-FgiAeLhZPCJA7SMyWDQKvKH9QFNwQOXI4cNm653CPTvK1jOMFDa7RCaliT4mRlfgrU44EGb-GCr5sfg-97Wqd-kO4hNkJH7x7WvagjHNRL8uD_iMwfUIrZUcUIPRF1b1zl-bHc6WOJDqtyRcdh8NpQ4y63V11USlPvZrcimo4_iJ6re9ductEOwuTPPE30kj88N9J70nWk4dvKKHrC-BTFnt5PSped7nK55FVjg8uIfqpRtTVBtMfVq6zQp0CMjnpiD2yR93YUpSzeNZJ1Sz-pOij5K1RpVXrLHrghWY4ny9QFTg"
16
16
  //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
17
17
  };
package/src/components/pages/MultipleEdition/saveData.js CHANGED
@@ -15,26 +15,27 @@ const myBucket = new AWS.S3({
15
15
  region: REGION,
16
16
  });
17
17
 
18
- export default async function saveData(params) {
19
- const { section, data, token, callbackToInitData, setModal } = params;
18
+ export async function saveData(params) {
19
+ const { section, data, token } = params;
20
20
  if (section === "images") {
21
21
  if (await saveImagesData(data, token)) {
22
- callbackToInitData();
23
- setModal({
22
+ //callbackToInitData();
23
+ /**setModal({
24
24
  type: "saved successfully",
25
25
  functions: { setModal },
26
26
  payload: { service: "imágenes" },
27
- });
27
+ });**/
28
28
  // aquí va modal de que todo salío bien y actualiza la data
29
29
  }
30
30
  }
31
- return false;
31
+ return true;
32
32
  }
33
33
 
34
34
  async function saveImagesData(articles, token) {
35
35
  const imagesToUpdate = [];
36
36
  articles.data.forEach((article) => {
37
37
  const { images, version } = article;
38
+ console.log(images);
38
39
  const imagesToAdd = Object.values(images).filter(
39
40
  (f) => f.value && !f.value.src.startsWith("id-")
40
41
  );
package/src/components/pages/MultipleEdition/styles.js CHANGED
@@ -63,7 +63,7 @@ export const Container = styled.div`
63
63
  font-size: 13px;
64
64
  line-height: 18px;
65
65
  background-color: white;
66
-
66
+ margin-right:5px;
67
67
  img {
68
68
  & + p {
69
69
  margin-left: 7px;
@@ -106,6 +106,12 @@ export const Container = styled.div`
106
106
 
107
107
  td{
108
108
  margin:0;
109
+ background: #ffffff !important;
110
+ }
111
+
112
+ th{
113
+ border-radius: 0 0 0 0 !important;
114
+ padding: 15px !important;
109
115
  }
110
116
 
111
117
  textarea {
package/src/components/pages/MultipleEdition/utils.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import axios from "axios";
2
2
  import { ImageVisor } from "../../organisms/ImageVisor";
3
3
  import { ButtonV2 } from "../../atoms/ButtonV2";
4
- import { deleteImage } from "./saveData";
4
+ import { deleteImage, saveData} from "./saveData";
5
5
  import { Container, Input, InputBase, TextField } from "@mui/material";
6
6
  import { ValidationPanel } from "../../atoms/ValidationPanel";
7
7
  import { TagAndInput } from "../../molecules/TagAndInput";
@@ -12,6 +12,8 @@ import saveWhite from "../../../assets/images/Icons/save-white.svg";
12
12
  import saveWhiteGray from "../../../assets/images/Icons/save-white-gray.svg";
13
13
  import { DockSharp } from "@mui/icons-material";
14
14
  import React, { useState } from 'react';
15
+ import nullIcon from "../../../assets/images/generalButton/nullIcon.svg";
16
+ import { Tooltip } from "../../atoms/Tooltip";
15
17
 
16
18
  // variables
17
19
  export const optionsSelect = [
@@ -94,7 +96,7 @@ export function dataReducer(state, action) {
94
96
  return action.payload;
95
97
  }
96
98
  if (action.type === "updateImage") {
97
- const { articleId, imageId } = action.payload;
99
+ const { articleId, imageId ,token } = action.payload;
98
100
  const newImageData = state.images.data.slice();
99
101
  const articleIndex = newImageData.findIndex((f) => f.id === articleId);
100
102
  const id = newImageData[articleIndex]?.images[imageId]?.value?.id;
@@ -102,6 +104,8 @@ export function dataReducer(state, action) {
102
104
  ...action.payload,
103
105
  id,
104
106
  };
107
+ const data = newImageData;
108
+ saveData({section:"images", data: {data}, token: token});
105
109
  return {
106
110
  ...state,
107
111
  images: {
@@ -116,7 +120,6 @@ export function dataReducer(state, action) {
116
120
  const articleIndex = newImageData.findIndex((f) => f.id === articleId);
117
121
  const id = newImageData[articleIndex]?.images[imageId]?.value?.id;
118
122
  delete newImageData[articleIndex]?.images[imageId]?.value;
119
- console.log(newImageData[articleIndex]);
120
123
  const data = {
121
124
  articleId,
122
125
  deleteImages: [
@@ -209,6 +212,14 @@ export function setDataColumns(
209
212
  justifyContent: "center",
210
213
  };
211
214
 
215
+ const styleApprovalAttributes = {
216
+ textAlign: "center",
217
+ display: "flex",
218
+ justifyContent: "center",
219
+ border: "1px solid #ECDD1D",
220
+ background: "#ECDD1D"
221
+ };
222
+
212
223
  const retailersAdded = {
213
224
  id: [],
214
225
  attr: [],
@@ -253,14 +264,15 @@ export function setDataColumns(
253
264
  });
254
265
  }
255
266
  });
256
- var saveAvailable = imagesReviewed
267
+ var saveAvailable=true;
268
+ /**var saveAvailable = imagesReviewed
257
269
  .filter((e) => e.articleId === item.id)
258
270
  .every((e) => e.isReviewed === true);
259
271
  if (
260
272
  imagesReviewed.filter((e) => e.articleId === item.id).length == 0
261
273
  ) {
262
274
  saveAvailable = false;
263
- }
275
+ }**/
264
276
  currentData[`retailer${ret.id}-save`] = (
265
277
  <button
266
278
  onClick={() => {
@@ -331,7 +343,7 @@ export function setDataColumns(
331
343
  );
332
344
  currentData[`img${imageId}`] =
333
345
  <>
334
- <button
346
+ {/**<button
335
347
  onClick={() => {
336
348
  setShowValidationPanel(true);
337
349
  setAttributeSelected({
@@ -416,7 +428,7 @@ export function setDataColumns(
416
428
  <p> Rechazar </p>{" "}
417
429
  </button>{" "}
418
430
  </div>
419
- )}{" "}
431
+ )}{" "**/}
420
432
  {comment && <div class="tooltip">
421
433
  <ImageVisor {...props}/>
422
434
  <span class="tooltiptext"><p><b>Comentarios del rechazo</b></p><p>{des.comment}</p></span>
@@ -460,19 +472,31 @@ export function setDataColumns(
460
472
  var articleAttributes = attributesReviewed.filter(
461
473
  (e) => e.articleId === item.id && e.versionId === item.version
462
474
  );
475
+ var value;
463
476
  articleAttributes.forEach((articleAttribute) => {
464
- const value = document.getElementById(
465
- articleAttribute.articleId +
466
- "_" +
467
- articleAttribute.attributeId +
468
- "_" +
469
- articleAttribute.versionId
470
- ).value;
477
+ if(articleAttribute.attributeId==6700 || articleAttribute.attributeId==6701){
478
+ value= document.getElementById(
479
+ articleAttribute.articleId +
480
+ "_" +
481
+ articleAttribute.attributeId +
482
+ "_" +
483
+ articleAttribute.versionId
484
+ ).checked;
485
+ }
486
+ else{
487
+ value = document.getElementById(
488
+ articleAttribute.articleId +
489
+ "_" +
490
+ articleAttribute.attributeId +
491
+ "_" +
492
+ articleAttribute.versionId
493
+ ).value;
494
+ }
471
495
  articlesAtributesUpdateBody.push({
472
496
  articleId: articleAttribute.articleId,
473
497
  versionId: articleAttribute.versionId,
474
498
  attributeId: articleAttribute.attributeId,
475
- value: value ? value : "",
499
+ value: value!=undefined ? value : "",
476
500
  isApproved: articleAttribute.isApproved,
477
501
  comment: articleAttribute.comment,
478
502
  });
@@ -500,11 +524,27 @@ export function setDataColumns(
500
524
  Header: rules[attributeId].name,
501
525
  accessor: `${attributeId + "-" + ret.id}`,
502
526
  width: "200px",
503
- style: styleData,
504
- description:rules[attributeId].description,
527
+ style: (attributeId==6700 || attributeId==6701) ? styleApprovalAttributes : styleData,
528
+ description: rules[attributeId].description,
505
529
  });
506
530
  }
507
531
  });
532
+
533
+ const handleChangeOptions = (attributeId, newValue) => {
534
+ const updatedAttributes = Object.values(item.attributes).map((attr) => {
535
+ if (attr.attributeId === attributeId) {
536
+ return { ...attr, value: newValue };
537
+ }
538
+ return attr;
539
+ });
540
+ const updatedAttributesObject = {};
541
+ updatedAttributes.forEach((attr) => {
542
+ updatedAttributesObject[attr.attributeId] = attr;
543
+ });
544
+ return updatedAttributesObject;
545
+ };
546
+
547
+
508
548
 
509
549
  const inputTypeValue = (type) => {
510
550
  switch (type) {
@@ -533,15 +573,31 @@ export function setDataColumns(
533
573
  value: des.value,
534
574
  inputType:inputTypeValue(des.type),
535
575
  };
536
-
537
-
538
576
  let inputComponent;
539
577
  if (des.option_list.length>0) {
540
578
  inputComponent = (
541
- <select id={item.id + "_" + rules[des.attributeId].attributeId + "_" + item.version}
542
- name={item.id + "-" + rules[des.attributeId].attributeId + "-" + item.version}
579
+ <select
580
+ id={
581
+ item.id +
582
+ "_" +
583
+ rules[des.attributeId].attributeId +
584
+ "_" +
585
+ item.version
586
+ }
587
+ name={
588
+ item.id +
589
+ "-" +
590
+ rules[des.attributeId].attributeId +
591
+ "-" +
592
+ item.version
593
+ }
543
594
  className="select-edition-multiple"
595
+ defaultValue={des.value}
596
+ onChange={(e) =>{
597
+ handleChangeOptions(des.attributeId, e.target.value)}
598
+ }
544
599
  >
600
+ <option value="" selected disabled>Selecciona una opción</option>
545
601
  {des.option_list.map((option, index) => (
546
602
  <option key={index} value={option}>
547
603
  {option}
@@ -603,38 +659,47 @@ export function setDataColumns(
603
659
  src={acceptIcon}
604
660
  alt="accept button"
605
661
  />
606
- )}{" "}
662
+ )}
607
663
  {attributesReviewed[index].isReviewed &&
608
664
  !attributesReviewed[index].isApproved && (
609
- <img
610
- id={
611
- "button_" +
612
- item.id +
613
- "_" +
614
- des.attributeId +
615
- "_" +
616
- item.version
617
- }
618
- src={rejectIcon}
619
- alt="reject button"
620
- />
621
- )}{" "}
665
+ <Tooltip position="topCenter" componentTooltip={<span>Debes aprobar o rechazar para continuar</span>}>
666
+ <div>
667
+ <img
668
+ id={
669
+ "button_" +
670
+ item.id +
671
+ "_" +
672
+ des.attributeId +
673
+ "_" +
674
+ item.version
675
+ }
676
+ src={nullIcon}
677
+ alt="null button"
678
+ />
679
+ </div>
680
+ </Tooltip>
681
+ )}
622
682
  {typeof des.isApproved === "undefined" &&
623
683
  !attributesReviewed[index].isReviewed && (
624
- <img
625
- id={
626
- "button_" +
627
- item.id +
628
- "_" +
629
- des.attributeId +
630
- "_" +
631
- item.version
632
- }
633
- src={rejectIcon}
634
- alt="reject button"
635
- />
684
+ <Tooltip position="topCenter" componentTooltip={<span>Debes aprobar o rechazar para continuar</span>}>
685
+ <div>
686
+ <img
687
+ id={
688
+ "button_" +
689
+ item.id +
690
+ "_" +
691
+ des.attributeId +
692
+ "_" +
693
+ item.version
694
+ }
695
+ src={nullIcon}
696
+ alt="null button"
697
+ />
698
+ </div>
699
+ </Tooltip>
700
+
636
701
  )}
637
- </button>{" "}
702
+ </button>
638
703
  {showValidationPanel &&
639
704
  attributeSelected.articleId === item.id &&
640
705
  attributeSelected.attributeId === des.attributeId &&
@@ -692,14 +757,15 @@ export function setDataColumns(
692
757
  style: styleSaveButtonCol,
693
758
  });
694
759
  }
695
- var saveAvailable = descriptionsReviewed
760
+ var saveAvailable=true;
761
+ /**var saveAvailable = descriptionsReviewed
696
762
  .filter((e) => e.articleId === item.id)
697
763
  .every((e) => e.isReviewed === true);
698
764
  if (
699
765
  descriptionsReviewed.filter((e) => e.articleId === item.id).length == 0
700
766
  ) {
701
767
  saveAvailable = false;
702
- }
768
+ }**/
703
769
  currentData[`retailer${ret.id}`] = <p> {ret.name} </p>;
704
770
  ret.descriptions.forEach((descriptionId) => {
705
771
  if (!retailersAdded.attr.includes(`${descriptionId}`)) {
@@ -786,7 +852,7 @@ export function setDataColumns(
786
852
  );
787
853
  currentData[`${des.attributeId}`] = (
788
854
  <>
789
- <button
855
+ {/**<button
790
856
  onClick={() => {
791
857
  setShowValidationPanel(true);
792
858
  setAttributeSelected({
@@ -870,7 +936,7 @@ export function setDataColumns(
870
936
  <p> Rechazar </p>{" "}
871
937
  </button>{" "}
872
938
  </div>
873
- )}{" "}
939
+ )}{" "}**/}
874
940
  {des.comment && <div class="tooltip">
875
941
  <textarea {...props}></textarea>
876
942
  <span class="tooltiptext"><p><b>Comentarios del rechazo</b></p><p>{des.comment}</p></span>
@@ -1005,31 +1071,3 @@ async function updateArticleData(
1005
1071
  }
1006
1072
  }
1007
1073
 
1008
- /**
1009
- * Componentes para guardar y validación multiple
1010
- * <img
1011
- src={saveWhite}
1012
- alt="Guardar"
1013
- onClick={() => {
1014
- const params = {
1015
- section, data: dataServices[section], token, callbackToInitData, setModal,
1016
- };
1017
- saveData(params);
1018
- }}
1019
- />
1020
-
1021
- <SelectV2
1022
- items={optionsSelect}
1023
- triggerType="click"
1024
- selectButton={{
1025
- type: "whiteS3",
1026
- label: "Validación masiva",
1027
- size: 12,
1028
- }}
1029
- typeSelectItems="labelOnly"
1030
- borderType="oval"
1031
- onChange={(selectedItems) => {
1032
- console.log(selectedItems);
1033
- }}
1034
- />
1035
- */