contentoh-components-library 21.0.11 → 21.0.12

package/dist/components/molecules/PayMethod/index.js

@@ -21,46 +21,41 @@ var _TagAndInput = require("../TagAndInput");
 
 var _masterCardIcon = _interopRequireDefault(require("../../../assets/images/card/masterCardIcon.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var PayMethod = function PayMethod(_ref) {
   (0, _objectDestructuringEmpty2.default)(_ref);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "master",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-        fontFamily: _variables.FontFamily.AvenirNext,
-        color: _variables.GlobalColors.s5,
-        headerType: "input-name-header",
-        text: "Agrega tarjeta de credito"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
-        cardIcon: _masterCardIcon.default,
-        altText: "master-card-icon"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "card-number",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        label: "Número de tarjeta de credito",
-        inputPlaceHolder: "1234 5678 1234 5678"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "card-data",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        label: "Nombre del titular",
-        inputPlaceHolder: "Bart Simpson"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        label: "Expira",
-        inputPlaceHolder: "22/27"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        label: "CVV",
-        inputPlaceHolder: "***"
-      })]
-    })]
-  }, "pay");
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    key: "pay"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "master"
+  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    fontFamily: _variables.FontFamily.AvenirNext,
+    color: _variables.GlobalColors.s5,
+    headerType: "input-name-header",
+    text: "Agrega tarjeta de credito"
+  }), /*#__PURE__*/React.createElement(_Card.Card, {
+    cardIcon: _masterCardIcon.default,
+    altText: "master-card-icon"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "card-number"
+  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    label: "Número de tarjeta de credito",
+    inputPlaceHolder: "1234 5678 1234 5678"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "card-data"
+  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    label: "Nombre del titular",
+    inputPlaceHolder: "Bart Simpson"
+  }), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    label: "Expira",
+    inputPlaceHolder: "22/27"
+  }), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    label: "CVV",
+    inputPlaceHolder: "***"
+  })));
 };
 
 exports.PayMethod = PayMethod;

package/dist/components/molecules/PlanSelection/PlanSelection.stories.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PlanSelectionDefault = 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/molecules/PlanSelection",
   component: _index.PlanSelection
@@ -20,7 +14,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PlanSelection, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.PlanSelection, args);
 };
 
 var PlanSelectionDefault = Template.bind({});

package/dist/components/molecules/PlanSelection/index.js

@@ -9,8 +9,6 @@ var _styles = require("./styles");
 
 var _index = require("../../atoms/GeneralTextBox/index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var PlanSelection = function PlanSelection(_ref) {
   var planSelection = _ref.planSelection,
       setbuttonActive = _ref.setbuttonActive;
@@ -24,18 +22,17 @@ var PlanSelection = function PlanSelection(_ref) {
     setbuttonActive(true);
   };
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: planSelection === null || planSelection === void 0 ? void 0 : planSelection.map(function (plan, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralTextBox, {
-        className: "button-plan",
-        onClick: function onClick(e) {
-          return setActivePlan(e);
-        },
-        number: plan === null || plan === void 0 ? void 0 : plan.number,
-        name: plan === null || plan === void 0 ? void 0 : plan.name
-      }, index);
-    })
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, planSelection === null || planSelection === void 0 ? void 0 : planSelection.map(function (plan, index) {
+    return /*#__PURE__*/React.createElement(_index.GeneralTextBox, {
+      className: "button-plan",
+      onClick: function onClick(e) {
+        return setActivePlan(e);
+      },
+      key: index,
+      number: plan === null || plan === void 0 ? void 0 : plan.number,
+      name: plan === null || plan === void 0 ? void 0 : plan.name
+    });
+  }));
 };
 
 exports.PlanSelection = PlanSelection;

package/dist/components/molecules/ProductNameHeader/ProductNameHeader.stories.js

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

package/dist/components/molecules/ProductNameHeader/index.js

@@ -15,30 +15,27 @@ var _index3 = require("../../atoms/ProgressBar/index");
 
 var _index4 = require("../../atoms/PriorityFlag/index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ProductNameHeader = function ProductNameHeader(_ref) {
   var productName = _ref.productName,
       statusType = _ref.statusType,
       percent = _ref.percent,
+      backgroundColor = _ref.backgroundColor,
       priority = _ref.priority,
       date = _ref.date;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-      headerType: "product-name-header",
-      text: productName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
-      statusType: statusType
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ProgressBar, {
-      percent: percent,
-      progressBarType: statusType
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.PriorityFlag, {
-      priority: priority
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-      headerType: "date-header",
-      text: date
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "product-name-header",
+    text: productName
+  }), /*#__PURE__*/React.createElement(_index2.StatusTag, {
+    statusType: statusType
+  }), /*#__PURE__*/React.createElement(_index3.ProgressBar, {
+    percent: percent,
+    backgroundColor: backgroundColor
+  }), /*#__PURE__*/React.createElement(_index4.PriorityFlag, {
+    priority: priority
+  }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "date-header",
+    text: date
+  }));
 };
 
 exports.ProductNameHeader = ProductNameHeader;

package/dist/components/molecules/ProductNotification/ProductNotification.stories.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProductNotificationDefault = 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/molecules/ProductNotification",
   component: _index.ProductNotification
@@ -20,7 +14,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductNotification, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.ProductNotification, args);
 };
 
 var ProductNotificationDefault = Template.bind({});

package/dist/components/molecules/ProductNotification/index.js

@@ -19,8 +19,6 @@ var _MenuNotification = require("../../atoms/MenuNotification");
 
 var _productNotification = _interopRequireDefault(require("../../../assets/images/productNotification/productNotification.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ProductNotification = function ProductNotification(_ref) {
   var notification = _ref.notification;
 
@@ -51,7 +49,7 @@ var ProductNotification = function ProductNotification(_ref) {
     notificationType: "productAssignation",
     label: "Agregaron comentario en producto 123"
   }];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+  return /*#__PURE__*/React.createElement(_styles.Container, {
     onClick: function onClick(e) {
       e.stopPropagation();
       setShowMenu(!showMenu);
@@ -60,15 +58,14 @@ var ProductNotification = function ProductNotification(_ref) {
         document.removeEventListener("click", closeMenu, false);
       }
     },
-    className: notification && "new-notification",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
-      image: _productNotification.default,
-      imageType: "big-image",
-      altText: "Notification Picture"
-    }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuNotification.MenuNotification, {
-      content: content
-    })]
-  });
+    className: notification && "new-notification"
+  }, /*#__PURE__*/React.createElement(_index.Avatar, {
+    image: _productNotification.default,
+    imageType: "big-image",
+    altText: "Notification Picture"
+  }), showMenu && /*#__PURE__*/React.createElement(_MenuNotification.MenuNotification, {
+    content: content
+  }));
 };
 
 exports.ProductNotification = ProductNotification;

package/dist/components/molecules/ProfileHeader/ProfileHeader.stories.js

@@ -7,14 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ProfileHeaderDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _profilePicture = _interopRequireDefault(require("../../../assets/images/profileHeader/profilePicture.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/molecules/ProfileHeader",
   component: _index.ProfileHeader
@@ -22,7 +18,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProfileHeader, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.ProfileHeader, args);
 };
 
 var ProfileHeaderDefault = Template.bind({});

package/dist/components/molecules/ProfileHeader/index.js

@@ -21,8 +21,6 @@ var _react = require("react");
 
 var _MenuProfile = require("../../atoms/MenuProfile");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ProfileHeader = function ProfileHeader(_ref) {
   var customerProfileImg = _ref.customerProfileImg,
       customerName = _ref.customerName,
@@ -48,7 +46,7 @@ var ProfileHeader = function ProfileHeader(_ref) {
   var MenuInfo = {
     user: "Administrador"
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+  return /*#__PURE__*/React.createElement(_styles.Container, {
     onClick: function onClick(e) {
       e.stopPropagation();
       setShowMenu(!showMenu);
@@ -56,24 +54,20 @@ var ProfileHeader = function ProfileHeader(_ref) {
       if (showMenu) {
         document.removeEventListener("click", closeMenu, false);
       }
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Avatar, {
-      image: customerProfileImg,
-      imageType: "profile-image",
-      altText: "Profile Picture"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "user-info",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-        headerType: "retailer-name-header",
-        text: customerName,
-        color: _variables.GlobalColors.original_magenta
-      }), customer && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: customer
-      })]
-    }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuProfile.MenuProfile, {
-      user: MenuInfo.user
-    })]
-  });
+    }
+  }, /*#__PURE__*/React.createElement(_index2.Avatar, {
+    image: customerProfileImg,
+    imageType: "profile-image",
+    altText: "Profile Picture"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "user-info"
+  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "retailer-name-header",
+    text: customerName,
+    color: _variables.GlobalColors.original_magenta
+  }), customer && /*#__PURE__*/React.createElement("p", null, customer)), showMenu && /*#__PURE__*/React.createElement(_MenuProfile.MenuProfile, {
+    user: MenuInfo.user
+  }));
 };
 
 exports.ProfileHeader = ProfileHeader;

package/dist/components/molecules/SidebarNotification/SidebarNotification.stories.js

@@ -7,14 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SidebarNotificationDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/molecules/SidebarNotification",
   component: _index.SidebarNotification,
@@ -35,7 +31,7 @@ var setShowSidebar = function setShowSidebar(value) {
 };
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SidebarNotification, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.SidebarNotification, args);
 };
 
 var SidebarNotificationDefault = Template.bind({});

package/dist/components/molecules/SidebarNotification/index.js

@@ -23,8 +23,6 @@ var _Notification = require("../../atoms/Notification");
 
 var _react = require("react");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var SidebarNotification = function SidebarNotification(_ref) {
   var _ref$array = _ref.array,
       array = _ref$array === void 0 ? [] : _ref$array,
@@ -65,47 +63,43 @@ var SidebarNotification = function SidebarNotification(_ref) {
     return date;
   };
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [showSidebar && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      id: "side-bar",
-      ref: sidebar,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "notification-header",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Avatar, {
-          image: _productNotification.default,
-          imageType: "retailer-image",
-          altText: "Notification Picture"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-          headerType: "product-name-header",
-          text: "Notificaciones",
-          color: "#867586"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-          buttonType: "close-button"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "scroll",
-        children: array === null || array === void 0 ? void 0 : array.map(function (element, index) {
-          var _element$notification;
-
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "date-notification",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-              headerType: "input-name-header",
-              text: comparisonDate(element === null || element === void 0 ? void 0 : element.dates),
-              color: "#6A5880",
-              FontFamily: _variables.FontFamily.AvenirNext
-            }), element === null || element === void 0 ? void 0 : (_element$notification = element.notifications) === null || _element$notification === void 0 ? void 0 : _element$notification.map(function (notification, index) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Notification.Notification, {
-                profilePicture: notification === null || notification === void 0 ? void 0 : notification.profilePicture,
-                notification: notification === null || notification === void 0 ? void 0 : notification.notification,
-                newNotification: notification === null || notification === void 0 ? void 0 : notification.newNotification
-              }, index);
-            })]
-          }, index + "-" + (element === null || element === void 0 ? void 0 : element.dates));
-        })
-      })]
-    }), " "]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showSidebar && /*#__PURE__*/React.createElement(_styles.Container, {
+    id: "side-bar",
+    ref: sidebar
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "notification-header"
+  }, /*#__PURE__*/React.createElement(_index2.Avatar, {
+    image: _productNotification.default,
+    imageType: "retailer-image",
+    altText: "Notification Picture"
+  }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "product-name-header",
+    text: "Notificaciones",
+    color: "#867586"
+  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    buttonType: "close-button"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "scroll"
+  }, array === null || array === void 0 ? void 0 : array.map(function (element, index) {
+    var _element$notification;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: "date-notification",
+      key: index + "-" + (element === null || element === void 0 ? void 0 : element.dates)
+    }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+      headerType: "input-name-header",
+      text: comparisonDate(element === null || element === void 0 ? void 0 : element.dates),
+      color: "#6A5880",
+      FontFamily: _variables.FontFamily.AvenirNext
+    }), element === null || element === void 0 ? void 0 : (_element$notification = element.notifications) === null || _element$notification === void 0 ? void 0 : _element$notification.map(function (notification, index) {
+      return /*#__PURE__*/React.createElement(_Notification.Notification, {
+        key: index,
+        profilePicture: notification === null || notification === void 0 ? void 0 : notification.profilePicture,
+        notification: notification === null || notification === void 0 ? void 0 : notification.notification,
+        newNotification: notification === null || notification === void 0 ? void 0 : notification.newNotification
+      });
+    }));
+  }))), " ");
 };
 
 exports.SidebarNotification = SidebarNotification;

package/dist/components/molecules/StatusAsignationInfo/StatusAsignationInfo.stories.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StatusAsignationInfoDefault = 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/molecules/StatusAsignationInfo",
   component: _index.StatusAsignationInfo
@@ -20,7 +14,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusAsignationInfo, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.StatusAsignationInfo, args);
 };
 
 var StatusAsignationInfoDefault = Template.bind({});