contentoh-components-library 21.0.20 → 21.0.21

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

@@ -7,10 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.NotificationDefault = 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/atoms/Notification",
   component: _index.Notification
@@ -18,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Notification, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Notification, (0, _objectSpread2.default)({}, args));
 };
 
 var NotificationDefault = Template.bind({});

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

@@ -9,19 +9,25 @@ var _styles = require("./styles");
 
 var _index = require("../../atoms/Avatar/index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Notification = function Notification(_ref) {
   var profilePicture = _ref.profilePicture,
       notification = _ref.notification,
       newNotification = _ref.newNotification;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: newNotification && "new-notification"
-  }, /*#__PURE__*/React.createElement(_index.Avatar, {
-    image: profilePicture,
-    imageType: "profile-image",
-    altText: "Profile Picture"
-  }), /*#__PURE__*/React.createElement("p", null, newNotification ? "Notificación nueva" : "Notificación vista"), notification ? /*#__PURE__*/React.createElement("p", {
-    className: "bolder"
-  }, notification) : "ODT 23441244");
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    className: newNotification && "new-notification",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+      image: profilePicture,
+      imageType: "profile-image",
+      altText: "Profile Picture"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: newNotification ? "Notificación nueva" : "Notificación vista"
+    }), notification ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "bolder",
+      children: notification
+    }) : "ODT 23441244"]
+  });
 };
 
 exports.Notification = Notification;

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

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

@@ -19,15 +19,19 @@ var _mediumPriority = _interopRequireDefault(require("../../../assets/images/fla
 
 var _lowPriority = _interopRequireDefault(require("../../../assets/images/flags/lowPriority.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var PriorityFlag = function PriorityFlag(_ref) {
   var _PriorityFlags;
 
   var priority = _ref.priority;
   var PriorityFlags = (_PriorityFlags = {}, (0, _defineProperty2.default)(_PriorityFlags, "no priority", _noPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "low", _lowPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "medium", _mediumPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "high", _highPriority.default), _PriorityFlags);
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("img", {
-    src: PriorityFlags[priority],
-    alt: priority
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: PriorityFlags[priority],
+      alt: priority
+    })
+  });
 };
 
 exports.PriorityFlag = PriorityFlag;

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

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

@@ -13,19 +13,22 @@ var _reactImageFallback = _interopRequireDefault(require("react-image-fallback")
 
 var _defaultProductImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProductImage.png"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ProductImage = function ProductImage(_ref) {
   var img = _ref.img,
       imageType = _ref.imageType,
       altText = _ref.altText,
       onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: imageType
-  }, /*#__PURE__*/React.createElement(_reactImageFallback.default, {
-    src: img,
-    fallbackImage: _defaultProductImage.default,
-    alt: altText,
-    onClick: onClick
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: imageType,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
+      src: img,
+      fallbackImage: _defaultProductImage.default,
+      alt: altText,
+      onClick: onClick
+    })
+  });
 };
 
 exports.ProductImage = ProductImage;

package/dist/components/atoms/ProductPercentCard/Percent.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.ProductPercentCardDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
 var _default = {
   title: "Components/atoms/ProductPercentCard",
@@ -23,7 +29,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ProductPercentCard, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductPercentCard, (0, _objectSpread2.default)({}, args));
 };
 
 var ProductPercentCardDefault = Template.bind({});

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

@@ -11,6 +11,8 @@ var _styles = require("./styles");
 
 var _polygon = _interopRequireDefault(require("../../../assets/images/arrow/polygon.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ProductPercentCard = function ProductPercentCard(_ref) {
   var statusType = _ref.statusType,
       _ref$totalProcucts = _ref.totalProcucts,
@@ -19,20 +21,25 @@ var ProductPercentCard = function ProductPercentCard(_ref) {
       productsInStatus = _ref$productsInStatus === void 0 ? 0 : _ref$productsInStatus;
   var result = productsInStatus / totalProcucts * 100;
   var percent = result.toString().search(/\./) ? result.toFixed(2) : result;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: "status-".concat(statusType)
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "text"
-  }, "Productos en proceso"), /*#__PURE__*/React.createElement("div", {
-    className: "percent-text"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "number"
-  }, productsInStatus), /*#__PURE__*/React.createElement("img", {
-    src: _polygon.default,
-    alt: ""
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "span"
-  }, percent == "NaN" ? 0 : percent, "%")));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    className: "status-".concat(statusType),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "text",
+      children: "Productos en proceso"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "percent-text",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "number",
+        children: productsInStatus
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _polygon.default,
+        alt: ""
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: "span",
+        children: [percent == "NaN" ? 0 : percent, "%"]
+      })]
+    })]
+  });
 };
 
 exports.ProductPercentCard = ProductPercentCard;

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

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

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

@@ -7,12 +7,17 @@ exports.ProgressBar = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ProgressBar = function ProgressBar(_ref) {
   var percent = _ref.percent,
       backgroundColor = _ref.backgroundColor;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    backgroundColor: backgroundColor
-  }, /*#__PURE__*/React.createElement("p", null, percent, "%"));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    backgroundColor: backgroundColor,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      children: [percent, "%"]
+    })
+  });
 };
 
 exports.ProgressBar = ProgressBar;

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

@@ -1,14 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ScreenHeaderDefatult = exports.ScreenHeaderDate = exports.ScreenHeaderAndParagraph = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _ = require(".");
 
 var _variables = require("../../../global-files/variables");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/ScreenHeader",
   label: "Screen Header",
@@ -37,7 +43,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.ScreenHeader, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ScreenHeader, (0, _objectSpread2.default)({}, args));
 };
 
 var ScreenHeaderDefatult = Template.bind({});

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

@@ -9,6 +9,8 @@ var _variables = require("../../../global-files/variables");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ScreenHeader = function ScreenHeader(_ref) {
   var text = _ref.text,
       boldText = _ref.boldText,
@@ -16,12 +18,16 @@ var ScreenHeader = function ScreenHeader(_ref) {
       color = _ref.color,
       headerType = _ref.headerType,
       Paragraph = _ref.Paragraph;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     fontFamily: fontFamily,
     color: color,
     className: headerType,
-    key: "title-".concat(text)
-  }, text, " ", boldText && /*#__PURE__*/React.createElement("span", null, " ", boldText), /*#__PURE__*/React.createElement("p", null, Paragraph));
+    children: [text, " ", boldText && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: [" ", boldText]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: Paragraph
+    })]
+  }, "title-".concat(text));
 };
 
 exports.ScreenHeader = ScreenHeader;

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

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

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

@@ -7,14 +7,20 @@ exports.SideMenuButton = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var SideMenuButton = function SideMenuButton(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       label = _ref.label;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, image && /*#__PURE__*/React.createElement("img", {
-    src: image,
-    alt: altText
-  }), /*#__PURE__*/React.createElement("p", null, label));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [image && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: image,
+      alt: altText
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: label
+    })]
+  });
 };
 
 exports.SideMenuButton = SideMenuButton;

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

@@ -1,14 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StatusTagDefault = 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 status = _variables.GlobalStatus;
 var _default = {
   title: "Components/atoms/StatusTag",
@@ -31,7 +37,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.StatusTag, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusTag, (0, _objectSpread2.default)({}, args));
 };
 
 var StatusTagDefault = Template.bind({});

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

@@ -7,12 +7,17 @@ exports.StatusTag = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var StatusTag = function StatusTag(_ref) {
   var statusType = _ref.statusType,
       ovalForm = _ref.ovalForm;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: "status-".concat(statusType, " ").concat(ovalForm && "oval-form")
-  }, /*#__PURE__*/React.createElement("p", null, statusType));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "status-".concat(statusType, " ").concat(ovalForm && "oval-form"),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: statusType
+    })
+  });
 };
 
 exports.StatusTag = StatusTag;

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

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

@@ -7,14 +7,19 @@ exports.TabSection = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TabSection = function TabSection(_ref) {
   var label = _ref.label,
       active = _ref.active,
       onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: active && "active",
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("p", null, label));
+    onClick: onClick,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: label
+    })
+  });
 };
 
 exports.TabSection = TabSection;

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

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

@@ -15,6 +15,8 @@ var _rejectIcon = _interopRequireDefault(require("../../../assets/images/general
 
 var _nullIcon = _interopRequireDefault(require("../../../assets/images/generalButton/nullIcon.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ValidationPanel = function ValidationPanel(_ref) {
   var id = _ref.id,
       setOptionClicked = _ref.setOptionClicked,
@@ -25,33 +27,43 @@ var ValidationPanel = function ValidationPanel(_ref) {
     setShowValidationPanel(false);
   };
 
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    id: id
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      optionSelected("accept");
-    },
-    className: "validation-option"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _acceptIcon.default,
-    alt: "accept button"
-  }), /*#__PURE__*/React.createElement("p", null, "Validado")), /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      optionSelected("reject");
-    },
-    className: "validation-option"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _rejectIcon.default,
-    alt: "reject button"
-  }), /*#__PURE__*/React.createElement("p", null, "Rechazado")), /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      optionSelected("null");
-    },
-    className: "validation-option"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _nullIcon.default,
-    alt: "null button"
-  }), /*#__PURE__*/React.createElement("p", null, "Null")));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    id: id,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      onClick: function onClick() {
+        optionSelected("accept");
+      },
+      className: "validation-option",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _acceptIcon.default,
+        alt: "accept button"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Validado"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      onClick: function onClick() {
+        optionSelected("reject");
+      },
+      className: "validation-option",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _rejectIcon.default,
+        alt: "reject button"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Rechazado"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      onClick: function onClick() {
+        optionSelected("null");
+      },
+      className: "validation-option",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _nullIcon.default,
+        alt: "null button"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Null"
+      })]
+    })]
+  });
 };
 
 exports.ValidationPanel = ValidationPanel;

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

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