contentoh-components-library 21.0.8 → 21.0.12

package/dist/components/pages/RegistrationLoginThirdStep/index.js

@@ -31,8 +31,6 @@ var _TagAndInput = require("../../molecules/TagAndInput");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var RegistrationLoginThirdStep = function RegistrationLoginThirdStep(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -89,90 +87,78 @@ var RegistrationLoginThirdStep = function RegistrationLoginThirdStep(_ref) {
     };
   }();
 
-  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var loginRight = [/*#__PURE__*/React.createElement(_LogoImage.LogoImage, {
+    key: "1"
+  }), /*#__PURE__*/React.createElement("div", {
     className: "credenciales",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: "Ingresa tus credenciales"
-    })
-  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    key: "2"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    fontFamily: _variables.FontFamily.AvenirNext,
+    color: _variables.GlobalColors.s5,
+    text: "Ingresa tus credenciales"
+  })), /*#__PURE__*/React.createElement("div", {
     className: "user",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "commercialNameInput",
-      label: "Nombre comercial",
-      inputPlaceHolder: "Nombre comercial"
-    }), emptyCommercialName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese el nombre comercial de la empresa"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "bussinesNameInput",
-      label: "Razón social",
-      inputPlaceHolder: "Razón social"
-    }), emptyBussinesName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese la raz\xF3n social de la empresa"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "rfcInput",
-      label: "RFC",
-      inputPlaceHolder: "RFC"
-    }), emptyRFC && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "El RFC es requerido"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "fiscalAddressInput",
-      label: "Direccion fiscal",
-      inputPlaceHolder: "Dirección fiscal"
-    }), emptyFiscalAddress && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese la direccion fiscal de la empresa"
-    })]
-  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    key: "3"
+  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "commercialNameInput",
+    label: "Nombre comercial",
+    inputPlaceHolder: "Nombre comercial"
+  }), emptyCommercialName && /*#__PURE__*/React.createElement("label", null, "Ingrese el nombre comercial de la empresa"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "bussinesNameInput",
+    label: "Razón social",
+    inputPlaceHolder: "Razón social"
+  }), emptyBussinesName && /*#__PURE__*/React.createElement("label", null, "Ingrese la raz\xF3n social de la empresa"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "rfcInput",
+    label: "RFC",
+    inputPlaceHolder: "RFC"
+  }), emptyRFC && /*#__PURE__*/React.createElement("label", null, "El RFC es requerido"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "fiscalAddressInput",
+    label: "Direccion fiscal",
+    inputPlaceHolder: "Dirección fiscal"
+  }), emptyFiscalAddress && /*#__PURE__*/React.createElement("label", null, "Ingrese la direccion fiscal de la empresa")), /*#__PURE__*/React.createElement("div", {
     className: "button-end",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-      buttonType: "general-default-button",
-      label: "Enviar",
-      onClick: function onClick(e) {
-        return validate(e);
-      }
-    })
-  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    key: "4"
+  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    buttonType: "general-default-button",
+    label: "Enviar",
+    onClick: function onClick(e) {
+      return validate(e);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     className: "progress-bar",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "progress-bar-step-check"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "progress-bar-registration"
-    })]
-  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+    key: "5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "progress-bar-step-check"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "progress-bar-registration"
+  })), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
     text: "Paso 3",
     headerType: "date-header",
-    color: _variables.GlobalColors.s4
-  }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    color: _variables.GlobalColors.s4,
+    key: "6"
+  }), /*#__PURE__*/React.createElement("div", {
     className: "new-login",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: "pre-registro",
-      children: ["\xBFYa tienes una cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: " Inicia Sesi\xF3n"
-      })]
-    })
-  }, "7")];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
-        panelImg: imageArrayCarousel,
-        panelText: textCarousel,
-        panelColor: backogroundColorCarousel
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-login-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        componentsArray: loginRight,
-        panelType: "home-login",
-        panelColor: _variables.GlobalColors.white
-      })
-    })]
-  });
+    key: "7"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "pre-registro"
+  }, "\xBFYa tienes una cuenta?", /*#__PURE__*/React.createElement("span", null, " Inicia Sesi\xF3n")))];
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "home-retailer"
+  }, /*#__PURE__*/React.createElement(_CarouselImagesLogin.CarouselImagesLogin, {
+    panelImg: imageArrayCarousel,
+    panelText: textCarousel,
+    panelColor: backogroundColorCarousel
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "home-login-retailer"
+  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
+    componentsArray: loginRight,
+    panelType: "home-login",
+    panelColor: _variables.GlobalColors.white
+  })));
 };
 
 exports.RegistrationLoginThirdStep = RegistrationLoginThirdStep;

package/dist/components/pages/RetailerPlan/RetailerPlan.stories.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RetailerPlanDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -19,8 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/pages/RetailerPlan",
   Component: _index.RetailerPlan
@@ -28,23 +22,25 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RetailerPlan, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.RetailerPlan, args);
 };
 
 var RetailerPlanDefault = Template.bind({});
 exports.RetailerPlanDefault = RetailerPlanDefault;
 RetailerPlanDefault.args = {
   retailerLeft: {
-    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+      key: "1",
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Benficios de crear productos"
-    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AtomList.AtomList, {
+    }), /*#__PURE__*/React.createElement(_AtomList.AtomList, {
+      key: "2",
       content: ["Crea productos", "Solicita actualización", "Revisa, valida o rechaza productos", "Comparte con colaboradores"]
-    }, "2")]
+    })]
   },
   planRetailerData: {
-    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Fullplan.FullPlan, {
+    componentsArray: [/*#__PURE__*/React.createElement(_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: [{
@@ -56,7 +52,8 @@ RetailerPlanDefault.args = {
       }, {
         number: "+3000",
         name: "Proveedores"
-      }]
-    }, "1")]
+      }],
+      key: "1"
+    })]
   }
 };

package/dist/components/pages/RetailerPlan/index.js

@@ -11,27 +11,21 @@ var _GradientPanel = require("../../atoms/GradientPanel");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var RetailerPlan = function RetailerPlan(_ref) {
   var retailerLeft = _ref.retailerLeft,
       planRetailerData = _ref.planRetailerData;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "left-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        componentsArray: retailerLeft.componentsArray,
-        panelType: "home-panel"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "righ-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        panelColor: true,
-        componentsArray: planRetailerData.componentsArray,
-        panelType: "home-plan"
-      })
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "left-retailer"
+  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
+    componentsArray: retailerLeft.componentsArray,
+    panelType: "home-panel"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "righ-retailer"
+  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
+    panelColor: true,
+    componentsArray: planRetailerData.componentsArray,
+    panelType: "home-plan"
+  })));
 };
 
 exports.RetailerPlan = RetailerPlan;