npm - contentoh-components-library - Versions diffs - 21.4.102 → 21.4.104 - Mend

contentoh-components-library 21.4.102 → 21.4.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (665) hide show

package/dist/components/organisms/GridProducts/styles.js CHANGED Viewed

@@ -1,11 +1,18 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  height: calc(100% - 100px);\n  overflow: auto;\n\n  .table-view {\n    height: 100%;\n    width: 100%;\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  height: calc(100% - 100px);\n  overflow: auto;\n\n  .table-view {\n    height: 100%;\n    width: 100%;\n  }\n"])));
+exports.Container = Container;

package/dist/components/organisms/GridProducts/utils.js CHANGED Viewed

@@ -4,29 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getProductsToTable = void 0;
 var _RetailerCatalog = require("../../atoms/RetailerCatalog");
 var _UserCatalog = require("../../atoms/UserCatalog");
 var _jsxRuntime = require("react/jsx-runtime");
-const getProductsToTable = function () {
-  let products = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let textSpecialists = arguments.length > 1 ? arguments[1] : undefined;
-  let imagesSpecialists = arguments.length > 2 ? arguments[2] : undefined;
-  let auditors = arguments.length > 3 ? arguments[3] : undefined;
-  let images = arguments.length > 4 ? arguments[4] : undefined;
-  let onAssign = arguments.length > 5 ? arguments[5] : undefined;
-  const productsTableArray = [];
-  products.forEach(product => {
-    const {
-      article,
-      orderId,
-      upc,
-      status,
-      version
-    } = product;
-    const id = (article === null || article === void 0 ? void 0 : article.id_article) + "-" + orderId;
-    const imgArray = images[(article === null || article === void 0 ? void 0 : article.id_article) + "-" + version];
-    const element = {
-      id,
+var getProductsToTable = function getProductsToTable() {
+  var products = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var textSpecialists = arguments.length > 1 ? arguments[1] : undefined;
+  var imagesSpecialists = arguments.length > 2 ? arguments[2] : undefined;
+  var auditors = arguments.length > 3 ? arguments[3] : undefined;
+  var images = arguments.length > 4 ? arguments[4] : undefined;
+  var onAssign = arguments.length > 5 ? arguments[5] : undefined;
+  var productsTableArray = [];
+  products.forEach(function (product) {
+    var article = product.article,
+        orderId = product.orderId,
+        upc = product.upc,
+        status = product.status,
+        version = product.version;
+    var id = (article === null || article === void 0 ? void 0 : article.id_article) + "-" + orderId;
+    var imgArray = images[(article === null || article === void 0 ? void 0 : article.id_article) + "-" + version];
+    var element = {
+      id: id,
       cols: [{
         name: (article === null || article === void 0 ? void 0 : article.country) || "-",
         flex: 1,
@@ -136,11 +138,12 @@ const getProductsToTable = function () {
         }
       },
       showBottom: true,
-      product,
-      article
+      product: product,
+      article: article
     };
     productsTableArray.push(element);
   });
   return productsTableArray;
 };
 exports.getProductsToTable = getProductsToTable;

package/dist/components/organisms/ImageDataTable/ImageDataTable.stories.js CHANGED Viewed

@@ -1,19 +1,30 @@
 "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 = exports.default = {
+var _default = {
   title: "Components/organisms/ImageDataTable",
   component: _index.ImageDataTable
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageDataTable, {
-  ...args
-});
-const ImageDataTableDefault = exports.ImageDataTableDefault = Template.bind({});
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageDataTable, (0, _objectSpread2.default)({}, args));
+};
+var ImageDataTableDefault = Template.bind({});
+exports.ImageDataTableDefault = ImageDataTableDefault;
 ImageDataTableDefault.args = {
   headerInfo: {
     src: "https://www.thestar.com/content/dam/thestar/columnist_logos/francis_angelyn_logo2020.jpg",

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

@@ -1,34 +1,41 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageDataTable = void 0;
 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");
-const ImageDataTable = _ref => {
+var ImageDataTable = function ImageDataTable(_ref) {
   var _lists$inputs, _lists$inputs$find, _lists$imagePackaging, _lists$imagePackaging2, _lists$imageType, _lists$imageType$find, _lists$imageShotType, _lists$imageShotType$, _lists$attrForImgs, _lists$attrForImgs$ge;
-  let {
-    activeImage,
-    darkMode,
-    lists,
-    retailerSelected,
-    setImages,
-    assignationsImages,
-    imagesStatus,
-    setAssignation,
-    isRetailer,
-    onClickSave,
-    showSaveButton,
-    version,
-    setShowVersionSelector,
-    shotThd
-  } = _ref;
+  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,
+      showSaveButton = _ref.showSaveButton,
+      version = _ref.version,
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      shotThd = _ref.shotThd;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     darkMode: darkMode,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
@@ -47,7 +54,9 @@ const ImageDataTable = _ref => {
         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(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_id))) === null || _lists$inputs$find === void 0 ? void 0 : _lists$inputs$find.name) || "-"
+        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, {
@@ -55,7 +64,9 @@ const ImageDataTable = _ref => {
         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(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.packing_type))) === null || _lists$imagePackaging2 === void 0 ? void 0 : _lists$imagePackaging2.name) || "-"
+        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, {
@@ -63,7 +74,9 @@ const ImageDataTable = _ref => {
         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(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_type))) === null || _lists$imageType$find === void 0 ? void 0 : _lists$imageType$find.name) || "-"
+        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) || "-"
       })]
     }), shotThd && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -71,7 +84,9 @@ const ImageDataTable = _ref => {
         text: "Tipo de imagen THD"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
         headerType: "table-row-text gray-table-row",
-        text: (lists === null || lists === void 0 ? void 0 : (_lists$imageShotType = lists.imageShotType) === null || _lists$imageShotType === void 0 ? void 0 : (_lists$imageShotType$ = _lists$imageShotType.find(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_shot_type))) === null || _lists$imageShotType$ === void 0 ? void 0 : _lists$imageShotType$.type_shot) || "-"
+        text: (lists === null || lists === void 0 ? void 0 : (_lists$imageShotType = lists.imageShotType) === null || _lists$imageShotType === void 0 ? void 0 : (_lists$imageShotType$ = _lists$imageShotType.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_shot_type);
+        })) === null || _lists$imageShotType$ === void 0 ? void 0 : _lists$imageShotType$.type_shot) || "-"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -89,22 +104,25 @@ const ImageDataTable = _ref => {
         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 = lists.attrForImgs) === null || _lists$attrForImgs === void 0 ? void 0 : (_lists$attrForImgs$ge = _lists$attrForImgs.general) === null || _lists$attrForImgs$ge === void 0 ? void 0 : _lists$attrForImgs$ge.map((attr, index) => /*#__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: e => {
-          setImages({
-            action: "changeAttrValue",
-            value: e.target.value || "-",
-            id: attr.id
-          });
-        }
-      })]
-    }, "row-" + index + "-" + (attr === null || attr === void 0 ? void 0 : attr.name))))]
+    }), retailerSelected && (lists === null || lists === void 0 ? void 0 : lists.attrForImgs) && (lists === null || lists === void 0 ? void 0 : (_lists$attrForImgs = lists.attrForImgs) === null || _lists$attrForImgs === void 0 ? void 0 : (_lists$attrForImgs$ge = _lists$attrForImgs.general) === null || _lists$attrForImgs$ge === void 0 ? void 0 : _lists$attrForImgs$ge.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",
+              value: e.target.value || "-",
+              id: attr.id
+            });
+          }
+        })]
+      }, "row-" + index + "-" + (attr === null || attr === void 0 ? void 0 : attr.name));
+    }))]
   });
 };
 exports.ImageDataTable = ImageDataTable;

package/dist/components/organisms/ImageDataTable/styles.js CHANGED Viewed

@@ -1,22 +1,26 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _variables = require("../../../global-files/variables");
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  padding: 10px;\n  border: 1px solid ", ";\n  border-radius: 3px;\n\n  .input-name-header,\n  .table-row-text {\n    color: ", ";\n  }\n  .gray-table-row {\n    background-color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _ref => {
-  let {
-    darkMode
-  } = _ref;
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  padding: 10px;\n  border: 1px solid ", ";\n  border-radius: 3px;\n\n  .input-name-header,\n  .table-row-text {\n    color: ", ";\n  }\n  .gray-table-row {\n    background-color: ", ";\n  }\n"])), _variables.GlobalColors.s2, function (_ref) {
+  var darkMode = _ref.darkMode;
   return darkMode && _variables.GlobalColors.s1;
-}, _ref2 => {
-  let {
-    darkMode
-  } = _ref2;
+}, function (_ref2) {
+  var darkMode = _ref2.darkMode;
   return darkMode && _variables.GlobalColors.s5;
-});
+});
+exports.Container = Container;

package/dist/components/organisms/ImageDataTablev2/ImageDataTablev2.stories.js CHANGED Viewed

@@ -1,19 +1,30 @@
 "use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageDataTablev2Default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _index = require("./index");
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+var _default = {
   title: "Components/organisms/ImageDataTablev2",
   component: _index.ImageDataTablev2
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageDataTablev2, {
-  ...args
-});
-const ImageDataTablev2Default = exports.ImageDataTablev2Default = Template.bind({});
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageDataTablev2, (0, _objectSpread2.default)({}, args));
+};
+var ImageDataTablev2Default = Template.bind({});
+exports.ImageDataTablev2Default = ImageDataTablev2Default;
 ImageDataTablev2Default.args = {
   headerInfo: {
     src: "https://www.thestar.com/content/dam/thestar/columnist_logos/francis_angelyn_logo2020.jpg",

package/dist/components/organisms/ImageDataTablev2/index.js CHANGED Viewed

@@ -1,34 +1,41 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageDataTablev2 = void 0;
 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");
-const ImageDataTablev2 = _ref => {
+var ImageDataTablev2 = function ImageDataTablev2(_ref) {
   var _lists$inputs, _lists$inputs$find, _lists$imagePackaging, _lists$imagePackaging2, _lists$imageType, _lists$imageType$find, _lists$imageShotType, _lists$imageShotType$, _lists$attrForImgs, _lists$attrForImgs$ge;
-  let {
-    activeImage,
-    darkMode,
-    lists,
-    retailerSelected,
-    setImages,
-    assignationsImages,
-    imagesStatus,
-    setAssignation,
-    isRetailer,
-    onClickSave,
-    showSaveButton,
-    version,
-    setShowVersionSelector,
-    shotThd
-  } = _ref;
+  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,
+      showSaveButton = _ref.showSaveButton,
+      version = _ref.version,
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      shotThd = _ref.shotThd;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     darkMode: darkMode,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
@@ -47,7 +54,9 @@ const ImageDataTablev2 = _ref => {
         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(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_id))) === null || _lists$inputs$find === void 0 ? void 0 : _lists$inputs$find.name) || "-"
+        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, {
@@ -55,7 +64,9 @@ const ImageDataTablev2 = _ref => {
         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(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.packing_type))) === null || _lists$imagePackaging2 === void 0 ? void 0 : _lists$imagePackaging2.name) || "-"
+        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, {
@@ -63,7 +74,9 @@ const ImageDataTablev2 = _ref => {
         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(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_type))) === null || _lists$imageType$find === void 0 ? void 0 : _lists$imageType$find.name) || "-"
+        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) || "-"
       })]
     }), shotThd && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -71,7 +84,9 @@ const ImageDataTablev2 = _ref => {
         text: "Tipo de imagen THD"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
         headerType: "table-row-text gray-table-row",
-        text: (lists === null || lists === void 0 ? void 0 : (_lists$imageShotType = lists.imageShotType) === null || _lists$imageShotType === void 0 ? void 0 : (_lists$imageShotType$ = _lists$imageShotType.find(f => f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_shot_type))) === null || _lists$imageShotType$ === void 0 ? void 0 : _lists$imageShotType$.type_shot) || "-"
+        text: (lists === null || lists === void 0 ? void 0 : (_lists$imageShotType = lists.imageShotType) === null || _lists$imageShotType === void 0 ? void 0 : (_lists$imageShotType$ = _lists$imageShotType.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_shot_type);
+        })) === null || _lists$imageShotType$ === void 0 ? void 0 : _lists$imageShotType$.type_shot) || "-"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -89,22 +104,25 @@ const ImageDataTablev2 = _ref => {
         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 = lists.attrForImgs) === null || _lists$attrForImgs === void 0 ? void 0 : (_lists$attrForImgs$ge = _lists$attrForImgs.general) === null || _lists$attrForImgs$ge === void 0 ? void 0 : _lists$attrForImgs$ge.map((attr, index) => /*#__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: e => {
-          setImages({
-            action: "changeAttrValue",
-            value: e.target.value || "-",
-            id: attr.id
-          });
-        }
-      })]
-    }, "row-" + index + "-" + (attr === null || attr === void 0 ? void 0 : attr.name))))]
+    }), retailerSelected && (lists === null || lists === void 0 ? void 0 : lists.attrForImgs) && (lists === null || lists === void 0 ? void 0 : (_lists$attrForImgs = lists.attrForImgs) === null || _lists$attrForImgs === void 0 ? void 0 : (_lists$attrForImgs$ge = _lists$attrForImgs.general) === null || _lists$attrForImgs$ge === void 0 ? void 0 : _lists$attrForImgs$ge.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",
+              value: e.target.value || "-",
+              id: attr.id
+            });
+          }
+        })]
+      }, "row-" + index + "-" + (attr === null || attr === void 0 ? void 0 : attr.name));
+    }))]
   });
 };
 exports.ImageDataTablev2 = ImageDataTablev2;

package/dist/components/organisms/ImageDataTablev2/styles.js CHANGED Viewed

@@ -1,22 +1,26 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _variables = require("../../../global-files/variables");
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 377px;\n  padding: 10px;\n  border: 1px solid ", ";\n  border-radius: 10px;\n  background-color:", ";\n\n  .input-name-header,\n  .table-row-text {\n    color: ", ";\n  }\n  .gray-table-row {\n    background-color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.white, _ref => {
-  let {
-    darkMode
-  } = _ref;
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 377px;\n  padding: 10px;\n  border: 1px solid ", ";\n  border-radius: 10px;\n  background-color:", ";\n\n  .input-name-header,\n  .table-row-text {\n    color: ", ";\n  }\n  .gray-table-row {\n    background-color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.white, function (_ref) {
+  var darkMode = _ref.darkMode;
   return darkMode && _variables.GlobalColors.s1;
-}, _ref2 => {
-  let {
-    darkMode
-  } = _ref2;
+}, function (_ref2) {
+  var darkMode = _ref2.darkMode;
   return darkMode && _variables.GlobalColors.white;
-});
+});
+exports.Container = Container;

package/dist/components/organisms/ImagePreviewer/ImagePreviewer.stories.js CHANGED Viewed

@@ -1,19 +1,30 @@
 "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 = exports.default = {
+var _default = {
   title: "Components/organisms/ImagePreviewer",
   component: _index.ImagePreviewer
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImagePreviewer, {
-  ...args
-});
-const ImagePreviewerDefault = exports.ImagePreviewerDefault = Template.bind({});
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImagePreviewer, (0, _objectSpread2.default)({}, args));
+};
+var ImagePreviewerDefault = Template.bind({});
+exports.ImagePreviewerDefault = ImagePreviewerDefault;
 ImagePreviewerDefault.args = {
   imagesArray: [{
     img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",

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

@@ -4,17 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImagePreviewer = void 0;
 var _styles = require("./styles");
 var _EditionActiveImage = require("../../molecules/EditionActiveImage");
 var _ImageSelector = require("../../molecules/ImageSelector");
 var _jsxRuntime = require("react/jsx-runtime");
-const ImagePreviewer = _ref => {
-  let {
-    imagesArray = [],
-    activeImage,
-    setActiveImage,
-    setShowModal
-  } = _ref;
+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,
@@ -26,4 +30,5 @@ const ImagePreviewer = _ref => {
     })]
   });
 };
 exports.ImagePreviewer = ImagePreviewer;

package/dist/components/organisms/ImagePreviewer/styles.js CHANGED Viewed

@@ -1,11 +1,18 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & + * {\n    margin-top: 10px;\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & + * {\n    margin-top: 10px;\n  }\n"])));
+exports.Container = Container;