contentoh-components-library 10.0.0 → 13.0.0

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

@@ -15,26 +15,30 @@ 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,
       priority = _ref.priority,
       date = _ref.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,
-    progressBarType: statusType
-  }), /*#__PURE__*/React.createElement(_index4.PriorityFlag, {
-    priority: priority
-  }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
-    headerType: "date-header",
-    text: 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
+    })]
+  });
 };
 
 exports.ProductNameHeader = ProductNameHeader;

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

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

@@ -19,6 +19,8 @@ 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;
 
@@ -49,7 +51,7 @@ var ProductNotification = function ProductNotification(_ref) {
     notificationType: "productAssignation",
     label: "Agregaron comentario en producto 123"
   }];
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     onClick: function onClick(e) {
       e.stopPropagation();
       setShowMenu(!showMenu);
@@ -58,14 +60,15 @@ var ProductNotification = function ProductNotification(_ref) {
         document.removeEventListener("click", closeMenu, false);
       }
     },
-    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
-  }));
+    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
+    })]
+  });
 };
 
 exports.ProductNotification = ProductNotification;

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

@@ -7,10 +7,14 @@ 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
@@ -18,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ProfileHeader, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProfileHeader, (0, _objectSpread2.default)({}, args));
 };
 
 var ProfileHeaderDefault = Template.bind({});

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

@@ -21,6 +21,8 @@ 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,
@@ -46,7 +48,7 @@ var ProfileHeader = function ProfileHeader(_ref) {
   var MenuInfo = {
     user: "Administrador"
   };
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     onClick: function onClick(e) {
       e.stopPropagation();
       setShowMenu(!showMenu);
@@ -54,20 +56,24 @@ var ProfileHeader = function ProfileHeader(_ref) {
       if (showMenu) {
         document.removeEventListener("click", closeMenu, false);
       }
-    }
-  }, /*#__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
-  }));
+    },
+    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
+    })]
+  });
 };
 
 exports.ProfileHeader = ProfileHeader;

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

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

@@ -17,6 +17,8 @@ var _react = require("react");
 
 var _AsignationOption = require("../../atoms/AsignationOption");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var RetailerSelector = function RetailerSelector(_ref) {
   var retailers = _ref.retailers,
       activeRetailer = _ref.activeRetailer,
@@ -39,33 +41,34 @@ var RetailerSelector = function RetailerSelector(_ref) {
       document.addEventListener("click", closeRetailersPanel, false);
     }
   }, [retailersPanel]);
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    id: "retailers-assignation"
-  }, /*#__PURE__*/React.createElement(_Avatar.Avatar, {
-    image: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.image,
-    altText: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.name,
-    imageType: "medium-image",
-    onClick: function onClick() {
-      retailers.length > 1 && setRetailersPanel(!retailersPanel);
-      if (retailersPanel) document.removeEventListener("click", closeRetailersPanel, false);
-    }
-  }), retailersPanel && /*#__PURE__*/React.createElement("div", {
-    className: "retailers-panel"
-  }, retailers.map(function (retailer, index) {
-    return /*#__PURE__*/React.createElement(_AsignationOption.AsignationOption, {
-      key: "".concat(index, "-").concat(retailer === null || retailer === void 0 ? void 0 : retailer.name),
-      profileImage: retailer === null || retailer === void 0 ? void 0 : retailer.image,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    id: "retailers-assignation",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+      image: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.image,
+      altText: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.name,
       imageType: "medium-image",
-      asignationType: null,
-      name: retailer === null || retailer === void 0 ? void 0 : retailer.name,
-      team: retailer === null || retailer === void 0 ? void 0 : retailer.team,
       onClick: function onClick() {
-        setActiveRetailer(retailer);
-        document.removeEventListener("click", closeRetailersPanel, false);
-        setRetailersPanel(false);
+        retailers.length > 1 && setRetailersPanel(!retailersPanel);
+        if (retailersPanel) document.removeEventListener("click", closeRetailersPanel, false);
       }
-    });
-  })));
+    }), retailersPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "retailers-panel",
+      children: retailers.map(function (retailer, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AsignationOption.AsignationOption, {
+          profileImage: retailer === null || retailer === void 0 ? void 0 : retailer.image,
+          imageType: "medium-image",
+          asignationType: null,
+          name: retailer === null || retailer === void 0 ? void 0 : retailer.name,
+          team: retailer === null || retailer === void 0 ? void 0 : retailer.team,
+          onClick: function onClick() {
+            setActiveRetailer(retailer);
+            document.removeEventListener("click", closeRetailersPanel, false);
+            setRetailersPanel(false);
+          }
+        }, "".concat(index, "-").concat(retailer === null || retailer === void 0 ? void 0 : retailer.name));
+      })
+    })]
+  });
 };
 
 exports.RetailerSelector = RetailerSelector;

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

@@ -7,10 +7,14 @@ 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,
@@ -31,7 +35,7 @@ var setShowSidebar = function setShowSidebar(value) {
 };
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.SidebarNotification, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SidebarNotification, (0, _objectSpread2.default)({}, args));
 };
 
 var SidebarNotificationDefault = Template.bind({});

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

@@ -23,6 +23,8 @@ 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,
@@ -63,43 +65,47 @@ var SidebarNotification = function SidebarNotification(_ref) {
     return date;
   };
 
-  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
-      });
-    }));
-  }))), " ");
+  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));
+        })
+      })]
+    }), " "]
+  });
 };
 
 exports.SidebarNotification = SidebarNotification;

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