contentoh-components-library 21.5.43 → 21.5.44

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 (17) hide show
  1. package/dist/components/atoms/FeatureTag/styles.js +1 -1
  2. package/dist/components/atoms/ProgressBar/index.js +3 -3
  3. package/dist/components/molecules/ProductNameHeader/index.js +0 -8
  4. package/dist/components/organisms/FullProductNameHeader/index.js +9 -6
  5. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +92 -488
  6. package/dist/components/pages/ProviderProductEdition/index.js +25 -26
  7. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +39 -1001
  8. package/dist/components/pages/RetailerProductEdition/index.js +50 -45
  9. package/package.json +1 -1
  10. package/src/components/atoms/FeatureTag/styles.js +0 -6
  11. package/src/components/atoms/ProgressBar/index.js +8 -6
  12. package/src/components/molecules/ProductNameHeader/index.js +2 -2
  13. package/src/components/organisms/FullProductNameHeader/index.js +8 -4
  14. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +248 -664
  15. package/src/components/pages/ProviderProductEdition/index.js +11 -7
  16. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +69 -1114
  17. package/src/components/pages/RetailerProductEdition/index.js +25 -20
package/dist/components/atoms/FeatureTag/styles.js CHANGED
@@ -17,6 +17,6 @@ var _variables = require("../../../global-files/variables");
17
17
 
18
18
  var _templateObject;
19
19
 
20
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: #f0eef2;\n border-radius: 3px;\n display: flex;\n width: fit-content;\n height: 26px;\n padding: 5px;\n align-items: center;\n\n .feature-name {\n font-size: 14px;\n font-family: ", ";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: ", ";\n\n & + * {\n margin-left: 5px;\n }\n }\n .feature-value {\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n height: 12px;\n letter-spacing: -0.015em;\n color: ", ";\n }\n\n &:last-of-type {\n p {\n font-size: 24px;\n }\n }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.original_magenta, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_gray);
20
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: #f0eef2;\n border-radius: 3px;\n display: flex;\n width: fit-content;\n height: 26px;\n padding: 5px;\n align-items: center;\n\n .feature-name {\n font-size: 14px;\n font-family: ", ";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: ", ";\n\n & + * {\n margin-left: 5px;\n }\n }\n .feature-value {\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n height: 12px;\n letter-spacing: -0.015em;\n color: ", ";\n }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.original_magenta, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_gray);
21
21
 
22
22
  exports.Container = Container;
package/dist/components/atoms/ProgressBar/index.js CHANGED
@@ -47,10 +47,10 @@ var ProgressBar = function ProgressBar(_ref) {
47
47
  children: "Este porcentaje indica la completitud de los atributos requeridos para todos los servicios."
48
48
  })]
49
49
  }),
50
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
50
+ children: !percent && percent != 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
51
51
  className: "status-".concat(progressBarType),
52
- children: !percent && percent != 0 ? "..." : /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
53
- children: [percent === null || percent === void 0 ? void 0 : percent.toFixed(0), "%"]
52
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
53
+ children: [Number.isSafeInteger(percent) ? Math.round(percent) : '', "%"]
54
54
  })
55
55
  }),
56
56
  classNameTooltip: "container-tooltip"
package/dist/components/molecules/ProductNameHeader/index.js CHANGED
@@ -41,14 +41,6 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
41
41
  percent: percentRequired,
42
42
  progressBarType: statusType,
43
43
  percentRequired: percentRequired
44
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.ObservationFlag, {
45
- observation: typeFlag,
46
- contentObservation: productObservation,
47
- dataProduct: dataProduct,
48
- isObservationVisible: isObservationVisible,
49
- toggleObservation: toggleObservation // handleClickOutside = {handleClickOutside}
50
- ,
51
- hideObservation: hideObservation
52
44
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
53
45
  headerType: "date-header",
54
46
  text: date
package/dist/components/organisms/FullProductNameHeader/index.js CHANGED
@@ -22,7 +22,7 @@ var _react = require("react");
22
22
  var _jsxRuntime = require("react/jsx-runtime");
23
23
 
24
24
  var FullProductNameHeader = function FullProductNameHeader(_ref) {
25
- var _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article4$, _headerData$article4$2, _headerData$categoryR2, _headerData$categoryR3, _headerData$article5, _headerData$article6;
25
+ var _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article5, _headerData$article6, _headerData$article6$, _headerData$article6$2, _headerData$categoryR2, _headerData$categoryR3, _headerData$article7;
26
26
 
27
27
  var headerData = _ref.headerData,
28
28
  percent = _ref.percent,
@@ -98,14 +98,17 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
98
98
  className: "features-bar-container",
99
99
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBar.FeaturesBar, {
100
100
  features: [{
101
+ feature: "UPC",
102
+ value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : _headerData$article4.upc) || (headerData === null || headerData === void 0 ? void 0 : headerData.upc)
103
+ }, {
104
+ feature: "SKU",
105
+ value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.sku) || (headerData === null || headerData === void 0 ? void 0 : headerData.sku)
106
+ }, {
101
107
  feature: "Categoría",
102
- value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : (_headerData$article4$ = _headerData$article4.categoryRetailer) === null || _headerData$article4$ === void 0 ? void 0 : (_headerData$article4$2 = _headerData$article4$[retailerIndex]) === null || _headerData$article4$2 === void 0 ? void 0 : _headerData$article4$2.category_name) || (headerData === null || headerData === void 0 ? void 0 : (_headerData$categoryR2 = headerData.categoryRetailer) === null || _headerData$categoryR2 === void 0 ? void 0 : (_headerData$categoryR3 = _headerData$categoryR2[retailerIndex]) === null || _headerData$categoryR3 === void 0 ? void 0 : _headerData$categoryR3.categoryName) || headerData.categoryName
108
+ value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article6 = headerData.article) === null || _headerData$article6 === void 0 ? void 0 : (_headerData$article6$ = _headerData$article6.categoryRetailer) === null || _headerData$article6$ === void 0 ? void 0 : (_headerData$article6$2 = _headerData$article6$[retailerIndex]) === null || _headerData$article6$2 === void 0 ? void 0 : _headerData$article6$2.category_name) || (headerData === null || headerData === void 0 ? void 0 : (_headerData$categoryR2 = headerData.categoryRetailer) === null || _headerData$categoryR2 === void 0 ? void 0 : (_headerData$categoryR3 = _headerData$categoryR2[retailerIndex]) === null || _headerData$categoryR3 === void 0 ? void 0 : _headerData$categoryR3.categoryName) || headerData.categoryName
103
109
  }, {
104
110
  feature: "Prov",
105
- value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.company_name
106
- }, {
107
- feature: "SKU",
108
- value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article6 = headerData.article) === null || _headerData$article6 === void 0 ? void 0 : _headerData$article6.upc) || (headerData === null || headerData === void 0 ? void 0 : headerData.upc)
111
+ value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article7 = headerData.article) === null || _headerData$article7 === void 0 ? void 0 : _headerData$article7.company_name
109
112
  }]
110
113
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarAndValidation.AvatarAndValidation, {
111
114
  retailers: retailers,