contentoh-components-library 21.4.123 → 21.4.124

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

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MandatoryBar = void 0;
-
-var _NumberMandatory = require("../../atoms/NumberMandatory");
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var MandatoryBar = function MandatoryBar(_ref) {
-  var obligatorias = _ref.obligatorias,
-      minimas = _ref.minimas,
-      maximas = _ref.maximas;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberMandatory.NumberMandatory, {
-      number: obligatorias,
-      required: true,
-      typeImage: "obligatorias",
-      typeSingle: "obligatoria"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberMandatory.NumberMandatory, {
-      number: minimas,
-      required: false,
-      typeImage: "mínimas",
-      typeSingle: "mínimas"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberMandatory.NumberMandatory, {
-      number: maximas,
-      required: false,
-      typeImage: "máximas",
-      typeSingle: "máximas"
-    })]
-  });
-};
-
-exports.MandatoryBar = MandatoryBar;

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

@@ -1,20 +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: fit-content;\n  height:60px;\n  display: flex;\n  gap: 10px;\n  padding:22px 15px;\n  border:1px solid ", ";\n  border-radius:10px;\n"])), _variables.GlobalColors.gray_light);
-
-exports.Container = Container;

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

@@ -1,153 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProductImageModalv2Default = 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/ProductImageModalv2",
-  component: _index.ProductImageModalv2
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImageModalv2, (0, _objectSpread2.default)({}, args));
-};
-
-var ProductImageModalv2Default = Template.bind({});
-exports.ProductImageModalv2Default = ProductImageModalv2Default;
-ProductImageModalv2Default.args = {
-  headerInfo: {},
-  images: {
-    values: [{
-      img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
-      alt: "img",
-      name: "Hero",
-      data: [{
-        feature: "Tamaño de imagen",
-        value: "1000x10000"
-      }, {
-        feature: "Formato",
-        value: "jpg"
-      }, {
-        feature: "Resolución",
-        value: "300dpi"
-      }, {
-        feature: "Tipo de imagen",
-        value: "Tipo de imagen"
-      }, {
-        feature: "Identificador",
-        value: "F261"
-      }]
-    }, {
-      img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
-      alt: "img",
-      name: "Hero2",
-      data: [{
-        feature: "Tamaño de imagen",
-        value: "1000x10000"
-      }, {
-        feature: "Formato",
-        value: "jpg"
-      }, {
-        feature: "Resolución",
-        value: "300dpi"
-      }, {
-        feature: "Tipo de imagen",
-        value: "Tipo de imagen"
-      }, {
-        feature: "Identificador",
-        value: "F261"
-      }]
-    }, {
-      img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
-      alt: "img",
-      name: "Hero3",
-      data: [{
-        feature: "Tamaño de imagen",
-        value: "1000x10000"
-      }, {
-        feature: "Formato",
-        value: "jpg"
-      }, {
-        feature: "Resolución",
-        value: "300dpi"
-      }, {
-        feature: "Tipo de imagen",
-        value: "Tipo de imagen"
-      }, {
-        feature: "Identificador",
-        value: "F261"
-      }]
-    }, {
-      img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
-      alt: "img",
-      name: "Hero4",
-      data: [{
-        feature: "Tamaño de imagen",
-        value: "1000x10000"
-      }, {
-        feature: "Formato",
-        value: "jpg"
-      }, {
-        feature: "Resolución",
-        value: "300dpi"
-      }, {
-        feature: "Tipo de imagen",
-        value: "Tipo de imagen"
-      }, {
-        feature: "Identificador",
-        value: "F261"
-      }]
-    }, {
-      img: "https://memegenerator.net/img/images/72798198.jpg",
-      alt: "img",
-      name: "Hero5",
-      data: [{
-        feature: "Tamaño de imagen",
-        value: "1000x10000"
-      }, {
-        feature: "Formato",
-        value: "jpg"
-      }, {
-        feature: "Resolución",
-        value: "300dpi"
-      }, {
-        feature: "Tipo de imagen",
-        value: "Tipo de imagen"
-      }, {
-        feature: "Identificador",
-        value: "F261"
-      }]
-    }, {
-      img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
-      alt: "img",
-      name: "Hero6",
-      data: [{
-        feature: "Tamaño de imagen",
-        value: "1000x10000"
-      }, {
-        feature: "Formato",
-        value: "jpg"
-      }, {
-        feature: "Resolución",
-        value: "300dpi"
-      }, {
-        feature: "Tipo de imagen",
-        value: "Tipo de imagen"
-      }, {
-        feature: "Identificador",
-        value: "F261"
-      }]
-    }]
-  }
-};

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

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProductImageModalv2 = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _react = require("react");
-
-var _ValidationPanel = require("../../atoms/ValidationPanel");
-
-var _index = require("../../atoms/GeneralButton/index");
-
-var _ProductImagev = require("../../atoms/ProductImagev2");
-
-var _ImageSelectorv = require("../../molecules/ImageSelectorv2");
-
-var _ImageDataTablev = require("../ImageDataTablev2");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var ProductImageModalv2 = function ProductImageModalv2(_ref) {
-  var _images$values$active, _images$values$active2, _images$values$active3;
-
-  var _ref$images = _ref.images,
-      images = _ref$images === void 0 ? [] : _ref$images,
-      headerInfo = _ref.headerInfo,
-      validation = _ref.validation,
-      setShowModal = _ref.setShowModal,
-      sendToFacilitator = _ref.sendToFacilitator,
-      _ref$approveRejectBut = _ref.approveRejectButtons,
-      approveRejectButtons = _ref$approveRejectBut === void 0 ? false : _ref$approveRejectBut;
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      activeImage = _useState2[0],
-      setActiveImage = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(validation ? validation : "null-button"),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      buttonType = _useState4[0],
-      setButtonType = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      showValidationPanel = _useState6[0],
-      setShowValidationPanel = _useState6[1];
-
-  var closeValidationPanel = function closeValidationPanel(e) {
-    if (!e.target.closest("#validation-panel") || e.target.closest(".validation-option") && showValidationPanel) {
-      document.removeEventListener("click", closeValidationPanel, false);
-      setShowValidationPanel(false);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showValidationPanel) {
-      document.addEventListener("click", closeValidationPanel, false);
-    }
-  }, [showValidationPanel]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "modal-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "modal-image-container",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImagev.ProductImagev2, {
-          img: "https://" + process.env.REACT_APP_IMAGES_BUCKET + ".s3.amazonaws.com/" + (images === null || images === void 0 ? void 0 : (_images$values$active = images.values[activeImage]) === null || _images$values$active === void 0 ? void 0 : _images$values$active.srcDB),
-          altText: images === null || images === void 0 ? void 0 : (_images$values$active2 = images.values[activeImage]) === null || _images$values$active2 === void 0 ? void 0 : _images$values$active2.name,
-          imageType: "expanded-modal-image"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "modal-data-container",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "validation-and-table-container",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "validation-panel",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
-              buttonType: "general-white-button close-button-white",
-              onClick: function onClick() {
-                setShowModal(false);
-              }
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDataTablev.ImageDataTablev2, {
-            imageData: images === null || images === void 0 ? void 0 : (_images$values$active3 = images.values[activeImage]) === null || _images$values$active3 === void 0 ? void 0 : _images$values$active3.data,
-            headerInfo: headerInfo,
-            activeImage: images === null || images === void 0 ? void 0 : images.values[activeImage],
-            darkMode: true,
-            lists: images
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSelectorv.ImageSelectorv2, {
-          images: images,
-          setActiveImage: setActiveImage,
-          modalSelector: true
-        })]
-      })]
-    })
-  });
-};
-
-exports.ProductImageModalv2 = ProductImageModalv2;

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

@@ -1,20 +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  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 100vh;\n  width: 100%;\n  overflow: auto;\n  position: fixed;\n  background-color: rgba(59, 59, 59, 0.53);\n  backdrop-filter: blur(4px);\n  left: 0;\n  top: 0;\n  z-index: 100;\n\n  .modal-container {\n    display: flex;\n    border-radius: 4px;\n    overflow: hidden;\n\n    .modal-data-container {\n      display: flex;\n      flex-direction: column;\n      gap: 25px;\n      align-items: center;\n      padding: 15px;\n      min-width: 375px;\n      \n      h2 {\n        color: ", ";\n      }\n\n      .validation-and-table-container {\n        .validation-panel {\n          width: 100%;\n          height: 44px;\n          background-color: rgba(38,38,38,0.3);\n          padding: 0 10px;\n          position: absolute;\n          top:0;\n          right:0;\n          display: flex;\n          justify-content: flex-end;\n          align-items: center;\n          .circular-button {\n            & + * {\n              margin-left: 10px;\n            }\n          }\n\n          button{\n            width: 24px;\n            height: 24px;\n            border: 1px solid #f0f0f0;\n            background-size: 12px;\n            padding: 0;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n\n          // & + * {\n          //   margin-top: 25px;\n          // }\n        }\n      }\n    }\n  }\n"])), _variables.GlobalColors.gray);
-
-exports.Container = Container;

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

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

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

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RenameImagesBar = void 0;
-
-var _InputImages = require("../../atoms/InputImages");
-
-var _NumberMandatory = require("../../atoms/NumberMandatory");
-
-var _InputGroupv = require("../InputGroupv2");
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var RenameImagesBar = function RenameImagesBar(_ref) {
-  var description = _ref.description,
-      number = _ref.number;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputImages.InputImages, {
-      required: true,
-      description_small: "Descripción del campo.",
-      placeHolder: "UPC"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputImages.InputImages, {
-      required: false,
-      description_small: "Descripción del campo.",
-      placeHolder: "Modelo"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputImages.InputImages, {
-      required: true,
-      description_small: "Descripción del campo.",
-      placeHolder: "Item"
-    })]
-  });
-};
-
-exports.RenameImagesBar = RenameImagesBar;

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

@@ -1,20 +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: fit-content;\n  height:60px;\n  display: flex;\n  gap: 10px;\n  padding:22px 15px;\n  border:1px solid ", ";\n  border-radius:10px;\n"])), _variables.GlobalColors.gray_light);
-
-exports.Container = Container;