contentoh-components-library 21.0.79 → 21.0.80

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.
@@ -36,7 +36,10 @@ var GeneralInput = function GeneralInput(_ref) {
36
36
  setUpdatedDescriptions = _ref.setUpdatedDescriptions,
37
37
  maxChar = _ref.maxChar,
38
38
  isRequired = _ref.isRequired,
39
- version = _ref.version;
39
+ version = _ref.version,
40
+ _ref$optionList = _ref.optionList,
41
+ optionList = _ref$optionList === void 0 ? [] : _ref$optionList,
42
+ description = _ref.description;
40
43
 
41
44
  var _useState = (0, _react.useState)({
42
45
  value: inputValue
@@ -90,9 +93,27 @@ var GeneralInput = function GeneralInput(_ref) {
90
93
 
91
94
  setRequiredEmpty(isRequired && (((_textValue$value = textValue.value) === null || _textValue$value === void 0 ? void 0 : _textValue$value.length) === 0 || textValue.value === undefined));
92
95
  }, [textValue]);
93
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
96
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
94
97
  isRequired: requiredEmpty,
95
- children: inputType === "checkbox" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
98
+ children: [(optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
99
+ id: "dropdown".concat(inputId) //disabled={!enableInputs}
100
+ ,
101
+ onChange: function onChange(e) {
102
+ return onHandleChange(e);
103
+ },
104
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
105
+ value: "",
106
+ selected: true,
107
+ disabled: true,
108
+ children: description
109
+ }), JSON.parse(optionList || "[]").map(function (element) {
110
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
111
+ value: element,
112
+ selected: element === textValue.value ? "selected" : "",
113
+ children: element
114
+ }, element);
115
+ })]
116
+ }, "dropdownK".concat(inputId)) : inputType === "checkbox" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
96
117
  id: inputId,
97
118
  onChange: function onChange(e) {
98
119
  return onHandleChange(e);
@@ -121,7 +142,9 @@ var GeneralInput = function GeneralInput(_ref) {
121
142
  setUpdatedDescriptions: setUpdatedDescriptions,
122
143
  maxChar: maxChar,
123
144
  isRequired: isRequired
124
- })
145
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
146
+ children: description
147
+ })]
125
148
  });
126
149
  };
127
150
 
@@ -15,12 +15,15 @@ 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: 2px;\n resize: none;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n"])), function (_ref) {
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: 11px;\n color: ", ";\n }\n"])), function (_ref) {
19
19
  var isRequired = _ref.isRequired;
20
20
  return isRequired ? "red" : "none";
21
21
  }, function (_ref2) {
22
22
  var isRequired = _ref2.isRequired;
23
23
  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
24
- }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
24
+ }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _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.s4, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.s4);
25
28
 
26
29
  exports.Container = Container;
@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.h2(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: ", ";\n font-style: normal;\n font-size: 36px;\n line-height: 42px;\n font-feature-settings: \"pnum\" on, \"lnum\" on;\n color: ", ";\n\n &.with-bold-text {\n span {\n font-family: ", ";\n }\n }\n\n &.product-name-header {\n font-size: 24px;\n line-height: 36px;\n font-weight: 500;\n letter-spacing: -0.015em;\n color: ", ";\n }\n\n &.retailer-name-header {\n font-size: 18px;\n font-weight: 400;\n line-height: 19px;\n color: ", ";\n }\n\n &.input-name-header {\n font-size: 14px;\n line-height: 19px;\n font-weight: 400;\n color: ", ";\n }\n\n &.date-header {\n font-family: ", ";\n color: ", ";\n font-size: 13px;\n font-weight: 400;\n line-height: 18px;\n }\n\n &.table-row-text {\n font-family: ", ";\n color: ", ";\n font-weight: 400;\n font-size: 11px;\n line-height: 18px;\n\n &:last-child {\n min-width: 50px;\n text-align: center;\n }\n }\n\n &.gray-table-row {\n font-family: ", ";\n font-weight: 400;\n font-size: 11px;\n line-height: 19px;\n color: ", ";\n background-color: ", ";\n padding: 1px 3px;\n border-radius: 3px;\n min-width: 50px;\n text-align: center;\n }\n &.header-and-paragraph {\n font-family: ", ";\n font-size: 36px;\n color: ", ";\n p {\n font-family: ", ";\n font-size: 14px;\n color: ", ";\n letter-spacing: -0.015em;\n }\n }\n"])), function (props) {
18
+ var Container = _styledComponents.default.h2(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: ", ";\n font-style: normal;\n font-size: 36px;\n line-height: 42px;\n font-feature-settings: \"pnum\" on, \"lnum\" on;\n color: ", ";\n position: relative;\n\n &.with-bold-text {\n span {\n font-family: ", ";\n }\n }\n\n &.product-name-header {\n font-size: 24px;\n line-height: 36px;\n font-weight: 500;\n letter-spacing: -0.015em;\n color: ", ";\n }\n\n &.retailer-name-header {\n font-size: 18px;\n font-weight: 400;\n line-height: 19px;\n color: ", ";\n }\n\n &.input-name-header {\n font-size: 14px;\n line-height: 19px;\n height: 19px;\n max-width: 100%;\n font-weight: 400;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.date-header {\n font-family: ", ";\n color: ", ";\n font-size: 13px;\n font-weight: 400;\n line-height: 18px;\n }\n\n &.table-row-text {\n font-family: ", ";\n color: ", ";\n font-weight: 400;\n font-size: 11px;\n line-height: 18px;\n\n &:last-child {\n min-width: 50px;\n text-align: center;\n }\n }\n\n &.gray-table-row {\n font-family: ", ";\n font-weight: 400;\n font-size: 11px;\n line-height: 19px;\n color: ", ";\n background-color: ", ";\n padding: 1px 3px;\n border-radius: 3px;\n min-width: 50px;\n text-align: center;\n }\n &.header-and-paragraph {\n font-family: ", ";\n font-size: 36px;\n color: ", ";\n p {\n font-family: ", ";\n font-size: 14px;\n color: ", ";\n letter-spacing: -0.015em;\n }\n }\n"])), function (props) {
19
19
  return props.fontFamily;
20
20
  }, function (props) {
21
21
  return props.color;
@@ -37,8 +37,7 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage() {
37
37
  trueBar = _useState2[0],
38
38
  setTrueBar = _useState2[1];
39
39
 
40
- var active = function active() {
41
- console.log(window.location.href); //document.getElementById("slidea1").style.border= "1px solid rgb(227, 58, 169)";
40
+ var active = function active() {//document.getElementById("slidea1").style.border= "1px solid rgb(227, 58, 169)";
42
41
  };
43
42
 
44
43
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -62,7 +62,6 @@ var RegistrationSecondStep = function RegistrationSecondStep(props) {
62
62
  !privacyCheck && (valid = false);
63
63
 
64
64
  if (valid) {
65
- console.log(valid);
66
65
  nuevoUsuario.password = password;
67
66
  sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoUsuario));
68
67
  valid && props.setPaso(3);
@@ -31,13 +31,21 @@ var TagAndInput = function TagAndInput(_ref) {
31
31
  inputCols = _ref.inputCols,
32
32
  inputRows = _ref.inputRows,
33
33
  maxChar = _ref.maxChar,
34
- required = _ref.required;
34
+ required = _ref.required,
35
+ optionList = _ref.optionList,
36
+ description = _ref.description;
35
37
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
36
38
  inputType: inputType,
37
39
  className: "input-container",
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
39
- text: label,
40
- headerType: "input-name-header"
40
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
41
+ className: "title-container",
42
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
43
+ text: label,
44
+ headerType: "input-name-header"
45
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
46
+ className: "tooltip",
47
+ children: label
48
+ })]
41
49
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GeneralInput, {
42
50
  inputId: inputId,
43
51
  inputType: inputType,
@@ -55,7 +63,9 @@ var TagAndInput = function TagAndInput(_ref) {
55
63
  inputCols: inputCols,
56
64
  inputRows: inputRows,
57
65
  maxChar: maxChar,
58
- required: required
66
+ required: required,
67
+ optionList: optionList,
68
+ description: description
59
69
  })]
60
70
  }, "generalTagInput-".concat(inputType));
61
71
  };
@@ -11,11 +11,19 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
11
11
 
12
12
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
 
14
+ var _variables = require("../../../global-files/variables");
15
+
14
16
  var _templateObject;
15
17
 
16
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n & > :first-child {\n & + * {\n margin-top: ", "px;\n }\n }\n"])), function (_ref) {
17
- var inputType = _ref.inputType;
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .title-container {\n position: relative;\n\n .tooltip {\n display: none;\n position: absolute;\n background-color: ", ";\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n line-height: 19px;\n left: 0;\n top: 0;\n height: fit-content;\n transition: display 2s;\n }\n\n &:hover {\n .tooltip {\n display: block;\n }\n }\n }\n\n & > :first-child {\n & + * {\n margin-top: ", "px;\n }\n }\n & + * {\n margin-top: ", "px;\n }\n"])), _variables.GlobalColors.white, function (_ref) {
19
+ var color = _ref.color;
20
+ return color ? color : _variables.GlobalColors.s5;
21
+ }, _variables.FontFamily.Raleway, function (_ref2) {
22
+ var inputType = _ref2.inputType;
18
23
  return inputType !== "textarea" ? 4 : 15;
24
+ }, function (_ref3) {
25
+ var inputType = _ref3.inputType;
26
+ return inputType !== "textarea" ? 0 : 10;
19
27
  });
20
28
 
21
29
  exports.Container = Container;
@@ -28,7 +28,6 @@ var InputGroup = function InputGroup(_ref) {
28
28
  articleId = _ref.articleId,
29
29
  version = _ref.version,
30
30
  dinamicHeight = _ref.dinamicHeight;
31
- console.log(dataInputs, "dataInputs");
32
31
 
33
32
  var inputTypeValue = function inputTypeValue(type) {
34
33
  switch (type) {
@@ -51,7 +50,7 @@ var InputGroup = function InputGroup(_ref) {
51
50
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
52
51
  className: "inputs-container",
53
52
  children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
54
- var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10;
53
+ var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _dataInputs$input11, _dataInputs$input12;
55
54
 
56
55
  return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
57
56
  inputId: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.id,
@@ -64,7 +63,9 @@ var InputGroup = function InputGroup(_ref) {
64
63
  isRequired: (_dataInputs$input8 = dataInputs[input]) === null || _dataInputs$input8 === void 0 ? void 0 : _dataInputs$input8.required,
65
64
  updatedDatasheets: updatedDatasheets,
66
65
  setUpdatedDatasheets: setUpdatedDatasheets,
67
- maxChar: (_dataInputs$input9 = dataInputs[input]) !== null && _dataInputs$input9 !== void 0 && _dataInputs$input9.max_chars ? (_dataInputs$input10 = dataInputs[input]) === null || _dataInputs$input10 === void 0 ? void 0 : _dataInputs$input10.max_chars : 999
66
+ maxChar: (_dataInputs$input9 = dataInputs[input]) !== null && _dataInputs$input9 !== void 0 && _dataInputs$input9.max_chars ? (_dataInputs$input10 = dataInputs[input]) === null || _dataInputs$input10 === void 0 ? void 0 : _dataInputs$input10.max_chars : 999,
67
+ optionList: (_dataInputs$input11 = dataInputs[input]) === null || _dataInputs$input11 === void 0 ? void 0 : _dataInputs$input11.option_list,
68
+ description: (_dataInputs$input12 = dataInputs[input]) === null || _dataInputs$input12 === void 0 ? void 0 : _dataInputs$input12.description
68
69
  }, index + "-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.value) + "-" + ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
69
70
  inputId: input.id,
70
71
  index: index,
@@ -78,7 +79,8 @@ var InputGroup = function InputGroup(_ref) {
78
79
  setUpdatedDescriptions: setUpdatedDescriptions,
79
80
  articleId: articleId,
80
81
  version: version,
81
- dinamicHeight: dinamicHeight
82
+ dinamicHeight: dinamicHeight,
83
+ description: input === null || input === void 0 ? void 0 : input.description
82
84
  }, index + "-" + (input === null || input === void 0 ? void 0 : input.value));
83
85
  })
84
86
  })]
@@ -15,6 +15,6 @@ 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 border: 1px solid ", ";\n border-radius: 6px;\n padding: 10px;\n width: 100%;\n\n .retailer-name-header {\n & + * {\n margin-top: 10px;\n }\n }\n &.datasheets-layout {\n padding-right: 0;\n\n .inputs-container {\n display: flex;\n flex-wrap: wrap;\n\n .input-container {\n flex: 1 1 20%;\n margin-right: 10px;\n min-width: 227px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n }\n }\n\n & + * {\n margin-top: 15px;\n }\n"])), _variables.GlobalColors.s2);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid ", ";\n border-radius: 6px;\n padding: 10px;\n width: 100%;\n\n .retailer-name-header {\n & + * {\n margin-top: 10px;\n }\n }\n &.datasheets-layout {\n padding-right: 0;\n\n .inputs-container {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n gap: 5px;\n\n .input-container {\n flex: 1 1 20%;\n min-width: 227px;\n display: flex;\n flex-direction: column;\n }\n }\n }\n\n & + * {\n margin-top: 15px;\n }\n"])), _variables.GlobalColors.s2);
19
19
 
20
20
  exports.Container = Container;
@@ -36,53 +36,46 @@ RetailerProductEditionDefault.args = {
36
36
  category: 846,
37
37
  version: 2,
38
38
  productSelected: {
39
- services: {
40
- datasheets: 1,
41
- descriptions: 1,
42
- images: 1
43
- },
44
- orderId: 152,
45
- status: "ASSIGNED",
46
- datasheet_status: "IN_PROGRESS",
39
+ orderId: 132,
40
+ id_category: "612",
41
+ status: "IN_PROGRESS",
42
+ datasheet_status: "QF",
47
43
  prio: "none",
48
- version: 3,
44
+ version: 2,
49
45
  description_status: "IN_PROGRESS",
50
46
  images_status: "IN_PROGRESS",
47
+ brand: null,
48
+ missing: {
49
+ datasheet: 0,
50
+ descriptions: 0,
51
+ images: 0
52
+ },
51
53
  article: {
52
- id_article: 343,
53
- id_category: "2898",
54
- name: "Producto prueba dos ",
55
- upc: "2004202212",
56
- timestamp: "2022-04-20T17:01:17.000Z",
57
- id_user: 28,
58
- status: "NULL",
59
- active: 1,
60
- company_id: 1,
54
+ category: "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ACCESORIOS|COLLARES",
61
55
  company_name: "COMPANY DEV",
62
- country: "México",
63
- id_order: 152,
64
- id_datasheet_especialist: 54,
65
- id_datasheet_facilitator: 52,
66
- id_description_especialist: 54,
67
- id_description_facilitator: 52,
68
- id_images_especialist: 55,
69
- id_images_facilitator: 53,
70
- id_auditor: 30,
71
- id_recepcionist: null,
72
- category: "HALLOWEN|DECORACIÓN E INFLABLES|DECORACIÓN E INFLABLES",
73
- missingAttributes: null,
74
- missingDescriptions: null,
75
- missingImages: null
56
+ id_category: "612",
57
+ id_article: 109490,
58
+ name: "Collar con dije letra ",
59
+ timestamp: "2022-05-05T16:45:49.000Z",
60
+ upc: "123434"
76
61
  },
77
62
  retailers: [{
78
- id: 58,
79
- name: "The Home Depot",
80
- country: "México",
81
- id_region: 1,
82
- active: 1
63
+ id: 2,
64
+ name: "Walmart Mercancías Generales"
65
+ }],
66
+ services: {
67
+ datasheets: 1,
68
+ descriptions: 1,
69
+ images: 1
70
+ },
71
+ checked: false,
72
+ retailersAvailable: [{
73
+ id: 2,
74
+ name: "Walmart Mercancías Generales"
83
75
  }],
84
- country: "México",
85
- upc: "2004202212"
76
+ id_article: 109490,
77
+ categoryName: "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ACCESORIOS|COLLARES",
78
+ version_status: "IN_PROGRESS"
86
79
  },
87
80
  location: {
88
81
  product: {
@@ -271,7 +271,6 @@ var getNewStatus = function getNewStatus(statusArray) {
271
271
  statusArray.forEach(function (element) {
272
272
  return lookupString += element + "/";
273
273
  });
274
- console.log(lookupString, "productTemp");
275
274
  if (lookupString.includes("RF")) return "RF";
276
275
  if (lookupString.includes("RA")) return "RA";
277
276
  if (lookupString.includes("RP")) return "RP";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.0.79",
3
+ "version": "21.0.80",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",