contentoh-components-library 21.5.21 → 21.5.22

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 (9) hide show
  1. package/dist/components/organisms/Table/styles.js +1 -1
  2. package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js +2 -2
  3. package/dist/components/pages/MultipleEdition/styles.js +1 -1
  4. package/dist/components/pages/MultipleEdition/utils.js +12 -51
  5. package/package.json +1 -1
  6. package/src/components/organisms/Table/styles.js +1 -0
  7. package/src/components/pages/MultipleEdition/MultipleEdition.stories.js +2 -2
  8. package/src/components/pages/MultipleEdition/styles.js +8 -6
  9. package/src/components/pages/MultipleEdition/utils.js +16 -7
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: 6;\n & > tr {\n background-color: #f7f7fc;\n border-radius: 5px 5px 0px 0px;\n height: 45px;\n }\n }\n & > tbody {\n position:absolute;\n z-index:7;\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 position:relative;\n width: 100%;\n & > thead {\n top: 0;\n height: 45px;\n position: sticky;\n z-index: 6;\n & > tr {\n background-color: #f7f7fc;\n border-radius: 5px 5px 0px 0px;\n height: 45px;\n }\n }\n & > tbody {\n position:absolute;\n z-index:7;\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: [121219],
29
+ articles: [128067],
30
30
  //[216, 238, 239],
31
31
  versions: [1],
32
32
  //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
33
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlNGJhOGFmOC1kNDU4LTRhOWUtYTVjMC0xZGYyM2YyMjUxNDkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxNzc3MjA3NCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzE3Nzc1Njc0LCJpYXQiOjE3MTc3NzIwNzQsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.TheujvtiS5PYSfomzIX6XH-Bd0N37ST8GsLhuC2QWQA_A_Ti70EK9Hk5l4LRgkqcg2V1gWYMJnRyaLFEHYy8U9LAmJ4uoXcsxG5th-2gqFDdoTfg77Q0RXb1EdXYwX4CW64SaBgyQYC_SXrsLxKrD38b7-w7QvDA1x-BbAssbFvSk7NGoo5q0iLIG-5I9rZ_Ym0QF6Wz01xFWv-BO_P6K91oJgjBKBZDRsVtzjhgTSx7R-fEOVp9_6kKH0lfUgeV7-QB9wl9LktMoAnVCCvImqMZnDrPHhoQOvTjnWz1mZ7kbbL5ad2CDqDzx1EP4vbRAoxehS0xYZMrtYFhOSVGVQ" //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
33
+ token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjNmFkNzk2MS1iYWNjLTQ4ODItOGFjMC02NDk3YjkyY2FmYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImM2YWQ3OTYxLWJhY2MtNDg4Mi04YWMwLTY0OTdiOTJjYWZhNyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI3Mzg5YjA1Zi1hODZjLTQ1YzEtOGIwZS1hMzRhYWI4OWVjNjciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODY1ODc0OCwibmFtZSI6IlJhZGlvc2hhY2sgQ2FkZW5hIiwicGhvbmVfbnVtYmVyIjoiKzUyMTIzNDU2Nzg5OCIsImV4cCI6MTcxODY2MjM0OCwiaWF0IjoxNzE4NjU4NzQ4LCJlbWFpbCI6ImNhZGVuYXJhZGlvc2hhY2tvbmJvYXJkaW5nQGFsbGZyZWVtYWlsLm5ldCJ9.fOs_i8J6aI-K8f4wp6ZP2JAuHaAc8dDKJ-iaJJWOrrJYfYvD2G4-eRIC77bOxfmUwbet6KxIjxwdQf68iXvJ9ay_zzoE29x7s3IA6J-Js4O5XAiTGmkGBsuDqo5nywngJtRmVKlnLyKOSxMNv7AiBCXv_Ih1Ip-vA0oT5ojaAQPdbXzZHfgggIzmBwljHQIQa_Eu70_VugBJd6Ryac7k1zeH_kczfwmIAKGXAb9UY0-o-z1rH4FlvpdctB2KykJLW6ztBaRdFek3I48dcqmxgU6oO4u0KtYipDGG7qPpgZpA8g_xzjcOive21btX7DSEFPost9wTlFaFcm_pV9I03A" //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
34
34
 
35
35
  };
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 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 }\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 min-height:140px;\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 gap:5px;\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
@@ -273,6 +273,13 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
273
273
  borderRight: "1px solid #f0f0f0" //borderLeft: "1px solid #f0f0f0",
274
274
 
275
275
  };
276
+ var styleApprovalAttributes = {
277
+ textAlign: "center",
278
+ display: "flex",
279
+ justifyContent: "center",
280
+ border: "1px solid #ECDD1D",
281
+ background: "#ECDD1D"
282
+ };
276
283
  var styleData = {
277
284
  textAlign: "center",
278
285
  display: "flex",
@@ -397,30 +404,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
397
404
  return e.articleId === item.id && e.imageId === imageId && e.versionId === item.version;
398
405
  });
399
406
  currentData["img".concat(imageId)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
400
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
401
- onClick: function onClick() {
402
- setShowValidationPanel(true);
403
- setAttributeSelected({
404
- articleId: item.id,
405
- attributeId: imageId,
406
- versionId: item.version
407
- });
408
- },
409
- className: "validation-button",
410
- children: [imagesReviewed[index].isReviewed && imagesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
411
- id: "button_" + item.id + "_" + imageId + "_" + item.version,
412
- src: _acceptIcon.default,
413
- alt: "accept button"
414
- }), " ", imagesReviewed[index].isReviewed && !imagesReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
415
- id: "button_" + item.id + "_" + imageId + "_" + item.version,
416
- src: _rejectIcon.default,
417
- alt: "reject button"
418
- }), " ", !imagesReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
419
- id: "button_" + item.id + "_" + imageId + "_" + item.version,
420
- src: _rejectIcon.default,
421
- alt: "reject button"
422
- })]
423
- }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === imageId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
407
+ children: [showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === imageId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
424
408
  className: "buttons-container",
425
409
  style: {
426
410
  left: "70px"
@@ -540,7 +524,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
540
524
  Header: rules[attributeId].name,
541
525
  accessor: "".concat(attributeId + "-" + ret.id),
542
526
  width: "200px",
543
- style: styleData,
527
+ style: attributeId == 6700 || attributeId == 6701 ? styleApprovalAttributes : styleData,
544
528
  description: rules[attributeId].description
545
529
  });
546
530
  }
@@ -810,30 +794,7 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
810
794
  return e.articleId === item.id && e.attributeId === des.attributeId && e.versionId === item.version;
811
795
  });
812
796
  currentData["".concat(des.attributeId)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
813
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
814
- onClick: function onClick() {
815
- setShowValidationPanel(true);
816
- setAttributeSelected({
817
- articleId: item.id,
818
- attributeId: des.attributeId,
819
- versionId: item.version
820
- });
821
- },
822
- className: "validation-button",
823
- children: [descriptionsReviewed[index].isReviewed && descriptionsReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
824
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
825
- src: _acceptIcon.default,
826
- alt: "accept button"
827
- }), " ", descriptionsReviewed[index].isReviewed && !descriptionsReviewed[index].isApproved && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
828
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
829
- src: _rejectIcon.default,
830
- alt: "reject button"
831
- }), " ", typeof des.isApproved === "undefined" && !descriptionsReviewed[index].isReviewed && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
832
- id: "button_" + item.id + "_" + des.attributeId + "_" + item.version,
833
- src: _rejectIcon.default,
834
- alt: "reject button"
835
- })]
836
- }), " ", showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
797
+ children: [showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.versionId === item.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
837
798
  className: "buttons-container",
838
799
  style: {
839
800
  left: "35px"
@@ -850,8 +811,8 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
850
811
  alt: "accept button"
851
812
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
852
813
  children: " Validar "
853
- }), " "]
854
- }), " ", /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
814
+ })]
815
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
855
816
  onClick: function onClick() {
856
817
  setShowValidationPanel(false);
857
818
  setShowRejectModal(true);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.5.21",
3
+ "version": "21.5.22",
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
@@ -16,6 +16,7 @@ export const Container = styled.div`
16
16
  .custom-table {
17
17
  border-collapse: collapse;
18
18
  box-sizing: border-box;
19
+ position:relative;
19
20
  width: 100%;
20
21
  & > thead {
21
22
  top: 0;
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: [121219],//[216, 238, 239],
12
+ articles: [128067],//[216, 238, 239],
13
13
  versions: [1],
14
14
  //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
15
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlNGJhOGFmOC1kNDU4LTRhOWUtYTVjMC0xZGYyM2YyMjUxNDkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxNzc3MjA3NCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzE3Nzc1Njc0LCJpYXQiOjE3MTc3NzIwNzQsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.TheujvtiS5PYSfomzIX6XH-Bd0N37ST8GsLhuC2QWQA_A_Ti70EK9Hk5l4LRgkqcg2V1gWYMJnRyaLFEHYy8U9LAmJ4uoXcsxG5th-2gqFDdoTfg77Q0RXb1EdXYwX4CW64SaBgyQYC_SXrsLxKrD38b7-w7QvDA1x-BbAssbFvSk7NGoo5q0iLIG-5I9rZ_Ym0QF6Wz01xFWv-BO_P6K91oJgjBKBZDRsVtzjhgTSx7R-fEOVp9_6kKH0lfUgeV7-QB9wl9LktMoAnVCCvImqMZnDrPHhoQOvTjnWz1mZ7kbbL5ad2CDqDzx1EP4vbRAoxehS0xYZMrtYFhOSVGVQ"
15
+ token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjNmFkNzk2MS1iYWNjLTQ4ODItOGFjMC02NDk3YjkyY2FmYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImM2YWQ3OTYxLWJhY2MtNDg4Mi04YWMwLTY0OTdiOTJjYWZhNyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI3Mzg5YjA1Zi1hODZjLTQ1YzEtOGIwZS1hMzRhYWI4OWVjNjciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODY1ODc0OCwibmFtZSI6IlJhZGlvc2hhY2sgQ2FkZW5hIiwicGhvbmVfbnVtYmVyIjoiKzUyMTIzNDU2Nzg5OCIsImV4cCI6MTcxODY2MjM0OCwiaWF0IjoxNzE4NjU4NzQ4LCJlbWFpbCI6ImNhZGVuYXJhZGlvc2hhY2tvbmJvYXJkaW5nQGFsbGZyZWVtYWlsLm5ldCJ9.fOs_i8J6aI-K8f4wp6ZP2JAuHaAc8dDKJ-iaJJWOrrJYfYvD2G4-eRIC77bOxfmUwbet6KxIjxwdQf68iXvJ9ay_zzoE29x7s3IA6J-Js4O5XAiTGmkGBsuDqo5nywngJtRmVKlnLyKOSxMNv7AiBCXv_Ih1Ip-vA0oT5ojaAQPdbXzZHfgggIzmBwljHQIQa_Eu70_VugBJd6Ryac7k1zeH_kczfwmIAKGXAb9UY0-o-z1rH4FlvpdctB2KykJLW6ztBaRdFek3I48dcqmxgU6oO4u0KtYipDGG7qPpgZpA8g_xzjcOive21btX7DSEFPost9wTlFaFcm_pV9I03A"
16
16
  //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
17
17
  };
package/src/components/pages/MultipleEdition/styles.js CHANGED
@@ -34,6 +34,7 @@ export const Container = styled.div`
34
34
  background: red;
35
35
  height: 100%;
36
36
  font-family: Raleway;
37
+ min-height:140px;
37
38
  }
38
39
 
39
40
  .buttons-container{
@@ -88,12 +89,7 @@ export const Container = styled.div`
88
89
  line-height: 18px;
89
90
  background-color: white;
90
91
  left: 7px;
91
-
92
- img {
93
- & + p {
94
- margin-left: 7px;
95
- }
96
- }
92
+ gap:5px;
97
93
 
98
94
  &:hover {
99
95
  border-radius: 10px;
@@ -106,6 +102,12 @@ export const Container = styled.div`
106
102
 
107
103
  td{
108
104
  margin:0;
105
+ background: #ffffff !important;
106
+ }
107
+
108
+ th{
109
+ border-radius: 0 0 0 0 !important;
110
+ padding: 15px !important;
109
111
  }
110
112
 
111
113
  textarea {
package/src/components/pages/MultipleEdition/utils.js CHANGED
@@ -205,6 +205,15 @@ export function setDataColumns(
205
205
  borderRight: "1px solid #f0f0f0",
206
206
  //borderLeft: "1px solid #f0f0f0",
207
207
  };
208
+
209
+ const styleApprovalAttributes = {
210
+ textAlign: "center",
211
+ display: "flex",
212
+ justifyContent: "center",
213
+ border: "1px solid #ECDD1D",
214
+ background: "#ECDD1D"
215
+ };
216
+
208
217
  const styleData = {
209
218
  textAlign: "center",
210
219
  display: "flex",
@@ -333,7 +342,7 @@ export function setDataColumns(
333
342
  );
334
343
  currentData[`img${imageId}`] =
335
344
  <>
336
- <button
345
+ {/* <button
337
346
  onClick={() => {
338
347
  setShowValidationPanel(true);
339
348
  setAttributeSelected({
@@ -389,7 +398,7 @@ export function setDataColumns(
389
398
  alt="reject button"
390
399
  />
391
400
  )}
392
- </button>{" "}
401
+ </button> */}
393
402
  {showValidationPanel &&
394
403
  attributeSelected.articleId === item.id &&
395
404
  attributeSelected.attributeId === imageId &&
@@ -502,7 +511,7 @@ export function setDataColumns(
502
511
  Header: rules[attributeId].name,
503
512
  accessor: `${attributeId + "-" + ret.id}`,
504
513
  width: "200px",
505
- style: styleData,
514
+ style: (attributeId==6700 || attributeId==6701) ? styleApprovalAttributes : styleData,
506
515
  description: rules[attributeId].description,
507
516
  });
508
517
  }
@@ -829,7 +838,7 @@ export function setDataColumns(
829
838
  );
830
839
  currentData[`${des.attributeId}`] = (
831
840
  <>
832
- <button
841
+ {/* <button
833
842
  onClick={() => {
834
843
  setShowValidationPanel(true);
835
844
  setAttributeSelected({
@@ -885,7 +894,7 @@ export function setDataColumns(
885
894
  alt="reject button"
886
895
  />
887
896
  )}
888
- </button>{" "}
897
+ </button> */}
889
898
  {showValidationPanel &&
890
899
  attributeSelected.articleId === item.id &&
891
900
  attributeSelected.attributeId === des.attributeId &&
@@ -900,8 +909,8 @@ export function setDataColumns(
900
909
  className="validation-option"
901
910
  >
902
911
  <img src={acceptIcon} alt="accept button" />
903
- <p> Validar </p>{" "}
904
- </button>{" "}
912
+ <p> Validar </p>
913
+ </button>
905
914
  <button
906
915
  onClick={() => {
907
916
  setShowValidationPanel(false);