contentoh-components-library 21.0.8 → 21.0.12

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

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

@@ -17,45 +17,28 @@ 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,
-      status = _ref$status === void 0 ? "" : _ref$status,
-      activeTab = _ref.activeTab,
+      status = _ref.status,
+      profileImage = _ref.profileImage,
       setActiveTab = _ref.setActiveTab,
-      setImageLayout = _ref.setImageLayout,
-      assig = _ref.assig,
-      setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer,
-      downloadImages = _ref.downloadImages,
-      askToDeleteImages = _ref.askToDeleteImages,
-      onClickSave = _ref.onClickSave;
+      setImageLayout = _ref.setImageLayout;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       imagesSection = _useState2[0],
       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,
-      setImageLayout: setImageLayout,
-      imagesSection: imagesSection,
-      assignationsImages: assig,
-      setAssignation: setAssignation,
-      isRetailer: isRetailer,
-      downloadImages: downloadImages,
-      onClickSave: onClickSave,
-      askToDeleteImages: askToDeleteImages
-    })]
-  });
+  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,
+    image: profileImage,
+    setImageLayout: setImageLayout,
+    imagesSection: imagesSection
+  }));
 };
 
 exports.FullTabsMenu = FullTabsMenu;

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

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

@@ -21,8 +21,6 @@ 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,
@@ -33,27 +31,21 @@ var FullPlan = function FullPlan(_ref) {
       buttonActive = _useState2[0],
       setbuttonActive = _useState2[1];
 
-  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"
-    })]
-  });
+  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"
+  }));
 };
 
 exports.FullPlan = FullPlan;

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

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

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,102 +9,26 @@ var _styles = require("./styles");
 
 var _TableHeader = require("../../molecules/TableHeader");
 
-var _styles2 = require("../../molecules/TableRow/styles");
-
-var _ScreenHeader = require("../../atoms/ScreenHeader");
-
-var _LabelToInput = _interopRequireDefault(require("../../atoms/LabelToInput"));
-
-var _jsxRuntime = require("react/jsx-runtime");
+var _TableRow = require("../../molecules/TableRow");
 
 var ImageDataTable = function ImageDataTable(_ref) {
-  var _lists$inputs, _lists$inputs$find, _lists$imagePackaging, _lists$imagePackaging2, _lists$imageType, _lists$imageType$find, _lists$attrForImgs$re;
-
-  var activeImage = _ref.activeImage,
-      darkMode = _ref.darkMode,
-      lists = _ref.lists,
-      retailerSelected = _ref.retailerSelected,
-      setImages = _ref.setImages,
-      assignationsImages = _ref.assignationsImages,
-      imagesStatus = _ref.imagesStatus,
-      setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer,
-      onClickSave = _ref.onClickSave;
-  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,
-      onClickSave: onClickSave
-    }), /*#__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: activeImage !== null && activeImage !== void 0 && activeImage.width && activeImage.height ? "".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);
-    }))]
-  });
+  var headerInfo = _ref.headerInfo,
+      imageData = _ref.imageData,
+      activeImage = _ref.activeImage,
+      darkMode = _ref.darkMode;
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    darkMode: darkMode
+  }, /*#__PURE__*/React.createElement(_TableHeader.TableHeader, {
+    headerInfo: headerInfo,
+    activeImage: activeImage
+  }), imageData === null || imageData === void 0 ? void 0 : imageData.map(function (attribute, index) {
+    return /*#__PURE__*/React.createElement(_TableRow.TableRow, {
+      key: index,
+      feature: attribute.feature,
+      value: attribute.value,
+      valueType: index < 2
+    });
+  }));
 };
 
 exports.ImageDataTable = ImageDataTable;

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

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

@@ -11,24 +11,20 @@ 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__*/(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
-    })]
-  });
+  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
+  }));
 };
 
 exports.ImagePreviewer = ImagePreviewer;

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

@@ -13,13 +13,9 @@ 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__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {})
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_GalleryElement.GalleryElement, null));
 };
 
 exports.ImagesGroup = ImagesGroup;

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

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

@@ -11,8 +11,6 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _TagAndInput = require("../../molecules/TagAndInput");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var InputGroup = function InputGroup(_ref) {
   var _inputGroup$inputs;
 
@@ -20,14 +18,7 @@ var InputGroup = function InputGroup(_ref) {
       inputGroup = _ref$inputGroup === void 0 ? {} : _ref$inputGroup,
       activeSection = _ref.activeSection,
       _ref$dataInputs = _ref.dataInputs,
-      dataInputs = _ref$dataInputs === void 0 ? {} : _ref$dataInputs,
-      updatedDescriptions = _ref.updatedDescriptions,
-      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
-      updatedDatasheets = _ref.updatedDatasheets,
-      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      articleId = _ref.articleId,
-      version = _ref.version,
-      dinamicHeight = _ref.dinamicHeight;
+      dataInputs = _ref$dataInputs === void 0 ? {} : _ref$dataInputs;
 
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
@@ -42,46 +33,32 @@ var InputGroup = function InputGroup(_ref) {
     }
   };
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
-    children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__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, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10;
+  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;
 
-        return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-          inputId: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.id,
-          version: version,
-          inputType: inputTypeValue((_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.type),
-          label: ((_dataInputs$input5 = dataInputs[input]) === null || _dataInputs$input5 === void 0 ? void 0 : _dataInputs$input5.name) + ((_dataInputs$input6 = dataInputs[input]) !== null && _dataInputs$input6 !== void 0 && _dataInputs$input6.required ? "*" : ""),
-          value: (_dataInputs$input7 = dataInputs[input]) === null || _dataInputs$input7 === void 0 ? void 0 : _dataInputs$input7.value,
-          inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
-          articleId: articleId,
-          isRequired: (_dataInputs$input8 = dataInputs[input]) === null || _dataInputs$input8 === void 0 ? void 0 : _dataInputs$input8.required,
-          updatedDatasheets: updatedDatasheets,
-          setUpdatedDatasheets: setUpdatedDatasheets,
-          maxChar: (_dataInputs$input9 = dataInputs[input]) !== null && _dataInputs$input9 !== void 0 && _dataInputs$input9.max_chars ? (_dataInputs$input10 = dataInputs[input]) === null || _dataInputs$input10 === void 0 ? void 0 : _dataInputs$input10.max_chars : 999
-        }, index + "-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.value) + "-" + ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-          inputId: input.id,
-          index: index,
-          inputType: "textarea",
-          label: (input === null || input === void 0 ? void 0 : input.name) + (input.required ? "*" : ""),
-          value: input === null || input === void 0 ? void 0 : input.value,
-          isRequired: input.required,
-          maxChar: input.max_chars,
-          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));
-      })
-    })]
-  });
+    return activeSection === "Ficha técnica" ? /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+      key: index,
+      inputId: "datasheet-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.id) + "-" + index,
+      inputType: inputTypeValue((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.type),
+      label: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.name,
+      value: (_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.value,
+      inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder
+    }) : /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+      key: index,
+      inputId: "description-" + (input === null || input === void 0 ? void 0 : input.id) + "-" + index,
+      inputType: "textarea",
+      label: input === null || input === void 0 ? void 0 : input.name,
+      value: input === null || input === void 0 ? void 0 : input.value,
+      inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder
+    });
+  })));
 };
 
 exports.InputGroup = InputGroup;

package/dist/components/organisms/InputGroup/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  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 10px;\n  width: 100%;\n\n  .retailer-name-header {\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  &.datasheets-layout {\n    padding-right: 0;\n\n    .inputs-container {\n      display: flex;\n      flex-wrap: wrap;\n\n      .input-container {\n        flex: 1 1 20%;\n        margin-right: 10px;\n        min-width: 227px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n      }\n    }\n  }\n\n  & + * {\n    margin-top: 15px;\n  }\n"])), _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 10px;\n  width: 100%;\n\n  .retailer-name-header {\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  &.datasheets-layout {\n    padding-right: 0;\n\n    .inputs-container {\n      display: flex;\n      flex-wrap: wrap;\n\n      .input-container {\n        flex: 1 1 20%;\n        margin-right: 10px;\n        min-width: 227px;\n      }\n    }\n  }\n\n  & + * {\n    margin-top: 15px;\n  }\n"])), _variables.GlobalColors.s2);
 
 exports.Container = Container;

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