contentoh-components-library 9.0.0 → 12.0.0

package/.env.development

@@ -1,14 +1,16 @@
-REACT_APP_ARTICLE_DATA_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data
+REACT_APP_ARTICLE_DATA_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data
 
-REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data/datasheets
-REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data/descriptions
-REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data/images
-REACT_APP_ARTICLE_DATA_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data
-REACT_APP_VALID_EXPORT_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/valid-export
-REACT_APP_SERVICES_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/services
-REACT_APP_EVALUATION_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/evaluations
-REACT_APP_SEND_EVAL = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/eval-status
-REACT_APP_COMMENTS_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/comments
+REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data/datasheets
+REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data/descriptions
+REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data/images
+REACT_APP_ARTICLE_DATA_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data
+REACT_APP_VALID_EXPORT_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/valid-export
+REACT_APP_SERVICES_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/services
+REACT_APP_EVALUATION_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/evaluations
+REACT_APP_SEND_EVAL = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/eval-status
+REACT_APP_COMMENTS_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/comments
+REACT_APP_USER_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/users
+REACT_APP_ASSIGNATIONS_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/assignations
 
 REACT_APP_IMAGES_BUCKET=content-management-images
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile

package/.env.production

@@ -9,6 +9,8 @@ REACT_APP_SERVICES_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws
 REACT_APP_EVALUATION_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/evaluations
 REACT_APP_SEND_EVAL = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/eval-status
 REACT_APP_COMMENTS_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/comments
+REACT_APP_USER_ENDPOINT=https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/users
+REACT_APP_ASSIGNATIONS_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/assignations
 
 REACT_APP_IMAGES_BUCKET=content-management-images-prod
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile-prod

package/dist/components/atoms/ActivedFilter/ActivedFilter.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ActivedFilterDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/ActivedFilter",
   component: _index.ActivedFilter
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ActivedFilter, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ActivedFilter, (0, _objectSpread2.default)({}, args));
 };
 
 var ActivedFilterDefault = Template.bind({});

package/dist/components/atoms/ActivedFilter/index.js

@@ -11,12 +11,20 @@ var _styles = require("./styles");
 
 var _removeFilter = _interopRequireDefault(require("../../../assets/images/activedFilter/removeFilter.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ActivedFilter = function ActivedFilter(_ref) {
   var label = _ref.label;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, label && /*#__PURE__*/React.createElement("p", null, label), /*#__PURE__*/React.createElement("button", null, /*#__PURE__*/React.createElement("img", {
-    src: _removeFilter.default,
-    alt: "remove filter icon"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _removeFilter.default,
+        alt: "remove filter icon"
+      })
+    })]
+  });
 };
 
 exports.ActivedFilter = ActivedFilter;

package/dist/components/atoms/AsignationOption/AsignationOptions.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AsignationOptionDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/AsignationOptions",
   component: _index.AsignationOption
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.AsignationOption, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AsignationOption, (0, _objectSpread2.default)({}, args));
 };
 
 var AsignationOptionDefault = Template.bind({});

package/dist/components/atoms/AsignationOption/index.js

@@ -19,6 +19,8 @@ var _requestToTeam = _interopRequireDefault(require("../../../assets/images/asig
 
 var _availableIcon = _interopRequireDefault(require("../../../assets/images/asignationOptions/availableIcon.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var AsignationOption = function AsignationOption(_ref) {
   var profileImage = _ref.profileImage,
       _ref$asignationType = _ref.asignationType,
@@ -30,38 +32,43 @@ var AsignationOption = function AsignationOption(_ref) {
       onClick = _ref.onClick,
       btnOnClick = _ref.btnOnClick;
   var iconsAsignation = {
-    assigned: /*#__PURE__*/React.createElement("button", {
-      onClick: btnOnClick
-    }, /*#__PURE__*/React.createElement("img", {
-      src: _removeAsigned.default,
-      alt: "remove asigned"
-    })),
-    provider: /*#__PURE__*/React.createElement("img", {
+    assigned: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      onClick: btnOnClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _removeAsigned.default,
+        alt: "remove asigned"
+      })
+    }),
+    provider: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _requestToProvider.default,
       alt: "Solicitar a Proveedor"
     }),
-    team: /*#__PURE__*/React.createElement("img", {
+    team: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _requestToTeam.default,
       alt: "Solicitar a Team"
     }),
-    available: /*#__PURE__*/React.createElement("img", {
+    available: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _availableIcon.default,
       alt: "green circle icon"
     })
   };
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(_Avatar.Avatar, {
-    imageType: imageType,
-    image: profileImage === null || profileImage === void 0 ? void 0 : profileImage.image,
-    altText: "profile image"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "labels-container"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "name-label"
-  }, name), /*#__PURE__*/React.createElement("p", {
-    className: "team-label"
-  }, team)), asignationType && iconsAsignation[asignationType]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    onClick: onClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+      imageType: imageType,
+      image: profileImage,
+      altText: "profile image"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "labels-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "name-label",
+        children: name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "team-label",
+        children: team
+      })]
+    }), asignationType && iconsAsignation[asignationType]]
+  });
 };
 
 exports.AsignationOption = AsignationOption;

package/dist/components/atoms/AsignationOption/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: fit-content;\n  align-items: center;\n  cursor: pointer;\n\n  .profile-image,\n  .medium-image {\n    & + * {\n      margin-left: 15px;\n    }\n  }\n\n  .labels-container {\n    font-family: ", ";\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 16px;\n\n    .name-label,\n    .team-label {\n      inline-size: 100px;\n      overflow: hidden;\n    }\n\n    .name-label {\n      color: ", ";\n    }\n\n    .team-label {\n      color: ", ";\n    }\n\n    & + * {\n      margin-left: 11px;\n    }\n  }\n\n  button {\n    background-color: transparent;\n    cursor: pointer;\n    border: none;\n  }\n\n  & + * {\n    margin-top: 10px;\n  }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: fit-content;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 3px;\n  padding: 5px;\n\n  .profile-image,\n  .medium-image {\n    & + * {\n      margin-left: 15px;\n    }\n  }\n\n  .labels-container {\n    font-family: ", ";\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 16px;\n\n    .name-label,\n    .team-label {\n      inline-size: 100px;\n      overflow: hidden;\n    }\n\n    .name-label {\n      color: ", ";\n    }\n\n    .team-label {\n      color: ", ";\n    }\n\n    & + * {\n      margin-left: 11px;\n    }\n  }\n\n  button {\n    background-color: transparent;\n    cursor: pointer;\n    border: none;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  & + * {\n    margin-top: 10px;\n  }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.s3);
 
 exports.Container = Container;

package/dist/components/atoms/AtomList/AtomList.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AtomListDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/AtomList",
   component: _index.AtomList
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.AtomList, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AtomList, (0, _objectSpread2.default)({}, args));
 };
 
 var AtomListDefault = Template.bind({});

package/dist/components/atoms/AtomList/index.js

@@ -7,17 +7,22 @@ exports.AtomList = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var AtomList = function AtomList(_ref) {
   var content = _ref.content;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    key: "list-".concat(content.length)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
-    className: "listaGeneral"
-  }, content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: "item" + index
-    }, item);
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: "listaGeneral",
+        children: content.map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: item
+          }, "item" + index);
+        })
+      })
+    })
+  }, "list-".concat(content.length));
 };
 
 exports.AtomList = AtomList;

package/dist/components/atoms/Avatar/AsignationImage.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AvatarDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/Avatar",
   component: _index.Avatar,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Avatar, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, (0, _objectSpread2.default)({}, args));
 };
 
 var AvatarDefault = Template.bind({});

package/dist/components/atoms/Avatar/index.js

@@ -13,19 +13,22 @@ var _reactImageFallback = _interopRequireDefault(require("react-image-fallback")
 
 var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Avatar = function Avatar(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       imageType = _ref.imageType,
       onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: imageType
-  }, /*#__PURE__*/React.createElement(_reactImageFallback.default, {
-    src: image,
-    fallbackImage: _defaultProfileImage.default,
-    alt: altText,
-    onClick: onClick
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: imageType,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
+      src: image,
+      fallbackImage: _defaultProfileImage.default,
+      alt: altText,
+      onClick: onClick
+    })
+  });
 };
 
 exports.Avatar = Avatar;

package/dist/components/atoms/Card/Card.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CardDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/Card",
   component: _index.Card
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Card, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Card, (0, _objectSpread2.default)({}, args));
 };
 
 var CardDefault = Template.bind({});

package/dist/components/atoms/Card/index.js

@@ -7,13 +7,17 @@ exports.Card = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Card = function Card(_ref) {
   var cardIcon = _ref.cardIcon,
       altText = _ref.altText;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("img", {
-    src: cardIcon,
-    alt: altText
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: cardIcon,
+      alt: altText
+    })
+  });
 };
 
 exports.Card = Card;

package/dist/components/atoms/CheckBox/CheckBox.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CheckBoxDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/CheckBox",
   component: _index.CheckBox,
@@ -20,7 +26,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CheckBox, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CheckBox, (0, _objectSpread2.default)({}, args));
 };
 
 var CheckBoxDefault = Template.bind({});

package/dist/components/atoms/CheckBox/index.js

@@ -7,23 +7,27 @@ exports.CheckBox = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CheckBox = function CheckBox(_ref) {
   var id = _ref.id,
       label = _ref.label,
       onChange = _ref.onChange,
       isFilter = _ref.isFilter;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    key: "check-".concat(id)
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    name: id,
-    id: id,
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("label", {
-    htmlFor: id
-  }, label && /*#__PURE__*/React.createElement("p", {
-    className: isFilter && "filter-text"
-  }, label)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "checkbox",
+      name: id,
+      id: id,
+      onChange: onChange
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      htmlFor: id,
+      children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: isFilter && "filter-text",
+        children: label
+      })
+    })]
+  }, "check-".concat(id));
 };
 
 exports.CheckBox = CheckBox;

package/dist/components/atoms/Commentary/index.js

@@ -7,9 +7,17 @@ exports.Commentary = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Commentary = function Commentary(_ref) {
-  var comment = _ref.comment;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("p", null, comment));
+  var comment = _ref.comment,
+      reviewed = _ref.reviewed;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    reviewed: reviewed,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: comment
+    })
+  });
 };
 
 exports.Commentary = Commentary;

package/dist/components/atoms/Commentary/styles.js

@@ -15,6 +15,9 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 500px;\n  height: 80px;\n  border: 1px solid ", ";\n  padding: 10px;\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 15px;\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 500px;\n  height: 80px;\n  border: 1px solid ", ";\n  padding: 10px;\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 15px;\n    color: ", ";\n    text-decoration: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, function (_ref) {
+  var reviewed = _ref.reviewed;
+  return reviewed ? "line-through" : "none";
+});
 
 exports.Container = Container;

package/dist/components/atoms/CustomerTypeImage/CustomerTypeImage.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerTypeImagesDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/CustomerTypeImages",
   component: _index.CustomerTypeImages
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CustomerTypeImages, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerTypeImages, (0, _objectSpread2.default)({}, args));
 };
 
 var CustomerTypeImagesDefault = Template.bind({});

package/dist/components/atoms/CustomerTypeImage/index.js

@@ -13,16 +13,18 @@ var _Cadena = _interopRequireDefault(require("../../../assets/images/providerAnd
 
 var _Proveedor = _interopRequireDefault(require("../../../assets/images/providerAndCadena/Proveedor.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CustomerTypeImages = function CustomerTypeImages(_ref) {
   var _ref$imageType = _ref.imageType,
       imageType = _ref$imageType === void 0 ? "retailer" : _ref$imageType;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     imageType: imageType,
-    key: "image-".concat(imageType)
-  }, /*#__PURE__*/React.createElement("img", {
-    src: imageType === "retailer" ? _Cadena.default : _Proveedor.default,
-    alt: imageType === "retailer" ? "Cadena" : "Proveedor"
-  }));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: imageType === "retailer" ? _Cadena.default : _Proveedor.default,
+      alt: imageType === "retailer" ? "Cadena" : "Proveedor"
+    })
+  }, "image-".concat(imageType));
 };
 
 exports.CustomerTypeImages = CustomerTypeImages;

package/dist/components/atoms/DropDownButton/DropDownButton.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DropDownButtonGeneral = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/DropDownButton",
   component: _index.DropDownButton,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.DropDownButton, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DropDownButton, (0, _objectSpread2.default)({}, args));
 };
 
 var DropDownButtonGeneral = Template.bind({});

package/dist/components/atoms/DropDownButton/index.js

@@ -11,14 +11,17 @@ var _styles = require("./styles");
 
 var _dropDownArrowButton = _interopRequireDefault(require("../../../assets/images/dropDownButton/dropDownArrowButton.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var DropDownButton = function DropDownButton(_ref) {
   var active = _ref.active;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: active && "active"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _dropDownArrowButton.default,
-    alt: "V"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: active && "active",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _dropDownArrowButton.default,
+      alt: "V"
+    })
+  });
 };
 
 exports.DropDownButton = DropDownButton;

package/dist/components/atoms/EditField/EditField.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.EditFieldDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/EditField",
   component: _index.EditField
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.EditField, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EditField, (0, _objectSpread2.default)({}, args));
 };
 
 var EditFieldDefault = Template.bind({});