@gympass/yoga 7.84.3 → 7.85.1

package/cjs/Avatar/native/Avatar.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _deprecatedReactNativePropTypes=require("deprecated-react-native-prop-types");var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["icon","src","children","fill","stroke"];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 Content=function Content(_ref){var icon=_ref.icon,src=_ref.src,fill=_ref.fill,content=_ref.content,stroke=_ref.stroke;if(src){return _react["default"].createElement(_Box["default"],{as:_reactNative.Image,width:"100%",height:"100%",source:src});}if(content){return content;}return _react["default"].createElement(_Icon["default"],{as:icon,width:"50%",height:"50%",fill:fill,stroke:stroke});};var Avatar=(0,_react.forwardRef)(function(_ref2,ref){var _ref2$icon=_ref2.icon,icon=_ref2$icon===void 0?_yogaIcons.BuildingFilled:_ref2$icon,src=_ref2.src,children=_ref2.children,fill=_ref2.fill,stroke=_ref2.stroke,props=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(_Box["default"],(0,_extends2["default"])({ref:ref,bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:48,height:48,borderRadius:"small",elevation:"small",overflow:"hidden"},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children}));});Content.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=(0,_extends2["default"])({src:undefined,fill:'white'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _deprecatedReactNativePropTypes=require("deprecated-react-native-prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _Box=_interopRequireDefault(require("../../Box"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["icon","src","children","fill","stroke","borderRadius","width","height"];var _templateObject;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 BORDER_WIDTH=_reactNative.StyleSheet.hairlineWidth;var BORDER_OPACITY=0.25;var Contain=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var yoga=_ref.theme.yoga;return{bgColor:(0,_yogaCommon.hexToRgb)(yoga.colors.secondary,BORDER_OPACITY)};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  padding: ","px;\n"])),BORDER_WIDTH);var Content=function Content(_ref2){var icon=_ref2.icon,src=_ref2.src,fill=_ref2.fill,content=_ref2.content,stroke=_ref2.stroke;if(src){return _react["default"].createElement(_Box["default"],{as:_reactNative.Image,width:"100%",height:"100%",source:src});}if(content){return content;}return _react["default"].createElement(_Icon["default"],{as:icon,width:"50%",height:"50%",fill:fill,stroke:stroke});};var Avatar=(0,_react.forwardRef)(function(_ref3,ref){var _ref3$icon=_ref3.icon,icon=_ref3$icon===void 0?_yogaIcons.BuildingFilled:_ref3$icon,src=_ref3.src,children=_ref3.children,fill=_ref3.fill,stroke=_ref3.stroke,borderRadius=_ref3.borderRadius,width=_ref3.width,height=_ref3.height,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);return _react["default"].createElement(Contain,{width:width,height:height,borderRadius:borderRadius,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},_react["default"].createElement(_Box["default"],(0,_extends2["default"])({ref:ref,bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",overflow:"hidden",borderRadius:borderRadius},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children})));});Content.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string,width:_propTypes.number,height:_propTypes.number,borderRadius:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=(0,_extends2["default"])({src:undefined,fill:'white',width:48,height:48,borderRadius:'small'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;

package/esm/Avatar/native/Avatar.js

@@ -1,23 +1,37 @@
-var _excluded = ["icon", "src", "children", "fill", "stroke"];
+var _excluded = ["icon", "src", "children", "fill", "stroke", "borderRadius", "width", "height"];
+
+var _templateObject;
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
 import React, { forwardRef } from 'react';
 import { BuildingFilled } from '@gympass/yoga-icons';
-import { string, func } from 'prop-types';
+import { string, func, number } from 'prop-types';
 import { ImagePropTypes } from 'deprecated-react-native-prop-types';
-import { Image } from 'react-native';
+import { Image, StyleSheet } from 'react-native';
+import styled from 'styled-components';
+import { hexToRgb } from '@gympass/yoga-common';
 import Box from '../../Box';
 import Icon from '../../Icon';
+var BORDER_WIDTH = StyleSheet.hairlineWidth;
+var BORDER_OPACITY = 0.25;
+var Contain = styled(Box).attrs(function (_ref) {
+  var yoga = _ref.theme.yoga;
+  return {
+    bgColor: hexToRgb(yoga.colors.secondary, BORDER_OPACITY)
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: ", "px;\n"])), BORDER_WIDTH);
 
-var Content = function Content(_ref) {
-  var icon = _ref.icon,
-      src = _ref.src,
-      fill = _ref.fill,
-      content = _ref.content,
-      stroke = _ref.stroke;
+var Content = function Content(_ref2) {
+  var icon = _ref2.icon,
+      src = _ref2.src,
+      fill = _ref2.fill,
+      content = _ref2.content,
+      stroke = _ref2.stroke;
 
   if (src) {
     return /*#__PURE__*/React.createElement(Box, {
@@ -46,33 +60,43 @@ var Content = function Content(_ref) {
  */
 
 
-var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? BuildingFilled : _ref2$icon,
-      src = _ref2.src,
-      children = _ref2.children,
-      fill = _ref2.fill,
-      stroke = _ref2.stroke,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
+var Avatar = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var _ref3$icon = _ref3.icon,
+      icon = _ref3$icon === void 0 ? BuildingFilled : _ref3$icon,
+      src = _ref3.src,
+      children = _ref3.children,
+      fill = _ref3.fill,
+      stroke = _ref3.stroke,
+      borderRadius = _ref3.borderRadius,
+      width = _ref3.width,
+      height = _ref3.height,
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/React.createElement(Contain, {
+    width: width,
+    height: height,
+    borderRadius: borderRadius,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  }, /*#__PURE__*/React.createElement(Box, _extends({
     ref: ref,
     bgColor: "elements.selectionAndIcons",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    width: 48,
-    height: 48,
-    borderRadius: "small",
-    elevation: "small",
-    overflow: "hidden"
+    width: "100%",
+    height: "100%",
+    overflow: "hidden",
+    borderRadius: borderRadius
   }, props), /*#__PURE__*/React.createElement(Content, {
     icon: icon,
     src: src,
     fill: fill,
     stroke: stroke,
     content: children
-  }));
+  })));
 });
 Content.propTypes = _extends({
   src: ImagePropTypes.source,
@@ -87,11 +111,17 @@ Content.defaultProps = {
 Avatar.propTypes = _extends({
   src: ImagePropTypes.source,
   icon: func,
-  fill: string
+  fill: string,
+  width: number,
+  height: number,
+  borderRadius: string
 }, Box.propTypes);
 Avatar.defaultProps = _extends({
   src: undefined,
-  fill: 'white'
+  fill: 'white',
+  width: 48,
+  height: 48,
+  borderRadius: 'small'
 }, Box.defaultProps);
 Avatar.displayName = 'Avatar';
 export default Avatar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.84.3",
+  "version": "7.85.1",
   "description": "Gympass component library",
   "main": "./cjs/index.js",
   "sideEffects": false,
@@ -55,7 +55,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "9f7adde370d8eda7c32e372e3b176ad1eeae3919",
+  "gitHead": "1a50326ecfc9f46daaea45a46c6adcce3d98431a",
   "module": "./esm/index.js",
   "types": "./typings/index.d.ts",
   "private": false,