contentoh-components-library 19.0.0 → 20.0.18

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,49 +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;
-  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
-    })]
-  }, "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;

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: "".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;