contentoh-components-library 21.4.134 → 21.4.136

package/dist/components/organisms/MandatoryBar/MandatoryBar.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.MandatoryBarDefault = 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/MandatoryBar",
-  component: _index.MandatoryBar,
-  argTypes: {}
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MandatoryBar, (0, _objectSpread2.default)({}, args));
-};
-
-var MandatoryBarDefault = Template.bind({});
-exports.MandatoryBarDefault = MandatoryBarDefault;
-MandatoryBarDefault.args = {
-  MandatoryBar: {}
-};

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/Modal/Modal.stories.js

@@ -1,66 +0,0 @@
-"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 = {
-  title: "Components/organisms/Modal",
-  component: _index.Modal,
-  argTypes: {
-    icon: {
-      options: [undefined, "error", "warning", "success", "info"],
-      control: {
-        type: "select"
-      }
-    }
-  }
-};
-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",
-  icon: undefined,
-  message: "descripcion amplia sobre el componente \n\tmodal white para saber como se ven varias lineas\n\tde codigo"
-};
-var modalWithButtons = Template.bind({});
-exports.modalWithButtons = modalWithButtons;
-modalWithButtons.args = {
-  show: false,
-  title: "Titulo del modal",
-  icon: undefined,
-  message: "descripcion amplia sobre el componente \n\tmodal white para saber como se ven varias lineas\n\tde codigo",
-  buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-    type: "white",
-    label: "Cancelar",
-    size: 12,
-    onClick: function onClick(event) {
-      alert("cancelar");
-    }
-  }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-    type: "pink",
-    label: "Aceptar",
-    size: 12,
-    onClick: function onClick(event) {
-      alert("aceptar");
-    }
-  }, "btn-Aceptar")]
-};

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/components/organisms/OrderDetail/OrderDetail.stories.js

@@ -1,259 +0,0 @@
-"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 = {
-  title: "Components/organisms/OrderDetail",
-  component: _index.OrderDetail
-};
-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(function (_ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-
-    return "".concat(key, "=").concat(encodeURIComponent(value));
-  }).join("&");
-};
-
-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();
-        }
-      }
-    }, _callee2);
-  }));
-
-  return function getOrderDetail() {
-    return _ref3.apply(this, arguments);
-  };
-}();
-
-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();
-        }
-      }
-    }, _callee4);
-  }));
-
-  return function updateBilling() {
-    return _ref5.apply(this, arguments);
-  };
-}();
-
-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);
-  };
-}();
-
-var OrderDetailDefault = Template.bind({});
-exports.OrderDetailDefault = OrderDetailDefault;
-OrderDetailDefault.args = {
-  id: "orderDetail",
-  isDownloading: false,
-  order: {
-    country: "México",
-    id_company: 1,
-    company_name: "GRUPO BRAHMA",
-    date: "2022-11-12T00:00:00.000Z",
-    type: "En oficina",
-    id_order: 15202,
-    status: "PA",
-    total: 731.2639770507812,
-    timestamp: "2022-11-12T22:48:23.000Z",
-    payment: null,
-    deliver_date: "2022-11-19T00:00:00.000Z",
-    product_count: 1,
-    is_billing: 0
-  },
-  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() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    return console.log(args);
-  } // isProvider: true,
-
-};