contentoh-components-library 21.2.102 → 21.2.104

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

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("./styles");
-
-var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-
-var _material = require("@mui/material");
-
-var _ButtonV = require("../../atoms/ButtonV2");
-
-var _CustomIcon = require("../../atoms/CustomIcon");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var Modal = function Modal(props) {
-  var className = props.className,
-      show = props.show,
-      title = props.title,
-      message = props.message,
-      icon = props.icon,
-      customComponent = props.customComponent,
-      buttons = props.buttons,
-      onClickModal = props.onClickModal,
-      onClickBtnDefault = props.onClickBtnDefault;
-  var icons = {
-    error: _freeSolidSvgIcons.faClose,
-    warning: _freeSolidSvgIcons.faExclamationTriangle,
-    info: _freeSolidSvgIcons.faExclamation,
-    success: _freeSolidSvgIcons.faCheck
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Backdrop, {
-    open: show,
-    className: "container-backgroundModal",
-    timeout: 400,
-    style: {
-      backgroundColor: "transparent",
-      zIndex: 10
-    },
-    onClick: function onClick(event) {
-      return onClickModal && onClickModal(event);
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
-      in: show,
-      timeout: 400,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerModal, {
-        className: className ? className : "",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "contentModal",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
-            children: ![null, undefined, ""].includes(title === null || title === void 0 ? void 0 : title.trim()) && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-              className: "label-title",
-              children: title.trim()
-            })
-          }), icons[icon === null || icon === void 0 ? void 0 : icon.toLowerCase()] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
-            type: "white",
-            className: "iconModal " + "iconModal-" + icon.toLowerCase(),
-            size: 35,
-            borderType: "circle",
-            icon: icons[icon.toLowerCase()]
-          }), ![null, undefined, ""].includes(message === null || message === void 0 ? void 0 : message.trim()) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-            className: "label-message",
-            children: [" ", message.trim(), " "]
-          }), customComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "container-customComponent",
-            children: customComponent
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "container-buttons",
-            children: buttons !== null && buttons !== void 0 && buttons.length ? buttons : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-              type: "white",
-              borderType: "oval",
-              label: "Aceptar",
-              size: 12,
-              onClick: function onClick(event) {
-                return onClickBtnDefault && onClickBtnDefault(event);
-              }
-            }, "btn-Aceptar")
-          })]
-        })
-      })
-    })
-  });
-};
-
-exports.Modal = Modal;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContainerModal = 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 ContainerModal = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  display: grid;\n  place-items: center;\n  background-color: rgba(0, 0, 0, 0.4);\n\n  .contentModal {\n    width: fit-content;\n    max-width: 80%;\n    min-width: 80px;\n    height: fit-content;\n    max-height: 90%;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: white;\n    border-radius: 10px;\n    padding: 25px 25px 20px 25px;\n    box-shadow: 0px 2px 4px 0px #00000040;\n\n    header {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 6px;\n      margin-bottom: 20px;\n\n      .label-title {\n        width: 100%;\n        text-align: center;\n        font-family: ", ", sans-serif;\n        font-size: 17px;\n        line-height: 1.2;\n        color: #262626;\n        white-space: pre-wrap;\n      }\n    }\n\n    .iconModal {\n      width: 50px;\n      height: 50px;\n      font-size: 30px;\n      border-width: 4px;\n      margin-bottom: 20px;\n      overflow: hidden;\n\n      &.iconModal-error {\n        background-color: #953737;\n        border-color: #953737;\n        color: white;\n      }\n      &.iconModal-warning {\n        font-size: 27px;\n        padding-bottom: 8px;\n        color: #af9647;\n        border-color: #af9647;\n      }\n      &.iconModal-info {\n        border-color: #9e3e26;\n        color: #9e3e26;\n      }\n      &.iconModal-success {\n      }\n    }\n\n    .label-message {\n      width: 100%;\n      text-align: center;\n      font-family: ", ", sans-serif;\n      font-size: 13px;\n      color: #707070;\n      white-space: pre-wrap;\n    }\n\n    .container-customComponent {\n      width: 100%;\n      max-height: 50vh;\n      display: flex;\n      flex-direction: column;\n      margin-top: 20px;\n      padding: 0px 0px;\n      //border: 1px solid red;\n    }\n\n    .container-buttons {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 20px;\n      //border: 1px solid red;\n    }\n  }\n"])), _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular);
-
-exports.ContainerModal = ContainerModal;

package/dist/global-files/handle_http.js

@@ -1,383 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fetchPUT = exports.fetchPOST = exports.fetchGET = exports.fetchDELETE = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
-var _axios = _interopRequireDefault(require("axios"));
-
-//============================================================
-
-/**
- *	funcion que realiza un axios GET
- *	
- *	Si <body> es undefined significa que hubo error
-
- * @returns { Promise<{
- * 	body: {} | undefined , 
- * 	message: string, 
- * 	errorDetail: string
- * }> }
- *  
- */
-//============================================================
-var fetchGET = function fetchGET() {
-  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  var paramsQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return new Promise( /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(response) {
-      var URL, keysParamsQuery, respHTTPjson, body, _body$message, _body$errorDetail;
-
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              URL = endpoint;
-              keysParamsQuery = Object.keys(paramsQuery); // agregar cada param query a la URL
-
-              keysParamsQuery.forEach(function (key, index) {
-                if (index == 0) {
-                  URL += "?".concat(key, "=").concat(paramsQuery[key]);
-                } else {
-                  URL += "&".concat(key, "=").concat(paramsQuery[key]);
-                }
-              }); //console.log("URL:", URL);
-
-              _context.next = 6;
-              return _axios.default.get(URL, {
-                headers: paramsHeaders
-              });
-
-            case 6:
-              respHTTPjson = _context.sent;
-
-              if (!(respHTTPjson.status !== 200)) {
-                _context.next = 9;
-                break;
-              }
-
-              return _context.abrupt("return", response({
-                message: "No fue posible llevar a cabo la operación",
-                errorDetail: respHTTPjson.statusText
-              }));
-
-            case 9:
-              // obtener body backend
-              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
-
-              if (!(respHTTPjson.data.statusCode !== 200)) {
-                _context.next = 12;
-                break;
-              }
-
-              return _context.abrupt("return", response({
-                message: (_body$message = body.message) !== null && _body$message !== void 0 ? _body$message : "",
-                errorDetail: (_body$errorDetail = body.errorDetail) !== null && _body$errorDetail !== void 0 ? _body$errorDetail : ""
-              }));
-
-            case 12:
-              return _context.abrupt("return", response({
-                body: body
-              }));
-
-            case 15:
-              _context.prev = 15;
-              _context.t0 = _context["catch"](0);
-              return _context.abrupt("return", response({
-                message: "Error al obtener los datos",
-                errorDetail: _context.t0.message
-              }));
-
-            case 18:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 15]]);
-    }));
-
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }());
-}; //============================================================
-
-/**
- *	funcion que realiza un axios POST
- *	
- *	Si <body> es undefined significa que hubo error
-
- * @returns { Promise<{
- * 	body: {} | undefined , 
- * 	message: string, 
- * 	errorDetail: string
- * }> }
- *  
- */
-//============================================================
-
-
-exports.fetchGET = fetchGET;
-
-var fetchPOST = function fetchPOST() {
-  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return new Promise( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(response) {
-      var respHTTPjson, body, _body$message2, _body$errorDetail2;
-
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return _axios.default.post(endpoint, paramsBody, {
-                headers: paramsHeaders
-              });
-
-            case 3:
-              respHTTPjson = _context2.sent;
-
-              if (!(respHTTPjson.status !== 200)) {
-                _context2.next = 6;
-                break;
-              }
-
-              return _context2.abrupt("return", response({
-                message: "No fue posible llevar a cabo la operación",
-                errorDetail: respHTTPjson.statusText
-              }));
-
-            case 6:
-              // obtener body backend
-              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
-
-              if (!(respHTTPjson.data.statusCode !== 200)) {
-                _context2.next = 10;
-                break;
-              }
-
-              console.log(body);
-              return _context2.abrupt("return", response({
-                message: (_body$message2 = body.message) !== null && _body$message2 !== void 0 ? _body$message2 : "",
-                errorDetail: (_body$errorDetail2 = body.errorDetail) !== null && _body$errorDetail2 !== void 0 ? _body$errorDetail2 : ""
-              }));
-
-            case 10:
-              return _context2.abrupt("return", response({
-                body: body
-              }));
-
-            case 13:
-              _context2.prev = 13;
-              _context2.t0 = _context2["catch"](0);
-              return _context2.abrupt("return", response({
-                message: "Error al guardar los datos",
-                errorDetail: _context2.t0.message
-              }));
-
-            case 16:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[0, 13]]);
-    }));
-
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }());
-}; //============================================================
-
-/**
- *	funcion que realiza un axios GET
- *	
- *	Si <body> es undefined significa que hubo error
-
- * @returns { Promise<{
- * 	body: {} | undefined , 
- * 	message: string, 
- * 	errorDetail: string
- * }> }
- *  
- */
-//============================================================
-
-
-exports.fetchPOST = fetchPOST;
-
-var fetchPUT = function fetchPUT() {
-  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return new Promise( /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(response) {
-      var respHTTPjson, body, _body$message3, _body$errorDetail3;
-
-      return _regenerator.default.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.prev = 0;
-              _context3.next = 3;
-              return _axios.default.put(endpoint, paramsBody, {
-                headers: paramsHeaders
-              });
-
-            case 3:
-              respHTTPjson = _context3.sent;
-
-              if (!(respHTTPjson.status !== 200)) {
-                _context3.next = 6;
-                break;
-              }
-
-              return _context3.abrupt("return", response({
-                message: "No fue posible llevar a cabo la operación",
-                errorDetail: respHTTPjson.statusText
-              }));
-
-            case 6:
-              // obtener body backend
-              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
-
-              if (!(respHTTPjson.data.statusCode !== 200)) {
-                _context3.next = 9;
-                break;
-              }
-
-              return _context3.abrupt("return", response({
-                message: (_body$message3 = body.message) !== null && _body$message3 !== void 0 ? _body$message3 : "",
-                errorDetail: (_body$errorDetail3 = body.errorDetail) !== null && _body$errorDetail3 !== void 0 ? _body$errorDetail3 : ""
-              }));
-
-            case 9:
-              return _context3.abrupt("return", response({
-                body: body
-              }));
-
-            case 12:
-              _context3.prev = 12;
-              _context3.t0 = _context3["catch"](0);
-              return _context3.abrupt("return", response({
-                message: "Error al actualizar los datos",
-                errorDetail: _context3.t0.message
-              }));
-
-            case 15:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3, null, [[0, 12]]);
-    }));
-
-    return function (_x3) {
-      return _ref3.apply(this, arguments);
-    };
-  }());
-}; //============================================================
-
-/**
- *	funcion que realiza un axios GET
- *	
- *	Si <body> es undefined significa que hubo error
-
- * @returns { Promise<{
- * 	body: {} | undefined , 
- * 	message: string, 
- * 	errorDetail: string
- * }> }
- *  
- */
-//============================================================
-
-
-exports.fetchPUT = fetchPUT;
-
-var fetchDELETE = function fetchDELETE() {
-  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return new Promise( /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(response) {
-      var respHTTPjson, body, _body$message4, _body$errorDetail4;
-
-      return _regenerator.default.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.prev = 0;
-              _context4.next = 3;
-              return _axios.default.delete(endpoint, {
-                data: paramsBody,
-                headers: paramsHeaders
-              });
-
-            case 3:
-              respHTTPjson = _context4.sent;
-
-              if (!(respHTTPjson.status !== 200)) {
-                _context4.next = 6;
-                break;
-              }
-
-              return _context4.abrupt("return", response({
-                message: "No fue posible llevar a cabo la operación",
-                errorDetail: respHTTPjson.statusText
-              }));
-
-            case 6:
-              // obtener body backend
-              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
-
-              if (!(respHTTPjson.data.statusCode !== 200)) {
-                _context4.next = 9;
-                break;
-              }
-
-              return _context4.abrupt("return", response({
-                message: (_body$message4 = body.message) !== null && _body$message4 !== void 0 ? _body$message4 : "",
-                errorDetail: (_body$errorDetail4 = body.errorDetail) !== null && _body$errorDetail4 !== void 0 ? _body$errorDetail4 : ""
-              }));
-
-            case 9:
-              return _context4.abrupt("return", response({
-                body: body
-              }));
-
-            case 12:
-              _context4.prev = 12;
-              _context4.t0 = _context4["catch"](0);
-              return _context4.abrupt("return", response({
-                message: "Error al actualizar los datos",
-                errorDetail: _context4.t0.message
-              }));
-
-            case 15:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4, null, [[0, 12]]);
-    }));
-
-    return function (_x4) {
-      return _ref4.apply(this, arguments);
-    };
-  }());
-};
-
-exports.fetchDELETE = fetchDELETE;