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.
@@ -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.default = void 0;
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
- var _default = EditionTabs;
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.default = void 0;
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
- var _default = Table;
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 = _interopRequireDefault(require("./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.default
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.default, (0, _objectSpread2.default)({}, args));
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.default = void 0;
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 = _interopRequireDefault(require("../../molecules/EditionTabs"));
24
+ var _EditionTabs = require("../../molecules/EditionTabs");
25
25
 
26
- var _SelectV = require("../../molecules/SelectV2");
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)(_jsxRuntime.Fragment, {
163
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
164
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
165
- className: "tabs",
166
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
167
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionTabs.default, {
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
- var _default = MultipleEdition;
258
- exports.default = _default;
243
+ exports.MultipleEdition = MultipleEdition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.4.110",
3
+ "version": "21.4.112",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
@@ -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
- export default EditionTabs;
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
- const Table = ({ columns, data, withCheckbox }) => {
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,4 +1,4 @@
1
- import MultipleEdition from "./index";
1
+ import {MultipleEdition} from "./index";
2
2
 
3
3
  export default {
4
4
  title: "Components/pages/MultipleEdition",
@@ -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 { SelectV2 } from "../../molecules/SelectV2";
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
- function MultipleEdition({ articles, versions, onClose, token }) {
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;