contentoh-components-library 21.4.110 → 21.4.112
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/components/molecules/EditionTabs/index.js +4 -5
- package/dist/components/organisms/Table/index.js +2 -3
- package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js +3 -3
- package/dist/components/pages/MultipleEdition/index.js +31 -46
- package/package.json +1 -1
- package/src/components/molecules/EditionTabs/index.js +2 -2
- package/src/components/organisms/Table/index.js +2 -2
- package/src/components/pages/MultipleEdition/MultipleEdition.stories.js +1 -1
- package/src/components/pages/MultipleEdition/{index.jsx → index.js} +7 -16
|
@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.EditionTabs = void 0;
|
|
11
11
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
13
13
|
|
|
@@ -28,7 +28,7 @@ var options = [{
|
|
|
28
28
|
key: "images"
|
|
29
29
|
}];
|
|
30
30
|
|
|
31
|
-
function EditionTabs(props) {
|
|
31
|
+
var EditionTabs = function EditionTabs(props) {
|
|
32
32
|
var _useState = (0, _react.useState)("description"),
|
|
33
33
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
34
34
|
section = _useState2[0],
|
|
@@ -53,7 +53,6 @@ function EditionTabs(props) {
|
|
|
53
53
|
}, key);
|
|
54
54
|
})
|
|
55
55
|
});
|
|
56
|
-
}
|
|
56
|
+
};
|
|
57
57
|
|
|
58
|
-
|
|
59
|
-
exports.default = _default;
|
|
58
|
+
exports.EditionTabs = EditionTabs;
|
|
@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.Table = void 0;
|
|
11
11
|
|
|
12
12
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
13
13
|
|
|
@@ -101,5 +101,4 @@ var Table = function Table(_ref) {
|
|
|
101
101
|
});
|
|
102
102
|
};
|
|
103
103
|
|
|
104
|
-
|
|
105
|
-
exports.default = _default;
|
|
104
|
+
exports.Table = Table;
|
|
@@ -9,18 +9,18 @@ exports.default = exports.MultipleEditionDefault = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/pages/MultipleEdition",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.MultipleEdition
|
|
19
19
|
};
|
|
20
20
|
exports.default = _default;
|
|
21
21
|
|
|
22
22
|
var Template = function Template(args) {
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MultipleEdition, (0, _objectSpread2.default)({}, args));
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
var MultipleEditionDefault = Template.bind({});
|
|
@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.MultipleEdition = void 0;
|
|
11
11
|
|
|
12
12
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
13
|
|
|
@@ -21,36 +21,24 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
21
21
|
|
|
22
22
|
var _Modal = require("../../organisms/Modal");
|
|
23
23
|
|
|
24
|
-
var _EditionTabs =
|
|
24
|
+
var _EditionTabs = require("../../molecules/EditionTabs");
|
|
25
25
|
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
var _Table = _interopRequireDefault(require("../../organisms/Table"));
|
|
26
|
+
var _Table = require("../../organisms/Table");
|
|
29
27
|
|
|
30
28
|
var _beenhere = _interopRequireDefault(require("../../../assets/images/Icons/beenhere.svg"));
|
|
31
29
|
|
|
32
30
|
var _closeMagenta = _interopRequireDefault(require("../../../assets/images/Icons/close-magenta.svg"));
|
|
33
31
|
|
|
34
|
-
var _saveWhite = _interopRequireDefault(require("../../../assets/images/Icons/save-white.svg"));
|
|
35
|
-
|
|
36
32
|
var _styles = require("./styles");
|
|
37
33
|
|
|
38
|
-
var _acceptIcon = _interopRequireDefault(require("../../../assets/images/generalButton/acceptIcon.svg"));
|
|
39
|
-
|
|
40
34
|
var _rejectIcon = _interopRequireDefault(require("../../../assets/images/generalButton/rejectIcon.svg"));
|
|
41
35
|
|
|
42
36
|
var _genericModalCheck = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalCheck.svg"));
|
|
43
37
|
|
|
44
38
|
var _utils = require("./utils");
|
|
45
39
|
|
|
46
|
-
var _saveData = _interopRequireDefault(require("./saveData"));
|
|
47
|
-
|
|
48
|
-
var _ValidationPanel = require("../../atoms/ValidationPanel");
|
|
49
|
-
|
|
50
40
|
var _ButtonV = require("../../atoms/ButtonV2");
|
|
51
41
|
|
|
52
|
-
var _material = require("@mui/material");
|
|
53
|
-
|
|
54
42
|
var _TagAndInput = require("../../molecules/TagAndInput");
|
|
55
43
|
|
|
56
44
|
var _GenericModal = require("../../atoms/GenericModal");
|
|
@@ -59,7 +47,7 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
|
|
|
59
47
|
|
|
60
48
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
61
49
|
|
|
62
|
-
function MultipleEdition(_ref) {
|
|
50
|
+
var MultipleEdition = function MultipleEdition(_ref) {
|
|
63
51
|
var articles = _ref.articles,
|
|
64
52
|
versions = _ref.versions,
|
|
65
53
|
onClose = _ref.onClose,
|
|
@@ -159,35 +147,33 @@ function MultipleEdition(_ref) {
|
|
|
159
147
|
data: data
|
|
160
148
|
});
|
|
161
149
|
}, [section, dataServices, attributeSelected, showValidationPanel, attributesReviewed]);
|
|
162
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
163
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
children:
|
|
167
|
-
|
|
168
|
-
getSection: setSection
|
|
169
|
-
})
|
|
170
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
171
|
-
src: _beenhere.default,
|
|
172
|
-
alt: "beenhere"
|
|
173
|
-
})]
|
|
174
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
175
|
-
className: "action_buttons",
|
|
176
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
177
|
-
src: _closeMagenta.default,
|
|
178
|
-
alt: "Cerrar",
|
|
179
|
-
onClick: function onClick() {
|
|
180
|
-
return onClose && onClose();
|
|
181
|
-
}
|
|
182
|
-
})
|
|
183
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
184
|
-
className: "table",
|
|
185
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, {
|
|
186
|
-
withCheckbox: true,
|
|
187
|
-
columns: currentData.columns,
|
|
188
|
-
data: currentData.data
|
|
150
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
151
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
152
|
+
className: "tabs",
|
|
153
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
154
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionTabs.EditionTabs, {
|
|
155
|
+
getSection: setSection
|
|
189
156
|
})
|
|
157
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
158
|
+
src: _beenhere.default,
|
|
159
|
+
alt: "beenhere"
|
|
190
160
|
})]
|
|
161
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
162
|
+
className: "action_buttons",
|
|
163
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
164
|
+
src: _closeMagenta.default,
|
|
165
|
+
alt: "Cerrar",
|
|
166
|
+
onClick: function onClick() {
|
|
167
|
+
return onClose && onClose();
|
|
168
|
+
}
|
|
169
|
+
})
|
|
170
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
171
|
+
className: "table",
|
|
172
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Table, {
|
|
173
|
+
withCheckbox: true,
|
|
174
|
+
columns: currentData.columns,
|
|
175
|
+
data: currentData.data
|
|
176
|
+
})
|
|
191
177
|
}), modalFromTable, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread2.default)({}, modal)), showRejectModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
|
|
192
178
|
title: "Agregar mensaje de rechazo",
|
|
193
179
|
show: showRejectModal,
|
|
@@ -252,7 +238,6 @@ function MultipleEdition(_ref) {
|
|
|
252
238
|
}
|
|
253
239
|
})]
|
|
254
240
|
});
|
|
255
|
-
}
|
|
241
|
+
};
|
|
256
242
|
|
|
257
|
-
|
|
258
|
-
exports.default = _default;
|
|
243
|
+
exports.MultipleEdition = MultipleEdition;
|
package/package.json
CHANGED
|
@@ -6,8 +6,8 @@ const options = [
|
|
|
6
6
|
{ label: "Ficha técnica", key: "datasheet" },
|
|
7
7
|
{ label: "Imágenes", key: "images" },
|
|
8
8
|
];
|
|
9
|
+
export const EditionTabs = (props) => {
|
|
9
10
|
|
|
10
|
-
function EditionTabs(props) {
|
|
11
11
|
const [section, setSection] = useState("description");
|
|
12
12
|
|
|
13
13
|
function changeSection(section = "description") {
|
|
@@ -30,4 +30,4 @@ function EditionTabs(props) {
|
|
|
30
30
|
);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
|
|
@@ -2,7 +2,8 @@ import React, { useState } from "react";
|
|
|
2
2
|
import { CheckBox } from "../../atoms/CheckBox";
|
|
3
3
|
import { Container, TH, TD } from "./styles";
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
export const Table = ({ columns, data, withCheckbox })=> {
|
|
6
7
|
const [rowsChecked, setRowsChecked] = useState([]);
|
|
7
8
|
|
|
8
9
|
function handlerSelectAll(evt) {
|
|
@@ -73,4 +74,3 @@ const Table = ({ columns, data, withCheckbox }) => {
|
|
|
73
74
|
);
|
|
74
75
|
};
|
|
75
76
|
|
|
76
|
-
export default Table;
|
|
@@ -1,32 +1,25 @@
|
|
|
1
1
|
import React, { useState, useEffect, useReducer } from "react";
|
|
2
2
|
import { Modal } from "../../organisms/Modal";
|
|
3
|
-
import EditionTabs from "../../molecules/EditionTabs";
|
|
4
|
-
import {
|
|
5
|
-
import Table from "../../organisms/Table";
|
|
3
|
+
import {EditionTabs} from "../../molecules/EditionTabs";
|
|
4
|
+
import {Table} from "../../organisms/Table";
|
|
6
5
|
import beenhere from "../../../assets/images/Icons/beenhere.svg";
|
|
7
6
|
import closeMagenta from "../../../assets/images/Icons/close-magenta.svg";
|
|
8
|
-
import saveWhite from "../../../assets/images/Icons/save-white.svg";
|
|
9
7
|
import { Container } from "./styles";
|
|
10
|
-
import acceptIcon from "../../../assets/images/generalButton/acceptIcon.svg";
|
|
11
8
|
import rejectIcon from "../../../assets/images/generalButton/rejectIcon.svg";
|
|
12
9
|
import succes from "../../../assets/images/genericModal/genericModalCheck.svg";
|
|
13
10
|
|
|
14
11
|
import {
|
|
15
|
-
optionsSelect,
|
|
16
12
|
initData,
|
|
17
13
|
setDataColumns,
|
|
18
14
|
dataReducer,
|
|
19
15
|
modalReducer,
|
|
20
16
|
} from "./utils";
|
|
21
|
-
import saveData from "./saveData";
|
|
22
|
-
import { ValidationPanel } from "../../atoms/ValidationPanel";
|
|
23
17
|
import { ButtonV2 } from "../../atoms/ButtonV2";
|
|
24
|
-
import { Button } from "@mui/material";
|
|
25
18
|
import { TagAndInput } from "../../molecules/TagAndInput";
|
|
26
19
|
import { GenericModal } from "../../atoms/GenericModal";
|
|
27
20
|
import { ScreenHeader } from "../../atoms/ScreenHeader";
|
|
28
21
|
|
|
29
|
-
|
|
22
|
+
export const MultipleEdition = ({ articles, versions, onClose, token }) => {
|
|
30
23
|
const [section, setSection] = useState("description");
|
|
31
24
|
const [attributeSelected, setAttributeSelected] = useState({articleId: "", attributeId: "", versionId:""});
|
|
32
25
|
const [attributesReviewed, setAttributesReviewed] = useState([]);
|
|
@@ -81,7 +74,7 @@ function MultipleEdition({ articles, versions, onClose, token }) {
|
|
|
81
74
|
}, [section, dataServices, attributeSelected, showValidationPanel, attributesReviewed]);
|
|
82
75
|
|
|
83
76
|
return (
|
|
84
|
-
|
|
77
|
+
|
|
85
78
|
<Container>
|
|
86
79
|
<div className="tabs">
|
|
87
80
|
<div>
|
|
@@ -102,10 +95,7 @@ function MultipleEdition({ articles, versions, onClose, token }) {
|
|
|
102
95
|
columns={currentData.columns}
|
|
103
96
|
data={currentData.data}
|
|
104
97
|
/>
|
|
105
|
-
|
|
106
|
-
|
|
107
98
|
</div>
|
|
108
|
-
</Container>
|
|
109
99
|
{modalFromTable}
|
|
110
100
|
<Modal {...modal} />
|
|
111
101
|
{showRejectModal && (
|
|
@@ -173,8 +163,9 @@ function MultipleEdition({ articles, versions, onClose, token }) {
|
|
|
173
163
|
}}
|
|
174
164
|
/>
|
|
175
165
|
)}
|
|
176
|
-
|
|
166
|
+
</Container>
|
|
167
|
+
|
|
168
|
+
|
|
177
169
|
);
|
|
178
170
|
}
|
|
179
171
|
|
|
180
|
-
export default MultipleEdition;
|