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

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/CriteriaBuilder/CriteriaBuilder.d.ts

@@ -24,6 +24,7 @@ declare type CriteriaInputProps = {
     dynamicContentInput?: {
         component: React.ElementType;
         previousSteps: unknown[];
+        trigger?: Record<string, unknown>;
     };
     operators?: Operator[];
 };

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

@@ -128,14 +128,14 @@ export const customValueEditor = (props) => {
     return determineValueEditor(valueEditor, props);
 };
 const dynamicContentInputEditor = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { operator, value, handleOnChange } = props;
     const DynamicContentInput = (_a = props.context) === null || _a === void 0 ? void 0 : _a.dynamicContentInput.component;
     let valueEditor;
     if (DynamicContentInput) {
         valueEditor = (React.createElement(DynamicContentInput, { values: ['null', 'notNull'].includes(operator) ? '' : value, setValues: (e) => {
                 handleOnChange(e !== null && e !== void 0 ? e : '');
-            }, disabled: ['null', 'notNull'].includes(operator), size: 'small', previousSteps: (_c = (_b = props.context) === null || _b === void 0 ? void 0 : _b.dynamicContentInput.previousSteps) !== null && _c !== void 0 ? _c : [], isSingleValue: true, width: '33%', useStringInterpolation: true }));
+            }, disabled: ['null', 'notNull'].includes(operator), size: 'small', previousSteps: (_c = (_b = props.context) === null || _b === void 0 ? void 0 : _b.dynamicContentInput.previousSteps) !== null && _c !== void 0 ? _c : [], trigger: (_d = props.context) === null || _d === void 0 ? void 0 : _d.dynamicContentInput.trigger, isSingleValue: true, width: '33%', useStringInterpolation: true }));
     }
     return determineValueEditor(valueEditor, props);
 };

package/dist/published/components/custom/DataGrid/Toolbar.js

@@ -5,6 +5,7 @@ import { Grid } from '../../layout';
 import { IconButton } from '../../core';
 import UIThemeProvider from '../../../theme';
 function Toolbar(props) {
+    var _a, _b, _c;
     const { onRefresh, setAnchorEl, loading, theme } = props;
     const styles = {
         container: { display: 'flex', justifyContent: 'space-between', margin: '0 0 15px 0' },
@@ -19,7 +20,7 @@ function Toolbar(props) {
         quickFilter: {
             '& .MuiOutlinedInput-root': {
                 '&.Mui-focused fieldset': {
-                    borderColor: theme.palette.primary.main,
+                    borderColor: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.main) !== null && _c !== void 0 ? _c : 'primary',
                 },
             },
             '& fieldset': {

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/dist/published/stories/CriteriaBuilder.stories.d.ts

@@ -8,6 +8,7 @@ declare const _default: ComponentMeta<(props: {
     dynamicContentInput?: {
         component: React.ElementType<any>;
         previousSteps: unknown[];
+        trigger?: Record<string, unknown> | undefined;
     } | undefined;
     operators?: ("endsWith" | "in" | "=" | "!=" | "<" | ">" | "<=" | ">=" | "contains" | "beginsWith" | "doesNotContain" | "doesNotBeginWith" | "doesNotEndWith" | "null" | "notNull" | "notIn" | "between" | "notBetween")[] | undefined;
 }) => JSX.Element>;
@@ -20,6 +21,7 @@ export declare const CriteriaBuilder: ComponentStory<(props: {
     dynamicContentInput?: {
         component: React.ElementType<any>;
         previousSteps: unknown[];
+        trigger?: Record<string, unknown> | undefined;
     } | undefined;
     operators?: ("endsWith" | "in" | "=" | "!=" | "<" | ">" | "<=" | ">=" | "contains" | "beginsWith" | "doesNotContain" | "doesNotBeginWith" | "doesNotEndWith" | "null" | "notNull" | "notIn" | "between" | "notBetween")[] | undefined;
 }) => JSX.Element>;
@@ -31,6 +33,7 @@ export declare const CriteriaBuilderPresetValues: ComponentStory<(props: {
     dynamicContentInput?: {
         component: React.ElementType<any>;
         previousSteps: unknown[];
+        trigger?: Record<string, unknown> | undefined;
     } | undefined;
     operators?: ("endsWith" | "in" | "=" | "!=" | "<" | ">" | "<=" | ">=" | "contains" | "beginsWith" | "doesNotContain" | "doesNotBeginWith" | "doesNotEndWith" | "null" | "notNull" | "notIn" | "between" | "notBetween")[] | undefined;
 }) => JSX.Element>;

package/package.json

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