@lideralia/alife-uikit 1.1.375 → 1.1.378

package/dist/atoms/ImageLogo/ImageLogo.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageLogo = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useWindowSize2 = _interopRequireDefault(require("../../utils/useWindowSize"));
+
+var _Layout = require("../Layout");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ImageLogo = function ImageLogo(props) {
+  var src = props.src,
+      srcSet = props.srcSet;
+  var placeholder = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showImage = _useState2[0],
+      setShowImage = _useState2[1];
+
+  var _useWindowSize = (0, _useWindowSize2.default)(),
+      width = _useWindowSize.width;
+
+  var flexWidth = 5 / 12 * 100;
+  flexWidth = flexWidth + "%";
+  return _react.default.createElement(_Layout.Flex, {
+    style: {
+      height: '48px',
+      display: 'flex',
+      flexGrow: '1',
+      marginRight: '12px'
+    },
+    alignItems: "center"
+  }, _react.default.createElement("img", {
+    style: {
+      objectFit: "contain",
+      objectPosition: "left"
+    },
+    width: "100%",
+    height: "100%",
+    src: src
+  }));
+};
+
+exports.ImageLogo = ImageLogo;
+ImageLogo.defaultProps = {
+  src: '',
+  srcSet: ''
+};

package/dist/atoms/ImageLogo/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ImageLogo", {
+  enumerable: true,
+  get: function get() {
+    return _ImageLogo.ImageLogo;
+  }
+});
+
+var _ImageLogo = require("./ImageLogo");

package/dist/molecules/CarouselScroll/CarouselScrollFlowers.js

@@ -27,7 +27,7 @@ var _Layout = require("../../atoms/Layout");
 
 var _Typography = require("../../atoms/Typography");
 
-var _excluded = ["id", "products", "height", "width", "widthProducts", "widthTransparent", "onSubmit", "onDetailClick", "selectText", "selectedText", "selected", "currency"];
+var _excluded = ["id", "products", "height", "width", "widthProducts", "widthTransparent", "onSubmit", "onDetailClick", "selectText", "selectedText", "selected", "currency", "customColor", "customColorText"];
 
 var CarouselScrollFlowers = function CarouselScrollFlowers(_ref) {
   var id = _ref.id,
@@ -42,6 +42,8 @@ var CarouselScrollFlowers = function CarouselScrollFlowers(_ref) {
       selectedText = _ref.selectedText,
       selected = _ref.selected,
       currency = _ref.currency,
+      customColor = _ref.customColor,
+      customColorText = _ref.customColorText,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return _react.default.createElement(_Layout.Box, (0, _extends2.default)({
     id: id,
@@ -112,7 +114,9 @@ var CarouselScrollFlowers = function CarouselScrollFlowers(_ref) {
       marginBottom: "10px"
     }, element.total, " ", currency), _react.default.createElement(_Button.Button, {
       id: element.id,
-      colorType: selected === element.id ? "green" : "orange",
+      colorType: selected === element.id ? customColor : 'white',
+      backgroundColor: customColor,
+      color: customColorText,
       action: function action() {
         return onSubmit(element);
       }
@@ -129,5 +133,7 @@ CarouselScrollFlowers.defaultProps = {
   widthTransparent: '20%',
   selectText: 'Seleccionar',
   selectedText: 'Seleccionado',
-  selected: 1
+  selected: 1,
+  customColor: '',
+  customColorText: ''
 };

package/dist/organisms/Cards/Ceremony.js

@@ -37,7 +37,7 @@ var _CarouselScroll = require("../../molecules/CarouselScroll");
 
 var _PlaceholderLoad = require("../../atoms/PlaceholderLoad");
 
-var _excluded = ["isAdmin", "numAttendees", "confirmed", "pictures", "pictureMap", "urlMap", "userCanAttend"];
+var _excluded = ["isAdmin", "numAttendees", "confirmed", "pictures", "pictureMap", "urlMap", "userCanAttend", "hasStreaming"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -56,6 +56,7 @@ var CardCeremony = function CardCeremony(props) {
       pictureMap = props.pictureMap,
       urlMap = props.urlMap,
       userCanAttend = props.userCanAttend,
+      hasStreaming = props.hasStreaming,
       rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return _react.default.createElement(_Card.Card, (0, _extends2.default)({
     width: "339px",
@@ -76,7 +77,7 @@ var CardCeremony = function CardCeremony(props) {
     borderTopStyle: "solid",
     borderTopWidth: "1px",
     borderTopColor: "black12"
-  })), !confirmed && userCanAttend && _react.default.createElement(CardCeremony.Assistants, props), isAdmin && numAttendees && _react.default.createElement(CardCeremony.Attendees, props));
+  })), !confirmed && userCanAttend && _react.default.createElement(CardCeremony.Assistants, props), isAdmin && numAttendees && _react.default.createElement(CardCeremony.Attendees, props), hasStreaming && _react.default.createElement(CardCeremony.HasStreaming, props));
 };
 
 exports.CardCeremony = CardCeremony;
@@ -256,7 +257,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
       maxWidth: '260px',
       overflow: 'hidden'
     }
-  }, "Inicio: ", eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYearShortMonth, ", ", showAmFormat ? eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTimeAmPm : eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTime) : _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+  }, "Inicio: ", eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYearShortMonth, ",", ' ', showAmFormat ? eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTimeAmPm : eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTime) : _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "24px",
     width: "90px"
   })), eventDateEnd ? _react.default.createElement(_Layout.Flex, {
@@ -274,7 +275,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
       maxWidth: '260px',
       overflow: 'hidden'
     }
-  }, "Fin: ", eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableStringDateNoYearShortMonth, ", ", showAmFormat ? eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTimeAmPm : eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTime)) : _react.default.createElement(_react.default.Fragment, null)), _react.default.createElement(_Layout.Box, {
+  }, "Fin: ", eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableStringDateNoYearShortMonth, ",", ' ', showAmFormat ? eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTimeAmPm : eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTime)) : _react.default.createElement(_react.default.Fragment, null)), _react.default.createElement(_Layout.Box, {
     marginBottom: 3
   }, eventRoom && _react.default.createElement(_Typography.Text, {
     sizeText: "display16",
@@ -398,4 +399,76 @@ CardCeremony.Attendees = function (_ref6) {
       return actionSeeAttendees && actionSeeAttendees();
     }
   }, _react.default.createElement(_Icons.IconSee, null)));
+};
+
+CardCeremony.HasStreaming = function (_ref7) {
+  var hasUser = _ref7.hasUser,
+      onLogin = _ref7.onLogin,
+      textTitleStreaming = _ref7.textTitleStreaming,
+      textBodyStreamingWithUser = _ref7.textBodyStreamingWithUser,
+      textBodyStreamingNoUser = _ref7.textBodyStreamingNoUser,
+      textButtonStreaming = _ref7.textButtonStreaming;
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isOpened = _useState4[0],
+      setIsOpened = _useState4[1];
+
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Flex, {
+    flexDirection: "column",
+    style: {
+      borderRadius: '0px 0px 18px 18px',
+      backgroundColor: 'rgba(242, 180, 64, 0.12)'
+    }
+  }, _react.default.createElement(_Layout.Flex, {
+    width: "100%",
+    padding: 3,
+    borderTopColor: "black12",
+    borderTopStyle: "solid",
+    borderTopWidth: "1px",
+    justifyContent: "space-between"
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "yellow",
+    sizeIcon: "display16"
+  }, _react.default.createElement(_Icons.IconVideo, null)), _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display13"
+  }, textTitleStreaming), _react.default.createElement(_Pill.Pill, {
+    onClick: function onClick() {
+      setIsOpened(!isOpened);
+    },
+    padding: 0,
+    borderRadius: 7,
+    backgroundColor: "transparent"
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    sizeIcon: "display16"
+  }, !isOpened ? _react.default.createElement(_Icons.IconInfoCircle, null) : _react.default.createElement(_Icons.IconCloseCircle, null)))), isOpened && _react.default.createElement(_Layout.Flex, {
+    width: "100%",
+    padding: 3,
+    paddingTop: 0,
+    paddingLeft: 7,
+    justifyContent: "space-between",
+    flexDirection: "column"
+  }, hasUser ? _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display13"
+  }, textBodyStreamingWithUser) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display13"
+  }, textBodyStreamingNoUser), _react.default.createElement(_Button.Button, {
+    colorType: "green",
+    marginTop: 2,
+    width: "60%",
+    minWidth: "60%",
+    maxWidth: "100%",
+    minHeight: "48px",
+    sizeButton: "small",
+    action: function action() {
+      return onLogin();
+    }
+  }, textButtonStreaming)), _react.default.createElement(_Icons.IconInfoCircle, null))));
 };

package/dist/organisms/Header/Header.js

@@ -106,6 +106,11 @@ var Header = function Header(_ref, props) {
   };
 
   (0, _react.useEffect)(function () {}, [showNotificatoin]);
+  logo = logo || _react.default.createElement(_LogAlife.default, {
+    width: "100px",
+    height: "48px",
+    objectPosition: "left"
+  });
   return _react.default.createElement(_Layout.Box, (0, _extends2.default)({
     boxShadow: "bottom",
     width: "100%",
@@ -134,14 +139,12 @@ var Header = function Header(_ref, props) {
       return goToHome();
     },
     style: {
-      cursor: 'pointer'
+      cursor: 'pointer',
+      flexGrow: '1'
     },
-    width: width > 350 ? '100px' : '70px',
-    height: "48px"
-  }, logo || _react.default.createElement(_LogAlife.default, {
-    width: "100px",
+    width: width > 390 ? '140px' : '85px',
     height: "48px"
-  })), _react.default.createElement(_Layout.Box, null, _react.default.createElement(_Pill.Pill, {
+  }, logo), _react.default.createElement(_Layout.Box, null, _react.default.createElement(_Pill.Pill, {
     style: {
       cursor: 'pointer',
       backgroundColor: customButtonColor || ''

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.1.375",
+  "version": "1.1.378",
   "description": "Librería y documentación de componentes, basada en el Design System de Alife.",
   "homepage": "https://github.com/lideralia/alife-frontend-components#readme",
   "bugs": {