@lideralia/alife-uikit 1.1.361 → 1.1.367

package/dist/atoms/Checkbox/Checkbox.js

@@ -37,7 +37,8 @@ var Checkbox = function Checkbox(props) {
       isDisabled = props.isDisabled,
       name = props.name,
       label = props.label,
-      labelPosition = props.labelPosition;
+      labelPosition = props.labelPosition,
+      isActiveCheckbox = props.isActiveCheckbox;
 
   var _useState = (0, _react.useState)(defaultChecked),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -63,7 +64,10 @@ var Checkbox = function Checkbox(props) {
         setChecked(!isChecked);
       }
 
-      if (action) action(name, !isChecked, !isChecked);
+      if (action) {
+        action(name, !isChecked, !isChecked);
+        isActiveCheckbox(isChecked);
+      }
     },
     title: name,
     zIndex: 2

package/dist/organisms/FamilyZone/FamilyHomeSection.js

@@ -44,7 +44,7 @@ var renderInviteToLine = function renderInviteToLine(_ref) {
     action: function action() {
       return actionInvite();
     },
-    marginBottom: 7
+    marginBottom: 1
   }, _react.default.createElement(_Icon.Icon, {
     marginRight: 3,
     sizeIcon: "display24"
@@ -116,7 +116,10 @@ var FamilyHomeWithoutContentSection = function FamilyHomeWithoutContentSection(_
       content = _ref3$line.content,
       userGroup = _ref3$line.userGroup,
       customColor = _ref3.customColor,
-      customTextColor = _ref3.customTextColor;
+      customTextColor = _ref3.customTextColor,
+      showActionVideo = _ref3.showActionVideo,
+      showActionQuote = _ref3.showActionQuote,
+      showActionPicture = _ref3.showActionPicture;
   return _react.default.createElement(_react.default.Fragment, null, userGroup >= 2 && !(content !== null && content !== void 0 && content.length) && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Box, {
     width: "100%",
     maxHeight: "153px",
@@ -131,7 +134,7 @@ var FamilyHomeWithoutContentSection = function FamilyHomeWithoutContentSection(_
     textAlign: "center"
   }, noContentDescription || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })), _react.default.createElement(_Button.Button, {
+  })), showActionPicture && _react.default.createElement(_Button.Button, {
     backgroundColor: customColor,
     colorType: customColor || "blue",
     color: customTextColor,
@@ -140,7 +143,7 @@ var FamilyHomeWithoutContentSection = function FamilyHomeWithoutContentSection(_
       return actionPicture();
     },
     marginTop: 3,
-    marginBottom: 1,
+    marginBottom: showActionVideo && showActionQuote ? 1 : 18,
     justifyContent: "flex-start",
     fullWidth: true
   }, _react.default.createElement(_Icon.Icon, {
@@ -148,7 +151,7 @@ var FamilyHomeWithoutContentSection = function FamilyHomeWithoutContentSection(_
     sizeIcon: "display24"
   }, _react.default.createElement(_IconCamera.default, null)), actionPictureLabel || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })), _react.default.createElement(_Button.Button, {
+  })), showActionVideo && _react.default.createElement(_Button.Button, {
     backgroundColor: customColor,
     colorType: customColor || "blue",
     color: customTextColor,
@@ -164,7 +167,7 @@ var FamilyHomeWithoutContentSection = function FamilyHomeWithoutContentSection(_
     sizeIcon: "display24"
   }, _react.default.createElement(_IconVideo.default, null)), actionVideoLabel || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })), _react.default.createElement(_Button.Button, {
+  })), showActionQuote && _react.default.createElement(_Button.Button, {
     backgroundColor: customColor,
     colorType: customColor || "blue",
     color: customTextColor,
@@ -194,7 +197,10 @@ FamilyHomeWithoutContentSection.defaultProps = {
   actionPictureLabel: null,
   noContentDescription: null,
   customColor: "",
-  customTextColor: ""
+  customTextColor: "",
+  showActionVideo: true,
+  showActionQuote: true,
+  showActionPicture: true
 };
 
 var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4) {
@@ -210,12 +216,15 @@ var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4)
       customTextColor = _ref4.customTextColor,
       _ref4$line = _ref4.line,
       content = _ref4$line.content,
-      userGroup = _ref4$line.userGroup;
+      userGroup = _ref4$line.userGroup,
+      showActionVideo = _ref4.showActionVideo,
+      showActionQuote = _ref4.showActionQuote,
+      showActionPicture = _ref4.showActionPicture;
   return _react.default.createElement(_react.default.Fragment, null, userGroup >= 2 && content && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_FamilyZone.FamilyGridMini, {
     elements: content,
     customColor: customColor,
     customTextColor: customTextColor
-  }), _react.default.createElement(_Button.Button, {
+  }), showActionPicture && _react.default.createElement(_Button.Button, {
     backgroundColor: customColor,
     colorType: customColor || "blue",
     color: customTextColor,
@@ -224,7 +233,7 @@ var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4)
       return actionPicture();
     },
     marginTop: 3,
-    marginBottom: 1,
+    marginBottom: showActionVideo && showActionQuote ? 1 : 18,
     justifyContent: "flex-start",
     fullWidth: true
   }, _react.default.createElement(_Icon.Icon, {
@@ -232,7 +241,7 @@ var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4)
     sizeIcon: "display24"
   }, _react.default.createElement(_IconCamera.default, null)), actionPictureLabel || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })), _react.default.createElement(_Button.Button, {
+  })), showActionVideo && _react.default.createElement(_Button.Button, {
     backgroundColor: customColor,
     colorType: customColor || "blue",
     color: customTextColor,
@@ -248,7 +257,7 @@ var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4)
     sizeIcon: "display24"
   }, _react.default.createElement(_IconVideo.default, null)), actionVideoLabel || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })), _react.default.createElement(_Button.Button, {
+  })), showActionQuote && _react.default.createElement(_Button.Button, {
     backgroundColor: customColor,
     colorType: customColor || "blue",
     color: customTextColor,
@@ -277,5 +286,8 @@ FamilyHomeWithContentSection.defaultProps = {
   actionVideoLabel: null,
   actionPictureLabel: null,
   customColor: "",
-  customTextColor: ""
+  customTextColor: "",
+  showActionVideo: true,
+  showActionQuote: true,
+  showActionPicture: true
 };

package/dist/organisms/Modals/Confirmation.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalConfirmation = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Modal = require("../../molecules/Modal");
+
+var _Layout = require("../../atoms/Layout");
+
+var _Button = require("../../atoms/Button");
+
+var _Typography = require("../../atoms/Typography");
+
+var _Icons = require("../../atoms/Icons");
+
+var _Icon = require("../../atoms/Icon");
+
+var ModalConfirmation = function ModalConfirmation(_ref) {
+  var id = _ref.id,
+      isOpen = _ref.isOpen,
+      onModalClose = _ref.onModalClose,
+      onModalBack = _ref.onModalBack,
+      title = _ref.title,
+      body = _ref.body,
+      confirmationButton = _ref.confirmationButton,
+      buttons = _ref.buttons;
+  return _react.default.createElement(_Modal.Modal, {
+    width: "339px",
+    height: "auto",
+    id: id,
+    isOpen: isOpen,
+    hasError: 0,
+    title: title,
+    onModalClose: onModalClose,
+    marginX: 0,
+    marginY: 0,
+    onModalBack: onModalBack || function () {},
+    backWithButton: 0,
+    closeWithButton: true
+  }, _react.default.createElement(_Modal.Modal.Content, null, _react.default.createElement(_Typography.Text, {
+    sizeText: "display14",
+    as: "p",
+    color: "black84",
+    style: {
+      marginBottom: "18px"
+    }
+  }, body), _react.default.createElement(_Layout.Grid, {
+    gridTemplateColumns: "1fr 1fr",
+    gridTemplateRows: "1fr",
+    gridColumnGap: 3
+  }, _react.default.createElement(_Button.Button, {
+    colorType: "green",
+    action: function action() {
+      return confirmationButton(true);
+    }
+  }, _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display24",
+    color: "white",
+    style: {
+      marginRight: "13px"
+    }
+  }, _react.default.createElement(_Icons.IconCheckCircle, null)), " ", buttons.confirm), _react.default.createElement(_Button.Button, {
+    colorType: "red",
+    action: function action() {
+      return confirmationButton(false);
+    }
+  }, _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display24",
+    color: "white",
+    style: {
+      marginRight: "13px"
+    }
+  }, _react.default.createElement(_Icons.IconCloseCircle, null)), " ", buttons.cancel))));
+};
+
+exports.ModalConfirmation = ModalConfirmation;
+
+_Modal.Modal.Actions = function (_ref2) {
+  var children = _ref2.children;
+  return _react.default.createElement(_Layout.Box, {
+    paddingX: 3,
+    paddingBottom: 3,
+    width: "100%"
+  }, children);
+};
+
+ModalConfirmation.defaultProps = {
+  title: "Confirmación",
+  body: "¿Quitar permiso a zona familiar?",
+  buttons: {
+    confirm: "Si",
+    cancel: "No"
+  },
+  hasError: false,
+  onModalClose: function onModalClose() {},
+  onModalBack: function onModalBack() {}
+};

package/dist/organisms/Modals/Participants.js

@@ -0,0 +1,183 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalParticipants = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Layout = require("../../atoms/Layout");
+
+var _Modal = require("../../molecules/Modal");
+
+var _Typography = require("../../atoms/Typography");
+
+var _Card = require("../../atoms/Card");
+
+var _Icon = require("../../atoms/Icon");
+
+var _Icons = require("../../atoms/Icons");
+
+var _Avatar = require("../../atoms/Avatar");
+
+var _Button = require("../../atoms/Button");
+
+var _Confirmation = require("./Confirmation");
+
+var _excluded = ["id", "isOpen", "isOpenConfirmation", "onModalClose", "onModalBack", "title", "listparticipants", "isAdmin", "actionRemoveContent", "confirmationButton", "action", "me"];
+
+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 ParticipantItem = function ParticipantItem(props) {
+  var participant = props.participant,
+      isAdmin = props.isAdmin,
+      actionRemoveContent = props.actionRemoveContent,
+      id = props.id,
+      line_id = props.line_id,
+      avatarImage = props.avatarImage,
+      user_role = props.user_role,
+      me = props.me,
+      user_id = props.user_id;
+  return _react.default.createElement(_Card.Card, (0, _extends2.default)({
+    backgroundColor: "black06"
+  }, props, {
+    width: "95%",
+    marginY: "3px",
+    style: {
+      boxShadow: "none",
+      borderRadius: "12px"
+    }
+  }), _react.default.createElement(_Layout.Flex, {
+    padding: "6px",
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "flex-start"
+  }, _react.default.createElement(_Layout.GridItem, {
+    gridArea: "avatar",
+    marginRight: 1
+  }, _react.default.createElement(_Avatar.Avatar, {
+    width: "36px",
+    height: "36px",
+    src: avatarImage,
+    alt: participant,
+    styleImg: {
+      objectFit: 'cover'
+    }
+  })), _react.default.createElement(_Typography.Text, {
+    sizeText: "display13",
+    color: "black",
+    fontWeight: "normal",
+    style: {
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    overflow: "hidden",
+    width: "200px"
+  }, participant), user_role != 4 && me.user_role > user_role && me.user_id != user_id && _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display24",
+    color: "black60",
+    onClick: function onClick() {
+      return actionRemoveContent(id, line_id);
+    },
+    style: {
+      cursor: "pointer"
+    }
+  }, _react.default.createElement(_Icons.IconClose, null))));
+};
+
+var ModalParticipants = function ModalParticipants(_ref) {
+  var id = _ref.id,
+      isOpen = _ref.isOpen,
+      isOpenConfirmation = _ref.isOpenConfirmation,
+      onModalClose = _ref.onModalClose,
+      onModalBack = _ref.onModalBack,
+      title = _ref.title,
+      listparticipants = _ref.listparticipants,
+      isAdmin = _ref.isAdmin,
+      _actionRemoveContent = _ref.actionRemoveContent,
+      confirmationButton = _ref.confirmationButton,
+      action = _ref.action,
+      me = _ref.me,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  (0, _react.useEffect)(function () {}, [action]);
+  return !action ? _react.default.createElement(_Modal.Modal, {
+    width: "339px",
+    height: "414px",
+    id: id,
+    isOpen: isOpen,
+    duration: 100,
+    hasError: 0,
+    title: title,
+    onModalClose: onModalClose,
+    marginX: 0,
+    marginY: 0,
+    onModalBack: onModalBack || function () {},
+    backWithButton: 0,
+    closeWithButton: true
+  }, _react.default.createElement(_Modal.Modal.Content, null, _react.default.createElement(_Layout.Box, {
+    overflowY: "scroll",
+    maxHeight: "315px"
+  }, _react.default.createElement(_Layout.Flex, {
+    width: "100%",
+    minWidth: "100%",
+    height: "100%",
+    flexDirection: "column",
+    justifyContent: "space-evenly",
+    alignItems: "center"
+  }, listparticipants === null || listparticipants === void 0 ? void 0 : listparticipants.map(function (participant) {
+    var _participant$user_fol, _participant$user_fol3, _participant$user_fol4, _participant$owner_us;
+
+    return (participant === null || participant === void 0 ? void 0 : (_participant$user_fol = participant.user_follows_line) === null || _participant$user_fol === void 0 ? void 0 : _participant$user_fol.user_role) >= 2 && _react.default.createElement(ParticipantItem, {
+      key: participant === null || participant === void 0 ? void 0 : participant.id,
+      participant: participant === null || participant === void 0 ? void 0 : participant.full_name,
+      isAdmin: isAdmin,
+      actionRemoveContent: function actionRemoveContent() {
+        var _participant$user_fol2;
+
+        return _actionRemoveContent(participant === null || participant === void 0 ? void 0 : participant.user_id, participant === null || participant === void 0 ? void 0 : (_participant$user_fol2 = participant.user_follows_line) === null || _participant$user_fol2 === void 0 ? void 0 : _participant$user_fol2.line_id);
+      },
+      id: participant === null || participant === void 0 ? void 0 : participant.id,
+      line_id: participant === null || participant === void 0 ? void 0 : (_participant$user_fol3 = participant.user_follows_line) === null || _participant$user_fol3 === void 0 ? void 0 : _participant$user_fol3.line_id,
+      user_role: participant === null || participant === void 0 ? void 0 : (_participant$user_fol4 = participant.user_follows_line) === null || _participant$user_fol4 === void 0 ? void 0 : _participant$user_fol4.user_role,
+      user_id: participant === null || participant === void 0 ? void 0 : participant.user_id,
+      avatarImage: participant === null || participant === void 0 ? void 0 : (_participant$owner_us = participant.owner_user) === null || _participant$owner_us === void 0 ? void 0 : _participant$owner_us.profile_pic_url,
+      me: me
+    });
+  }))))) : _react.default.createElement(_Confirmation.ModalConfirmation, {
+    isOpen: isOpenConfirmation,
+    confirmationButton: confirmationButton,
+    onModalClose: onModalClose,
+    onModalBack: onModalBack
+  });
+};
+
+exports.ModalParticipants = ModalParticipants;
+
+_Modal.Modal.Actions = function (_ref2) {
+  var children = _ref2.children;
+  return _react.default.createElement(_Layout.Box, {
+    paddingX: 3,
+    paddingBottom: 3,
+    width: "100%"
+  }, children);
+};
+
+ModalParticipants.defaultProps = {
+  hasError: false,
+  errorMessage: "",
+  onModalClose: function onModalClose() {},
+  onModalBack: function onModalBack() {},
+  actionRemoveContent: null,
+  action: false
+};

package/dist/organisms/Modals/Register.js

@@ -67,11 +67,21 @@ var ModalRegister = function ModalRegister(_ref) {
       prefixDefault = _useState2[0],
       setPrefixDefault = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      activeCheckbox = _useState4[0],
+      setActiveCheckbox = _useState4[1];
+
   (0, _react.useEffect)(function () {
     if (prefix != null && (prefix === null || prefix === void 0 ? void 0 : prefix.defaultValue) != null) {
       setPrefixDefault(prefix === null || prefix === void 0 ? void 0 : prefix.defaultValue);
     }
   }, [prefix]);
+
+  var _isActiveCheckbox = function isActiveCheckbox(value) {
+    setActiveCheckbox(value);
+  };
+
   return _react.default.createElement(_Modal.Modal, {
     width: "339px",
     id: id,
@@ -145,6 +155,9 @@ var ModalRegister = function ModalRegister(_ref) {
     id: idCheckInput,
     action: function action(name, value) {
       return actionInput(name, value);
+    },
+    isActiveCheckbox: function isActiveCheckbox(value) {
+      return _isActiveCheckbox(value);
     }
   })), lastLineHaveCompanyOption && _react.default.createElement(_Layout.Box, {
     marginBottom: 3
@@ -169,7 +182,8 @@ var ModalRegister = function ModalRegister(_ref) {
     action: function action(e) {
       e.preventDefault();
       actionButton.action();
-    }
+    },
+    disabled: activeCheckbox
   }, actionButton.label)))), _react.default.createElement(_Modal.Modal.Footer, null, _react.default.createElement(_Typography.Text, {
     sizeText: "display14",
     color: "black36"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.1.361",
+  "version": "1.1.367",
   "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": {