contentoh-components-library 10.0.0 → 13.0.0

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

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

@@ -17,6 +17,8 @@ var _index2 = require("../../molecules/StatusAsignationInfo/index");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FullTabsMenu = function FullTabsMenu(_ref) {
   var tabsSections = _ref.tabsSections,
       _ref$status = _ref.status,
@@ -28,29 +30,34 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       saveDatasheets = _ref.saveDatasheets,
       saveDescriptions = _ref.saveDescriptions,
       updateImages = _ref.updateImages,
-      assignations = _ref.assignations;
+      assig = _ref.assig,
+      setAssignation = _ref.setAssignation,
+      isRetailer = _ref.isRetailer;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       imagesSection = _useState2[0],
-      setImagesSection = _useState2[1]; //console.log(status);
-
-
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_index.TabsMenu, {
-    tabsSections: tabsSections,
-    setImagesSection: setImagesSection,
-    setActiveTab: setActiveTab
-  }), /*#__PURE__*/React.createElement(_index2.StatusAsignationInfo, {
-    status: status[activeTab],
-    activeTab: activeTab,
-    image: profileImage,
-    setImageLayout: setImageLayout,
-    imagesSection: imagesSection,
-    saveDatasheets: saveDatasheets,
-    saveDescriptions: saveDescriptions,
-    updateImages: updateImages,
-    assignationsImages: assignations[activeTab]
-  }));
+      setImagesSection = _useState2[1];
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, {
+      tabsSections: tabsSections,
+      setImagesSection: setImagesSection,
+      setActiveTab: setActiveTab
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusAsignationInfo, {
+      status: status[activeTab],
+      activeTab: activeTab,
+      image: profileImage,
+      setImageLayout: setImageLayout,
+      imagesSection: imagesSection,
+      saveDatasheets: saveDatasheets,
+      saveDescriptions: saveDescriptions,
+      updateImages: updateImages,
+      assignationsImages: assig,
+      setAssignation: setAssignation,
+      isRetailer: isRetailer
+    })]
+  });
 };
 
 exports.FullTabsMenu = FullTabsMenu;

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

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

@@ -21,6 +21,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FullPlan = function FullPlan(_ref) {
   var title = _ref.title,
       textGeneral = _ref.textGeneral,
@@ -31,21 +33,27 @@ var FullPlan = function FullPlan(_ref) {
       buttonActive = _useState2[0],
       setbuttonActive = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "product-name-header",
-    text: title,
-    color: _variables.GlobalColors.original_purpura
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "general-text"
-  }, /*#__PURE__*/React.createElement("p", null, textGeneral)), /*#__PURE__*/React.createElement(_PlanSelection.PlanSelection, {
-    planSelection: containerData,
-    setbuttonActive: setbuttonActive
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: buttonActive ? "general-default-button" : "general-transparent-button",
-    label: "Continuar"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "product-name-header",
+        text: title,
+        color: _variables.GlobalColors.original_purpura
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "general-text",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: textGeneral
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlanSelection.PlanSelection, {
+      planSelection: containerData,
+      setbuttonActive: setbuttonActive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: buttonActive ? "general-default-button" : "general-transparent-button",
+      label: "Continuar"
+    })]
+  });
 };
 
 exports.FullPlan = FullPlan;

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

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

@@ -17,6 +17,8 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _LabelToInput = _interopRequireDefault(require("../../atoms/LabelToInput"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImageDataTable = function ImageDataTable(_ref) {
   var _lists$inputs, _lists$inputs$find, _lists$imagePackaging, _lists$imagePackaging2, _lists$imageType, _lists$imageType$find, _lists$attrForImgs$re;
 
@@ -26,68 +28,83 @@ var ImageDataTable = function ImageDataTable(_ref) {
       retailerSelected = _ref.retailerSelected,
       setImages = _ref.setImages,
       assignationsImages = _ref.assignationsImages,
-      imagesStatus = _ref.imagesStatus;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    darkMode: darkMode
-  }, /*#__PURE__*/React.createElement(_TableHeader.TableHeader, {
-    imagesStatus: imagesStatus,
-    activeImage: activeImage,
-    assignationsImages: assignationsImages
-  }), /*#__PURE__*/React.createElement(_styles2.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: "Tipo de toma"
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text gray-table-row",
-    text: lists === null || lists === void 0 ? void 0 : (_lists$inputs = lists.inputs) === null || _lists$inputs === void 0 ? void 0 : (_lists$inputs$find = _lists$inputs.find(function (f) {
-      return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_id);
-    })) === null || _lists$inputs$find === void 0 ? void 0 : _lists$inputs$find.name
-  })), /*#__PURE__*/React.createElement(_styles2.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: "Tipo de empaque"
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text gray-table-row",
-    text: lists === null || lists === void 0 ? void 0 : (_lists$imagePackaging = lists.imagePackagingType) === null || _lists$imagePackaging === void 0 ? void 0 : (_lists$imagePackaging2 = _lists$imagePackaging.find(function (f) {
-      return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.packing_type);
-    })) === null || _lists$imagePackaging2 === void 0 ? void 0 : _lists$imagePackaging2.name
-  })), /*#__PURE__*/React.createElement(_styles2.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: "Tipo de imagen"
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text gray-table-row",
-    text: lists === null || lists === void 0 ? void 0 : (_lists$imageType = lists.imageType) === null || _lists$imageType === void 0 ? void 0 : (_lists$imageType$find = _lists$imageType.find(function (f) {
-      return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_type);
-    })) === null || _lists$imageType$find === void 0 ? void 0 : _lists$imageType$find.name
-  })), /*#__PURE__*/React.createElement(_styles2.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: "Formato"
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.ext
-  })), /*#__PURE__*/React.createElement(_styles2.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: "Tama\xF1o de imagen"
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: "".concat(activeImage === null || activeImage === void 0 ? void 0 : activeImage.width, "x").concat(activeImage === null || activeImage === void 0 ? void 0 : activeImage.height, "px")
-  })), retailerSelected && (lists === null || lists === void 0 ? void 0 : lists.attrForImgs) && (lists === null || lists === void 0 ? void 0 : (_lists$attrForImgs$re = lists.attrForImgs[retailerSelected]) === null || _lists$attrForImgs$re === void 0 ? void 0 : _lists$attrForImgs$re.map(function (attr, index) {
-    return /*#__PURE__*/React.createElement(_styles2.Container, {
-      key: "row-" + index
-    }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      headerType: "table-row-text",
-      text: attr === null || attr === void 0 ? void 0 : attr.name
-    }), /*#__PURE__*/React.createElement(_LabelToInput.default, {
-      width: "100px",
-      defaultValue: attr === null || attr === void 0 ? void 0 : attr.value,
-      onChange: function onChange(e) {
-        setImages({
-          action: "changeAttrValue",
-          retailer: retailerSelected,
-          index: index,
-          value: e.target.value
-        });
-      }
-    }));
-  })));
+      imagesStatus = _ref.imagesStatus,
+      setAssignation = _ref.setAssignation,
+      isRetailer = _ref.isRetailer;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    darkMode: darkMode,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
+      imagesStatus: imagesStatus,
+      activeImage: activeImage,
+      assignationsImages: assignationsImages,
+      setAssignation: setAssignation,
+      isRetailer: isRetailer
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de toma"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: lists === null || lists === void 0 ? void 0 : (_lists$inputs = lists.inputs) === null || _lists$inputs === void 0 ? void 0 : (_lists$inputs$find = _lists$inputs.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_id);
+        })) === null || _lists$inputs$find === void 0 ? void 0 : _lists$inputs$find.name
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de empaque"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: lists === null || lists === void 0 ? void 0 : (_lists$imagePackaging = lists.imagePackagingType) === null || _lists$imagePackaging === void 0 ? void 0 : (_lists$imagePackaging2 = _lists$imagePackaging.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.packing_type);
+        })) === null || _lists$imagePackaging2 === void 0 ? void 0 : _lists$imagePackaging2.name
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de imagen"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: lists === null || lists === void 0 ? void 0 : (_lists$imageType = lists.imageType) === null || _lists$imageType === void 0 ? void 0 : (_lists$imageType$find = _lists$imageType.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_type);
+        })) === null || _lists$imageType$find === void 0 ? void 0 : _lists$imageType$find.name
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Formato"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.ext
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tama\xF1o de imagen"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "".concat(activeImage === null || activeImage === void 0 ? void 0 : activeImage.width, "x").concat(activeImage === null || activeImage === void 0 ? void 0 : activeImage.height, "px")
+      })]
+    }), retailerSelected && (lists === null || lists === void 0 ? void 0 : lists.attrForImgs) && (lists === null || lists === void 0 ? void 0 : (_lists$attrForImgs$re = lists.attrForImgs[retailerSelected]) === null || _lists$attrForImgs$re === void 0 ? void 0 : _lists$attrForImgs$re.map(function (attr, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+          headerType: "table-row-text",
+          text: attr === null || attr === void 0 ? void 0 : attr.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LabelToInput.default, {
+          width: "100px",
+          defaultValue: attr === null || attr === void 0 ? void 0 : attr.value,
+          onChange: function onChange(e) {
+            setImages({
+              action: "changeAttrValue",
+              retailer: retailerSelected,
+              index: index,
+              value: e.target.value
+            });
+          }
+        })]
+      }, "row-" + index);
+    }))]
+  });
 };
 
 exports.ImageDataTable = ImageDataTable;

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

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

@@ -11,20 +11,24 @@ var _EditionActiveImage = require("../../molecules/EditionActiveImage");
 
 var _ImageSelector = require("../../molecules/ImageSelector");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImagePreviewer = function ImagePreviewer(_ref) {
   var _ref$imagesArray = _ref.imagesArray,
       imagesArray = _ref$imagesArray === void 0 ? [] : _ref$imagesArray,
       activeImage = _ref.activeImage,
       setActiveImage = _ref.setActiveImage,
       setShowModal = _ref.setShowModal;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_EditionActiveImage.EditionActiveImage, {
-    img: activeImage === null || activeImage === void 0 ? void 0 : activeImage.src,
-    altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
-    setShowModal: setShowModal
-  }), /*#__PURE__*/React.createElement(_ImageSelector.ImageSelector, {
-    images: imagesArray,
-    setActiveImage: setActiveImage
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionActiveImage.EditionActiveImage, {
+      img: activeImage === null || activeImage === void 0 ? void 0 : activeImage.src,
+      altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
+      setShowModal: setShowModal
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSelector.ImageSelector, {
+      images: imagesArray,
+      setActiveImage: setActiveImage
+    })]
+  });
 };
 
 exports.ImagePreviewer = ImagePreviewer;

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

@@ -13,9 +13,13 @@ var _styles = require("./styles");
 
 var _GalleryElement = require("../../molecules/GalleryElement");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImagesGroup = function ImagesGroup(_ref) {
   (0, _objectDestructuringEmpty2.default)(_ref);
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_GalleryElement.GalleryElement, null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {})
+  });
 };
 
 exports.ImagesGroup = ImagesGroup;

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

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

@@ -11,6 +11,8 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _TagAndInput = require("../../molecules/TagAndInput");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var InputGroup = function InputGroup(_ref) {
   var _inputGroup$inputs;
 
@@ -40,44 +42,44 @@ var InputGroup = function InputGroup(_ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "retailer-name-header",
-    text: inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "inputs-container"
-  }, inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
-    var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "retailer-name-header",
+      text: inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "inputs-container",
+      children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
+        var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6;
 
-    return activeSection === "Ficha técnica" ? /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-      key: index + "-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.value),
-      inputId: (_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id,
-      version: version,
-      inputType: inputTypeValue((_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.type),
-      label: (_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.name,
-      value: (_dataInputs$input5 = dataInputs[input]) === null || _dataInputs$input5 === void 0 ? void 0 : _dataInputs$input5.value,
-      inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
-      articleId: articleId,
-      isRequired: (_dataInputs$input6 = dataInputs[input]) === null || _dataInputs$input6 === void 0 ? void 0 : _dataInputs$input6.required,
-      updatedDatasheets: updatedDatasheets,
-      setUpdatedDatasheets: setUpdatedDatasheets
-    }) : /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-      key: index + "-" + (input === null || input === void 0 ? void 0 : input.value),
-      inputId: input === null || input === void 0 ? void 0 : input.id,
-      index: index,
-      inputType: "textarea",
-      label: input === null || input === void 0 ? void 0 : input.name,
-      value: input === null || input === void 0 ? void 0 : input.value,
-      isRequired: input.required,
-      inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
-      updatedDescriptions: updatedDescriptions,
-      setUpdatedDescriptions: setUpdatedDescriptions,
-      articleId: articleId,
-      version: version,
-      dinamicHeight: dinamicHeight
-    });
-  })));
+        return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+          inputId: (_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id,
+          version: version,
+          inputType: inputTypeValue((_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.type),
+          label: (_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.name,
+          value: (_dataInputs$input5 = dataInputs[input]) === null || _dataInputs$input5 === void 0 ? void 0 : _dataInputs$input5.value,
+          inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
+          articleId: articleId,
+          isRequired: (_dataInputs$input6 = dataInputs[input]) === null || _dataInputs$input6 === void 0 ? void 0 : _dataInputs$input6.required,
+          updatedDatasheets: updatedDatasheets,
+          setUpdatedDatasheets: setUpdatedDatasheets
+        }, index + "-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.value)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+          inputId: input === null || input === void 0 ? void 0 : input.id,
+          index: index,
+          inputType: "textarea",
+          label: input === null || input === void 0 ? void 0 : input.name,
+          value: input === null || input === void 0 ? void 0 : input.value,
+          isRequired: input.required,
+          inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
+          updatedDescriptions: updatedDescriptions,
+          setUpdatedDescriptions: setUpdatedDescriptions,
+          articleId: articleId,
+          version: version,
+          dinamicHeight: dinamicHeight
+        }, index + "-" + (input === null || input === void 0 ? void 0 : input.value));
+      })
+    })]
+  });
 };
 
 exports.InputGroup = InputGroup;

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