armtek-uikit-react 1.0.42 → 1.0.43

package/assets/Avatar.scss

@@ -20,7 +20,11 @@
   @include flex(center);
 }
 .avatar__innerText{
-
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
 }
 .avatar_medium{
   width: 40px;

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.42","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","clsx":"^2.0.0"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.43","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","clsx":"^2.0.0"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 import { ColorStatusType, SizeType } from '../../types/theme';
 export type AvatarProps = {
     photo?: string;
@@ -8,7 +8,7 @@ export type AvatarProps = {
     icon?: string;
     size?: Exclude<SizeType, 'extraLarge'>;
     status?: Exclude<ColorStatusType, 'info'>;
-};
+} & ComponentPropsWithoutRef<'div'>;
 export declare const getLetters: (name: string) => string;
 declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export default Avatar;

package/ui/Avatar/Avatar.js

@@ -12,10 +12,21 @@ export const getLetters = name => {
   return nameParts[0].split('')[0] + (nameParts[1] ? nameParts[1].split('')[0] : '');
 };
 const Avatar = props => {
-  let icon = props.icon;
-  if (!props.icon && !props.name && !props.photo) icon = 'person';
-  let content = props.photo ? /*#__PURE__*/_jsx("img", {
-    src: props.photo,
+  const {
+    photo,
+    name,
+    href,
+    linkProps,
+    icon,
+    size,
+    status,
+    className,
+    ...divProps
+  } = props;
+  let displayIcon = icon;
+  if (!props.icon && !props.name && !photo) displayIcon = 'person';
+  let content = photo ? /*#__PURE__*/_jsx("img", {
+    src: photo,
     className: css.avatar__img,
     alt: props.name,
     title: props.name
@@ -24,26 +35,27 @@ const Avatar = props => {
     children: getLetters(props.name)
   }) : /*#__PURE__*/_jsx("span", {
     className: clsx(css.avatar__icon, 'material_icon_solid'),
-    children: icon
+    children: displayIcon
   });
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs("div", {
-      className: clsx('Arm-avatar', {
-        [css.avatar__photo]: !!props.photo
-      }, css.avatar, css['avatar_' + props.size]),
+      ...divProps,
+      className: clsx('Arm-avatar', className, {
+        [css.avatar__photo]: !!photo
+      }, css.avatar, css['avatar_' + size]),
       children: [/*#__PURE__*/_jsx("div", {
         className: css.avatar__inner,
-        children: props.href ? /*#__PURE__*/_jsx("a", {
-          href: props.href,
-          ...props.linkProps,
+        children: href ? /*#__PURE__*/_jsx("a", {
+          href: href,
+          ...linkProps,
           className: css.avatar__innerText,
           children: content
         }) : /*#__PURE__*/_jsx("span", {
           className: css.avatar__innerText,
           children: content
         })
-      }), props.status && /*#__PURE__*/_jsx("span", {
-        className: clsx(css.avatar__status, css['avatar__status_' + props.status])
+      }), status && /*#__PURE__*/_jsx("span", {
+        className: clsx(css.avatar__status, css['avatar__status_' + status])
       })]
     })
   });

package/ui/Chip/Chip.js

@@ -22,7 +22,6 @@ function Chip(props) {
     disabled
   } = props;
   let Component = as || 'span';
-  console.log(onClose);
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(Component, {
       className: clsx('Arm-chip', className, {