@lideralia/alife-uikit 1.1.213 → 1.1.217

package/dist/atoms/Radiobox/Radiobox.js

@@ -25,6 +25,8 @@ var _Icons = require("../Icons");
 
 var _styles = require("./styles");
 
+var _isIOS = require("../../utils/isIOS");
+
 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; }
@@ -93,7 +95,8 @@ var Radiobox = function Radiobox(props) {
     }, element, {
       disabled: element.isDisabled,
       style: {
-        pointerEvents: element.isDisabled && 'none'
+        pointerEvents: element.isDisabled && 'none',
+        visibility: (0, _isIOS.isIOS)() ? 'hidden' : 'unset'
       }
     }))), _react.default.createElement(_Typography.Text, {
       as: "label",

package/dist/molecules/CarouselScroll/CarouselScrollFlowers.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CarouselScrollFlowers = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = require("../../atoms/Button");
+
+var _Card = require("../../atoms/Card");
+
+var _Icon = require("../../atoms/Icon");
+
+var _IconInfoCircle = _interopRequireDefault(require("../../atoms/Icons/IconInfoCircle"));
+
+var _Image = require("../../atoms/Image");
+
+var _Layout = require("../../atoms/Layout");
+
+var _Typography = require("../../atoms/Typography");
+
+var _excluded = ["id", "products", "height", "width", "widthProducts", "widthTransparent", "onSubmit", "onDetailClick", "selectText", "selectedText", "selected"];
+
+var CarouselScrollFlowers = function CarouselScrollFlowers(_ref) {
+  var id = _ref.id,
+      products = _ref.products,
+      height = _ref.height,
+      width = _ref.width,
+      widthProducts = _ref.widthProducts,
+      widthTransparent = _ref.widthTransparent,
+      onSubmit = _ref.onSubmit,
+      onDetailClick = _ref.onDetailClick,
+      selectText = _ref.selectText,
+      selectedText = _ref.selectedText,
+      selected = _ref.selected,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return _react.default.createElement(_Layout.Box, (0, _extends2.default)({
+    id: id,
+    width: width,
+    height: height,
+    overflow: "hidden",
+    borderRadius: 3
+  }, props), _react.default.createElement(_Layout.Flex, {
+    id: "scroller",
+    overflowX: "scroll",
+    overflowY: "hidden",
+    height: "110%",
+    style: {
+      scrollBehavior: 'smooth',
+      scrollSnapType: 'x mandatory'
+    },
+    width: width,
+    padding: "10px 0px"
+  }, products === null || products === void 0 ? void 0 : products.map(function (element, key) {
+    return _react.default.createElement(_Card.Card, {
+      width: widthProducts || width,
+      minWidth: widthProducts || width,
+      height: "calc(100% - 40px)",
+      key: key,
+      marginRight: "10px",
+      padding: "20px"
+    }, _react.default.createElement(_Layout.Flex, {
+      width: "100%",
+      minWidth: "100%",
+      height: "100%",
+      flexDirection: "column",
+      justifyContent: "space-evenly",
+      alignItems: "center"
+    }, _react.default.createElement(_Layout.Box, {
+      position: "relative",
+      top: -10,
+      right: -80
+    }, _react.default.createElement(_Button.Button, {
+      colorType: "white",
+      rounded: true,
+      padding: 0,
+      id: element.id,
+      action: function action() {
+        return onDetailClick(element);
+      }
+    }, _react.default.createElement(_Icon.Icon, {
+      sizeIcon: "display20",
+      color: "black36"
+    }, _react.default.createElement(_IconInfoCircle.default, null)))), _react.default.createElement(_Image.Image, {
+      src: element.image_url,
+      alt: element.alt || 'image',
+      srcset: element.image_url,
+      height: "150px",
+      width: "150px",
+      styleImg: {
+        objectFit: 'cover'
+      }
+    }), _react.default.createElement(_Typography.Text, (0, _extends2.default)({
+      as: "label",
+      sizeText: "display14"
+    }, props, {
+      marginTop: "10px"
+    }), element.name), _react.default.createElement(_Typography.Text, {
+      color: "green",
+      as: "span",
+      sizeText: "display14",
+      fontWeight: "bold",
+      marginBottom: "10px"
+    }, element.total, " \u20AC"), _react.default.createElement(_Button.Button, {
+      id: element.id,
+      colorType: selected === element.id ? "green" : "orange",
+      action: function action() {
+        return onSubmit(element);
+      }
+    }, selected === element.id ? selectedText : selectText)));
+  })));
+};
+
+exports.CarouselScrollFlowers = CarouselScrollFlowers;
+CarouselScrollFlowers.defaultProps = {
+  id: Math.random().toString(36).substr(2, 9),
+  width: '100%',
+  height: '100%',
+  widthProducts: '100%',
+  widthTransparent: '20%',
+  selectText: 'Seleccionar',
+  selectedText: 'Seleccionado',
+  selected: 1
+};

package/dist/molecules/CarouselScroll/index.js

@@ -9,5 +9,13 @@ Object.defineProperty(exports, "CarouselScroll", {
     return _CarouselScroll.CarouselScroll;
   }
 });
+Object.defineProperty(exports, "CarouselScrollFlowers", {
+  enumerable: true,
+  get: function get() {
+    return _CarouselScrollFlowers.CarouselScrollFlowers;
+  }
+});
+
+var _CarouselScroll = require("./CarouselScroll");
 
-var _CarouselScroll = require("./CarouselScroll");
+var _CarouselScrollFlowers = require("./CarouselScrollFlowers");

package/dist/organisms/Cards/FlowersBack.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardFlowerBack = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Card = require("../../atoms/Card");
+
+var _Layout = require("../../atoms/Layout");
+
+var _FlowerHome = _interopRequireDefault(require("../../atoms/imgs/FlowerHome"));
+
+var _Typography = require("../../atoms/Typography");
+
+var _Button = require("../../atoms/Button");
+
+var _Icons = require("../../atoms/Icons");
+
+var _Icon = require("../../atoms/Icon");
+
+var _excluded = ["titleLabel", "descriptionLabel", "customColor", "customTextColor", "actionButton", "eventFlowerAction"];
+
+var CardFlowerBack = function CardFlowerBack(_ref) {
+  var titleLabel = _ref.titleLabel,
+      descriptionLabel = _ref.descriptionLabel,
+      customColor = _ref.customColor,
+      customTextColor = _ref.customTextColor,
+      actionButton = _ref.actionButton,
+      eventFlowerAction = _ref.eventFlowerAction,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return _react.default.createElement(_Card.Card, (0, _extends2.default)({
+    maxWidth: "380px",
+    minWidth: "290px",
+    position: "relative",
+    width: "100%"
+  }, props), _react.default.createElement(_Layout.Flex, {
+    padding: 3,
+    width: "100%"
+  }, _react.default.createElement(_Layout.Grid, {
+    gridColumnGap: 2,
+    width: "100%",
+    gridTemplateAreas: "'avatar title go' 'avatar name go' ",
+    gridTemplateColumns: "48px auto 1fr"
+  }, _react.default.createElement(_Layout.GridItem, {
+    gridArea: "avatar"
+  }, _react.default.createElement(_FlowerHome.default, {
+    width: "48px",
+    height: "48px"
+  })), _react.default.createElement(_Layout.GridItem, {
+    gridArea: "title"
+  }, _react.default.createElement(_Typography.Text, {
+    sizeText: "display12",
+    color: "black36"
+  }, titleLabel)), _react.default.createElement(_Layout.GridItem, {
+    gridArea: "name"
+  }, _react.default.createElement(_Typography.Text, {
+    sizeText: "display16",
+    color: "black",
+    fontWeight: "bold",
+    style: {
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    },
+    overflow: "hidden",
+    maxWidth: "125px"
+  }, descriptionLabel)), _react.default.createElement(_Layout.GridItem, {
+    gridArea: "go",
+    display: "flex",
+    style: {
+      alignItems: 'center',
+      justifyContent: 'flex-end'
+    }
+  }, _react.default.createElement(_Button.Button, {
+    colorType: "white",
+    rounded: true,
+    padding: 0,
+    action: function action() {
+      return actionButton();
+    },
+    borderColor: "black36"
+  }, _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display24",
+    color: "black36"
+  }, _react.default.createElement(_Icons.IconArrowCircleLeft, null)))))));
+};
+
+exports.CardFlowerBack = CardFlowerBack;
+CardFlowerBack.defaultProps = {
+  customTextColor: '',
+  customColor: ''
+};

package/dist/organisms/Cards/GoneCeremony.js

@@ -0,0 +1,306 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardGoneCeremony = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Card = require("../../atoms/Card");
+
+var _Layout = require("../../atoms/Layout");
+
+var _Avatar = require("../../atoms/Avatar");
+
+var _Typography = require("../../atoms/Typography");
+
+var _PlaceholderLoad = require("../../atoms/PlaceholderLoad");
+
+var _Icon = require("../../atoms/Icon");
+
+var _IconCalendar = _interopRequireDefault(require("../../atoms/Icons/IconCalendar"));
+
+var _IconTimer = _interopRequireDefault(require("../../atoms/Icons/IconTimer"));
+
+var _useWindowSize2 = _interopRequireDefault(require("../../utils/useWindowSize"));
+
+var _Pill = require("../../atoms/Pill");
+
+var _Icons = require("../../atoms/Icons");
+
+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 CardGoneCeremony = function CardGoneCeremony(_ref) {
+  var props = (0, _extends2.default)({}, _ref);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isOpened = _useState2[0],
+      setIsOpened = _useState2[1];
+
+  (0, _react.useEffect)(function () {}, [isOpened]);
+  return _react.default.createElement(_Card.Card, (0, _extends2.default)({
+    maxWidth: "339px",
+    minWidth: "290px",
+    position: "relative",
+    width: "100%"
+  }, props), _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(CardGoneCeremony.Header, (0, _extends2.default)({}, props, {
+    setIsOpened: setIsOpened,
+    isOpened: isOpened
+  })), isOpened && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(CardGoneCeremony.Body, (0, _extends2.default)({
+    isOpened: isOpened,
+    setIsOpened: setIsOpened
+  }, props)), _react.default.createElement(CardGoneCeremony.Footer, props))));
+};
+
+exports.CardGoneCeremony = CardGoneCeremony;
+
+CardGoneCeremony.Header = function (props) {
+  var _useWindowSize = (0, _useWindowSize2.default)(),
+      width = _useWindowSize.width;
+
+  var picture = props.picture,
+      name = props.name,
+      date = props.date,
+      isOpened = props.isOpened,
+      setIsOpened = props.setIsOpened,
+      customColor = props.customColor,
+      eventEditAnalytics = props.eventEditAnalytics;
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Flex, {
+    padding: 3,
+    width: "100%"
+  }, _react.default.createElement(_Layout.Grid, {
+    gridColumnGap: width > 500 ? 2 : 1,
+    width: "100%",
+    gridTemplateAreas: "'avatar title open' 'avatar name open'",
+    gridTemplateColumns: '72px auto'
+  }, _react.default.createElement(_Layout.GridItem, {
+    gridArea: "avatar",
+    display: "flex",
+    style: {
+      alignItems: 'center',
+      justifyContent: 'flex-end'
+    }
+  }, _react.default.createElement(_Avatar.Avatar, {
+    src: picture,
+    alt: name,
+    styleImg: {
+      objectFit: 'cover'
+    },
+    customColor: customColor
+  })), _react.default.createElement(_Layout.GridItem, {
+    gridArea: "title",
+    display: "flex",
+    style: {
+      alignItems: 'flex-end',
+      justifyContent: 'flex-start'
+    }
+  }, _react.default.createElement(_Typography.Text, {
+    sizeText: "display12",
+    color: "black36",
+    style: {
+      paddingRight: '5px'
+    }
+  }, "IN MEMORIAM"), _react.default.createElement(_Typography.Text, {
+    sizeText: "display12",
+    color: "black60",
+    fontWeight: "bold",
+    style: {
+      borderLeft: 'solid 2px #F2B440',
+      paddingLeft: '5px'
+    }
+  }, date)), _react.default.createElement(_Layout.GridItem, {
+    gridArea: "name",
+    display: "flex",
+    style: {
+      alignItems: 'flex-start',
+      justifyContent: 'flex-start',
+      marginTop: '0px'
+    }
+  }, _react.default.createElement(_Typography.Text, {
+    sizeText: "display16",
+    color: "black",
+    fontWeight: "bold",
+    overflow: "hidden",
+    maxWidth: "200px"
+  }, name || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+    height: "22px"
+  }))), _react.default.createElement(_Layout.GridItem, {
+    gridArea: "open",
+    display: "flex",
+    style: {
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      marginTop: '0px'
+    }
+  }, _react.default.createElement(_Layout.Flex, {
+    alignSelf: "center",
+    alignItems: "center",
+    justifyContent: "flex-end"
+  }, _react.default.createElement(_Pill.Pill, {
+    onClick: function onClick() {
+      setIsOpened(!isOpened);
+
+      if (isOpened && eventEditAnalytics) {
+        eventEditAnalytics();
+      }
+    },
+    zIndex: 1,
+    padding: 0,
+    borderRadius: 7
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    sizeIcon: width > 500 ? "display24" : "display18"
+  }, !isOpened ? _react.default.createElement(_Icons.IconChevronDown, null) : _react.default.createElement(_Icons.IconChevronUp, null))))))));
+};
+
+CardGoneCeremony.Body = function (props) {
+  var labelEvent = props.labelEvent,
+      venueName = props.venueName,
+      eventDateStart = props.eventDateStart,
+      eventDateEnd = props.eventDateEnd,
+      timerange = props.timerange,
+      eventRoom = props.eventRoom;
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Box, {
+    borderTopStyle: "solid",
+    borderTopWidth: "1px",
+    borderTopColor: "yellow",
+    paddingTop: 3
+  }, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Box, {
+    paddingBottom: 1,
+    paddingX: 3
+  }, _react.default.createElement(_Typography.Text, {
+    marginBottom: 1,
+    color: "yellow",
+    fontWeight: "bold"
+  }, labelEvent), _react.default.createElement(_Typography.Text, {
+    color: "black",
+    sizeText: "display16",
+    fontWeight: "bold",
+    style: {
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      overflow: 'hidden'
+    }
+  }, venueName || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+    height: "24px"
+  })), (eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableDate) === (eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableDate) ? _react.default.createElement(_Layout.Flex, {
+    justifyContent: "space-between",
+    marginY: 1
+  }, _react.default.createElement(_Layout.Flex, {
+    alignItems: "center"
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    marginRight: 1
+  }, _react.default.createElement(_IconCalendar.default, null)), ' ', _react.default.createElement(_Typography.Text, {
+    color: "black60",
+    sizeText: "display14",
+    fontWeight: "bold",
+    style: {
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      maxWidth: '167px',
+      overflow: 'hidden'
+    }
+  }, (eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYear) || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+    height: "24px",
+    width: "90px"
+  }))), _react.default.createElement(_Layout.Flex, {
+    alignItems: "center"
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    marginRight: 1
+  }, _react.default.createElement(_IconTimer.default, null)), ' ', _react.default.createElement(_Typography.Text, {
+    color: "black60",
+    sizeText: "display14",
+    fontWeight: "bold"
+  }, timerange || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+    height: "24px",
+    width: "60px"
+  })))) : _react.default.createElement(_Layout.Flex, {
+    flexDirection: "column"
+  }, _react.default.createElement(_Layout.Flex, {
+    alignItems: "center",
+    marginY: 1
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    marginRight: 1
+  }, _react.default.createElement(_IconCalendar.default, null)), ' ', eventDateStart ? _react.default.createElement(_Typography.Text, {
+    color: "black60",
+    sizeText: "display14",
+    fontWeight: "bold",
+    style: {
+      textOverflow: 'ellipsis',
+      maxWidth: '260px',
+      overflow: 'hidden'
+    }
+  }, "Inicio: ", eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYear, ", ", eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTime) : _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+    height: "24px",
+    width: "90px"
+  })), eventDateEnd ? _react.default.createElement(_Layout.Flex, {
+    alignItems: "center",
+    marginBottom: 1
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    marginRight: 1
+  }, _react.default.createElement(_IconCalendar.default, null)), ' ', _react.default.createElement(_Typography.Text, {
+    color: "black60",
+    sizeText: "display14",
+    fontWeight: "bold",
+    style: {
+      textOverflow: 'ellipsis',
+      maxWidth: '260px',
+      overflow: 'hidden'
+    }
+  }, "Fin: ", eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableStringDateNoYear, ", ", eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTime)) : _react.default.createElement(_react.default.Fragment, null)), _react.default.createElement(_Layout.Box, null, eventRoom && _react.default.createElement(_Typography.Text, {
+    sizeText: "display16"
+  }, eventRoom || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+    height: "24px",
+    width: "60px"
+  })))))));
+};
+
+CardGoneCeremony.Footer = function (props) {
+  var venueAddress = props.venueAddress;
+  return _react.default.createElement(_Typography.Text, {
+    sizeText: "display14",
+    color: "black60",
+    paddingBottom: 3,
+    paddingX: 3
+  }, venueAddress);
+};
+
+CardGoneCeremony.defaultProps = {
+  picture: '',
+  name: '',
+  date: '',
+  customTextColor: '',
+  customColor: ''
+};
+CardGoneCeremony.Header.propTypes = {
+  picture: _propTypes.default.string,
+  name: _propTypes.default.string,
+  date: _propTypes.default.string,
+  isOpened: _propTypes.default.bool.isRequired,
+  setIsOpened: _propTypes.default.func.isRequired
+};
+CardGoneCeremony.Header.defaultProps = {
+  picture: '',
+  name: '',
+  date: ''
+};
+CardGoneCeremony.Body.propTypes = {};
+CardGoneCeremony.Footer.propTypes = {};