@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Alert/alert.test.js

@@ -1,85 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var setup = function setup(props) {
-  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-};
-describe('Alert', function () {
-  it('should it render the alert component', function () {
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast'
-    });
-    expect(container.getByText('test')).toBeInTheDocument();
-  });
-  it('should it render the alert component in outlined variant', function () {
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast',
-      variant: 'outlined'
-    });
-    expect(container.getByText('test')).toBeInTheDocument();
-  });
-  it('should it render the alert component in closable variant', function () {
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast',
-      variant: 'closable'
-    });
-    expect(container.getByText('test')).toBeInTheDocument();
-  });
-  it('should it render the alert component in success type', function () {
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast',
-      type: 'success'
-    });
-    expect(container.getByText('test')).toBeInTheDocument();
-  });
-  it('should it render the alert component in error type', function () {
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast',
-      type: 'error'
-    });
-    expect(container.getByText('test')).toBeInTheDocument();
-  });
-  it('should it render the alert component in warning type', function () {
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast',
-      type: 'warning'
-    });
-    expect(container.getByText('test')).toBeInTheDocument();
-  });
-  it('should it render the alert component in critical type', function () {
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast',
-      type: 'critical'
-    });
-    expect(container.getByText('test')).toBeInTheDocument();
-  });
-  it('should it call the callback provided in onClose prop', function () {
-    var _container$baseElemen;
-    var onClose = jest.fn();
-    var container = setup({
-      content: 'test',
-      title: 'Test Toast',
-      variant: 'closable',
-      onClose: onClose
-    });
-    (_container$baseElemen = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen === void 0 ? void 0 : _container$baseElemen.click();
-    expect(onClose).toHaveBeenCalled();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(props){return(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props)))};describe("Alert",function(){it("should it render the alert component",function(){var container=setup({content:"test",title:"Test Toast"});expect(container.getByText("test")).toBeInTheDocument()}),it("should it render the alert component in outlined variant",function(){var container=setup({content:"test",title:"Test Toast",variant:"outlined"});expect(container.getByText("test")).toBeInTheDocument()}),it("should it render the alert component in closable variant",function(){var container=setup({content:"test",title:"Test Toast",variant:"closable"});expect(container.getByText("test")).toBeInTheDocument()}),it("should it render the alert component in success type",function(){var container=setup({content:"test",title:"Test Toast",type:"success"});expect(container.getByText("test")).toBeInTheDocument()}),it("should it render the alert component in error type",function(){var container=setup({content:"test",title:"Test Toast",type:"error"});expect(container.getByText("test")).toBeInTheDocument()}),it("should it render the alert component in warning type",function(){var container=setup({content:"test",title:"Test Toast",type:"warning"});expect(container.getByText("test")).toBeInTheDocument()}),it("should it render the alert component in critical type",function(){var container=setup({content:"test",title:"Test Toast",type:"critical"});expect(container.getByText("test")).toBeInTheDocument()}),it("should it call the callback provided in onClose prop",function(){var _container$baseElemen,onClose=jest.fn(),container=setup({content:"test",title:"Test Toast",variant:"closable",onClose:onClose});null===(_container$baseElemen=container.baseElement.querySelectorAll("svg")[1].parentElement)||void 0===_container$baseElemen?void 0:_container$baseElemen.click(),expect(onClose).toHaveBeenCalled()})});

package/dist/components/Alert/index.js

@@ -1,63 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Alert = function Alert(_ref) {
-  var title = _ref.title,
-    content = _ref.content,
-    maxWidth = _ref.maxWidth,
-    onClose = _ref.onClose,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? 'info' : _ref$icon,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
-    closable = _ref.closable;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledAlertWrapper, {
-    "data-variant": variant,
-    type: type,
-    maxWidth: maxWidth,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledIconBox, {
-      type: type,
-      "data-variant": variant,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: icon,
-        size: variant === 'outlined' ? '1.375rem' : '2rem'
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-      direction: "column",
-      justifyContent: "center",
-      style: {
-        flex: 1
-      },
-      spacing: "0.5rem",
-      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-        fontSize: "xs",
-        fontWeight: "bold",
-        children: title
-      }), content]
-    }), (variant === 'closable' || closable) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      onClick: onClose,
-      variant: "ghost",
-      style: {
-        padding: '0'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "x",
-        color: "neutral.black"
-      })
-    })]
-  });
-};
-var _default = Alert;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Icon=_interopRequireDefault(require("../Icon")),_Typography=_interopRequireDefault(require("../Typography")),_Button=_interopRequireDefault(require("../Button")),_Flex=_interopRequireDefault(require("../Flex")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var Alert=function(_ref){var title=_ref.title,content=_ref.content,maxWidth=_ref.maxWidth,onClose=_ref.onClose,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"info":_ref$icon,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"filled":_ref$variant,closable=_ref.closable;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.StyledAlertWrapper,{"data-variant":variant,type:type,maxWidth:maxWidth,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledIconBox,{type:type,"data-variant":variant,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:icon,size:"outlined"===variant?"1.375rem":"2rem"})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",justifyContent:"center",style:{flex:1},spacing:"0.5rem",children:[title&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"bold",children:title}),content]}),("closable"===variant||closable)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:onClose,variant:"ghost",style:{padding:"0"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",color:"neutral.black"})})]})},_default=Alert;exports.default=_default;

package/dist/components/Alert/styles.js

@@ -1,32 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledIconBox = exports.StyledAlertWrapper = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colorCheck = require("../../utils/colorCheck");
-var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledAlertWrapper = _styled.default.div(function (_ref) {
-  var theme = _ref.theme,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    maxWidth = _ref.maxWidth;
-  var highlightBackground = type !== 'default' ? theme.colors[type].default : theme.colors.neutral.neutral3;
-  var secondaryColor = type !== 'default' ? theme.colors[type].blurred : theme.colors.neutral.neutral1;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: start;\n      padding: 1rem;\n      gap: 1rem;\n      border-radius: 0.5rem;\n      width: 100%;\n      max-width: ", ";\n      background-color: ", ";\n      color: ", ";\n\n      &[data-variant='outlined'] {\n        background-color: transparent;\n        border: 2px solid ", ";\n        color: ", ";\n      }\n\n      &[data-variant='highlighted'] {\n        align-items: center;\n        background: ", "08;\n        border-left: 4px solid ", ";\n        color: ", ";\n\n        svg {\n          color: ", ";\n        }\n      }\n    "])), maxWidth ? "".concat(maxWidth, "px") : '', secondaryColor, theme.colors.neutral.black, secondaryColor, theme.colors.neutral.neutral4, highlightBackground, highlightBackground, theme.colors.neutral.black, highlightBackground);
-});
-exports.StyledAlertWrapper = StyledAlertWrapper;
-var StyledIconBox = _styled.default.div(function (_ref2) {
-  var _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'default' : _ref2$type,
-    theme = _ref2.theme;
-  var primaryColor = type !== 'default' ? theme.colors[type].default : theme.colors.neutral.neutral1;
-  var secondaryColor = type !== 'default' ? (0, _colorCheck.parseHexColorToRgba)(primaryColor, 0.2) : theme.colors.neutral.neutral1;
-  var iconColor = type !== 'default' ? primaryColor : theme.colors.neutral.neutral3;
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border-radius: 50%;\n\n    [data-variant='highlighted'] {\n      padding: 0.625rem;\n      background: ", ";\n    }\n\n    & svg {\n      color: ", ";\n    }\n  "])), secondaryColor, iconColor);
-});
-exports.StyledIconBox = StyledIconBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledIconBox=exports.StyledAlertWrapper=void 0;var _templateObject,_templateObject2,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledAlertWrapper=_styled.default.div(function(_ref){var theme=_ref.theme,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,maxWidth=_ref.maxWidth,highlightBackground="default"===type?theme.colors.neutral.neutral3:theme.colors[type].default,secondaryColor="default"===type?theme.colors.neutral.neutral1:theme.colors[type].blurred;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      display: flex;\n      align-items: start;\n      padding: 1rem;\n      gap: 1rem;\n      border-radius: 0.5rem;\n      width: 100%;\n      max-width: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-variant='outlined'] {\n        background-color: transparent;\n        border: 2px solid ",";\n        color: ",";\n      }\n\n      &[data-variant='highlighted'] {\n        align-items: center;\n        background: ","08;\n        border-left: 4px solid ",";\n        color: ",";\n\n        svg {\n          color: ",";\n        }\n      }\n    "])),maxWidth?"".concat(maxWidth,"px"):"",secondaryColor,theme.colors.neutral.black,secondaryColor,theme.colors.neutral.neutral4,highlightBackground,highlightBackground,theme.colors.neutral.black,highlightBackground)});exports.StyledAlertWrapper=StyledAlertWrapper;var StyledIconBox=_styled.default.div(function(_ref2){var _ref2$type=_ref2.type,type=void 0===_ref2$type?"default":_ref2$type,theme=_ref2.theme,primaryColor="default"===type?theme.colors.neutral.neutral1:theme.colors[type].default,secondaryColor="default"===type?theme.colors.neutral.neutral1:(0,_colorCheck.parseHexColorToRgba)(primaryColor,.2),iconColor="default"===type?theme.colors.neutral.neutral3:primaryColor;return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border-radius: 50%;\n\n    [data-variant='highlighted'] {\n      padding: 0.625rem;\n      background: ",";\n    }\n\n    & svg {\n      color: ",";\n    }\n  "])),secondaryColor,iconColor)});exports.StyledIconBox=StyledIconBox;

package/dist/components/Avatar/avatar.test.js

@@ -1,67 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  return utils;
-};
-describe('Avatar', function () {
-  it('should it render the avatar component', function () {
-    var avatar = setup({
-      name: 'John Doe',
-      src: 'https://avatars2.githubusercontent.com/u/1234?s=460&v=4'
-    });
-    expect(avatar.container).toBeInTheDocument();
-  });
-  it('should it render the avatar component with a image', function () {
-    var _avatar$container$que;
-    var avatar = setup({
-      name: 'John Doe',
-      src: 'https://avatars2.githubusercontent.com/u/1234?s=460&v=4'
-    });
-    expect((_avatar$container$que = avatar.container.querySelector('img')) === null || _avatar$container$que === void 0 ? void 0 : _avatar$container$que.getAttribute('src')).toEqual('https://avatars2.githubusercontent.com/u/1234?s=460&v=4');
-  });
-  it('should it render the avatar component with a name and an information', function () {
-    var avatar = setup({
-      name: 'John Doe',
-      information: 'The user information'
-    });
-    expect(avatar.getByText('John Doe')).toBeInTheDocument();
-    expect(avatar.getByText('The user information')).toBeInTheDocument();
-  });
-  it('should it render the avatar component with a name, information and image', function () {
-    var avatar = setup({
-      name: 'John Doe',
-      information: 'The user information',
-      src: 'https://avatars2.githubusercontent.com/u/1234?s=460&v=4'
-    });
-    expect(avatar.getByText('John Doe')).toBeInTheDocument();
-    expect(avatar.getByText('The user information')).toBeInTheDocument();
-    expect(avatar.container.querySelector('img')).toBeInTheDocument();
-  });
-  it('should it render the avatar component with avatar name initials', function () {
-    var avatar = setup({
-      name: 'John Doe'
-    });
-    expect(avatar.getByText('JD')).toBeInTheDocument();
-  });
-  it('should it render the avatar component with avatar name initials if the image source is broken', function () {
-    var avatar = setup({
-      name: 'John Doe',
-      src: 'https://broken.link/'
-    });
-    setTimeout(function () {
-      expect(avatar.getByText('JD')).toBeInTheDocument();
-    }, 1000);
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(props){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props)));return utils};describe("Avatar",function(){it("should it render the avatar component",function(){var avatar=setup({name:"John Doe",src:"https://avatars2.githubusercontent.com/u/1234?s=460&v=4"});expect(avatar.container).toBeInTheDocument()}),it("should it render the avatar component with a image",function(){var _avatar$container$que,avatar=setup({name:"John Doe",src:"https://avatars2.githubusercontent.com/u/1234?s=460&v=4"});expect(null===(_avatar$container$que=avatar.container.querySelector("img"))||void 0===_avatar$container$que?void 0:_avatar$container$que.getAttribute("src")).toEqual("https://avatars2.githubusercontent.com/u/1234?s=460&v=4")}),it("should it render the avatar component with a name and an information",function(){var avatar=setup({name:"John Doe",information:"The user information"});expect(avatar.getByText("John Doe")).toBeInTheDocument(),expect(avatar.getByText("The user information")).toBeInTheDocument()}),it("should it render the avatar component with a name, information and image",function(){var avatar=setup({name:"John Doe",information:"The user information",src:"https://avatars2.githubusercontent.com/u/1234?s=460&v=4"});expect(avatar.getByText("John Doe")).toBeInTheDocument(),expect(avatar.getByText("The user information")).toBeInTheDocument(),expect(avatar.container.querySelector("img")).toBeInTheDocument()}),it("should it render the avatar component with avatar name initials",function(){var avatar=setup({name:"John Doe"});expect(avatar.getByText("JD")).toBeInTheDocument()}),it("should it render the avatar component with avatar name initials if the image source is broken",function(){var avatar=setup({name:"John Doe",src:"https://broken.link/"});setTimeout(function(){expect(avatar.getByText("JD")).toBeInTheDocument()},1e3)})});

package/dist/components/Avatar/index.js

@@ -1,94 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["src", "name", "information", "boxColor", "size", "isLoading"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
-var Avatar = function Avatar(_ref) {
-  var src = _ref.src,
-    name = _ref.name,
-    information = _ref.information,
-    boxColor = _ref.boxColor,
-    size = _ref.size,
-    isLoading = _ref.isLoading,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    imageBroken = _useState2[0],
-    setImageBroken = _useState2[1];
-  function getInitials(n) {
-    var _firstName$;
-    var nameArray = n.split(' ');
-    var firstName = nameArray[0];
-    var lastName = nameArray[nameArray.length - 1];
-    return "".concat((_firstName$ = firstName[0]) === null || _firstName$ === void 0 ? void 0 : _firstName$.charAt(0).toUpperCase()).concat(lastName === null || lastName === void 0 ? void 0 : lastName.charAt(0).toUpperCase());
-  }
-  function handleImageError() {
-    setImageBroken(true);
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ThemeProvider, {
-    theme: {
-      size: size || 'medium'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.AvatarWrapper, _objectSpread(_objectSpread({}, rest), {}, {
-      children: [isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
-        variant: "circle",
-        animation: "wave",
-        height: 60,
-        width: 60
-      }) : src && !imageBroken ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AvatarImage, {
-        src: src,
-        alt: name,
-        onError: handleImageError
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AvatarInitials, {
-        boxColor: boxColor,
-        children: getInitials(name)
-      }), information && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AvatarInformation, {
-        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
-            variant: "text",
-            animation: "wave",
-            width: 50
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
-            variant: "text",
-            animation: "wave",
-            width: 100
-          })]
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "xxs",
-            fontWeight: "600",
-            children: name
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "xxs",
-            children: information
-          })]
-        })
-      })]
-    }))
-  });
-};
-var _default = Avatar;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_react2=require("@emotion/react"),_Typography=_interopRequireDefault(require("../Typography")),_Skeleton=_interopRequireDefault(require("../Skeleton")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["src","name","information","boxColor","size","isLoading"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Avatar=function(_ref){var src=_ref.src,name=_ref.name,information=_ref.information,boxColor=_ref.boxColor,size=_ref.size,isLoading=_ref.isLoading,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),imageBroken=_useState2[0],setImageBroken=_useState2[1];return/*#__PURE__*/(0,_jsxRuntime.jsx)(_react2.ThemeProvider,{theme:{size:size||"medium"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.AvatarWrapper,_objectSpread(_objectSpread({},rest),{},{children:[isLoading?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{variant:"circle",animation:"wave",height:60,width:60}):src&&!imageBroken?/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AvatarImage,{src:src,alt:name,onError:function(){setImageBroken(!0)}}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AvatarInitials,{boxColor:boxColor,children:function(n){var _firstName$,nameArray=n.split(" "),firstName=nameArray[0],lastName=nameArray[nameArray.length-1];return"".concat(null===(_firstName$=firstName[0])||void 0===_firstName$?void 0:_firstName$.charAt(0).toUpperCase()).concat(null===lastName||void 0===lastName?void 0:lastName.charAt(0).toUpperCase())}(name)}),information&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AvatarInformation,{children:isLoading?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{variant:"text",animation:"wave",width:50}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{variant:"text",animation:"wave",width:100})]}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",fontWeight:"600",children:name}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",children:information})]})})]}))})},_default=Avatar;exports.default=_default;

package/dist/components/Avatar/styles.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AvatarWrapper = exports.AvatarSkeleton = exports.AvatarInitials = exports.AvatarInformation = exports.AvatarImage = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("@emotion/react");
-var _colorCheck = require("../../utils/colorCheck");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var AvatarWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: ", ";\n  justify-content: ", ";\n  gap: 8px;\n"])), function (props) {
-  return props.theme.size === 'large' ? 'column' : 'row';
-}, function (props) {
-  return props.theme.size === 'large' ? 'center' : 'flex-start';
-});
-exports.AvatarWrapper = AvatarWrapper;
-var AvatarImage = _styled.default.img(function (props) {
-  var size = props.theme.size === 'small' ? '32px' : props.theme.size === 'medium' ? '48px' : '80px';
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    border-radius: 99999999px;\n    object-fit: cover;\n    flex-shrink: 0;\n  "])), size, size);
-});
-exports.AvatarImage = AvatarImage;
-var AvatarInitials = _styled.default.div(function (props) {
-  var size = props.theme.size === 'small' ? props.theme.space[8] : props.theme.size === 'medium' ? props.theme.space[12] : '3.75rem';
-  var fontSize = props.theme.size === 'small' ? props.theme.fontSizes.xxs : props.theme.size === 'medium' ? props.theme.fontSizes.lg : props.theme.fontSizes.xl;
-  var colorIsHex = (0, _colorCheck.isHexColor)(props.boxColor || '');
-  var colorIsRgb = (0, _colorCheck.isRgbHslColor)(props.boxColor || '');
-  var colorIsThemeColor = (0, _colorCheck.stripThemeColors)(props.boxColor || '', props.theme.colors);
-  var color = colorIsHex || colorIsRgb ? props.boxColor : colorIsThemeColor || props.theme.colors.neutral.neutral1;
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 99999999px;\n    white-space: nowrap;\n    overflow: hidden;\n    font-size: ", ";\n    text-overflow: ellipsis;\n    background-color: ", ";\n    color: ", ";\n    width: ", ";\n    height: ", ";\n    flex-shrink: 0;\n  "])), fontSize, color, props.theme.colors.neutral.black, size, size);
-});
-exports.AvatarInitials = AvatarInitials;
-var AvatarInformation = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: ", ";\n  gap: ", ";\n\n  & p {\n    margin: 0;\n    line-height: normal;\n    color: ", ";\n  }\n\n  & p:last-child {\n    color: ", ";\n  }\n"])), function (props) {
-  return props.theme.size === 'large' ? 'center' : 'flex-start';
-}, function (props) {
-  return props.theme.size === 'small' ? 0 : props.theme.size === 'large' ? '0.25rem' : '0.5rem';
-}, function (props) {
-  return props.theme.colors.neutral.black;
-}, function (props) {
-  return props.theme.colors.neutral.neutral5;
-});
-exports.AvatarInformation = AvatarInformation;
-var AvatarSkeleton = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n\n  border-radius: 999999px;\n  background-color: ", ";\n  overflow: hidden;\n\n  &::after {\n    content: '';\n    inset: 0px;\n    width: 100%;\n    height: 100%;\n    display: block;\n    animation: 1.6s linear 0.5s infinite normal none running move;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ", ",\n      transparent\n    );\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])), function (props) {
-  return props.circle ? "\n    width: ".concat(props.theme.size === 'small' ? '32px' : props.theme.size === 'medium' ? '48px' : '80px', ";\n    height: ").concat(props.theme.size === 'small' ? '32px' : props.theme.size === 'medium' ? '48px' : '80px', ";\n  ") : "\n    height: ".concat(props.description ? '8px' : '10px', ";\n    width: ").concat(props.description ? '82px' : '44px', ";\n  ");
-}, function (props) {
-  return props.theme.colors.neutral.neutral1;
-}, function (props) {
-  return props.theme.colors.neutral.neutral2;
-});
-exports.AvatarSkeleton = AvatarSkeleton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvatarWrapper=exports.AvatarSkeleton=exports.AvatarInitials=exports.AvatarInformation=exports.AvatarImage=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_colorCheck=require("../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var AvatarWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: ",";\n  justify-content: ",";\n  gap: 8px;\n"])),function(props){return"large"===props.theme.size?"column":"row"},function(props){return"large"===props.theme.size?"center":"flex-start"});exports.AvatarWrapper=AvatarWrapper;var AvatarImage=_styled.default.img(function(props){var size="small"===props.theme.size?"32px":"medium"===props.theme.size?"48px":"80px";return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    width: ",";\n    height: ",";\n    border-radius: 99999999px;\n    object-fit: cover;\n    flex-shrink: 0;\n  "])),size,size)});exports.AvatarImage=AvatarImage;var AvatarInitials=_styled.default.div(function(props){var size="small"===props.theme.size?props.theme.space[8]:"medium"===props.theme.size?props.theme.space[12]:"3.75rem",fontSize="small"===props.theme.size?props.theme.fontSizes.xxs:"medium"===props.theme.size?props.theme.fontSizes.lg:props.theme.fontSizes.xl,colorIsHex=(0,_colorCheck.isHexColor)(props.boxColor||""),colorIsRgb=(0,_colorCheck.isRgbHslColor)(props.boxColor||""),colorIsThemeColor=(0,_colorCheck.stripThemeColors)(props.boxColor||"",props.theme.colors),color=colorIsHex||colorIsRgb?props.boxColor:colorIsThemeColor||props.theme.colors.neutral.neutral1;return(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 99999999px;\n    white-space: nowrap;\n    overflow: hidden;\n    font-size: ",";\n    text-overflow: ellipsis;\n    background-color: ",";\n    color: ",";\n    width: ",";\n    height: ",";\n    flex-shrink: 0;\n  "])),fontSize,color,props.theme.colors.neutral.black,size,size)});exports.AvatarInitials=AvatarInitials;var AvatarInformation=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: ",";\n  gap: ",";\n\n  & p {\n    margin: 0;\n    line-height: normal;\n    color: ",";\n  }\n\n  & p:last-child {\n    color: ",";\n  }\n"])),function(props){return"large"===props.theme.size?"center":"flex-start"},function(props){return"small"===props.theme.size?0:"large"===props.theme.size?"0.25rem":"0.5rem"},function(props){return props.theme.colors.neutral.black},function(props){return props.theme.colors.neutral.neutral5});exports.AvatarInformation=AvatarInformation;var AvatarSkeleton=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  ","\n\n  border-radius: 999999px;\n  background-color: ",";\n  overflow: hidden;\n\n  &::after {\n    content: '';\n    inset: 0px;\n    width: 100%;\n    height: 100%;\n    display: block;\n    animation: 1.6s linear 0.5s infinite normal none running move;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ",",\n      transparent\n    );\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])),function(props){return props.circle?"\n    width: ".concat("small"===props.theme.size?"32px":"medium"===props.theme.size?"48px":"80px",";\n    height: ").concat("small"===props.theme.size?"32px":"medium"===props.theme.size?"48px":"80px",";\n  "):"\n    height: ".concat(props.description?"8px":"10px",";\n    width: ").concat(props.description?"82px":"44px",";\n  ")},function(props){return props.theme.colors.neutral.neutral1},function(props){return props.theme.colors.neutral.neutral2});exports.AvatarSkeleton=AvatarSkeleton;

package/dist/components/Badge/badge.test.js

@@ -1,71 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
-var setup = function setup(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
-    children: children
-  })));
-  return utils;
-};
-describe('Badge', function () {
-  it('should it render the badge component', function () {
-    var utils = setup({
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "Teste badge"
-      }),
-      type: 'primary'
-    });
-    expect(utils.container).toBeInTheDocument();
-  });
-  it('should it render the badge component in loading state', function () {
-    var utils = setup({
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "Teste badge"
-      }),
-      type: 'primary',
-      isLoading: true
-    });
-    expect(utils.container).toBeInTheDocument();
-  });
-  it('should it render multiply badges', function () {
-    var utils = function utils(type) {
-      return setup({
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: "Teste badge"
-        }),
-        type: type,
-        isLoading: true
-      });
-    };
-    expect(utils({
-      type: 'primary'
-    }).container).toBeInTheDocument();
-    expect(utils({
-      type: 'secondary'
-    }).container).toBeInTheDocument();
-    expect(utils({
-      type: 'informative'
-    }).container).toBeInTheDocument();
-    expect(utils({
-      type: 'warning'
-    }).container).toBeInTheDocument();
-    expect(utils({
-      type: 'error'
-    }).container).toBeInTheDocument();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var setup=function(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread(_objectSpread({},props),{},{children:children})));return utils};describe("Badge",function(){it("should it render the badge component",function(){var utils=setup({children:/*#__PURE__*/(0,_jsxRuntime.jsx)("span",{children:"Teste badge"}),type:"primary"});expect(utils.container).toBeInTheDocument()}),it("should it render the badge component in loading state",function(){var utils=setup({children:/*#__PURE__*/(0,_jsxRuntime.jsx)("span",{children:"Teste badge"}),type:"primary",isLoading:!0});expect(utils.container).toBeInTheDocument()}),it("should it render multiply badges",function(){var utils=function(type){return setup({children:/*#__PURE__*/(0,_jsxRuntime.jsx)("span",{children:"Teste badge"}),type:type,isLoading:!0})};expect(utils({type:"primary"}).container).toBeInTheDocument(),expect(utils({type:"secondary"}).container).toBeInTheDocument(),expect(utils({type:"informative"}).container).toBeInTheDocument(),expect(utils({type:"warning"}).container).toBeInTheDocument(),expect(utils({type:"error"}).container).toBeInTheDocument()})});

package/dist/components/Badge/index.js

@@ -1,44 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Styles
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Flex=_interopRequireDefault(require("../Flex")),_Skeleton=_interopRequireDefault(require("../Skeleton")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Styles
 // Types
-
-var Badge = function Badge(_ref) {
-  var type = _ref.type,
-    isLoading = _ref.isLoading,
-    children = _ref.children,
-    customColor = _ref.color;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeContainer, {
-    children: !isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeCircle, {
-        type: type,
-        color: customColor
-      }), children]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-      spacing: "2",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
-        animation: "wave",
-        variant: "circle",
-        width: 15,
-        height: 15
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
-        animation: "wave",
-        variant: "text",
-        width: 70,
-        height: 15
-      })]
-    })
-  });
-};
-var _default = Badge;
-exports.default = _default;
+var Badge=function(_ref){var type=_ref.type,isLoading=_ref.isLoading,children=_ref.children,customColor=_ref.color;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.BadgeContainer,{children:isLoading?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"2",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{animation:"wave",variant:"circle",width:15,height:15}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{animation:"wave",variant:"text",width:70,height:15})]}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.BadgeCircle,{type:type,color:customColor}),children]})})},_default=Badge;exports.default=_default;