@synerise/ds-avatar 0.14.76 → 0.14.78

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.14.78](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.14.77...@synerise/ds-avatar@0.14.78) (2023-08-25)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
+
+
+
+
+## [0.14.77](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.14.76...@synerise/ds-avatar@0.14.77) (2023-08-22)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
+
+
+
+
 ## [0.14.76](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.14.75...@synerise/ds-avatar@0.14.76) (2023-08-20)
 
 **Note:** Version bump only for package @synerise/ds-avatar

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-avatar",
-  "version": "0.14.76",
+  "version": "0.14.78",
   "description": "Avatar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -32,10 +32,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-badge": "^0.6.32",
+    "@synerise/ds-badge": "^0.6.33",
     "@synerise/ds-icon": "^0.58.0",
-    "@synerise/ds-status": "^0.5.76",
-    "@synerise/ds-tooltip": "^0.14.1"
+    "@synerise/ds-status": "^0.5.78",
+    "@synerise/ds-tooltip": "^0.14.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -45,5 +45,5 @@
   "devDependencies": {
     "@synerise/ds-utils": "^0.19.0"
   },
-  "gitHead": "0795eb5071d9160e429731ba8f8807c1ae509085"
+  "gitHead": "9d424b025fe368bbf3beccea2102f000f4d7e82c"
 }

package/dist/Avatar.spec.js

@@ -1,115 +0,0 @@
-import * as React from 'react';
-import { renderWithProvider } from '@synerise/ds-utils/dist/testing';
-import Badge from '@synerise/ds-badge';
-import Avatar from './index';
-var CIRCLE_SHAPE = 'circle';
-var SQUARE_SHAPE = 'square';
-var DEF_SIZE = 'medium';
-var FERN = 'fern';
-var RED = 'red';
-var IMG_SRC = 'https://hsto.org/web/77c/061/c05/77c061c0550f4acd98380bf554eb8886.png';
-describe('Avatar', function () {
-  it('should render with text', function () {
-    // ARRANGE
-    var _renderWithProvider = renderWithProvider( /*#__PURE__*/React.createElement(Avatar, {
-      backgroundColor: FERN,
-      size: DEF_SIZE,
-      shape: CIRCLE_SHAPE
-    }, "WW")),
-        container = _renderWithProvider.container; // ASSERT
-
-
-    expect(container.querySelector('.ant-avatar-string')).toHaveTextContent(/^WW$/);
-  });
-  it('should render with custom icon', function () {
-    // ARRANGE
-    var _renderWithProvider2 = renderWithProvider( /*#__PURE__*/React.createElement(Avatar, {
-      backgroundColor: FERN,
-      iconComponent: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", null, "i"))
-    })),
-        container = _renderWithProvider2.container;
-
-    var icon = container.querySelector("svg"); // ASSERT
-
-    expect(container).toContainElement(icon);
-  });
-  it('should render with image', function () {
-    // ARRANGE
-    var _renderWithProvider3 = renderWithProvider( /*#__PURE__*/React.createElement(Avatar, {
-      src: IMG_SRC
-    })),
-        container = _renderWithProvider3.container;
-
-    var img = container.querySelector('img'); // ASSERT
-
-    expect(container).toContainElement(img);
-    expect(img).toHaveAttribute('src', expect.stringContaining("" + IMG_SRC));
-  });
-  it('should render with badge dot', function () {
-    // ARRANGE
-    var _renderWithProvider4 = renderWithProvider( /*#__PURE__*/React.createElement(Badge, {
-      status: "inactive"
-    }, /*#__PURE__*/React.createElement(Avatar, {
-      hasStatus: true,
-      src: IMG_SRC,
-      size: "small"
-    }))),
-        container = _renderWithProvider4.container;
-
-    var badge = container.querySelector('.ant-badge');
-    var avatar = container.querySelector('.ant-avatar');
-    var dot = container.querySelector('.ant-badge-dot'); // ASSERT
-
-    expect(container).toContainElement(badge);
-    expect(container).toContainElement(avatar);
-    expect(container).toContainElement(dot);
-  });
-  it('should render with proper styles', function () {
-    // ARRANGE
-    var _renderWithProvider5 = renderWithProvider( /*#__PURE__*/React.createElement(Avatar, {
-      backgroundColor: RED,
-      shape: SQUARE_SHAPE,
-      size: "small"
-    })),
-        container = _renderWithProvider5.container;
-
-    var avatar = container.querySelector('.ant-avatar'); // ASSERT
-
-    expect(avatar).toHaveStyle('background: #ff5a4d');
-    expect(avatar).toHaveClass('ant-avatar-square');
-  });
-  it('should render with inline styles bg color', function () {
-    // ARRANGE
-    var _renderWithProvider6 = renderWithProvider( /*#__PURE__*/React.createElement(Avatar, {
-      backgroundColor: RED,
-      shape: SQUARE_SHAPE,
-      style: {
-        background: '#fcc600'
-      }
-    })),
-        container = _renderWithProvider6.container;
-
-    var avatar = container.querySelector('.ant-avatar'); // ASSERT
-
-    expect(avatar).toHaveStyle('background: rgb(252, 198, 0);');
-  });
-  it('should render with disabled styles', function () {
-    // ARRANGE
-    var _renderWithProvider7 = renderWithProvider( /*#__PURE__*/React.createElement(Avatar, {
-      disabled: true
-    })),
-        container = _renderWithProvider7.container;
-
-    var avatar = container.querySelector('.ant-avatar'); // ASSERT
-
-    expect(avatar).toHaveStyle('opacity: 0.4;pointer-events: none;');
-  });
-  it('should contain `ds-avatar` className', function () {
-    // ARRANGE
-    var _renderWithProvider8 = renderWithProvider( /*#__PURE__*/React.createElement(Avatar, null, "AA")),
-        container = _renderWithProvider8.container; // ASSERT
-
-
-    expect(container.querySelector('.ds-avatar')).toBeTruthy();
-  });
-});

package/dist/ObjectAvatar/ObjectAvatar.spec.js

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { renderWithProvider } from '@synerise/ds-utils/dist/testing';
-import ObjectAvatar from './ObjectAvatar';
-var testObject = {
-  name: 'Shovel',
-  description: 'Some product',
-  status: 'API'
-};
-var testObjectImage = {
-  name: 'Shovel',
-  description: 'Some product',
-  status: 'API',
-  avatar: 'https://image.com/image.jpg'
-};
-describe('ObjectAvatar', function () {
-  test('should render', function () {
-    var _renderWithProvider = renderWithProvider( /*#__PURE__*/React.createElement(ObjectAvatar, null)),
-        container = _renderWithProvider.container,
-        debug = _renderWithProvider.debug;
-
-    debug();
-    expect(container.getElementsByClassName('mail-m').length).toBe(1);
-  });
-  test('should render with object data', function () {
-    var objectAvatar = renderWithProvider( /*#__PURE__*/React.createElement(ObjectAvatar, {
-      object: testObject
-    }));
-    var firstLetters = objectAvatar.getByText(testObject.name.charAt(0));
-    expect(firstLetters).toBeTruthy();
-  });
-  test('should render with object data and avatar', function () {
-    var objectAvatar = renderWithProvider( /*#__PURE__*/React.createElement(ObjectAvatar, {
-      object: testObjectImage
-    }));
-    var img = objectAvatar.getByRole('img');
-    expect(img).toHaveAttribute('src', testObjectImage.avatar);
-  });
-});

package/dist/UserAvatar/UserAvatar.spec.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { renderWithProvider } from '@synerise/ds-utils/dist/testing';
-import UserAvatar from './UserAvatar';
-var testUser = {
-  firstName: 'John',
-  lastName: 'Doe',
-  email: 'john.doe@synerise.com'
-};
-var testUserImage = {
-  firstName: 'John',
-  lastName: 'Doe',
-  email: 'john.doe@synerise.com',
-  avatar: 'http://image.com/image.jpg'
-};
-describe('UserAvatar', function () {
-  test('should render', function () {
-    var _renderWithProvider = renderWithProvider( /*#__PURE__*/React.createElement(UserAvatar, null)),
-        container = _renderWithProvider.container;
-
-    expect(container.getElementsByClassName('user-m').length).toBe(1);
-  });
-  test('should render with user data', function () {
-    var userAvatar = renderWithProvider( /*#__PURE__*/React.createElement(UserAvatar, {
-      user: testUser
-    }));
-    var nameFirstLetters = userAvatar.getByText(testUser.firstName.charAt(0) + testUser.lastName.charAt(0));
-    expect(nameFirstLetters).toBeTruthy();
-  });
-  test('should render with user data and avatar', function () {
-    var userAvatar = renderWithProvider( /*#__PURE__*/React.createElement(UserAvatar, {
-      user: testUserImage
-    }));
-    var img = userAvatar.getByRole('img');
-    expect(img).toHaveAttribute('src', testUserImage.avatar);
-  });
-});