contentoh-components-library 21.0.18 → 21.0.21

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/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({});

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

@@ -23,6 +23,8 @@ var _react = require("react");
 
 var _index3 = require("../../atoms/AsignationOption/index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
   var _ref$status = _ref.status,
       status = _ref$status === void 0 ? "-" : _ref$status,
@@ -59,76 +61,90 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
       document.addEventListener("click", closeAsignations, false);
     }
   }, [showAsignationPanel]);
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    id: id
-  }, imagesSection && /*#__PURE__*/React.createElement("div", {
-    className: "images-buttons"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "circular-button save-button",
-    onClick: function onClick() {
-      saveImages && saveImages();
-    }
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "circular-button delete-button",
-    onClick: function onClick() {
-      deleteImages && deleteImages();
-    }
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: layout ? "grid-layout" : "row-layout",
-    onClick: function onClick() {
-      setLayout(!layout);
-      setImageLayout && setImageLayout(!layout);
-    }
-  })), /*#__PURE__*/React.createElement(_index2.StatusTag, {
-    statusType: status,
-    ovalForm: true
-  }), /*#__PURE__*/React.createElement(_Avatar.Avatar, {
-    imageType: "small-image",
-    image: src,
-    altText: "user profile image",
-    onClick: function onClick() {
-      setShowAsignationPanel(true);
-    }
-  }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
-    text: "Asig.",
-    color: "#969696",
-    fontFamily: "Avenir Next",
-    headerType: "input-name-header"
-  }), showAsignationPanel && /*#__PURE__*/React.createElement("div", {
-    className: "asignation-panel"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "asignation-header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "asignation-status"
-  }, /*#__PURE__*/React.createElement("p", null, "Estatus"), /*#__PURE__*/React.createElement(_index2.StatusTag, {
-    statusType: status,
-    ovalForm: true
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "asignation-percent"
-  }, /*#__PURE__*/React.createElement("p", null, "Estatus"), /*#__PURE__*/React.createElement("p", {
-    className: "percent"
-  }, percent, "%"))), /*#__PURE__*/React.createElement("div", {
-    className: "asignations-list"
-  }, asignationsList !== undefined ? asignationsList.map(function (asigantion, index) {
-    return /*#__PURE__*/React.createElement(_index3.AsignationOption, {
-      profileImage: asignation.image,
-      asignationType: asignation.asignationType,
-      name: asignation.name,
-      team: asigantion.team
-    });
-  }) : /*#__PURE__*/React.createElement("p", {
-    className: "no-asignations"
-  }, "Sin personas para asignar")), /*#__PURE__*/React.createElement("div", {
-    className: "default-asignations-list"
-  }, /*#__PURE__*/React.createElement(_index3.AsignationOption, {
-    asignationType: "provider",
-    name: "Solicitar a",
-    team: "Proveedor"
-  }), /*#__PURE__*/React.createElement(_index3.AsignationOption, {
-    asignationType: "team",
-    name: "Solicitar a",
-    team: "Content-oh!"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    id: id,
+    children: [imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "images-buttons",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+        buttonType: "circular-button save-button",
+        onClick: function onClick() {
+          saveImages && saveImages();
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+        buttonType: "circular-button delete-button",
+        onClick: function onClick() {
+          deleteImages && deleteImages();
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+        buttonType: layout ? "grid-layout" : "row-layout",
+        onClick: function onClick() {
+          setLayout(!layout);
+          setImageLayout && setImageLayout(!layout);
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+      statusType: status,
+      ovalForm: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+      imageType: "small-image",
+      image: src,
+      altText: "user profile image",
+      onClick: function onClick() {
+        setShowAsignationPanel(true);
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
+      text: "Asig.",
+      color: "#969696",
+      fontFamily: "Avenir Next",
+      headerType: "input-name-header"
+    }), showAsignationPanel && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "asignation-panel",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "asignation-header",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "asignation-status",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: "Estatus"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+            statusType: status,
+            ovalForm: true
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "asignation-percent",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: "Estatus"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+            className: "percent",
+            children: [percent, "%"]
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "asignations-list",
+        children: asignationsList !== undefined ? asignationsList.map(function (asigantion, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AsignationOption, {
+            profileImage: asignation.image,
+            asignationType: asignation.asignationType,
+            name: asignation.name,
+            team: asigantion.team
+          });
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "no-asignations",
+          children: "Sin personas para asignar"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "default-asignations-list",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AsignationOption, {
+          asignationType: "provider",
+          name: "Solicitar a",
+          team: "Proveedor"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AsignationOption, {
+          asignationType: "team",
+          name: "Solicitar a",
+          team: "Content-oh!"
+        })]
+      })]
+    })]
+  });
 };
 
 exports.StatusAsignationInfo = StatusAsignationInfo;

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

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

@@ -13,17 +13,21 @@ var _StatusAsignationInfo = require("../StatusAsignationInfo");
 
 var _variables = require("../../../global-files/variables");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TableHeader = function TableHeader(_ref) {
   var headerInfo = _ref.headerInfo,
       activeImage = _ref.activeImage;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.imageName,
-    color: _variables.GlobalColors.s5,
-    headerType: "input-name-header"
-  }), /*#__PURE__*/React.createElement(_StatusAsignationInfo.StatusAsignationInfo, {
-    status: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.status,
-    src: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.src
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.imageName,
+      color: _variables.GlobalColors.s5,
+      headerType: "input-name-header"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusAsignationInfo.StatusAsignationInfo, {
+      status: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.status,
+      src: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.src
+    })]
+  });
 };
 
 exports.TableHeader = TableHeader;

package/dist/components/molecules/TableRow/TableRow.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.TableRowDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/molecules/TableRow",
   component: _.TableRow,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.TableRow, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TableRow, (0, _objectSpread2.default)({}, args));
 };
 
 var TableRowDefault = Template.bind({});

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

@@ -9,17 +9,21 @@ var _styles = require("./styles");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TableRow = function TableRow(_ref) {
   var feature = _ref.feature,
       value = _ref.value,
       valueType = _ref.valueType;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: feature
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text " + (valueType && "gray-table-row"),
-    text: value
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "table-row-text",
+      text: feature
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "table-row-text " + (valueType && "gray-table-row"),
+      text: value
+    })]
+  });
 };
 
 exports.TableRow = TableRow;

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

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

@@ -15,6 +15,8 @@ var _TabSection = require("../../atoms/TabSection");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TabsMenu = function TabsMenu(_ref) {
   var _ref$tabsSections = _ref.tabsSections,
       tabsSections = _ref$tabsSections === void 0 ? {} : _ref$tabsSections,
@@ -37,16 +39,17 @@ var TabsMenu = function TabsMenu(_ref) {
     setSections(tempArray);
   };
 
-  return /*#__PURE__*/React.createElement(_styles.Container, null, Object.keys(sections).map(function (key, index) {
-    return /*#__PURE__*/React.createElement(_TabSection.TabSection, {
-      key: index,
-      label: key,
-      active: sections[key],
-      onClick: function onClick() {
-        return activeSection(key, sections);
-      }
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: Object.keys(sections).map(function (key, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabSection.TabSection, {
+        label: key,
+        active: sections[key],
+        onClick: function onClick() {
+          return activeSection(key, sections);
+        }
+      }, index);
+    })
+  });
 };
 
 exports.TabsMenu = TabsMenu;

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