contentoh-components-library 21.4.129 → 21.4.130
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.
- package/dist/assets/images/Icons/save-white-gray.svg +1 -1
- package/dist/assets/images/Icons/save-white.svg +1 -1
- package/dist/components/atoms/GeneralInput/styles.js +1 -1
- package/dist/components/organisms/Table/index.js +16 -2
- package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js +2 -2
- package/dist/components/pages/MultipleEdition/index.js +2 -1
- package/dist/components/pages/MultipleEdition/styles.js +1 -1
- package/dist/components/pages/MultipleEdition/utils.js +20 -3
- package/package.json +1 -1
- package/src/assets/images/Icons/save-white-gray.svg +1 -1
- package/src/assets/images/Icons/save-white.svg +1 -1
- package/src/components/atoms/GeneralInput/styles.js +1 -1
- package/src/components/organisms/Table/index.js +12 -2
- package/src/components/pages/MultipleEdition/MultipleEdition.stories.js +2 -2
- package/src/components/pages/MultipleEdition/index.js +1 -0
- package/src/components/pages/MultipleEdition/styles.js +1 -6
- package/src/components/pages/MultipleEdition/utils.js +16 -0
- package/dist/components/atoms/GeneralInput/style.js +0 -29
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<rect width="34" height="34" rx="17" fill="#F0F0F0"/>
|
|
3
3
|
<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
|
|
4
4
|
<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<rect width="34" height="34" rx="17" fill="#E33AA9"/>
|
|
3
3
|
<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
|
|
4
4
|
<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
|
|
@@ -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 width: 100%;\n\n > div {\n label {\n &:before {\n outline: 1px solid ", ";\n }\n }\n }\n\n input,\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:
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n\n > div {\n label {\n &:before {\n outline: 1px solid ", ";\n }\n }\n }\n\n input,\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 select {\n background: #fafafa;\n outline: none;\n border: 1px solid\n ", ";\n width: 100%;\n cursor: pointer;\n font-family: ", ";\n color: ", ";\n font-size: 12px;\n line-height: 21px;\n padding: 10px;\n border-right: 2px solid #e33aa9;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n p {\n font-family: ", ";\n font-size: 12px;\n color: ", ";\n }\n\n &.audit-class {\n input,\n .quill {\n border: 1px solid #8a6caa;\n background-color: #ededfc;\n }\n }\n\n .btnReviewState {\n display: \"flex\";\n flex-direction: \"column\";\n border: 1px solid lightgray;\n border-radius: 3px;\n z-index: 1000;\n /* position: absolute; */\n }\n\n .btnReviewState button {\n border: none;\n background: white;\n border-radius: 3px;\n }\n .btnReviewState button:hover {\n background: lightgray;\n }\n"])), function (_ref) {
|
|
19
19
|
var isRequired = _ref.isRequired;
|
|
20
20
|
return isRequired ? "red" : "none";
|
|
21
21
|
}, function (_ref2) {
|
|
@@ -21,12 +21,16 @@ var _CheckBox = require("../../atoms/CheckBox");
|
|
|
21
21
|
|
|
22
22
|
var _styles = require("./styles");
|
|
23
23
|
|
|
24
|
+
var _Tooltip = require("../../atoms/Tooltip");
|
|
25
|
+
|
|
24
26
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
27
|
|
|
26
28
|
var Table = function Table(_ref) {
|
|
27
29
|
var columns = _ref.columns,
|
|
28
30
|
data = _ref.data,
|
|
29
|
-
withCheckbox = _ref.withCheckbox
|
|
31
|
+
withCheckbox = _ref.withCheckbox,
|
|
32
|
+
_ref$withTooltip = _ref.withTooltip,
|
|
33
|
+
withTooltip = _ref$withTooltip === void 0 ? false : _ref$withTooltip;
|
|
30
34
|
|
|
31
35
|
var _useState = (0, _react.useState)([]),
|
|
32
36
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -73,7 +77,17 @@ var Table = function Table(_ref) {
|
|
|
73
77
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TH, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
74
78
|
withCheckbox: withCheckbox
|
|
75
79
|
}, column), {}, {
|
|
76
|
-
children: column.
|
|
80
|
+
children: column.description && withTooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
|
|
81
|
+
componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
82
|
+
children: column.description
|
|
83
|
+
}),
|
|
84
|
+
position: "topCenter",
|
|
85
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
86
|
+
children: column.Header
|
|
87
|
+
})
|
|
88
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
89
|
+
children: column.Header
|
|
90
|
+
})
|
|
77
91
|
}), "".concat(column.accessor).concat(i));
|
|
78
92
|
})]
|
|
79
93
|
})
|
|
@@ -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: [
|
|
29
|
+
articles: [121161, 121165],
|
|
30
30
|
//[216, 238, 239],
|
|
31
31
|
versions: [1, 1],
|
|
32
32
|
//token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
|
|
33
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
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",
|
|
34
34
|
|
|
35
35
|
};
|
|
@@ -182,7 +182,8 @@ var MultipleEdition = function MultipleEdition(_ref) {
|
|
|
182
182
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Table, {
|
|
183
183
|
withCheckbox: true,
|
|
184
184
|
columns: currentData.columns,
|
|
185
|
-
data: currentData.data
|
|
185
|
+
data: currentData.data,
|
|
186
|
+
withTooltip: true
|
|
186
187
|
}), " "]
|
|
187
188
|
}), " ", modalFromTable, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread2.default)({}, modal)), " ", showRejectModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
|
|
188
189
|
title: "Agregar mensaje de rechazo",
|
|
@@ -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 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: -10%;\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
|
|
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 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: -10%;\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 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 .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);
|
|
@@ -532,15 +532,31 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
|
|
|
532
532
|
Header: rules[attributeId].name,
|
|
533
533
|
accessor: "".concat(attributeId + "-" + ret.id),
|
|
534
534
|
width: "200px",
|
|
535
|
-
style: styleData
|
|
535
|
+
style: styleData,
|
|
536
|
+
description: rules[attributeId].description
|
|
536
537
|
});
|
|
537
538
|
}
|
|
538
539
|
});
|
|
540
|
+
|
|
541
|
+
var inputTypeValue = function inputTypeValue(type) {
|
|
542
|
+
switch (type) {
|
|
543
|
+
case "Booleano":
|
|
544
|
+
return "checkbox";
|
|
545
|
+
|
|
546
|
+
case "Numérico":
|
|
547
|
+
return "number";
|
|
548
|
+
|
|
549
|
+
default:
|
|
550
|
+
return "text";
|
|
551
|
+
}
|
|
552
|
+
};
|
|
553
|
+
|
|
539
554
|
Object.values(item.attributes).forEach(function (des) {
|
|
540
555
|
var props = {
|
|
541
556
|
inputId: item.id + "_" + rules[des.attributeId].attributeId + "_" + item.version,
|
|
542
557
|
name: item.id + "-" + rules[des.attributeId].attributeId + "-" + item.version,
|
|
543
|
-
value: des.value
|
|
558
|
+
value: des.value,
|
|
559
|
+
inputType: inputTypeValue(des.type)
|
|
544
560
|
};
|
|
545
561
|
if (!attributesReviewed.find(function (e) {
|
|
546
562
|
return e.articleId == item.id && e.attributeId == des.attributeId && e.versionId == item.version;
|
|
@@ -670,7 +686,8 @@ function setDataColumns(section, dataService, token, setModalFromTable, setDataS
|
|
|
670
686
|
Header: rules[ret.id][descriptionId].name,
|
|
671
687
|
accessor: "".concat(descriptionId),
|
|
672
688
|
width: "250px",
|
|
673
|
-
style: styleData
|
|
689
|
+
style: styleData,
|
|
690
|
+
description: rules[ret.id][descriptionId].description
|
|
674
691
|
});
|
|
675
692
|
}
|
|
676
693
|
});
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<rect width="34" height="34" rx="17" fill="#F0F0F0"/>
|
|
3
3
|
<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
|
|
4
4
|
<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<rect width="34" height="34" rx="17" fill="#E33AA9"/>
|
|
3
3
|
<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
|
|
4
4
|
<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
2
|
import { CheckBox } from "../../atoms/CheckBox";
|
|
3
3
|
import { Container, TH, TD } from "./styles";
|
|
4
|
+
import { Tooltip } from "../../atoms/Tooltip";
|
|
4
5
|
|
|
5
|
-
export const Table = ({ columns, data, withCheckbox }) => {
|
|
6
|
+
export const Table = ({ columns, data, withCheckbox, withTooltip=false }) => {
|
|
6
7
|
const [rowsChecked, setRowsChecked] = useState([]);
|
|
7
8
|
|
|
8
9
|
function handlerSelectAll(evt) {
|
|
@@ -40,7 +41,16 @@ export const Table = ({ columns, data, withCheckbox }) => {
|
|
|
40
41
|
withCheckbox={withCheckbox}
|
|
41
42
|
{...column}
|
|
42
43
|
>
|
|
43
|
-
|
|
44
|
+
{column.description && withTooltip ? (
|
|
45
|
+
<Tooltip
|
|
46
|
+
componentTooltip={<span>{column.description}</span>}
|
|
47
|
+
position="topCenter"
|
|
48
|
+
>
|
|
49
|
+
<span>{column.Header}</span>
|
|
50
|
+
</Tooltip>
|
|
51
|
+
) : (
|
|
52
|
+
<span>{column.Header}</span>
|
|
53
|
+
)}
|
|
44
54
|
</TH>
|
|
45
55
|
))}
|
|
46
56
|
</tr>
|
|
@@ -9,9 +9,9 @@ const Template = (args) => <MultipleEdition {...args} />;
|
|
|
9
9
|
export const MultipleEditionDefault = Template.bind({});
|
|
10
10
|
|
|
11
11
|
MultipleEditionDefault.args = {
|
|
12
|
-
articles: [
|
|
12
|
+
articles: [121161,121165],//[216, 238, 239],
|
|
13
13
|
versions: [1,1],
|
|
14
14
|
//token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
|
|
15
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
15
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIzM2FiNjQ5My0yZjIwLTQyYjgtOTNkMC1hYWFhMDI5OWZmY2EiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNzg0NjU4NywibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA3ODUwMTg3LCJpYXQiOjE3MDc4NDY1ODcsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.Ki0oE2Z12-Dg-AAEP8SwdKkDbGk2kxqHTqdGkC1jVa79WL4MnvaPSG0eaQOLSwTtInVCBFyV9TAY1MZO6_wyMfLooe5DK6Xv99fY4ejWtu7ICtpdcTApXBHuZG9Hx5v5GoW8YxAr2Zb618nTTs-A-J4TxrwOxVTvlaxKouoX-eYA-EL-dBttzUPZqDHaoYKwCUhZx7Dh0ab8ej1lBOpy1DaOVKvXI0Hzd6yNKiKFMPFvr9x4L6S9FT-zdPOT41pJ_7wg9HGxHxpxyMzoq5FHTBYaiuGZsIVb60arpGbHBednDKgU3y5-CN9yuga_r-h69QT67iD4jVXhq54x2u1rQA"
|
|
16
16
|
//token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
|
|
17
17
|
};
|
|
@@ -71,16 +71,11 @@ export const Container = styled.div`
|
|
|
71
71
|
&:hover {
|
|
72
72
|
border-radius: 10px;
|
|
73
73
|
}
|
|
74
|
-
|
|
75
|
-
& + * {
|
|
76
|
-
margin-top: 8px;
|
|
77
|
-
}
|
|
78
74
|
}
|
|
79
75
|
|
|
80
76
|
.validation-option {
|
|
81
77
|
width: 82px;
|
|
82
78
|
height: 20px;
|
|
83
|
-
display: flex;
|
|
84
79
|
align-items: center;
|
|
85
80
|
border: none;
|
|
86
81
|
cursor: pointer;
|
|
@@ -122,7 +117,7 @@ export const Container = styled.div`
|
|
|
122
117
|
line-height: 15px;
|
|
123
118
|
padding: 10px;
|
|
124
119
|
outline: none;
|
|
125
|
-
border-radius:
|
|
120
|
+
border-radius: 5px;
|
|
126
121
|
resize: none;
|
|
127
122
|
|
|
128
123
|
&:focus {
|
|
@@ -500,9 +500,21 @@ export function setDataColumns(
|
|
|
500
500
|
accessor: `${attributeId + "-" + ret.id}`,
|
|
501
501
|
width: "200px",
|
|
502
502
|
style: styleData,
|
|
503
|
+
description:rules[attributeId].description,
|
|
503
504
|
});
|
|
504
505
|
}
|
|
505
506
|
});
|
|
507
|
+
|
|
508
|
+
const inputTypeValue = (type) => {
|
|
509
|
+
switch (type) {
|
|
510
|
+
case "Booleano":
|
|
511
|
+
return "checkbox";
|
|
512
|
+
case "Numérico":
|
|
513
|
+
return "number";
|
|
514
|
+
default:
|
|
515
|
+
return "text";
|
|
516
|
+
}
|
|
517
|
+
};
|
|
506
518
|
Object.values(item.attributes).forEach((des) => {
|
|
507
519
|
const props = {
|
|
508
520
|
inputId:
|
|
@@ -518,7 +530,9 @@ export function setDataColumns(
|
|
|
518
530
|
"-" +
|
|
519
531
|
item.version,
|
|
520
532
|
value: des.value,
|
|
533
|
+
inputType:inputTypeValue(des.type),
|
|
521
534
|
};
|
|
535
|
+
|
|
522
536
|
if (
|
|
523
537
|
!attributesReviewed.find(
|
|
524
538
|
(e) =>
|
|
@@ -674,9 +688,11 @@ export function setDataColumns(
|
|
|
674
688
|
accessor: `${descriptionId}`,
|
|
675
689
|
width: "250px",
|
|
676
690
|
style: styleData,
|
|
691
|
+
description:rules[ret.id][descriptionId].description
|
|
677
692
|
});
|
|
678
693
|
}
|
|
679
694
|
});
|
|
695
|
+
|
|
680
696
|
currentData[`retailer${ret.id}-save`] = (
|
|
681
697
|
<button
|
|
682
698
|
onClick={() => {
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Container = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
|
-
var _variables = require("../../../global-files/variables");
|
|
15
|
-
|
|
16
|
-
var _templateObject;
|
|
17
|
-
|
|
18
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n\n > div {\n label {\n &:before {\n outline: 1px solid ", ";\n }\n }\n }\n\n input,\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: 2px;\n resize: none;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n select {\n background: #fafafa;\n outline: none;\n border: 1px solid\n ", ";\n width: 100%;\n cursor: pointer;\n font-family: ", ";\n color: ", ";\n font-size: 12px;\n line-height: 21px;\n padding: 10px;\n border-right: 2px solid #e33aa9;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n p {\n font-family: ", ";\n font-size: 12px;\n color: ", ";\n }\n\n &.audit-class {\n input,\n .quill {\n border: 1px solid #8a6caa;\n background-color: #ededfc;\n }\n }\n"])), function (_ref) {
|
|
19
|
-
var isRequired = _ref.isRequired;
|
|
20
|
-
return isRequired ? "red" : "none";
|
|
21
|
-
}, function (_ref2) {
|
|
22
|
-
var isRequired = _ref2.isRequired;
|
|
23
|
-
return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
|
|
24
|
-
}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, function (_ref3) {
|
|
25
|
-
var isRequired = _ref3.isRequired;
|
|
26
|
-
return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
|
|
27
|
-
}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
|
|
28
|
-
|
|
29
|
-
exports.Container = Container;
|