contentoh-components-library 21.0.9 → 21.0.13

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

@@ -23,43 +23,30 @@ var _react = require("react");
 
 var _index3 = require("../../atoms/AsignationOption/index");
 
-var _data = require("../../../global-files/data");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
 var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
-  var _assignationsImages$a, _assignationsImages$c;
-
   var _ref$status = _ref.status,
       status = _ref$status === void 0 ? "-" : _ref$status,
+      src = _ref.src,
       imagesSection = _ref.imagesSection,
       setImageLayout = _ref.setImageLayout,
+      asignationsList = _ref.asignationsList,
       _ref$percent = _ref.percent,
       percent = _ref$percent === void 0 ? 0 : _ref$percent,
-      assignationsImages = _ref.assignationsImages,
-      setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer,
-      downloadImages = _ref.downloadImages,
-      askToDeleteImages = _ref.askToDeleteImages,
+      saveImages = _ref.saveImages,
+      deleteImages = _ref.deleteImages,
       _ref$id = _ref.id,
-      id = _ref$id === void 0 ? "default-id" : _ref$id,
-      onClickSave = _ref.onClickSave;
+      id = _ref$id === void 0 ? "default-id" : _ref$id;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       showAsignationPanel = _useState2[0],
       setShowAsignationPanel = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(true),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       layout = _useState4[0],
       setLayout = _useState4[1];
 
-  var _useState5 = (0, _react.useState)("facilitator"),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      assignationType = _useState6[0],
-      setAssignationType = _useState6[1];
-
   var closeAsignations = function closeAsignations(e) {
     if (!e.target.closest("#default-id") && showAsignationPanel) {
       document.removeEventListener("click", closeAsignations, false);
@@ -72,100 +59,76 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
       document.addEventListener("click", closeAsignations, false);
     }
   }, [showAsignationPanel]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    id: id,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-      buttonType: "circular-button save-button",
-      onClick: onClickSave
-    }), imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "images-buttons",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-        buttonType: "circular-button delete-button",
-        onClick: function onClick() {
-          askToDeleteImages && askToDeleteImages();
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-        buttonType: "circular-button download-button",
-        onClick: function onClick() {
-          downloadImages();
-        }
-      }), /*#__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)("div", {
-      className: "assignations-container",
-      children: assignationsImages === null || assignationsImages === void 0 ? void 0 : (_assignationsImages$a = assignationsImages.assignations) === null || _assignationsImages$a === void 0 ? void 0 : _assignationsImages$a.map(function (assignation, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
-          imageType: "small-image",
-          image: (0, _data.getProfilePicture)(assignation.id, 20, 20),
-          altText: "user profile image",
-          onClick: function onClick() {
-            setShowAsignationPanel(true);
-            setAssignationType(assignation === null || assignation === void 0 ? void 0 : assignation.collaboratorType);
-          }
-        }, index + "-" + assignation.id);
-      })
-    }), /*#__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: (assignationsImages === null || assignationsImages === void 0 ? void 0 : assignationsImages.collaborators) !== undefined ? assignationsImages === null || assignationsImages === void 0 ? void 0 : (_assignationsImages$c = assignationsImages.collaborators[assignationType]) === null || _assignationsImages$c === void 0 ? void 0 : _assignationsImages$c.map(function (asignation, index) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AsignationOption, {
-            profileImage: (0, _data.getProfilePicture)(asignation === null || asignation === void 0 ? void 0 : asignation.id_user, 40, 40),
-            onClick: function onClick() {
-              setAssignation(assignationType, asignation === null || asignation === void 0 ? void 0 : asignation.id_user);
-            },
-            name: asignation.name
-          }, index + "-" + asignation.name);
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "no-asignations",
-          children: "Sin personas para asignar"
-        })
-      }), isRetailer === 1 && /*#__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!"
-        })]
-      })]
-    })]
-  });
+  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!"
+  }))));
 };
 
 exports.StatusAsignationInfo = StatusAsignationInfo;

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

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  > * + * {\n    margin-left: 8px;\n  }\n\n  .images-buttons {\n    button + * {\n      margin-left: 8px;\n    }\n  }\n\n  .assignations-container {\n    display: flex;\n    cursor: pointer;\n  }\n\n  .asignation-panel {\n    background: ", ";\n    border: 1px solid ", ";\n    box-sizing: border-box;\n    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);\n    border-radius: 4px;\n    padding: 10px 8px;\n    position: absolute;\n    top: calc(100% + 10px);\n    right: 0;\n    z-index: 10;\n\n    .asignation-header {\n      display: flex;\n      justify-content: space-between;\n\n      .asignation-status,\n      .asignation-percent {\n        & > p {\n          font-family: ", ";\n          font-weight: 500;\n          font-size: 14px;\n          line-height: 16px;\n          color: ", ";\n        }\n      }\n\n      .asignation-percent {\n        text-align: right;\n      }\n\n      & + * {\n        margin-top: 10px;\n      }\n    }\n\n    .asignations-list {\n      min-height: 40px;\n\n      .no-asignations {\n        padding: 5px;\n        font-family: ", ";\n        font-weight: 500;\n        font-size: 14px;\n        line-height: 16px;\n        color: ", ";\n      }\n\n      & + * {\n        margin-top: 10px;\n        border-top: 1px solid ", ";\n      }\n    }\n\n    .default-asignations-list {\n      padding-top: 10px;\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s3);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  > * + * {\n    margin-left: 8px;\n  }\n\n  .images-buttons {\n    button + * {\n      margin-left: 8px;\n    }\n  }\n\n  .asignation-panel {\n    background: ", ";\n    border: 1px solid ", ";\n    box-sizing: border-box;\n    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);\n    border-radius: 4px;\n    padding: 10px;\n    position: absolute;\n    top: calc(100% + 10px);\n    right: 0;\n\n    .asignation-header {\n      display: flex;\n      justify-content: space-between;\n\n      .asignation-status,\n      .asignation-percent {\n        & > p {\n          font-family: ", ";\n          font-weight: 500;\n          font-size: 14px;\n          line-height: 16px;\n          color: ", ";\n        }\n      }\n\n      .asignation-percent {\n        text-align: right;\n      }\n\n      & + * {\n        margin-top: 10px;\n      }\n    }\n\n    .asignations-list {\n      min-height: 40px;\n      border-bottom: 1px solid ", ";\n\n      .no-asignations {\n        padding: 5px;\n        font-family: ", ";\n        font-weight: 500;\n        font-size: 14px;\n        line-height: 16px;\n        color: ", ";\n      }\n\n      & + * {\n        margin-top: 10px;\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5);
 
 exports.Container = Container;

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

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

@@ -13,28 +13,17 @@ var _StatusAsignationInfo = require("../StatusAsignationInfo");
 
 var _variables = require("../../../global-files/variables");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var TableHeader = function TableHeader(_ref) {
-  var imagesStatus = _ref.imagesStatus,
-      activeImage = _ref.activeImage,
-      assignationsImages = _ref.assignationsImages,
-      setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer,
-      onClickSave = _ref.onClickSave;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      text: (activeImage === null || activeImage === void 0 ? void 0 : activeImage.name) || "-",
-      color: _variables.GlobalColors.s5,
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusAsignationInfo.StatusAsignationInfo, {
-      status: imagesStatus,
-      assignationsImages: assignationsImages,
-      setAssignation: setAssignation,
-      isRetailer: isRetailer,
-      onClickSave: onClickSave
-    })]
-  });
+  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
+  }));
 };
 
 exports.TableHeader = TableHeader;

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

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .input-name-header {\n    overflow: auto;\n    max-width: 40%;\n    white-space: nowrap;\n  }\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
 
 exports.Container = Container;

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

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

@@ -9,21 +9,17 @@ 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__*/(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
-    })]
-  });
+  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
+  }));
 };
 
 exports.TableRow = TableRow;

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

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

@@ -15,8 +15,6 @@ 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,
@@ -39,17 +37,16 @@ var TabsMenu = function TabsMenu(_ref) {
     setSections(tempArray);
   };
 
-  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);
-    })
-  });
+  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);
+      }
+    });
+  }));
 };
 
 exports.TabsMenu = TabsMenu;

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

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

@@ -11,51 +11,25 @@ var _index = require("../../atoms/ScreenHeader/index");
 
 var _index2 = require("../../atoms/GeneralInput/index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var TagAndInput = function TagAndInput(_ref) {
   var inputType = _ref.inputType,
       label = _ref.label,
       value = _ref.value,
       inputPlaceHolder = _ref.inputPlaceHolder,
-      inputId = _ref.inputId,
-      updatedDescriptions = _ref.updatedDescriptions,
-      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
-      updatedDatasheets = _ref.updatedDatasheets,
-      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      articleId = _ref.articleId,
-      version = _ref.version,
-      index = _ref.index,
-      isRequired = _ref.isRequired,
-      dinamicHeight = _ref.dinamicHeight,
-      inputCols = _ref.inputCols,
-      inputRows = _ref.inputRows,
-      maxChar = _ref.maxChar;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+      inputId = _ref.inputId;
+  return /*#__PURE__*/React.createElement(_styles.Container, {
     inputType: inputType,
     className: "input-container",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-      text: label,
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GeneralInput, {
-      inputId: inputId,
-      inputType: inputType,
-      inputValue: value,
-      index: index,
-      isRequired: isRequired,
-      inputPlaceholder: inputPlaceHolder,
-      updatedDescriptions: updatedDescriptions,
-      setUpdatedDescriptions: setUpdatedDescriptions,
-      updatedDatasheets: updatedDatasheets,
-      setUpdatedDatasheets: setUpdatedDatasheets,
-      articleId: articleId,
-      version: version,
-      dinamicHeight: dinamicHeight,
-      inputCols: inputCols,
-      inputRows: inputRows,
-      maxChar: maxChar
-    })]
-  }, "generalTagInput-".concat(inputType));
+    key: "generalTagInput-".concat(inputType)
+  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    text: label,
+    headerType: "input-name-header"
+  }), /*#__PURE__*/React.createElement(_index2.GeneralInput, {
+    inputId: inputId,
+    inputType: inputType,
+    inputValue: value,
+    inputPlaceholder: inputPlaceHolder
+  }));
 };
 
 exports.TagAndInput = TagAndInput;

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

package/dist/components/organisms/FullProductNameHeader/index.js

@@ -13,52 +13,23 @@ var _FeaturesBar = require("../../molecules/FeaturesBar");
 
 var _AvatarAndValidation = require("../../molecules/AvatarAndValidation");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var FullProductNameHeader = function FullProductNameHeader(_ref) {
-  var _headerData$article, _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article5;
-
-  var headerData = _ref.headerData,
-      percent = _ref.percent,
-      activeRetailer = _ref.activeRetailer,
-      setActiveRetailer = _ref.setActiveRetailer,
-      approveRejectButtons = _ref.approveRejectButtons,
-      sendToFacilitator = _ref.sendToFacilitator,
-      auditorAssigned = _ref.auditorAssigned,
-      userAssigned = _ref.userAssigned;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeader.ProductNameHeader, {
-      productName: headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : _headerData$article.name,
-      statusType: headerData === null || headerData === void 0 ? void 0 : headerData.status,
-      percent: percent === null || percent === void 0 ? void 0 : percent.toFixed(0),
-      priority: headerData === null || headerData === void 0 ? void 0 : headerData.prio,
-      date: new Date(headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.timestamp).toLocaleDateString()
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "features-bar-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBar.FeaturesBar, {
-        features: [{
-          feature: "Categoría",
-          value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article3 = headerData.article) === null || _headerData$article3 === void 0 ? void 0 : _headerData$article3.category
-        }, {
-          feature: "Prov",
-          value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : _headerData$article4.company_name
-        }, {
-          feature: "UPC",
-          value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.upc
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarAndValidation.AvatarAndValidation, {
-        retailers: headerData === null || headerData === void 0 ? void 0 : headerData.retailers,
-        avatarData: headerData === null || headerData === void 0 ? void 0 : headerData.avatarData,
-        validation: headerData === null || headerData === void 0 ? void 0 : headerData.validation,
-        activeRetailer: activeRetailer,
-        setActiveRetailer: setActiveRetailer,
-        approveRejectButtons: approveRejectButtons,
-        sendToFacilitator: sendToFacilitator,
-        auditorAssigned: auditorAssigned,
-        userAssigned: userAssigned
-      })]
-    })]
-  });
+  var headerData = _ref.headerData;
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ProductNameHeader.ProductNameHeader, {
+    productName: headerData === null || headerData === void 0 ? void 0 : headerData.name,
+    statusType: headerData === null || headerData === void 0 ? void 0 : headerData.status,
+    percent: headerData === null || headerData === void 0 ? void 0 : headerData.percent,
+    backgroundColor: headerData === null || headerData === void 0 ? void 0 : headerData.backgroundColor,
+    priority: headerData === null || headerData === void 0 ? void 0 : headerData.priority,
+    date: headerData === null || headerData === void 0 ? void 0 : headerData.date
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "features-bar-container"
+  }, /*#__PURE__*/React.createElement(_FeaturesBar.FeaturesBar, {
+    features: headerData === null || headerData === void 0 ? void 0 : headerData.features
+  }), /*#__PURE__*/React.createElement(_AvatarAndValidation.AvatarAndValidation, {
+    avatarData: headerData === null || headerData === void 0 ? void 0 : headerData.avatarData,
+    validation: headerData === null || headerData === void 0 ? void 0 : headerData.validation
+  })));
 };
 
 exports.FullProductNameHeader = FullProductNameHeader;