contentoh-components-library 21.2.104 → 21.2.106

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

@@ -32,78 +32,137 @@ var _axios = _interopRequireDefault(require("axios"));
 var _jsxRuntime = require("react/jsx-runtime");
 
 var CreateVersion = function CreateVersion(_ref) {
-  var articleId = _ref.articleId,
+  var idArticle = _ref.idArticle,
       version = _ref.version,
-      setShowCreateVersion = _ref.setShowCreateVersion,
-      versionsList = _ref.versionsList,
-      realoadVersion = _ref.realoadVersion,
-      jwt = _ref.jwt;
+      setShowCreateVersion = _ref.setShowCreateVersion;
 
   var _useState = (0, _react.useState)("version-options"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       step = _useState2[0],
       setStep = _useState2[1];
 
-  var _useState3 = (0, _react.useState)({
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      versions = _useState4[0],
+      setVersions = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
     datasheet: version,
     description: version,
     image: version
   }),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      selectedVersions = _useState4[0],
-      setSelectedVersions = _useState4[1];
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      selectedVersions = _useState6[0],
+      setSelectedVersions = _useState6[1];
 
-  var createVersion = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(isEmpty) {
-      var data;
+  var getVersions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var response;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
+              _context.next = 3;
+              return (0, _axios.default)({
+                method: "get",
+                url: "".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(idArticle, "&provider=true"),
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 3:
+              response = _context.sent;
+              setVersions(JSON.parse(response.data.body).data);
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function getVersions() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var createVersion = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(isEmpty) {
+      var data;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
               data = {
-                articleId: articleId,
+                articleId: idArticle,
                 isEmpty: isEmpty
               };
-              if (!isEmpty) data["version"] = selectedVersions;
-              _context.next = 5;
-              return _axios.default.post(process.env.REACT_APP_VERSIONS_ENDPOINT, data, {
+              isEmpty && (data["version"] = selectedVersions);
+              _context2.next = 5;
+              return (0, _axios.default)({
+                method: "post",
+                url: process.env.REACT_APP_VERSIONS_ENDPOINT,
+                data: data,
                 headers: {
-                  Authorization: jwt
+                  Authorization: sessionStorage.getItem("jwt")
                 }
               });
 
             case 5:
               setShowCreateVersion(false);
-              realoadVersion && realoadVersion();
-              _context.next = 12;
+              _context2.next = 11;
               break;
 
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](0);
-              console.log(_context.t0);
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](0);
+              console.log(_context2.t0);
 
-            case 12:
+            case 11:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, null, [[0, 9]]);
+      }, _callee2, null, [[0, 8]]);
     }));
 
     return function createVersion(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
   var onChange = function onChange(e) {
-    setSelectedVersions((0, _objectSpread3.default)((0, _objectSpread3.default)({}, selectedVersions), {}, (0, _defineProperty2.default)({}, e.target.name, parseInt(e.target.value))));
+    setSelectedVersions((0, _objectSpread3.default)((0, _objectSpread3.default)({}, selectedVersions), {}, (0, _defineProperty2.default)({}, e.target.name, parseInt(e.target.value.slice(-1)))));
   };
 
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return getVersions();
+
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })), []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      id: "create-version",
       className: "modal-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "button-container",
@@ -115,7 +174,7 @@ var CreateVersion = function CreateVersion(_ref) {
             return setShowCreateVersion(false);
           }
         })
-      }), (0, _RenderChilds.Children)(step, setStep, versionsList, selectedVersions, onChange, createVersion)]
+      }), (0, _RenderChilds.Children)(step, setStep, versions, selectedVersions, onChange, createVersion)]
     })
   });
 };

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

@@ -0,0 +1,66 @@
+"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

@@ -0,0 +1,95 @@
+"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

@@ -0,0 +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;
+
+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

@@ -175,7 +175,7 @@ OrderDetailDefault.args = {
     company_name: "GRUPO BRAHMA",
     date: "2022-11-12T00:00:00.000Z",
     type: "En oficina",
-    id_order: 5,
+    id_order: 1,
     status: "PA",
     total: 731.2639770507812,
     timestamp: "2022-11-12T22:48:23.000Z",

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

@@ -19,8 +19,6 @@ var _index = require("../../atoms/Status/index");
 
 var _index2 = require("../../atoms/ProgressBar/index");
 
-var _index3 = require("../../atoms/Loading/index");
-
 var _moment = _interopRequireDefault(require("moment"));
 
 require("moment/locale/es");
@@ -38,22 +36,17 @@ _moment.default.locale("es");
 var OrderDetail = function OrderDetail(props) {
   var order = props.order;
 
-  var _useState = (0, _react.useState)(true),
+  var _useState = (0, _react.useState)(order.payment !== "pagado"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isLoading = _useState2[0],
-      setIsLoading = _useState2[1];
+      showPaymentButton = _useState2[0],
+      setShowPaymentButton = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(order.payment !== "pagado"),
+  var _useState3 = (0, _react.useState)({}),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      showPaymentButton = _useState4[0],
-      setShowPaymentButton = _useState4[1];
-
-  var _useState5 = (0, _react.useState)({}),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      orderData = _useState6[0],
-      setOrderData = _useState6[1];
+      orderData = _useState4[0],
+      setOrderData = _useState4[1];
 
-  var _useState7 = (0, _react.useState)({
+  var _useState5 = (0, _react.useState)({
     approved: "-",
     rejected: "-",
     in_progress: "-",
@@ -63,9 +56,9 @@ var OrderDetail = function OrderDetail(props) {
     description: "-",
     images: "-"
   }),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      dataGeneral = _useState8[0],
-      setDataGeneral = _useState8[1];
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      dataGeneral = _useState6[0],
+      setDataGeneral = _useState6[1];
 
   var updBilling = function updBilling(articleId, newBillingStatus) {
     props.updateBilling && props.updateBilling({
@@ -88,7 +81,6 @@ var OrderDetail = function OrderDetail(props) {
 
   (0, _react.useEffect)(function () {
     var ac = new AbortController();
-    setIsLoading(true);
     props.getOrderDetail && props.getOrderDetail({
       query: {
         orderId: order.id_order
@@ -110,7 +102,6 @@ var OrderDetail = function OrderDetail(props) {
       setDataGeneral((0, _objectSpread2.default)((0, _objectSpread2.default)({}, countArticles), {}, {
         totalArticles: totalArticles
       }));
-      setIsLoading(false);
     });
     return function () {
       return ac.abort();
@@ -198,7 +189,7 @@ var OrderDetail = function OrderDetail(props) {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "body",
-      children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, {
         headers: [{
           width: 140,
           name: "UPC"

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

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 785px;\n  height: 100vh;\n  z-index: 5;\n  background: #ffffff;\n  box-sizing: border-box;\n  font-family: ", ";\n  & > * {\n    padding: 0 30px;\n  }\n  box-shadow: -4px 0px 8px 0px rgba(0,0,0,0.1);\n  .headerTitle {\n    font-weight: bold;\n    font-size: 25px;\n  }\n\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 101px 120px 1fr 115px;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n\n  .body {\n    overflow-y: auto;\n  }\n  .footer {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    height: 115px;\n    border-top: 1px solid #e6e6e6;\n    position: sticky;\n    bottom: 0;\n    padding: 20px;\n    box-sizing: border-box;\n    > h2 {\n      margin-right: 20px;\n    }\n    > div {\n      margin-right: 10px;\n    }\n  }\n"])), _variables.FontFamily.Roboto);
+var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 785px;\n  height: 100vh;\n  z-index: 5;\n  background: #ffffff;\n  box-sizing: border-box;\n  font-family: ", ";\n  & > * {\n    padding: 0 30px;\n  }\n  .headerTitle {\n    font-weight: bold;\n    font-size: 25px;\n  }\n\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 101px 120px 1fr 115px;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n\n  .body {\n    overflow-y: auto;\n  }\n  .footer {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    height: 115px;\n    border-top: 1px solid #e6e6e6;\n    position: sticky;\n    bottom: 0;\n    padding: 20px;\n    box-sizing: border-box;\n    > h2 {\n      margin-right: 20px;\n    }\n    > div {\n      margin-right: 10px;\n    }\n  }\n"])), _variables.FontFamily.Roboto);
 
 exports.MainContainer = MainContainer;
 

package/dist/components/organisms/OrderDetail/utils/Table/styles.js

@@ -17,7 +17,7 @@ var Header = _styledComponents.default.div(_templateObject || (_templateObject =
 
 exports.Header = Header;
 
-var Column = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  height: 35px;\n  width: ", ";\n  padding: 10px 15px;\n  font-family: Roboto;\n  font-size: 12px;\n  color: ", ";\n  font-weight: ", ";\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  .flex {\n    display: flex;\n  }\n  .material-icons.small {\n    font-size: 18px;\n    color: #b3b3b3;\n  }\n  .center {\n    margin: auto;\n  }\n  &:nth-child(2) {\n    overflow: hidden;\n  }\n\n  .tooltip {\n    position: relative;\n    display: inline-block;\n    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */\n  }\n\n  /* Tooltip text */\n  .tooltip .tooltiptext {\n    visibility: hidden;\n    background-color: #fff;\n    color: black;\n    text-align: center;\n    padding: 5px 0;\n    border-radius: 3px;\n  \n    /* Position the tooltip text - see examples below! */\n    position: absolute;\n    z-index: 1;\n    top: -8px;\n    left: 3px;\n    font-family: Roboto;\n    font-size: 10px;\n    padding: 2px 5px;\n  }\n  \n  /* Show the tooltip text when you mouse over the tooltip container */\n  .tooltip:hover .tooltiptext {\n    visibility: visible;\n  }\n"])), function (_ref) {
+var Column = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  height: 35px;\n  width: ", ";\n  padding: 10px 15px;\n  font-family: Roboto;\n  font-size: 12px;\n  color: ", ";\n  font-weight: ", ";\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  .flex {\n    display: flex;\n  }\n  .material-icons.small {\n    font-size: 18px;\n    color: #b3b3b3;\n  }\n  .center {\n    margin: auto;\n  }\n  &:nth-child(2) {\n    overflow: hidden;\n  }\n"])), function (_ref) {
   var width = _ref.width;
   return "".concat(width, "px");
 }, function (_ref2) {

package/dist/components/organisms/OrderDetail/utils/Table/utils.js

@@ -8,55 +8,25 @@ exports.servicesCodeIcon = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 
 var servicesCodeIcon = {
-  datasheet: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "tooltip",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "material-icons small",
-      children: "\uF8EE"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "tooltiptext",
-      children: "Ficha T\xE9cnica"
-    })]
+  datasheet: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "material-icons small",
+    children: "\uF8EE"
   }, "datasheet"),
-  description: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "tooltip",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "material-icons small",
-      children: "\uE873"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "tooltiptext",
-      children: "Descripci\xF3n"
-    })]
+  description: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "material-icons small",
+    children: "\uE873"
   }, "description"),
-  image: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "tooltip",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "material-icons small",
-      children: "\uE3F4"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "tooltiptext",
-      children: "Imagen"
-    })]
+  image: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "material-icons small",
+    children: "\uE3F4"
   }, "image"),
-  translate: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "tooltip",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "material-icons small",
-      children: "\uE8E2"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "tooltiptext",
-      children: "Traducci\xF3n"
-    })]
+  translate: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "material-icons small",
+    children: "\uE8E2"
   }, "translate"),
-  build: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "tooltip",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "material-icons small",
-      children: "\uE1BD"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "tooltiptext",
-      children: "Construcci\xF3n"
-    })]
+  build: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "material-icons small",
+    children: "\uE1BD"
   }, "build")
 };
 exports.servicesCodeIcon = servicesCodeIcon;

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

@@ -33,10 +33,6 @@ var _variables2 = require("../../../global-files/variables");
 
 var _VersionItem = require("../../molecules/VersionItem");
 
-var _CreateVersion = require("../../organisms/CreateVersion");
-
-var _customHooks = require("../../../global-files/customHooks");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var VersionSelector = function VersionSelector(_ref) {
@@ -45,6 +41,7 @@ var VersionSelector = function VersionSelector(_ref) {
       setVersion = _ref.setVersion,
       companyName = _ref.companyName,
       currentVersion = _ref.currentVersion,
+      setShowCreateVersion = _ref.setShowCreateVersion,
       setShowVersionSelector = _ref.setShowVersionSelector,
       jwt = _ref.jwt;
 
@@ -53,16 +50,6 @@ var VersionSelector = function VersionSelector(_ref) {
       versions = _useState2[0],
       setVersions = _useState2[1];
 
-  var _useCloseModal = (0, _customHooks.useCloseModal)("create-version"),
-      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
-      showCreateVersion = _useCloseModal2[0],
-      setShowCreateVersion = _useCloseModal2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      reload = _useState4[0],
-      setReload = _useState4[1];
-
   var loadProductVersions = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId) {
       var response, versionList;
@@ -104,16 +91,12 @@ var VersionSelector = function VersionSelector(_ref) {
   }();
 
   (0, _react.useEffect)(function () {
-    var ac = new AbortController();
     loadProductVersions(articleId);
     return function () {
       setVersions([]);
       setShowCreateVersion(false);
-      return function () {
-        return ac.abort();
-      }; // Abort both fetches on unmount
     };
-  }, [reload]);
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     id: modalId,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -153,15 +136,6 @@ var VersionSelector = function VersionSelector(_ref) {
           timestamp: item.timestamp
         }, item.version);
       })
-    }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
-      articleId: articleId,
-      version: currentVersion,
-      versionsList: versions,
-      setShowCreateVersion: setShowCreateVersion,
-      realoadVersion: function realoadVersion() {
-        return setReload(!reload);
-      },
-      jwt: jwt
     })]
   });
 };