contentoh-components-library 21.4.111 → 21.4.113

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

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.EditionTabs = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
@@ -28,7 +28,7 @@ var options = [{
   key: "images"
 }];
 
-function EditionTabs(props) {
+var EditionTabs = function EditionTabs(props) {
   var _useState = (0, _react.useState)("description"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       section = _useState2[0],
@@ -53,7 +53,6 @@ function EditionTabs(props) {
       }, key);
     })
   });
-}
+};
 
-var _default = EditionTabs;
-exports.default = _default;
+exports.EditionTabs = EditionTabs;

package/dist/components/organisms/ImageUploader/ImageUploader.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageUploaderDefault = 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/ImageUploader ",
+  component: _index.ImageUploader,
+  argTypes: {}
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageUploader, (0, _objectSpread2.default)({}, args));
+};
+
+var ImageUploaderDefault = Template.bind({});
+exports.ImageUploaderDefault = ImageUploaderDefault;
+ImageUploaderDefault.args = {};

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

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDropzone = require("react-dropzone");
+
+var _styles = require("./styles");
+
+var _upload_file = _interopRequireDefault(require("../../../assets/images/Icons/upload_file.svg"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var ImageUploader = function ImageUploader(_ref) {
+  var handleNewImage = _ref.handleNewImage;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      image = _useState2[0],
+      setImage = _useState2[1];
+
+  var onDrop = function onDrop(acceptedFiles) {
+    if (acceptedFiles.length === 1) {
+      showImage(acceptedFiles[0]);
+    }
+  };
+
+  var showImage = function showImage(file) {
+    var reader = new FileReader();
+
+    reader.onload = function () {
+      setImage(reader.result);
+      getImageDimensions(reader.result);
+    };
+
+    reader.readAsDataURL(file);
+  };
+
+  var getImageDimensions = function getImageDimensions(dataURL) {
+    var img = new Image();
+
+    img.onload = function () {
+      var image = {
+        src: dataURL,
+        ext: img.src.includes("image/jpeg") ? "jpg" : "png",
+        width: img.width,
+        height: img.height
+      };
+      handleNewImage(image);
+    };
+
+    img.src = dataURL;
+  };
+
+  var _useDropzone = (0, _reactDropzone.useDropzone)({
+    onDrop: onDrop
+  }),
+      getRootProps = _useDropzone.getRootProps,
+      getInputProps = _useDropzone.getInputProps,
+      isDragActive = _useDropzone.isDragActive;
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ImageUploaderContainer, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getRootProps()), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({}, getInputProps())), image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      className: "imageLoaded",
+      src: image,
+      alt: "Imagen Cargada"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _upload_file.default,
+        alt: "Subir im\xE1gen"
+      }), isDragActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Suelta la imagen aqu\xED"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: "Da clic aqu\xED o arrastra la foto para subirla a Content-oh!"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: "Tama\xF1o de imagen recomendando 3000x3000 pixeles"
+        })]
+      })]
+    })]
+  }));
+};
+
+var _default = ImageUploader;
+exports.default = _default;

package/dist/components/organisms/ImageUploader/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageUploaderContainer = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var ImageUploaderContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  color: var(--magenta-main, #e33aa9);\n  text-align: center;\n  font-family: Roboto;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 49px 32px;\n  & > div {\n    & > p {\n      margin-bottom: 10px;\n    }\n    & > span {\n      color: var(--grey-medium, #cbcbcb);\n      font-size: 10px;\n      font-weight: 400;\n    }\n  }\n"])));
+
+exports.ImageUploaderContainer = ImageUploaderContainer;

package/dist/components/organisms/ImageVisor/ImageVisor.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageVisorDefault = 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/ImageVisor",
+  component: _index.ImageVisor,
+  argTypes: {}
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageVisor, (0, _objectSpread2.default)({}, args));
+};
+
+var ImageVisorDefault = Template.bind({});
+exports.ImageVisorDefault = ImageVisorDefault;
+ImageVisorDefault.args = {};

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

@@ -0,0 +1,199 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageVisor = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = require("react");
+
+var _reactImageFallback = _interopRequireDefault(require("react-image-fallback"));
+
+var _styles = require("./styles.js");
+
+var _ImageUploader = _interopRequireDefault(require("../ImageUploader"));
+
+var _utils = require("../../../global-files/utils.js");
+
+var _defaultProductImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProductImage.png"));
+
+var _fullscreen = _interopRequireDefault(require("../../../assets/images/Icons/fullscreen.svg"));
+
+var _close = _interopRequireDefault(require("../../../assets/images/Icons/close.svg"));
+
+var _uploadFile = _interopRequireDefault(require("../../../assets/images/Icons/upload-file.svg"));
+
+var _deleteForeverWhite = _interopRequireDefault(require("../../../assets/images/Icons/delete-forever-white.svg"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["value", "name", "setModalFromTable", "setDataServices", "setModal"];
+
+var ImageVisor = function ImageVisor(_ref) {
+  var value = _ref.value,
+      name = _ref.name,
+      setModalFromTable = _ref.setModalFromTable,
+      setDataServices = _ref.setDataServices,
+      setModal = _ref.setModal,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      smallSrc = _useState2[0],
+      setSmallSrc = _useState2[1];
+
+  function handleNewImage(imageFile) {
+    var payload = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), imageFile);
+    setDataServices({
+      type: "updateImage",
+      payload: payload
+    });
+  }
+
+  function handleUpdateImage(file) {
+    if (file) {
+      var reader = new FileReader();
+
+      reader.onload = function () {
+        getImageDimensions(reader.result);
+      };
+
+      reader.readAsDataURL(file);
+    }
+  }
+
+  var getImageDimensions = function getImageDimensions(dataURL) {
+    var img = new Image();
+
+    img.onload = function () {
+      var image = {
+        src: dataURL,
+        ext: img.src.includes("image/jpeg") ? "jpg" : "png",
+        width: img.width,
+        height: img.height
+      };
+      handleNewImage(image);
+      changeVisor();
+    };
+
+    img.src = dataURL;
+  };
+
+  function changeVisor(view) {
+    if (!view) {
+      setModalFromTable(null);
+      return;
+    }
+
+    var isSmall = view === "small";
+    var src = isSmall ? smallSrc : "".concat(process.env.REACT_APP_IMAGES_ENDPOINT, "/").concat(value === null || value === void 0 ? void 0 : value.src);
+    setModalFromTable( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ImageView, {
+      visorView: view,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "header",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "buttons",
+          children: isSmall ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [value !== null && value !== void 0 && value.src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: _fullscreen.default,
+              alt: "Ver en pantalla completa",
+              onClick: function onClick() {
+                return changeVisor("fullscreen");
+              }
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: _close.default,
+              alt: "Cerrar",
+              onClick: function onClick() {
+                return changeVisor();
+              }
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+              className: "borderCircle",
+              htmlFor: "fileInput",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: _uploadFile.default,
+                alt: "Actualizar imagen"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+                type: "file",
+                id: "fileInput",
+                accept: "image/png, image/jpeg",
+                style: {
+                  display: "none"
+                },
+                onChange: function onChange(e) {
+                  return handleUpdateImage(e.target.files[0]);
+                }
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              className: "borderCircle",
+              src: _deleteForeverWhite.default,
+              alt: "Eliminar im\xE1gen",
+              onClick: function onClick() {
+                setModal({
+                  type: "delete",
+                  functions: {
+                    setModal: setModal,
+                    setDataServices: setDataServices
+                  },
+                  payload: props
+                });
+                changeVisor();
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              className: "borderCircle",
+              src: _close.default,
+              alt: "Cerrar",
+              onClick: function onClick() {
+                return changeVisor("small");
+              }
+            })]
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "body",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
+          className: "imageLoaded",
+          src: src,
+          fallbackImage: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageUploader.default, {
+            handleNewImage: handleNewImage
+          }),
+          alt: name !== null && name !== void 0 ? name : "Imagen del producto"
+        })
+      })]
+    }));
+  }
+
+  (0, _react.useEffect)(function () {
+    var _value$src;
+
+    var src = value !== null && value !== void 0 && (_value$src = value.src) !== null && _value$src !== void 0 && _value$src.includes("image/") ? value === null || value === void 0 ? void 0 : value.src : (0, _utils.getImageURL)(process.env.REACT_APP_IMAGES_BUCKET, value === null || value === void 0 ? void 0 : value.src, 250, 250);
+    setSmallSrc(src);
+  }, [value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ImageContainer, {
+      onClick: function onClick() {
+        return changeVisor("small");
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
+        src: smallSrc,
+        fallbackImage: _defaultProductImage.default,
+        alt: name !== null && name !== void 0 ? name : "Imagen del producto"
+      })
+    })
+  });
+};
+
+exports.ImageVisor = ImageVisor;
+var _default = ImageVisor;
+exports.default = _default;

package/dist/components/organisms/ImageVisor/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageView = exports.ImageContainer = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _uploadFile = _interopRequireDefault(require("../../../assets/images/Icons/upload-file.svg"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var ImageContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: var(--white-main, #fff);\n  border-radius: 7px;\n  border: 1px solid var(--grey-medium, #cbcbcb);\n  cursor: pointer;\n  display: flex;\n  height: 52px;\n  justify-content: center;\n  width: 52px;\n  & > img {\n    border-radius: 7px;\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n  }\n"])));
+
+exports.ImageContainer = ImageContainer;
+
+var ImageView = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: var(--white-main, #fff);\n  border-radius: 5px;\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n  height: 280px;\n  left: calc(50% - 125px);\n  position: absolute;\n  top: calc(50% - 140px);\n  width: 250px;\n  z-index: 10;\n  .header {\n    align-items: center;\n    background: var(--grey-medium, #cbcbcb);\n    border-radius: 5px 5px 0px 0px;\n    color: var(--white-main, #fff);\n    display: flex;\n    font-family: Roboto;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    height: 30px;\n    justify-content: space-between;\n    line-height: normal;\n    overflow: hidden;\n    padding: 0 9px 0 10px;\n    text-overflow: ellipsis;\n    width: 100%;\n    .buttons {\n      display: flex;\n      gap: 10px;\n      img {\n        cursor: pointer;\n      }\n      label {\n        display: flex;\n        align-items: center;\n        padding: 3px;\n      }\n      .borderCircle {\n        border-radius: 20px;\n        border: 1px solid var(--white-main, #fff);\n      }\n    }\n  }\n  .body {\n    width: 100%;\n    height: calc(100% - 30px);\n    .imageLoaded {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n  ", "\n"])), function (_ref) {
+  var visorView = _ref.visorView;
+  return visorView === "fullscreen" && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      background: var(--black-main, #262626d9);\n      height: 100%;\n      left: 0;\n      top: 0;\n      width: 100%;\n      .header {\n        background: var(--black-main, #262626);\n        font-size: 14px;\n        height: 45px;\n        .buttons > img {\n          border-radius: 20px;\n          border: 1px solid var(--white-main, #fff);\n          padding: 3px;\n        }\n      }\n      > div {\n        align-items: center;\n        display: flex;\n        height: 100%;\n        justify-content: center;\n        width: 100%;\n        & > img {\n          border-radius: 5px;\n          height: 500px;\n          width: 500px;\n        }\n      }\n    "])));
+});
+
+exports.ImageView = ImageView;

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

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Table = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -101,5 +101,4 @@ var Table = function Table(_ref) {
   });
 };
 
-var _default = Table;
-exports.default = _default;
+exports.Table = Table;

package/dist/components/pages/MultipleEdition/components/ImageUploader.js

@@ -1,58 +1,38 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDropzone = require("react-dropzone");
-
 var _ImageUploaderStyles = require("./ImageUploaderStyles");
-
 var _upload_file = _interopRequireDefault(require("../../../../assets/images/Icons/upload_file.svg"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var ImageUploader = function ImageUploader(_ref) {
-  var handleNewImage = _ref.handleNewImage;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      image = _useState2[0],
-      setImage = _useState2[1];
-
-  var onDrop = function onDrop(acceptedFiles) {
+const ImageUploader = _ref => {
+  let {
+    handleNewImage
+  } = _ref;
+  const [image, setImage] = (0, _react.useState)(null);
+  const onDrop = acceptedFiles => {
     if (acceptedFiles.length === 1) {
       showImage(acceptedFiles[0]);
     }
   };
-
-  var showImage = function showImage(file) {
-    var reader = new FileReader();
-
-    reader.onload = function () {
+  const showImage = file => {
+    const reader = new FileReader();
+    reader.onload = () => {
       setImage(reader.result);
       getImageDimensions(reader.result);
     };
-
     reader.readAsDataURL(file);
   };
-
-  var getImageDimensions = function getImageDimensions(dataURL) {
-    var img = new Image();
-
-    img.onload = function () {
-      var image = {
+  const getImageDimensions = dataURL => {
+    const img = new Image();
+    img.onload = () => {
+      const image = {
         src: dataURL,
         ext: img.src.includes("image/jpeg") ? "jpg" : "png",
         width: img.width,
@@ -60,19 +40,20 @@ var ImageUploader = function ImageUploader(_ref) {
       };
       handleNewImage(image);
     };
-
     img.src = dataURL;
   };
-
-  var _useDropzone = (0, _reactDropzone.useDropzone)({
-    onDrop: onDrop
-  }),
-      getRootProps = _useDropzone.getRootProps,
-      getInputProps = _useDropzone.getInputProps,
-      isDragActive = _useDropzone.isDragActive;
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ImageUploaderStyles.ImageUploaderContainer, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getRootProps()), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({}, getInputProps())), image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+  const {
+    getRootProps,
+    getInputProps,
+    isDragActive
+  } = (0, _reactDropzone.useDropzone)({
+    onDrop
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ImageUploaderStyles.ImageUploaderContainer, {
+    ...getRootProps(),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      ...getInputProps()
+    }), image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       className: "imageLoaded",
       src: image,
       alt: "Imagen Cargada"
@@ -90,8 +71,6 @@ var ImageUploader = function ImageUploader(_ref) {
         })]
       })]
     })]
-  }));
+  });
 };
-
-var _default = ImageUploader;
-exports.default = _default;
+var _default = exports.default = ImageUploader;

package/dist/components/pages/MultipleEdition/components/ImageUploaderStyles.js

@@ -1,18 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageUploaderContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
-var ImageUploaderContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  color: var(--magenta-main, #e33aa9);\n  text-align: center;\n  font-family: Roboto;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 49px 32px;\n  & > div {\n    & > p {\n      margin-bottom: 10px;\n    }\n    & > span {\n      color: var(--grey-medium, #cbcbcb);\n      font-size: 10px;\n      font-weight: 400;\n    }\n  }\n"])));
-
-exports.ImageUploaderContainer = ImageUploaderContainer;
+const ImageUploaderContainer = exports.ImageUploaderContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  color: var(--magenta-main, #e33aa9);\n  text-align: center;\n  font-family: Roboto;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 49px 32px;\n  & > div {\n    & > p {\n      margin-bottom: 10px;\n    }\n    & > span {\n      color: var(--grey-medium, #cbcbcb);\n      font-size: 10px;\n      font-weight: 400;\n    }\n  }\n"])));

package/dist/components/pages/MultipleEdition/components/ImageVisor.js

@@ -1,80 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageVisor = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _reactImageFallback = _interopRequireDefault(require("react-image-fallback"));
-
 var _styles = require("./styles.js");
-
 var _ImageUploader = _interopRequireDefault(require("./ImageUploader.js"));
-
 var _utils = require("../../../../global-files/utils.js");
-
 var _defaultProductImage = _interopRequireDefault(require("../../../../assets/images/defaultImages/defaultProductImage.png"));
-
 var _fullscreen = _interopRequireDefault(require("../../../../assets/images/Icons/fullscreen.svg"));
-
 var _close = _interopRequireDefault(require("../../../../assets/images/Icons/close.svg"));
-
 var _uploadFile = _interopRequireDefault(require("../../../../assets/images/Icons/upload-file.svg"));
-
 var _deleteForeverWhite = _interopRequireDefault(require("../../../../assets/images/Icons/delete-forever-white.svg"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _excluded = ["value", "name", "setModalFromTable", "setDataServices", "setModal"];
-
-var ImageVisor = function ImageVisor(_ref) {
-  var value = _ref.value,
-      name = _ref.name,
-      setModalFromTable = _ref.setModalFromTable,
-      setDataServices = _ref.setDataServices,
-      setModal = _ref.setModal,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      smallSrc = _useState2[0],
-      setSmallSrc = _useState2[1];
-
+const ImageVisor = _ref => {
+  let {
+    value,
+    name,
+    setModalFromTable,
+    setDataServices,
+    setModal,
+    ...props
+  } = _ref;
+  const [smallSrc, setSmallSrc] = (0, _react.useState)("");
   function handleNewImage(imageFile) {
-    var payload = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), imageFile);
+    const payload = {
+      ...props,
+      ...imageFile
+    };
     setDataServices({
       type: "updateImage",
-      payload: payload
+      payload
     });
   }
-
   function handleUpdateImage(file) {
     if (file) {
-      var reader = new FileReader();
-
-      reader.onload = function () {
+      const reader = new FileReader();
+      reader.onload = () => {
         getImageDimensions(reader.result);
       };
-
       reader.readAsDataURL(file);
     }
   }
-
-  var getImageDimensions = function getImageDimensions(dataURL) {
-    var img = new Image();
-
-    img.onload = function () {
-      var image = {
+  const getImageDimensions = dataURL => {
+    const img = new Image();
+    img.onload = () => {
+      const image = {
         src: dataURL,
         ext: img.src.includes("image/jpeg") ? "jpg" : "png",
         width: img.width,
@@ -83,18 +57,15 @@ var ImageVisor = function ImageVisor(_ref) {
       handleNewImage(image);
       changeVisor();
     };
-
     img.src = dataURL;
   };
-
   function changeVisor(view) {
     if (!view) {
       setModalFromTable(null);
       return;
     }
-
-    var isSmall = view === "small";
-    var src = isSmall ? smallSrc : "".concat(process.env.REACT_APP_IMAGES_ENDPOINT, "/").concat(value === null || value === void 0 ? void 0 : value.src);
+    const isSmall = view === "small";
+    let src = isSmall ? smallSrc : "".concat(process.env.REACT_APP_IMAGES_ENDPOINT, "/").concat(value === null || value === void 0 ? void 0 : value.src);
     setModalFromTable( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ImageView, {
       visorView: view,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -107,15 +78,11 @@ var ImageVisor = function ImageVisor(_ref) {
             children: [value !== null && value !== void 0 && value.src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               src: _fullscreen.default,
               alt: "Ver en pantalla completa",
-              onClick: function onClick() {
-                return changeVisor("fullscreen");
-              }
+              onClick: () => changeVisor("fullscreen")
             }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               src: _close.default,
               alt: "Cerrar",
-              onClick: function onClick() {
-                return changeVisor();
-              }
+              onClick: () => changeVisor()
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
@@ -131,20 +98,18 @@ var ImageVisor = function ImageVisor(_ref) {
                 style: {
                   display: "none"
                 },
-                onChange: function onChange(e) {
-                  return handleUpdateImage(e.target.files[0]);
-                }
+                onChange: e => handleUpdateImage(e.target.files[0])
               })]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               className: "borderCircle",
               src: _deleteForeverWhite.default,
               alt: "Eliminar im\xE1gen",
-              onClick: function onClick() {
+              onClick: () => {
                 setModal({
                   type: "delete",
                   functions: {
-                    setModal: setModal,
-                    setDataServices: setDataServices
+                    setModal,
+                    setDataServices
                   },
                   payload: props
                 });
@@ -154,9 +119,7 @@ var ImageVisor = function ImageVisor(_ref) {
               className: "borderCircle",
               src: _close.default,
               alt: "Cerrar",
-              onClick: function onClick() {
-                return changeVisor("small");
-              }
+              onClick: () => changeVisor("small")
             })]
           })
         })]
@@ -173,18 +136,14 @@ var ImageVisor = function ImageVisor(_ref) {
       })]
     }));
   }
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var _value$src;
-
-    var src = value !== null && value !== void 0 && (_value$src = value.src) !== null && _value$src !== void 0 && _value$src.includes("image/") ? value === null || value === void 0 ? void 0 : value.src : (0, _utils.getImageURL)(process.env.REACT_APP_IMAGES_BUCKET, value === null || value === void 0 ? void 0 : value.src, 250, 250);
+    let src = value !== null && value !== void 0 && (_value$src = value.src) !== null && _value$src !== void 0 && _value$src.includes("image/") ? value === null || value === void 0 ? void 0 : value.src : (0, _utils.getImageURL)(process.env.REACT_APP_IMAGES_BUCKET, value === null || value === void 0 ? void 0 : value.src, 250, 250);
     setSmallSrc(src);
   }, [value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ImageContainer, {
-      onClick: function onClick() {
-        return changeVisor("small");
-      },
+      onClick: () => changeVisor("small"),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
         src: smallSrc,
         fallbackImage: _defaultProductImage.default,
@@ -193,7 +152,5 @@ var ImageVisor = function ImageVisor(_ref) {
     })
   });
 };
-
 exports.ImageVisor = ImageVisor;
-var _default = ImageVisor;
-exports.default = _default;
+var _default = exports.default = ImageVisor;

package/dist/components/pages/MultipleEdition/components/styles.js

@@ -1,29 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageView = exports.ImageContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _uploadFile = _interopRequireDefault(require("../../../../assets/images/Icons/upload-file.svg"));
-
 var _templateObject, _templateObject2, _templateObject3;
-
-var ImageContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: var(--white-main, #fff);\n  border-radius: 7px;\n  border: 1px solid var(--grey-medium, #cbcbcb);\n  cursor: pointer;\n  display: flex;\n  height: 52px;\n  justify-content: center;\n  width: 52px;\n  & > img {\n    border-radius: 7px;\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n  }\n"])));
-
-exports.ImageContainer = ImageContainer;
-
-var ImageView = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: var(--white-main, #fff);\n  border-radius: 5px;\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n  height: 280px;\n  left: calc(50% - 125px);\n  position: absolute;\n  top: calc(50% - 140px);\n  width: 250px;\n  z-index: 10;\n  .header {\n    align-items: center;\n    background: var(--grey-medium, #cbcbcb);\n    border-radius: 5px 5px 0px 0px;\n    color: var(--white-main, #fff);\n    display: flex;\n    font-family: Roboto;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    height: 30px;\n    justify-content: space-between;\n    line-height: normal;\n    overflow: hidden;\n    padding: 0 9px 0 10px;\n    text-overflow: ellipsis;\n    width: 100%;\n    .buttons {\n      display: flex;\n      gap: 10px;\n      img {\n        cursor: pointer;\n      }\n      label {\n        display: flex;\n        align-items: center;\n        padding: 3px;\n      }\n      .borderCircle {\n        border-radius: 20px;\n        border: 1px solid var(--white-main, #fff);\n      }\n    }\n  }\n  .body {\n    width: 100%;\n    height: calc(100% - 30px);\n    .imageLoaded {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n  ", "\n"])), function (_ref) {
-  var visorView = _ref.visorView;
+const ImageContainer = exports.ImageContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: var(--white-main, #fff);\n  border-radius: 7px;\n  border: 1px solid var(--grey-medium, #cbcbcb);\n  cursor: pointer;\n  display: flex;\n  height: 52px;\n  justify-content: center;\n  width: 52px;\n  & > img {\n    border-radius: 7px;\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n  }\n"])));
+const ImageView = exports.ImageView = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: var(--white-main, #fff);\n  border-radius: 5px;\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n  height: 280px;\n  left: calc(50% - 125px);\n  position: absolute;\n  top: calc(50% - 140px);\n  width: 250px;\n  z-index: 10;\n  .header {\n    align-items: center;\n    background: var(--grey-medium, #cbcbcb);\n    border-radius: 5px 5px 0px 0px;\n    color: var(--white-main, #fff);\n    display: flex;\n    font-family: Roboto;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    height: 30px;\n    justify-content: space-between;\n    line-height: normal;\n    overflow: hidden;\n    padding: 0 9px 0 10px;\n    text-overflow: ellipsis;\n    width: 100%;\n    .buttons {\n      display: flex;\n      gap: 10px;\n      img {\n        cursor: pointer;\n      }\n      label {\n        display: flex;\n        align-items: center;\n        padding: 3px;\n      }\n      .borderCircle {\n        border-radius: 20px;\n        border: 1px solid var(--white-main, #fff);\n      }\n    }\n  }\n  .body {\n    width: 100%;\n    height: calc(100% - 30px);\n    .imageLoaded {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n  ", "\n"])), _ref => {
+  let {
+    visorView
+  } = _ref;
   return visorView === "fullscreen" && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      background: var(--black-main, #262626d9);\n      height: 100%;\n      left: 0;\n      top: 0;\n      width: 100%;\n      .header {\n        background: var(--black-main, #262626);\n        font-size: 14px;\n        height: 45px;\n        .buttons > img {\n          border-radius: 20px;\n          border: 1px solid var(--white-main, #fff);\n          padding: 3px;\n        }\n      }\n      > div {\n        align-items: center;\n        display: flex;\n        height: 100%;\n        justify-content: center;\n        width: 100%;\n        & > img {\n          border-radius: 5px;\n          height: 500px;\n          width: 500px;\n        }\n      }\n    "])));
-});
-
-exports.ImageView = ImageView;
+});

package/dist/components/pages/MultipleEdition/index.js

@@ -21,36 +21,24 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Modal = require("../../organisms/Modal");
 
-var _EditionTabs = _interopRequireDefault(require("../../molecules/EditionTabs"));
+var _EditionTabs = require("../../molecules/EditionTabs");
 
-var _SelectV = require("../../molecules/SelectV2");
-
-var _Table = _interopRequireDefault(require("../../organisms/Table"));
+var _Table = require("../../organisms/Table");
 
 var _beenhere = _interopRequireDefault(require("../../../assets/images/Icons/beenhere.svg"));
 
 var _closeMagenta = _interopRequireDefault(require("../../../assets/images/Icons/close-magenta.svg"));
 
-var _saveWhite = _interopRequireDefault(require("../../../assets/images/Icons/save-white.svg"));
-
 var _styles = require("./styles");
 
-var _acceptIcon = _interopRequireDefault(require("../../../assets/images/generalButton/acceptIcon.svg"));
-
 var _rejectIcon = _interopRequireDefault(require("../../../assets/images/generalButton/rejectIcon.svg"));
 
 var _genericModalCheck = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalCheck.svg"));
 
 var _utils = require("./utils");
 
-var _saveData = _interopRequireDefault(require("./saveData"));
-
-var _ValidationPanel = require("../../atoms/ValidationPanel");
-
 var _ButtonV = require("../../atoms/ButtonV2");
 
-var _material = require("@mui/material");
-
 var _TagAndInput = require("../../molecules/TagAndInput");
 
 var _GenericModal = require("../../atoms/GenericModal");
@@ -163,7 +151,7 @@ var MultipleEdition = function MultipleEdition(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "tabs",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionTabs.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionTabs.EditionTabs, {
           getSection: setSection
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -181,7 +169,7 @@ var MultipleEdition = function MultipleEdition(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "table",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Table, {
         withCheckbox: true,
         columns: currentData.columns,
         data: currentData.data

package/dist/components/pages/MultipleEdition/utils.js

@@ -24,7 +24,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _axios = _interopRequireDefault(require("axios"));
 
-var _ImageVisor = require("./components/ImageVisor");
+var _ImageVisor = require("../../organisms/ImageVisor");
 
 var _ButtonV = require("../../atoms/ButtonV2");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.4.111",
+  "version": "21.4.113",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/molecules/EditionTabs/index.js

@@ -6,8 +6,8 @@ const options = [
   { label: "Ficha técnica", key: "datasheet" },
   { label: "Imágenes", key: "images" },
 ];
+export const EditionTabs = (props) => {
 
-function EditionTabs(props) {
   const [section, setSection] = useState("description");
 
   function changeSection(section = "description") {
@@ -30,4 +30,4 @@ function EditionTabs(props) {
   );
 }
 
-export default EditionTabs;
+

package/src/components/organisms/ImageUploader/ImageUploader.stories.js

@@ -0,0 +1,15 @@
+import { ImageUploader  } from "./index";
+
+export default {
+  title: "Components/organisms/ImageUploader ",
+  component: ImageUploader ,
+  argTypes: {
+    
+  },
+};
+
+const Template = (args) => <ImageUploader  {...args} />;
+
+export const ImageUploaderDefault = Template.bind({});
+ImageUploaderDefault.args = {
+};

package/src/components/{pages/MultipleEdition/components/ImageUploader.js → organisms/ImageUploader/index.js}

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useDropzone } from "react-dropzone";
-import { ImageUploaderContainer } from "./ImageUploaderStyles";
-import uploadFile from "../../../../assets/images/Icons/upload_file.svg";
+import { ImageUploaderContainer } from "./styles";
+import uploadFile from "../../../assets/images/Icons/upload_file.svg";
 
 const ImageUploader = ({ handleNewImage }) => {
   const [image, setImage] = useState(null);

package/src/components/organisms/ImageVisor/ImageVisor.stories.js

@@ -0,0 +1,15 @@
+import { ImageVisor } from "./index";
+
+export default {
+  title: "Components/organisms/ImageVisor",
+  component: ImageVisor,
+  argTypes: {
+    
+  },
+};
+
+const Template = (args) => <ImageVisor {...args} />;
+
+export const ImageVisorDefault = Template.bind({});
+ImageVisorDefault.args = {
+};

package/src/components/{pages/MultipleEdition/components/ImageVisor.js → organisms/ImageVisor/index.js}

@@ -1,13 +1,13 @@
 import { useState, useEffect } from "react";
 import ReactImageFallback from "react-image-fallback";
 import { ImageContainer, ImageView } from "./styles.js";
-import ImageUploader from "./ImageUploader.js";
-import { getImageURL } from "../../../../global-files/utils.js";
-import defaultProductImage from "../../../../assets/images/defaultImages/defaultProductImage.png";
-import fullscreen from "../../../../assets/images/Icons/fullscreen.svg";
-import close from "../../../../assets/images/Icons/close.svg";
-import uploadFile from "../../../../assets/images/Icons/upload-file.svg";
-import deleteForever from "../../../../assets/images/Icons/delete-forever-white.svg";
+import ImageUploader from "../ImageUploader";
+import { getImageURL } from "../../../global-files/utils.js";
+import defaultProductImage from "../../../assets/images/defaultImages/defaultProductImage.png";
+import fullscreen from "../../../assets/images/Icons/fullscreen.svg";
+import close from "../../../assets/images/Icons/close.svg";
+import uploadFile from "../../../assets/images/Icons/upload-file.svg";
+import deleteForever from "../../../assets/images/Icons/delete-forever-white.svg";
 
 export const ImageVisor = ({
   value,

package/src/components/{pages/MultipleEdition/components → organisms/ImageVisor}/styles.js

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import uploadFile from "../../../../assets/images/Icons/upload-file.svg";
+import uploadFile from "../../../assets/images/Icons/upload-file.svg";
 
 export const ImageContainer = styled.div`
   align-items: center;

package/src/components/organisms/Table/index.js

@@ -2,7 +2,8 @@ import React, { useState } from "react";
 import { CheckBox } from "../../atoms/CheckBox";
 import { Container, TH, TD } from "./styles";
 
-const Table = ({ columns, data, withCheckbox }) => {
+
+export const Table = ({ columns, data, withCheckbox })=> {
   const [rowsChecked, setRowsChecked] = useState([]);
 
   function handlerSelectAll(evt) {
@@ -73,4 +74,3 @@ const Table = ({ columns, data, withCheckbox }) => {
   );
 };
 
-export default Table;

package/src/components/pages/MultipleEdition/index.js

@@ -1,27 +1,20 @@
 import React, { useState, useEffect, useReducer } from "react";
 import { Modal } from "../../organisms/Modal";
-import EditionTabs from "../../molecules/EditionTabs";
-import { SelectV2 } from "../../molecules/SelectV2";
-import Table from "../../organisms/Table";
+import {EditionTabs} from "../../molecules/EditionTabs";
+import {Table} from "../../organisms/Table";
 import beenhere from "../../../assets/images/Icons/beenhere.svg";
 import closeMagenta from "../../../assets/images/Icons/close-magenta.svg";
-import saveWhite from "../../../assets/images/Icons/save-white.svg";
 import { Container } from "./styles";
-import acceptIcon from "../../../assets/images/generalButton/acceptIcon.svg";
 import rejectIcon from "../../../assets/images/generalButton/rejectIcon.svg";
 import succes from "../../../assets/images/genericModal/genericModalCheck.svg";
 
 import {
-  optionsSelect,
   initData,
   setDataColumns,
   dataReducer,
   modalReducer,
 } from "./utils";
-import saveData from "./saveData";
-import { ValidationPanel } from "../../atoms/ValidationPanel";
 import { ButtonV2 } from "../../atoms/ButtonV2";
-import { Button } from "@mui/material";
 import { TagAndInput } from "../../molecules/TagAndInput";
 import { GenericModal } from "../../atoms/GenericModal";
 import { ScreenHeader } from "../../atoms/ScreenHeader";

package/src/components/pages/MultipleEdition/utils.js

@@ -1,5 +1,5 @@
 import axios from "axios";
-import { ImageVisor } from "./components/ImageVisor";
+import { ImageVisor } from "../../organisms/ImageVisor";
 import { ButtonV2 } from "../../atoms/ButtonV2";
 import { deleteImage } from "./saveData";
 import { Container, Input, InputBase, TextField } from "@mui/material";

package/dist/components/atoms/GeneralInput/style.js

@@ -1,29 +0,0 @@
-"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;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 2px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n\n  &.audit-class {\n    input,\n    .quill {\n      border: 1px solid #8a6caa;\n      background-color: #ededfc;\n    }\n  }\n"])), function (_ref) {
-  var isRequired = _ref.isRequired;
-  return isRequired ? "red" : "none";
-}, function (_ref2) {
-  var isRequired = _ref2.isRequired;
-  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, function (_ref3) {
-  var isRequired = _ref3.isRequired;
-  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
-
-exports.Container = Container;