contentoh-components-library 21.0.20 → 21.0.23

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

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PaymentMetodhDefault = exports.LoginPanelDefault = exports.GradientPanelDefault = exports.FullPlanDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _index2 = require("../../atoms/ScreenHeader/index");
@@ -27,6 +31,8 @@ var _AtomList = require("../AtomList");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/GradientPanel",
   component: _index.GradientPanel
@@ -34,123 +40,122 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.GradientPanel, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GradientPanel, (0, _objectSpread2.default)({}, args));
 };
 
 var GradientPanelDefault = Template.bind({});
 exports.GradientPanelDefault = GradientPanelDefault;
 GradientPanelDefault.args = {
-  componentsArray: [/*#__PURE__*/React.createElement(_index2.ScreenHeader, {
+  componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ScreenHeader, {
     fontFamily: _variables.FontFamily.Raleway_600,
     color: _variables.GlobalColors.white,
-    text: "Cadena",
-    key: "1"
-  }), /*#__PURE__*/React.createElement(_AtomList.AtomList, {
-    content: ["texto de prueba", "Atomlist"],
-    key: "2"
-  }), /*#__PURE__*/React.createElement(_index3.CustomerTypeImages, {
-    key: "3"
-  }), /*#__PURE__*/React.createElement("p", {
-    key: "4"
-  }, "Elige esta opci\xF3n si eres una Cadena Retailer."), /*#__PURE__*/React.createElement(_index4.Button, {
+    text: "Cadena"
+  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AtomList.AtomList, {
+    content: ["texto de prueba", "Atomlist"]
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.CustomerTypeImages, {}, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+    children: "Elige esta opci\xF3n si eres una Cadena Retailer."
+  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Button, {
     buttonType: "general-white-button",
-    label: "Seleccionar",
-    key: "5"
-  })],
+    label: "Seleccionar"
+  }, "5")],
   panelType: "home-panel"
 };
 var LoginPanelDefault = Template.bind({});
 exports.LoginPanelDefault = LoginPanelDefault;
 LoginPanelDefault.args = {
   panelColor: _variables.GlobalColors.white,
-  componentsArray: [/*#__PURE__*/React.createElement(_index5.LogoImage, {
-    key: "1"
-  }), /*#__PURE__*/React.createElement("div", {
+  componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "credenciales",
-    key: "2"
-  }, /*#__PURE__*/React.createElement(_index2.ScreenHeader, {
-    fontFamily: _variables.FontFamily.AvenirNext,
-    color: _variables.GlobalColors.s5,
-    text: "Ingresa tus credenciales"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ScreenHeader, {
+      fontFamily: _variables.FontFamily.AvenirNext,
+      color: _variables.GlobalColors.s5,
+      text: "Ingresa tus credenciales"
+    })
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "user",
-    key: "3"
-  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-    inputType: "text",
-    label: "Nombre de usuario",
-    inputPlaceHolder: "username@contentoh.com"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      label: "Nombre de usuario",
+      inputPlaceHolder: "username@contentoh.com"
+    })
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "password",
-    key: "4"
-  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-    inputType: "text",
-    label: "Contraseña",
-    inputPlaceHolder: "Escribe tu contraseña"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      label: "Contraseña",
+      inputPlaceHolder: "Escribe tu contraseña"
+    })
+  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "select",
-    key: "5"
-  }, /*#__PURE__*/React.createElement(_index6.CheckBox, {
-    label: "Mantener sesión activada",
-    id: "chk-default",
-    className: "active-left"
-  }), /*#__PURE__*/React.createElement("p", {
-    className: "active-right"
-  }, "Olvide mi contrase\xF1a")), /*#__PURE__*/React.createElement("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.CheckBox, {
+      label: "Mantener sesión activada",
+      id: "chk-default",
+      className: "active-left"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "active-right",
+      children: "Olvide mi contrase\xF1a"
+    })]
+  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-right",
-    key: "6"
-  }, /*#__PURE__*/React.createElement(_index4.Button, {
-    buttonType: "general-default-button",
-    label: "Iniciar sesión"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Button, {
+      buttonType: "general-default-button",
+      label: "Iniciar sesión"
+    })
+  }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "new-login",
-    key: "7"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "pre-registro"
-  }, "\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/React.createElement("span", null, " Reg\xEDstrate")))],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      className: "pre-registro",
+      children: ["\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: " Reg\xEDstrate"
+      })]
+    })
+  }, "7")],
   panelType: "home-login"
 };
 var PaymentMetodhDefault = Template.bind({});
 exports.PaymentMetodhDefault = PaymentMetodhDefault;
 PaymentMetodhDefault.args = {
   panelColor: _variables.GlobalColors.white,
-  componentsArray: [/*#__PURE__*/React.createElement("div", {
+  componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "arrowimage",
-    key: "1"
-  }, /*#__PURE__*/React.createElement(_index4.Button, {
-    buttonType: "general-arrow-button"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Button, {
+      buttonType: "general-arrow-button"
+    })
+  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "plan",
-    key: "2"
-  }, /*#__PURE__*/React.createElement(_index2.ScreenHeader, {
-    fontFamily: _variables.FontFamily.AvenirNext,
-    color: _variables.GlobalColors.s5,
-    text: "Prueba de 7 días"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ScreenHeader, {
+      fontFamily: _variables.FontFamily.AvenirNext,
+      color: _variables.GlobalColors.s5,
+      text: "Prueba de 7 días"
+    })
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "general-text",
-    key: "3"
-  }, /*#__PURE__*/React.createElement("p", null, "Para continuar te solicitamos el m\xE9todo de pago. Tienes un plazo de 7 d\xEDas para crear tus productos con base en el plan elegido.")), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Para continuar te solicitamos el m\xE9todo de pago. Tienes un plazo de 7 d\xEDas para crear tus productos con base en el plan elegido."
+    })
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "payment-register",
-    key: "4"
-  }, /*#__PURE__*/React.createElement(_PayMethod.PayMethod, null)), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PayMethod.PayMethod, {})
+  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-continuar",
-    key: "5"
-  }, /*#__PURE__*/React.createElement(_index4.Button, {
-    buttonType: "general-default-button",
-    label: "Continuar"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Button, {
+      buttonType: "general-default-button",
+      label: "Continuar"
+    })
+  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "continue",
-    key: "6"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "free"
-  }, "Continuar de forma gratuita"))],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "free",
+      children: "Continuar de forma gratuita"
+    })
+  }, "6")],
   panelType: "home-card"
 };
 var FullPlanDefault = Template.bind({});
 exports.FullPlanDefault = FullPlanDefault;
 FullPlanDefault.args = {
   panelColor: _variables.GlobalColors.white,
-  componentsArray: [/*#__PURE__*/React.createElement(_Fullplan.FullPlan, {
-    key: "1",
+  componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Fullplan.FullPlan, {
     title: "Elige el n\xFAmero de proveedores",
     textGeneral: "Bienvido a nuestra plataforma de cadena, para continuar elige el n\xFAmero de proveedores que tiene tu cadena",
     containerData: [{
@@ -166,6 +171,6 @@ FullPlanDefault.args = {
       number: "Ondemand",
       name: "agrega proveedores a tu forma"
     }]
-  })],
+  }, "1")],
   panelType: "home-plan"
 };

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

@@ -7,19 +7,23 @@ exports.GradientPanel = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var GradientPanel = function GradientPanel(_ref) {
   var panelColor = _ref.panelColor,
       _ref$componentsArray = _ref.componentsArray,
       componentsArray = _ref$componentsArray === void 0 ? [] : _ref$componentsArray,
       panelType = _ref.panelType;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     panelColor: panelColor,
-    className: panelType
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "main-container"
-  }, componentsArray === null || componentsArray === void 0 ? void 0 : componentsArray.map(function (component) {
-    return component;
-  })));
+    className: panelType,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "main-container",
+      children: componentsArray === null || componentsArray === void 0 ? void 0 : componentsArray.map(function (component) {
+        return component;
+      })
+    })
+  });
 };
 
 exports.GradientPanel = GradientPanel;

package/dist/components/atoms/Graphic/Graphic.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.GraphicDefault = 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/Graphic",
   component: _index.Graphic
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Graphic, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Graphic, (0, _objectSpread2.default)({}, args));
 };
 
 var GraphicDefault = Template.bind({});

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

@@ -11,6 +11,8 @@ var _reactChartjs = require("react-chartjs-2");
 
 require("chart.js/auto");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Graphic = function Graphic(_ref) {
   var data = _ref.data;
   var options = {
@@ -20,11 +22,13 @@ var Graphic = function Graphic(_ref) {
       }
     }
   };
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_reactChartjs.Chart, {
-    type: "doughnut",
-    data: data,
-    options: options
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Chart, {
+      type: "doughnut",
+      data: data,
+      options: options
+    })
+  });
 };
 
 exports.Graphic = Graphic;

package/dist/components/atoms/LoadImageMenu/LoadImageMenu.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.LoadImageMenuDefault = 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/LoadImageMenu",
   component: _index.LoadImageMenu
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.LoadImageMenu, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LoadImageMenu, (0, _objectSpread2.default)({}, args));
 };
 
 var LoadImageMenuDefault = Template.bind({});

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

@@ -17,6 +17,8 @@ var _genericModalUp = _interopRequireDefault(require("../../../assets/images/gen
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var LoadImageMenu = function LoadImageMenu(_ref) {
   var tipo = _ref.tipo,
       product = _ref.product,
@@ -40,7 +42,7 @@ var LoadImageMenu = function LoadImageMenu(_ref) {
       document.addEventListener("click", closeMenu, false);
     }
   }, [showMenu]);
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     onClick: function onClick(e) {
       setShowMenu(!showMenu);
 
@@ -48,27 +50,36 @@ var LoadImageMenu = function LoadImageMenu(_ref) {
         document.removeEventListener("click", closeMenu, false);
       }
     },
-    className: "list-container " + (showMenu && "show-menu")
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "tipo"
-  }, tipo, /*#__PURE__*/React.createElement("span", null, "*")), /*#__PURE__*/React.createElement("p", {
-    className: "products"
-  }, product, /*#__PURE__*/React.createElement("img", {
-    src: showMenu ? _genericModalUp.default : _genericModalDown.default,
-    alt: "Check icon"
-  })), showMenu && /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: "upload-image-menu"
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: "overall-list"
-  }, content === null || content === void 0 ? void 0 : content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: index + item.label,
-      onClick: function onClick() {
-        console.log(item.label);
-      }
-    }, /*#__PURE__*/React.createElement("p", null, item.label));
-  }))));
+    className: "list-container " + (showMenu && "show-menu"),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      className: "tipo",
+      children: [tipo, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "*"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      className: "products",
+      children: [product, /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: showMenu ? _genericModalUp.default : _genericModalDown.default,
+        alt: "Check icon"
+      })]
+    }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: id,
+      className: "upload-image-menu",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: "overall-list",
+        children: content === null || content === void 0 ? void 0 : content.map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            onClick: function onClick() {
+              console.log(item.label);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: item.label
+            })
+          }, index + item.label);
+        })
+      })
+    })]
+  });
 };
 
 exports.LoadImageMenu = LoadImageMenu;

package/dist/components/atoms/LogoImage/LogoImage.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.LogoImageDefault = 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/LogoImage",
   component: _index.LogoImage
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.LogoImage, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LogoImage, (0, _objectSpread2.default)({}, args));
 };
 
 var LogoImageDefault = Template.bind({});

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

@@ -11,13 +11,15 @@ var _styles = require("./styles");
 
 var _logoLogin = _interopRequireDefault(require("../../../assets/images/logo/logoLogin.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var LogoImage = function LogoImage() {
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    key: "logo"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _logoLogin.default,
-    alt: "logo"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _logoLogin.default,
+      alt: "logo"
+    })
+  }, "logo");
 };
 
 exports.LogoImage = LogoImage;

package/dist/components/atoms/MenuNotification/MenuNotification.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.MenuNotificationDefault = 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/MenuNotification",
   component: _index.MenuNotification
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.MenuNotification, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MenuNotification, (0, _objectSpread2.default)({}, args));
 };
 
 var MenuNotificationDefault = Template.bind({});

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

@@ -13,23 +13,29 @@ var _menuNotificationComment = _interopRequireDefault(require("../../../assets/i
 
 var _menuNotificationProduct = _interopRequireDefault(require("../../../assets/images/menuNotification/menuNotificationProduct.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var MenuNotification = function MenuNotification(_ref) {
   var content = _ref.content;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    id: "menu-notification"
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: "overall-list"
-  }, content === null || content === void 0 ? void 0 : content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: index,
-      onClick: function onClick() {
-        console.log(item.label);
-      }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: (content === null || content === void 0 ? void 0 : content.notificationType) === "productComment" ? _menuNotificationComment.default : _menuNotificationProduct.default,
-      alt: item.label
-    }), " ", /*#__PURE__*/React.createElement("p", null, item.label));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    id: "menu-notification",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: "overall-list",
+      children: content === null || content === void 0 ? void 0 : content.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          onClick: function onClick() {
+            console.log(item.label);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: (content === null || content === void 0 ? void 0 : content.notificationType) === "productComment" ? _menuNotificationComment.default : _menuNotificationProduct.default,
+            alt: item.label
+          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: item.label
+          })]
+        }, index);
+      })
+    })
+  });
 };
 
 exports.MenuNotification = MenuNotification;

package/dist/components/atoms/MenuProfile/MenuProfile.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.MenuProfileDefault = 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/MenuProfile",
   component: _index.MenuProfile
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.MenuProfile, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MenuProfile, (0, _objectSpread2.default)({}, args));
 };
 
 var MenuProfileDefault = Template.bind({});

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

@@ -15,6 +15,8 @@ var _settings = _interopRequireDefault(require("../../../assets/images/menuProfi
 
 var _logOut = _interopRequireDefault(require("../../../assets/images/menuProfile/logOut.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var MenuProfile = function MenuProfile(_ref) {
   var user = _ref.user;
   var content = [{
@@ -27,21 +29,29 @@ var MenuProfile = function MenuProfile(_ref) {
     icon: _logOut.default,
     label: "Cerrar sesión"
   }];
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    id: "menu-profile"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, user)), /*#__PURE__*/React.createElement("ul", {
-    className: "overall-list"
-  }, content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: index,
-      onClick: function onClick() {
-        console.log(item.label);
-      }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: item.icon,
-      alt: item.label
-    }), " ", /*#__PURE__*/React.createElement("p", null, item.label));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    id: "menu-profile",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: user
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: "overall-list",
+      children: content.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          onClick: function onClick() {
+            console.log(item.label);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: item.icon,
+            alt: item.label
+          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: item.label
+          })]
+        }, index);
+      })
+    })]
+  });
 };
 
 exports.MenuProfile = MenuProfile;