@gympass/yoga 7.87.1 → 7.88.1

package/cjs/AutoComplete/web/AutoComplete.test.js

@@ -0,0 +1,158 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import__ = require("../..");
+describe("<AutoComplete />", () => {
+  describe("Snapshots", () => {
+    it("should match with default component", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AutoComplete, {}) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with a full width component", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AutoComplete, { full: true }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with options list", () => {
+      const { getByDisplayValue, container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AutoComplete, { value: "s", options: ["first", "second"] }) })
+      );
+      import_react2.fireEvent.focus(getByDisplayValue("s"));
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with full width options list", () => {
+      const { getByDisplayValue, container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AutoComplete, { value: "s", full: true, options: ["first", "second"] }) })
+      );
+      import_react2.fireEvent.focus(getByDisplayValue("s"));
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe("Options list", () => {
+    it("should filter the options", () => {
+      const { container, getByDisplayValue } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AutoComplete, { value: "secon", options: ["first", "second", "third"] }) })
+      );
+      import_react2.fireEvent.focus(getByDisplayValue("secon"));
+      expect(container.querySelector("ul").firstChild.textContent).toBe(
+        "second"
+      );
+    });
+    it("should not filter the options", () => {
+      const { container, getByDisplayValue } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.AutoComplete,
+          {
+            value: "secon",
+            options: ["first", "second", "third"],
+            shouldFilterOptions: false
+          }
+        ) })
+      );
+      import_react2.fireEvent.focus(getByDisplayValue("secon"));
+      expect(container.querySelector("ul").firstChild.textContent).toBe(
+        "first"
+      );
+      expect(container.querySelector("ul").childNodes.length).toBe(3);
+    });
+    it("should close options list when clean button is clicked", () => {
+      const { container, getByDisplayValue, getByRole } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AutoComplete, { value: "secon", options: ["first", "second", "third"] }) })
+      );
+      import_react2.fireEvent.focus(getByDisplayValue("secon"));
+      import_react2.fireEvent.click(getByRole("button", { name: /clear/i }));
+      expect(container.querySelector("ul")).toBe(null);
+    });
+  });
+  describe("Event listeners", () => {
+    it("should call onChangeMock", () => {
+      const onChangeMock = jest.fn();
+      const onCleanMock = jest.fn();
+      const onSelectMock = jest.fn();
+      const { getByDisplayValue } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.AutoComplete,
+          {
+            value: "New",
+            options: ["New York"],
+            onChange: onChangeMock
+          }
+        ) })
+      );
+      import_react2.fireEvent.change(getByDisplayValue("New"), { target: { value: "a" } });
+      expect(onChangeMock).toHaveBeenCalledWith("a");
+      expect(onSelectMock).not.toHaveBeenCalled();
+      expect(onCleanMock).not.toHaveBeenCalled();
+    });
+    it("should call onCleanMock", () => {
+      const onCleanMock = jest.fn();
+      const onSelectMock = jest.fn();
+      const onChangeMock = jest.fn();
+      const { getByDisplayValue, getByRole } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.AutoComplete,
+          {
+            value: "New",
+            options: ["New York"],
+            onClean: onCleanMock,
+            onSelect: onSelectMock,
+            onChange: onChangeMock
+          }
+        ) })
+      );
+      import_react2.fireEvent.focus(getByDisplayValue("New"));
+      import_react2.fireEvent.click(getByRole("button", { name: /clear/i }));
+      expect(onCleanMock).toHaveBeenCalledWith("");
+      expect(onSelectMock).not.toHaveBeenCalled();
+      expect(onChangeMock).toHaveBeenCalledWith("");
+    });
+    it("should call onSelectMock", () => {
+      const onSelectMock = jest.fn();
+      const onCleanMock = jest.fn();
+      const onChangeMock = jest.fn();
+      const { getByDisplayValue, getByRole } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.AutoComplete,
+          {
+            value: "New",
+            options: ["New York"],
+            onSelect: onSelectMock,
+            onClean: onCleanMock,
+            onChange: onChangeMock
+          }
+        ) })
+      );
+      import_react2.fireEvent.focus(getByDisplayValue("New"));
+      import_react2.fireEvent.click(getByRole("option"));
+      expect(onSelectMock).toHaveBeenCalledWith("New York");
+      expect(onChangeMock).toHaveBeenCalledWith("New York");
+      expect(onCleanMock).not.toHaveBeenCalled();
+    });
+  });
+});

package/cjs/AutoComplete/web/index.js

@@ -1,11 +1,35 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _AutoComplete["default"];
-exports["default"] = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var web_exports = {};
+__export(web_exports, {
+  default: () => web_default
+});
+module.exports = __toCommonJS(web_exports);
+var import_AutoComplete = __toESM(require("./AutoComplete"));
+var web_default = import_AutoComplete.default;

package/cjs/Avatar/Avatar.theme.js

@@ -1,11 +1,25 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Avatar = function Avatar() {
-  return {};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-var _default = Avatar;
-exports["default"] = _default;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Avatar_theme_exports = {};
+__export(Avatar_theme_exports, {
+  default: () => Avatar_theme_default
+});
+module.exports = __toCommonJS(Avatar_theme_exports);
+const Avatar = () => ({});
+var Avatar_theme_default = Avatar;

package/cjs/Avatar/index.js

@@ -1,14 +1,37 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Avatar = _interopRequireDefault(require("./web/Avatar"));
-
-var _AvatarCircle = _interopRequireDefault(require("./web/AvatarCircle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-_Avatar["default"].Circle = _AvatarCircle["default"];
-var _default = _Avatar["default"];
-exports["default"] = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  default: () => Avatar_default
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_Avatar = __toESM(require("./web/Avatar"));
+var import_AvatarCircle = __toESM(require("./web/AvatarCircle"));
+import_Avatar.default.Circle = import_AvatarCircle.default;
+var Avatar_default = import_Avatar.default;

package/cjs/Avatar/index.native.js

@@ -1 +1,37 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Avatar=_interopRequireDefault(require("./native/Avatar"));var _AvatarCircle=_interopRequireDefault(require("./native/AvatarCircle"));_Avatar["default"].Circle=_AvatarCircle["default"];var _default=_Avatar["default"];exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  default: () => index_native_default
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_Avatar = __toESM(require("./native/Avatar"));
+var import_AvatarCircle = __toESM(require("./native/AvatarCircle"));
+import_Avatar.default.Circle = import_AvatarCircle.default;
+var index_native_default = import_Avatar.default;

package/cjs/Avatar/native/Avatar.js

@@ -1 +1,169 @@
-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=1;var BORDER_OPACITY=0.25;var BorderImage=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var yoga=_ref.theme.yoga;return{borderColor:(0,_yogaCommon.hexToRgb)(yoga.colors.secondary,BORDER_OPACITY),borderWidth:BORDER_WIDTH};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n"])));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(_Box["default"],(0,_extends2["default"])({ref:ref,bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:width,height:height,overflow:"hidden",borderRadius:borderRadius},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children}),_react["default"].createElement(BorderImage,{width:"100%",height:"100%",borderRadius:borderRadius}));});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;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  default: () => Avatar_default
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import_prop_types = require("prop-types");
+var import_deprecated_react_native_prop_types = require("deprecated-react-native-prop-types");
+var import_react_native = require("react-native");
+var import_styled_components = __toESM(require("styled-components"));
+var import_yoga_common = require("@gympass/yoga-common");
+var import_Box = __toESM(require("../../Box"));
+var import_Icon = __toESM(require("../../Icon"));
+const BORDER_WIDTH = 1;
+const BORDER_OPACITY = 0.25;
+const BorderImage = (0, import_styled_components.default)(import_Box.default).attrs(({ theme: { yoga } }) => {
+  return {
+    borderColor: (0, import_yoga_common.hexToRgb)(yoga.colors.secondary, BORDER_OPACITY),
+    borderWidth: BORDER_WIDTH
+  };
+})`
+  position: absolute;
+`;
+const Content = ({ icon, src, fill, content, stroke }) => {
+  if (src) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { as: import_react_native.Image, width: "100%", height: "100%", source: src });
+  }
+  if (content) {
+    return content;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.default, { as: icon, width: "50%", height: "50%", fill, stroke });
+};
+const Avatar = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      icon = import_yoga_icons.BuildingFilled,
+      src,
+      children,
+      fill,
+      stroke,
+      borderRadius,
+      width,
+      height
+    } = _b, props = __objRest(_b, [
+      "icon",
+      "src",
+      "children",
+      "fill",
+      "stroke",
+      "borderRadius",
+      "width",
+      "height"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Box.default,
+      __spreadProps(__spreadValues({
+        ref,
+        bgColor: "elements.selectionAndIcons",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width,
+        height,
+        overflow: "hidden",
+        borderRadius
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            Content,
+            {
+              icon,
+              src,
+              fill,
+              stroke,
+              content: children
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BorderImage, { width: "100%", height: "100%", borderRadius })
+        ]
+      })
+    );
+  }
+);
+Content.propTypes = __spreadValues({
+  src: import_deprecated_react_native_prop_types.ImagePropTypes.source,
+  icon: import_prop_types.func,
+  fill: import_prop_types.string
+}, import_Box.default.propTypes);
+Content.defaultProps = {
+  src: void 0,
+  fill: "white",
+  icon: import_yoga_icons.BuildingFilled
+};
+Avatar.propTypes = __spreadValues({
+  src: import_deprecated_react_native_prop_types.ImagePropTypes.source,
+  icon: import_prop_types.func,
+  fill: import_prop_types.string,
+  width: import_prop_types.number,
+  height: import_prop_types.number,
+  borderRadius: import_prop_types.string
+}, import_Box.default.propTypes);
+Avatar.defaultProps = __spreadValues({
+  src: void 0,
+  fill: "white",
+  width: 48,
+  height: 48,
+  borderRadius: "small"
+}, import_Box.default.defaultProps);
+Avatar.displayName = "Avatar";
+var Avatar_default = Avatar;

package/cjs/Avatar/native/Avatar.test.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_native = require("@testing-library/react-native");
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import__ = require("../..");
+var import_Avatar = __toESM(require("./Avatar"));
+var import_Text = __toESM(require("../../Text"));
+describe("<Avatar />", () => {
+  it("should match snapshot in default avatar", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Avatar.default, { width: 78, height: 78, fill: "black" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in default avatar with placeholder prop", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Avatar.default, { placeholder: import_yoga_icons.UserFilled }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in circle avatar", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Avatar.default.Circle, {}) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in circle avatar with placeholder prop", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Avatar.default.Circle, { placeholder: import_yoga_icons.UserFilled }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in avatar with children prop", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Avatar.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default, { children: "AL" }) }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/cjs/Avatar/native/AvatarCircle.js

@@ -1 +1,82 @@
-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 _Avatar=_interopRequireDefault(require("./Avatar"));var _excluded=["src"];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 AvatarCircle=(0,_react.forwardRef)(function(_ref,ref){var src=_ref.src,props=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return _react["default"].createElement(_Avatar["default"],(0,_extends2["default"])({},props,{src:src,borderRadius:"circle",icon:!src?_yogaIcons.UserFilled:undefined,ref:ref}));});AvatarCircle.propTypes=_Avatar["default"].propTypes;AvatarCircle.defaultProps=_Avatar["default"].defaultProps;AvatarCircle.displayName='Avatar.Circle';var _default=AvatarCircle;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AvatarCircle_exports = {};
+__export(AvatarCircle_exports, {
+  default: () => AvatarCircle_default
+});
+module.exports = __toCommonJS(AvatarCircle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import_Avatar = __toESM(require("./Avatar"));
+const AvatarCircle = (0, import_react.forwardRef)((_a, ref) => {
+  var _b = _a, { src } = _b, props = __objRest(_b, ["src"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Avatar.default,
+    __spreadProps(__spreadValues({}, props), {
+      src,
+      borderRadius: "circle",
+      icon: !src ? import_yoga_icons.UserFilled : void 0,
+      ref
+    })
+  );
+});
+AvatarCircle.propTypes = import_Avatar.default.propTypes;
+AvatarCircle.defaultProps = import_Avatar.default.defaultProps;
+AvatarCircle.displayName = "Avatar.Circle";
+var AvatarCircle_default = AvatarCircle;