contentoh-components-library 8.0.0 → 11.0.0

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,
@@ -26,33 +28,43 @@ var ValidationPanel = function ValidationPanel(_ref) {
     setShowValidationPanel(false);
   };
 
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    id: id
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      sendToFacilitator("A");
-    },
-    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() {
-      sendToFacilitator("R");
-    },
-    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() {
+        sendToFacilitator("A");
+      },
+      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() {
+        sendToFacilitator("R");
+      },
+      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({});

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

@@ -13,24 +13,30 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _bags = _interopRequireDefault(require("../../../assets/images/generalImage/bags.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var AddProvidersAndProducts = function AddProvidersAndProducts(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       onClick = _ref.onClick,
       className = _ref.className;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: className,
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "add-bags"
-  }, image && /*#__PURE__*/React.createElement("img", {
-    src: image,
-    alt: altText
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "header-and-paragraph",
-    text: "Comienza agregando Proveedores",
-    Paragraph: "O tambien puedes comenzar agregando tu productos"
-  })));
+    onClick: onClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "add-bags",
+      children: image && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: image,
+        alt: altText
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "header-and-paragraph",
+        text: "Comienza agregando Proveedores",
+        Paragraph: "O tambien puedes comenzar agregando tu productos"
+      })
+    })]
+  });
 };
 
 exports.AddProvidersAndProducts = AddProvidersAndProducts;

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

@@ -7,12 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AssignedWorkDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _assignedImage = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage1.svg"));
 
 var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage2.svg"));
 
+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/molecules/AssignedWork",
@@ -29,7 +33,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.AssignedWork, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AssignedWork, (0, _objectSpread2.default)({}, args));
 };
 
 var AssignedWorkDefault = Template.bind({});

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

@@ -17,39 +17,45 @@ var _flag = _interopRequireDefault(require("../../../assets/images/componentAssi
 
 var _index2 = require("../../atoms/Avatar/index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var AssignedWork = function AssignedWork(_ref) {
   var statusType = _ref.statusType,
       assignedImage = _ref.assignedImage;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: "status-".concat(statusType)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "header-flag"
-  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
-    headerType: "header-and-paragraph",
-    text: "Producto recibido",
-    Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
-  }), /*#__PURE__*/React.createElement("img", {
-    className: "flag",
-    src: _flag.default
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "clock-assigned"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "clock-header"
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "clock",
-    src: _clock.default
-  }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
-    headerType: "date-header",
-    text: "12/04/2021"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "assigned"
-  }, assignedImage.reverse().map(function (assigned, index) {
-    return index < 2 && /*#__PURE__*/React.createElement(_index2.Avatar, {
-      key: index,
-      image: assigned.image,
-      imageType: "big-image"
-    });
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    className: "status-".concat(statusType),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "header-flag",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
+        headerType: "header-and-paragraph",
+        text: "Producto recibido",
+        Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: "flag",
+        src: _flag.default
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "clock-assigned",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "clock-header",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          className: "clock",
+          src: _clock.default
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
+          headerType: "date-header",
+          text: "12/04/2021"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "assigned",
+        children: assignedImage.reverse().map(function (assigned, index) {
+          return index < 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Avatar, {
+            image: assigned.image,
+            imageType: "big-image"
+          }, index);
+        })
+      })]
+    })]
+  });
 };
 
 exports.AssignedWork = AssignedWork;

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

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

@@ -23,6 +23,8 @@ var _ValidationPanel = require("../../atoms/ValidationPanel");
 
 var _RetailerSelector = require("../RetailerSelector");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 //Components
 var AvatarAndValidation = function AvatarAndValidation(_ref) {
   var retailers = _ref.retailers,
@@ -56,23 +58,26 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
       document.addEventListener("click", closeValidationPanel, false);
     }
   }, [showValidationPanel]);
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "buttons-container"
-  }, /*#__PURE__*/React.createElement(_RetailerSelector.RetailerSelector, {
-    retailers: retailers,
-    activeRetailer: activeRetailer,
-    setActiveRetailer: setActiveRetailer
-  }), /*#__PURE__*/React.createElement(_DropDownButton.DropDownButton, null), approveRejectButtons() && (auditorAssigned() || userAssigned && userAssigned()) && /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "circular-button ".concat(buttonType),
-    onClick: function onClick() {
-      return setShowValidationPanel(true);
-    }
-  })), showValidationPanel && /*#__PURE__*/React.createElement(_ValidationPanel.ValidationPanel, {
-    id: "validation-panel",
-    setOptionClicked: setButtonType,
-    setShowValidationPanel: setShowValidationPanel,
-    sendToFacilitator: sendToFacilitator
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "buttons-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerSelector.RetailerSelector, {
+        retailers: retailers,
+        activeRetailer: activeRetailer,
+        setActiveRetailer: setActiveRetailer
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropDownButton.DropDownButton, {}), approveRejectButtons() && (auditorAssigned() || userAssigned && userAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+        buttonType: "circular-button ".concat(buttonType),
+        onClick: function onClick() {
+          return setShowValidationPanel(true);
+        }
+      })]
+    }), showValidationPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationPanel.ValidationPanel, {
+      id: "validation-panel",
+      setOptionClicked: setButtonType,
+      setShowValidationPanel: setShowValidationPanel,
+      sendToFacilitator: sendToFacilitator
+    })]
+  });
 };
 
 exports.AvatarAndValidation = AvatarAndValidation;

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

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

@@ -11,20 +11,24 @@ var _index = require("../../atoms/ProductImage/index");
 
 var _index2 = require("../../atoms/GeneralButton/index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var EditionActiveImage = function EditionActiveImage(_ref) {
   var img = _ref.img,
       altText = _ref.altText,
       setShowModal = _ref.setShowModal;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_index.ProductImage, {
-    img: img,
-    imageType: "main-image",
-    altText: altText
-  }), /*#__PURE__*/React.createElement(_index2.Button, {
-    buttonType: "open-modal-button",
-    onClick: function onClick() {
-      return setShowModal(true);
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImage, {
+      img: img,
+      imageType: "main-image",
+      altText: altText
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+      buttonType: "open-modal-button",
+      onClick: function onClick() {
+        return setShowModal(true);
+      }
+    })]
+  });
 };
 
 exports.EditionActiveImage = EditionActiveImage;

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

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

@@ -15,6 +15,8 @@ var _index = require("../../atoms/FeatureTag/index");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FeaturesBar = function FeaturesBar(_ref) {
   var features = _ref.features;
 
@@ -28,15 +30,15 @@ var FeaturesBar = function FeaturesBar(_ref) {
 
     setIsIE(((_window$navigator$use = window.navigator.userAgentString) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.indexOf("MSIE")) > -1 || ((_window$navigator$use2 = window.navigator.userAgentString) === null || _window$navigator$use2 === void 0 ? void 0 : _window$navigator$use2.indexOf("rv:")) > -1);
   }, []);
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: isIE ? "IEClass" : "gapClass"
-  }, features !== undefined && features.map(function (feature, index) {
-    return feature.value && /*#__PURE__*/React.createElement(_index.FeatureTag, {
-      key: index,
-      feature: feature.feature,
-      value: feature.value
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: isIE ? "IEClass" : "gapClass",
+    children: features !== undefined && features.map(function (feature, index) {
+      return feature.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FeatureTag, {
+        feature: feature.feature,
+        value: feature.value
+      }, index);
+    })
+  });
 };
 
 exports.FeaturesBar = FeaturesBar;

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