contentoh-components-library 21.2.87 → 21.2.88

package/dist/components/organisms/Chat/Footer/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Footer;
+exports.Footer = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -25,40 +25,41 @@ var _awsSdk = _interopRequireDefault(require("aws-sdk"));
 
 var _uuid = require("uuid");
 
-var _Image = _interopRequireDefault(require("../../../atoms/Image"));
+var _Image = require("../../../atoms/Image");
 
-var _ImageTooltip = _interopRequireDefault(require("../../../molecules/ImageTooltip"));
+var _ImageTooltip = require("../../../molecules/ImageTooltip");
 
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
-var _CustomIcon = _interopRequireDefault(require("../../../atoms/CustomIcon"));
+var _CustomIcon = require("../../../atoms/CustomIcon");
 
-var _ButtonV = _interopRequireDefault(require("../../../atoms/ButtonV2"));
+var _ButtonV = require("../../../atoms/ButtonV2");
 
-var _IconFile = _interopRequireDefault(require("../../../atoms/IconFile"));
+var _IconFile = require("../../../atoms/IconFile");
 
-var _Modal = _interopRequireDefault(require("../../Modal"));
+var _Modal = require("../../Modal");
 
-var _Tooltip = _interopRequireDefault(require("../../../atoms/Tooltip"));
+var _Tooltip = require("../../../atoms/Tooltip");
 
 var _material = require("@mui/material");
 
-var _ButtonFileChooser = _interopRequireDefault(require("../../../atoms/ButtonFileChooser"));
+var _ButtonFileChooser = require("../../../atoms/ButtonFileChooser");
 
 var _react2 = require("swiper/react");
 
 require("swiper/swiper.min.css");
 
+require("swiper/modules/free-mode/free-mode.min.css");
+
 var _swiper = require("swiper");
 
 var _utils = require("../../../../global-files/utils");
 
-var _InputText = _interopRequireDefault(require("../../../atoms/InputText"));
+var _InputText = require("../../../atoms/InputText");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 // carrousel
-//import "swiper/modules/free-mode/free-mode.min.css";
 var S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
 var REGION = "us-east-1";
 
@@ -74,7 +75,7 @@ var myBucket = new _awsSdk.default.S3({
   region: REGION
 });
 
-function Footer(props) {
+var Footer = function Footer(props) {
   var chatType = props.chatType,
       dataChat = props.dataChat,
       statusChat = props.statusChat,
@@ -587,20 +588,20 @@ function Footer(props) {
                         jsxFiles.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.SwiperSlide, {
                           className: "item-carrousel",
                           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerItemCarrousel, {
-                            children: [fileType === "image" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
+                            children: [fileType === "image" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
                               width: "100%",
                               className: "container-img",
                               sizeLoading: 40,
                               colorLoading: undefined,
                               src: base64,
-                              componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+                              componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
                                 className: "icon-img",
                                 size: 60,
                                 icon: _freeSolidSvgIcons.faImage,
                                 type: "pink",
                                 transparent: true
                               })
-                            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFile.default, {
+                            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFile.IconFile, {
                               transparent: true,
                               size: 60,
                               ext: (0, _utils.getFileExtension)(file.name)
@@ -618,7 +619,7 @@ function Footer(props) {
                                   fileName: ""
                                 });
                               },
-                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
                                 className: "btn-delete",
                                 type: "white",
                                 label: "Eliminar",
@@ -734,7 +735,7 @@ function Footer(props) {
       } // retornar el icono
 
 
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
         componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
             className: "label-title",
@@ -750,7 +751,7 @@ function Footer(props) {
         addArrow: false,
         transitionType: "zoom",
         followCursor: false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
           className: "icon-errorUpdate",
           size: 15,
           icon: _freeSolidSvgIcons.faExclamationTriangle,
@@ -776,7 +777,7 @@ function Footer(props) {
         })
       }) : filesJsxPreview.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerMain, {
-          children: [getErrorUpdate(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputText.default, {
+          children: [getErrorUpdate(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputText.InputText, {
             className: "input-itemMessage",
             type: "gray",
             transparent: true,
@@ -815,7 +816,7 @@ function Footer(props) {
               };
             }(),
             refInputText: refInputTextMessage
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonFileChooser.default, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonFileChooser.ButtonFileChooser, {
             className: "btn-chooserFiles",
             type: "gray",
             transparent: true,
@@ -824,7 +825,7 @@ function Footer(props) {
             showIcon: true,
             multipleFiles: true,
             onChangeFiles: onChangeFiles
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
             className: "btn-sendMessage",
             type: "pink",
             size: 10,
@@ -907,7 +908,7 @@ function Footer(props) {
               timeout: 500,
               container: containerRef.current,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonFileChooser.default, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonFileChooser.ButtonFileChooser, {
                   className: "btn-chooserFiles",
                   type: "gray",
                   size: 17,
@@ -925,7 +926,7 @@ function Footer(props) {
               container: containerRef.current,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "slide-btnSendFiles",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
                   className: "btn-sendFiles",
                   type: "pink",
                   label: "Enviar archivos",
@@ -960,7 +961,7 @@ function Footer(props) {
           })
         })
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
       className: "container-modalAlert",
       show: modalAlert.show,
       title: modalAlert.title,
@@ -979,4 +980,6 @@ function Footer(props) {
       }
     })]
   });
-}
+};
+
+exports.Footer = Footer;

package/dist/components/organisms/Chat/Header/Header.stories.js

@@ -9,18 +9,18 @@ exports.headerChatSimple = exports.headerChatMultiple = exports.headerChatEmpty
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/organisms/Chat/Header",
-  component: _index.default
+  component: _index.Header
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Header, (0, _objectSpread2.default)({}, args));
 }; // companies de prueba multiple
 
 

package/dist/components/organisms/Chat/Header/index.js

@@ -1,27 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Header;
+exports.Header = void 0;
 
 var _styles = require("./styles");
 
 var _react = require("react");
 
-var _CustomIcon = _interopRequireDefault(require("../../../atoms/CustomIcon"));
+var _CustomIcon = require("../../../atoms/CustomIcon");
 
-var _ButtonV = _interopRequireDefault(require("../../../atoms/ButtonV2"));
+var _ButtonV = require("../../../atoms/ButtonV2");
 
-var _Image = _interopRequireDefault(require("../../../atoms/Image"));
+var _Image = require("../../../atoms/Image");
 
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function Header(props) {
+var Header = function Header(props) {
   var showBtnClose = props.showBtnClose,
       showChatsList = props.showChatsList,
       chatCompany = props.chatCompany,
@@ -32,7 +30,7 @@ function Header(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
       children: [showChatsList ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
           className: "icon-chooseChat",
           type: "pink",
           borderType: "circle",
@@ -43,13 +41,13 @@ function Header(props) {
           children: " Todos los chats "
         })]
       }) : chatCompany && chatCompany.id && chatCompany.name && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
           className: "logoCompany",
           width: "24px",
           sizeLoading: 20,
           colorLoading: undefined,
           src: chatCompany.src,
-          componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
             className: "icon-logoCompany",
             type: "white",
             borderType: "circle",
@@ -59,7 +57,7 @@ function Header(props) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
           className: "title",
           children: [" ", chatCompany.name, " "]
-        }), multipleCompanies && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+        }), multipleCompanies && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
           className: "btn-chooseChat",
           type: "pink",
           size: 10,
@@ -69,7 +67,7 @@ function Header(props) {
             return onClickBtnChooseChat && onClickBtnChooseChat();
           }
         })]
-      }), showBtnClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+      }), showBtnClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         className: "btn-X",
         type: "white",
         size: 11,
@@ -81,4 +79,6 @@ function Header(props) {
       })]
     })
   });
-}
+};
+
+exports.Header = Header;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Chat;
+exports.Chat = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -19,7 +19,7 @@ var _styles = require("./styles");
 
 var _react = require("react");
 
-var _ButtonV = _interopRequireDefault(require("../../atoms/ButtonV2"));
+var _ButtonV = require("../../atoms/ButtonV2");
 
 var _ContentChat = require("./ContentChat");
 
@@ -31,7 +31,7 @@ var _utils = require("../../../global-files/utils");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function Chat(props) {
+var Chat = function Chat(props) {
   var chatType = props.chatType,
       chatContainerType = props.chatContainerType,
       chatData = props.chatData,
@@ -277,7 +277,7 @@ function Chat(props) {
       })
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerBtnPopUpChat, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
           className: "container-btn-popUpChat",
           type: "whiteS2",
           size: 14,
@@ -322,4 +322,6 @@ function Chat(props) {
       })]
     })
   });
-}
+};
+
+exports.Chat = Chat;

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

@@ -9,15 +9,15 @@ exports.modalWithButtons = exports.modalDefault = exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
-var _ButtonV = _interopRequireDefault(require("../../atoms/ButtonV2"));
+var _ButtonV = require("../../atoms/ButtonV2");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/organisms/Modal",
-  component: _index.default,
+  component: _index.Modal,
   argTypes: {
     icon: {
       options: [undefined, "error", "warning", "success", "info"],
@@ -30,7 +30,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Modal, (0, _objectSpread2.default)({}, args));
 };
 
 var modalDefault = Template.bind({});
@@ -48,14 +48,14 @@ modalWithButtons.args = {
   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.default, {
+  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.default, {
+  }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
     type: "pink",
     label: "Aceptar",
     size: 12,

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

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Modal;
+exports.Modal = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -19,13 +17,13 @@ var _reactFontawesome = require("@fortawesome/react-fontawesome");
 
 var _material = require("@mui/material");
 
-var _ButtonV = _interopRequireDefault(require("../../atoms/ButtonV2"));
+var _ButtonV = require("../../atoms/ButtonV2");
 
-var _CustomIcon = _interopRequireDefault(require("../../atoms/CustomIcon"));
+var _CustomIcon = require("../../atoms/CustomIcon");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function Modal(props) {
+var Modal = function Modal(props) {
   var className = props.className,
       show = props.show,
       title = props.title,
@@ -64,7 +62,7 @@ function Modal(props) {
               className: "label-title",
               children: title.trim()
             })
-          }), icons[icon === null || icon === void 0 ? void 0 : icon.toLowerCase()] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+          }), 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,
@@ -78,7 +76,7 @@ function Modal(props) {
             children: customComponent
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "container-buttons",
-            children: buttons !== null && buttons !== void 0 && buttons.length ? buttons : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+            children: buttons !== null && buttons !== void 0 && buttons.length ? buttons : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
               type: "white",
               borderType: "oval",
               label: "Aceptar",
@@ -92,4 +90,6 @@ function Modal(props) {
       })
     })
   });
-}
+};
+
+exports.Modal = Modal;