@evoke-platform/ui-components 1.0.0-dev.116 → 1.0.0-dev.117

package/dist/published/components/core/index.d.ts

@@ -42,4 +42,4 @@ export { Select } from './Select';
 export { Step, StepLabel, Stepper, StepContent, StepButton, StepIcon, StepConnector } from './Stepper';
 export { Popover } from './Popover';
 export { TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, ListItem, ListItemButton, ListItemText, CardActions, CardActionArea, CardContent, CardMedia, CardHeader, Input, InputLabel, InputAdornment, GridSize, } from '@mui/material';
-export { TabPanel, TreeItem, TreeView } from '@mui/lab';
+export { TabContext, TabList, TabPanel, TreeItem, TreeView } from '@mui/lab';

package/dist/published/components/core/index.js

@@ -43,4 +43,4 @@ export { Step, StepLabel, Stepper, StepContent, StepButton, StepIcon, StepConnec
 export { Popover } from './Popover';
 //TODO: Review following components. They also need theme control:
 export { TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, ListItem, ListItemButton, ListItemText, CardActions, CardActionArea, CardContent, CardMedia, CardHeader, Input, InputLabel, InputAdornment, } from '@mui/material';
-export { TabPanel, TreeItem, TreeView } from '@mui/lab';
+export { TabContext, TabList, TabPanel, TreeItem, TreeView } from '@mui/lab';

package/dist/published/components/custom/UserAvatar/UserAvatar.d.ts

@@ -1,8 +1,12 @@
 /// <reference types="react" />
 import { CustomAvatarProps } from '../../core/Avatar/Avatar';
+declare type User = {
+    id: string;
+    name: string;
+};
 export declare type UserAvatarProps = CustomAvatarProps & {
-    user?: string;
+    user?: User;
     imageUrl?: string;
 };
-declare const UserAvatar: (props: UserAvatarProps) => JSX.Element;
-export default UserAvatar;
+export default function UserAvatar(props: UserAvatarProps): JSX.Element;
+export {};

package/dist/published/components/custom/UserAvatar/UserAvatar.js

@@ -1,19 +1,20 @@
 import React from 'react';
 import { Avatar } from '../../core';
-const UserAvatar = (props) => {
+export default function UserAvatar(props) {
     var _a, _b;
     const { user, imageUrl } = props;
-    const determineColor = (user) => {
-        const availableColors = ['#A10E0E', '#EB6B0A', '#FFC107', '#BCD340', '#547B29', '#0075A7', '#52437E'];
-        if (!user) {
+    const determineColor = (userId) => {
+        const availableColors = ['#BCD340', '#EB6B0A', '#FFC107', '#A10E0E', '#52437E', '#0075A7', '#547B29'];
+        if (!userId) {
             return '#bdbdbd';
         }
         else {
             let sum = 0;
-            [...user].forEach((v, index) => sum += user.charCodeAt(index));
+            [...userId].forEach((v, index) => sum += userId.charCodeAt(index));
             return availableColors[sum % availableColors.length];
         }
     };
-    return (React.createElement(Avatar, Object.assign({}, props, { src: imageUrl !== null && imageUrl !== void 0 ? imageUrl : '', sx: Object.assign(Object.assign({}, props.sx), { backgroundColor: determineColor(user) }) }), user ? (_b = (_a = user.match(/(\b\S)?/g)) === null || _a === void 0 ? void 0 : _a.join('').match(/(^\S|\S$)?/g)) === null || _b === void 0 ? void 0 : _b.join('').toUpperCase() : undefined));
-};
-export default UserAvatar;
+    const backgroundColor = determineColor(user === null || user === void 0 ? void 0 : user.id);
+    return (React.createElement(Avatar, Object.assign({}, props, { src: imageUrl !== null && imageUrl !== void 0 ? imageUrl : '', sx: Object.assign(Object.assign({}, props.sx), { backgroundColor: backgroundColor, color: ['#BCD340', '#FFC107'].includes(backgroundColor) ? 'black' : 'white' }) }), (user === null || user === void 0 ? void 0 : user.id) && (user === null || user === void 0 ? void 0 : user.name) ? (_b = (_a = user.name.match(/(\b\S)?/g)) === null || _a === void 0 ? void 0 : _a.join('').match(/(^\S|\S$)?/g)) === null || _b === void 0 ? void 0 : _b.join('').toUpperCase() : undefined));
+}
+;

package/dist/published/index.d.ts

@@ -1,6 +1,6 @@
 export { ClickAwayListener, FormControlProps, FormHelperTextProps, GridSize, Toolbar, createTheme } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField } from './components/custom';
+export { CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './util';

package/dist/published/index.js

@@ -1,6 +1,6 @@
 export { ClickAwayListener, Toolbar, createTheme } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField } from './components/custom';
+export { CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './util';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.0-dev.116",
+    "version": "1.0.0-dev.117",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",