contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,12 +1,20 @@
 "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: 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);
+
+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/Modal/Modal.stories.js

@@ -1,13 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.modalWithButtons = exports.modalDefault = exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _ButtonV = require("../../atoms/ButtonV2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/organisms/Modal",
   component: _index.Modal,
   argTypes: {
@@ -19,10 +27,14 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Modal, {
-  ...args
-});
-const modalDefault = exports.modalDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Modal, (0, _objectSpread2.default)({}, args));
+};
+
+var modalDefault = Template.bind({});
+exports.modalDefault = modalDefault;
 modalDefault.args = {
   show: false,
   title: "Titulo del modal",
@@ -30,7 +42,8 @@ modalDefault.args = {
   image: undefined,
   message: "descripcion amplia sobre el componente \n\tmodal white para saber como se ven varias lineas\n\tde codigo"
 };
-const modalWithButtons = exports.modalWithButtons = Template.bind({});
+var modalWithButtons = Template.bind({});
+exports.modalWithButtons = modalWithButtons;
 modalWithButtons.args = {
   show: false,
   title: "Titulo del modal",
@@ -40,14 +53,14 @@ modalWithButtons.args = {
     type: "white",
     label: "Cancelar",
     size: 12,
-    onClick: event => {
+    onClick: function onClick(event) {
       alert("cancelar");
     }
   }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
     type: "pink",
     label: "Aceptar",
     size: 12,
-    onClick: event => {
+    onClick: function onClick(event) {
       alert("aceptar");
     }
   }, "btn-Aceptar")]

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

@@ -1,40 +1,40 @@
 "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");
-const Modal = props => {
-  const {
-    className,
-    // clases CSS del componente raiz del modal
-    show,
-    // boolean
-    title,
-    // string
-    message,
-    // string
-    icon,
-    // "error" | "warning" | "success" | "successV2" | "info" (por default no icon)
-    image,
-    customComponent,
-    // JSX
-    buttons,
-    // array<JSX>
-    onClickModal,
-    // (event) => {}
-    onClickBtnDefault // (event) => {}
-  } = props;
-  const icons = {
+
+var Modal = function Modal(props) {
+  var className = props.className,
+      show = props.show,
+      title = props.title,
+      message = props.message,
+      icon = props.icon,
+      image = props.image,
+      customComponent = props.customComponent,
+      buttons = props.buttons,
+      onClickModal = props.onClickModal,
+      onClickBtnDefault = props.onClickBtnDefault;
+  var icons = {
     error: _freeSolidSvgIcons.faClose,
     warning: _freeSolidSvgIcons.faExclamationTriangle,
     info: _freeSolidSvgIcons.faExclamation,
@@ -49,7 +49,9 @@ const Modal = props => {
       backgroundColor: "transparent",
       zIndex: 10100
     },
-    onClick: event => onClickModal && onClickModal(event),
+    onClick: function onClick(event) {
+      return onClickModal && onClickModal(event);
+    },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
       in: show,
       timeout: 400,
@@ -84,7 +86,9 @@ const Modal = props => {
               borderType: "oval",
               label: "Aceptar",
               size: 12,
-              onClick: event => onClickBtnDefault && onClickBtnDefault(event)
+              onClick: function onClick(event) {
+                return onClickBtnDefault && onClickBtnDefault(event);
+              }
             }, "btn-Aceptar")
           })]
         })
@@ -92,4 +96,5 @@ const Modal = props => {
     })
   });
 };
+
 exports.Modal = Modal;

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

@@ -1,12 +1,20 @@
 "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;
-const ContainerModal = exports.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\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        margin-top: 20px;\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      &.iconModal-successv2{\n        border-color: #85BC5B;\n        color: #85BC5B;\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);
+
+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\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        margin-top: 20px;\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      &.iconModal-successv2{\n        border-color: #85BC5B;\n        color: #85BC5B;\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/components/organisms/OrderDetail/OrderDetail.stories.js

@@ -1,60 +1,225 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OrderDetailDefault = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index.js");
+
 var _axios = _interopRequireDefault(require("axios"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/organisms/OrderDetail",
   component: _index.OrderDetail
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OrderDetail, {
-  ...args
-});
-const objToQueryString = obj => {
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OrderDetail, (0, _objectSpread2.default)({}, args));
+};
+
+var objToQueryString = function objToQueryString(obj) {
   if (!Object.values(obj).length) return null;
-  return Object.entries(obj).map(_ref => {
-    let [key, value] = _ref;
+  return Object.entries(obj).map(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+
     return "".concat(key, "=").concat(encodeURIComponent(value));
   }).join("&");
 };
-const getOrderDetail = async function () {
-  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const func = async () => {
-    const query = objToQueryString(params.query);
-    const res = await _axios.default.get("https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/order-detail?".concat(query), {
-      headers: {
-        Authorization: sessionStorage.getItem("jwt")
+
+var getOrderDetail = /*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    var params,
+        func,
+        _args2 = arguments;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            params = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {};
+
+            func = /*#__PURE__*/function () {
+              var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+                var query, res;
+                return _regenerator.default.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        query = objToQueryString(params.query);
+                        _context.next = 3;
+                        return _axios.default.get("https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/order-detail?".concat(query), {
+                          headers: {
+                            Authorization: sessionStorage.getItem("jwt")
+                          }
+                        });
+
+                      case 3:
+                        res = _context.sent;
+                        return _context.abrupt("return", JSON.parse(res.data.body));
+
+                      case 5:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function func() {
+                return _ref4.apply(this, arguments);
+              };
+            }();
+
+            _context2.next = 4;
+            return func();
+
+          case 4:
+            return _context2.abrupt("return", _context2.sent);
+
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
       }
-    });
-    return JSON.parse(res.data.body);
+    }, _callee2);
+  }));
+
+  return function getOrderDetail() {
+    return _ref3.apply(this, arguments);
   };
-  return await func();
-};
-const updateBilling = async function () {
-  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const func = async () => {
-    const res = await _axios.default.put("https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/billing", params.body, {
-      headers: {
-        Authorization: sessionStorage.getItem("jwt")
+}();
+
+var updateBilling = /*#__PURE__*/function () {
+  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+    var params,
+        func,
+        _args4 = arguments;
+    return _regenerator.default.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            params = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {};
+
+            func = /*#__PURE__*/function () {
+              var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+                var res;
+                return _regenerator.default.wrap(function _callee3$(_context3) {
+                  while (1) {
+                    switch (_context3.prev = _context3.next) {
+                      case 0:
+                        _context3.next = 2;
+                        return _axios.default.put("https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/billing", params.body, {
+                          headers: {
+                            Authorization: sessionStorage.getItem("jwt")
+                          }
+                        });
+
+                      case 2:
+                        res = _context3.sent;
+                        return _context3.abrupt("return", res.data.statusCode);
+
+                      case 4:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }
+                }, _callee3);
+              }));
+
+              return function func() {
+                return _ref6.apply(this, arguments);
+              };
+            }();
+
+            _context4.next = 4;
+            return func();
+
+          case 4:
+            return _context4.abrupt("return", _context4.sent);
+
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
       }
-    });
-    return res.data.statusCode;
+    }, _callee4);
+  }));
+
+  return function updateBilling() {
+    return _ref5.apply(this, arguments);
   };
-  return await func();
-};
-const download = async () => {
-  const func = async () => {
-    const res = await _axios.default.get("https://svjoy5d665.execute-api.us-east-1.amazonaws.com/dev/data-aggregates-assignee-export");
-    return JSON.parse(res.data.statusCode);
+}();
+
+var download = /*#__PURE__*/function () {
+  var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+    var func;
+    return _regenerator.default.wrap(function _callee6$(_context6) {
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            func = /*#__PURE__*/function () {
+              var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+                var res;
+                return _regenerator.default.wrap(function _callee5$(_context5) {
+                  while (1) {
+                    switch (_context5.prev = _context5.next) {
+                      case 0:
+                        _context5.next = 2;
+                        return _axios.default.get("https://svjoy5d665.execute-api.us-east-1.amazonaws.com/dev/data-aggregates-assignee-export");
+
+                      case 2:
+                        res = _context5.sent;
+                        return _context5.abrupt("return", JSON.parse(res.data.statusCode));
+
+                      case 4:
+                      case "end":
+                        return _context5.stop();
+                    }
+                  }
+                }, _callee5);
+              }));
+
+              return function func() {
+                return _ref8.apply(this, arguments);
+              };
+            }();
+
+            _context6.next = 3;
+            return func();
+
+          case 3:
+            return _context6.abrupt("return", _context6.sent);
+
+          case 4:
+          case "end":
+            return _context6.stop();
+        }
+      }
+    }, _callee6);
+  }));
+
+  return function download() {
+    return _ref7.apply(this, arguments);
   };
-  return await func();
-};
-const OrderDetailDefault = exports.OrderDetailDefault = Template.bind({});
+}();
+
+var OrderDetailDefault = Template.bind({});
+exports.OrderDetailDefault = OrderDetailDefault;
 OrderDetailDefault.args = {
   id: "orderDetail",
   isDownloading: false,
@@ -73,20 +238,22 @@ OrderDetailDefault.args = {
     product_count: 1,
     is_billing: 0
   },
-  getOrderDetail,
-  updateBilling,
-  download,
-  updateGeneralBilling: function () {
+  getOrderDetail: getOrderDetail,
+  updateBilling: updateBilling,
+  download: download,
+  updateGeneralBilling: function updateGeneralBilling() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     return console.log(args);
   },
-  setShowOrderDetail: function () {
+  setShowOrderDetail: function setShowOrderDetail() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
+
     return console.log(args);
-  }
-  // isProvider: true,
+  } // isProvider: true,
+
 };