@evoke-platform/ui-components 1.4.0-testing.2 → 1.4.0-testing.4

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

@@ -1,4 +1,7 @@
-import { ChipProps } from '@mui/material';
+import { ChipProps as MUIChipProps } from '@mui/material';
 import React from 'react';
-declare const Chip: (props: ChipProps) => React.JSX.Element;
+export interface ChipProps extends MUIChipProps {
+    tooltip?: string;
+}
+declare const Chip: ({ tooltip, ...props }: ChipProps) => React.JSX.Element;
 export default Chip;

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

@@ -1,8 +1,11 @@
 import { Chip as MUIChip } from '@mui/material';
 import React from 'react';
-import UIThemeProvider from '../../../theme';
-const Chip = (props) => {
-    return (React.createElement(UIThemeProvider, null,
+import Tooltip from '../Tooltip';
+const Chip = ({ tooltip, ...props }) => {
+    if (!tooltip) {
+        return React.createElement(MUIChip, { ...props });
+    }
+    return (React.createElement(Tooltip, { title: tooltip },
         React.createElement(MUIChip, { ...props })));
 };
 export default Chip;

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

@@ -26,6 +26,7 @@ export type CriteriaInputProps = {
         fetchObject?: (objectId: string) => Promise<EvokeObject | undefined>;
         object: TreeViewObject;
     };
+    rootObject?: EvokeObject;
     /**
      * String matching operators ('contains', 'beginsWith', 'endsWith') use regex patterns.
      * Special characters like .*+?^${}()|[] are escaped (\\) by default.

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

@@ -12,23 +12,8 @@ import { Box } from '../../layout';
 import { OverflowTextField } from '../OverflowTextField';
 import { difference } from '../util';
 import PropertyTree from './PropertyTree';
-import { parseMongoDB, traversePropertyPath } from './utils';
+import { ALL_OPERATORS, parseMongoDB, traversePropertyPath } from './utils';
 import ValueEditor from './ValueEditor';
-const ALL_OPERATORS = [
-    { name: '=', label: 'Is' },
-    { name: '!=', label: 'Is not' },
-    { name: '<', label: 'Less than' },
-    { name: '>', label: 'Greater than' },
-    { name: '<=', label: 'Less than or equal to' },
-    { name: '>=', label: 'Greater than or equal to' },
-    { name: 'contains', label: 'Contains' },
-    { name: 'beginsWith', label: 'Starts with' },
-    { name: 'endsWith', label: 'Ends with' },
-    { name: 'null', label: 'Is empty' },
-    { name: 'notNull', label: 'Is not empty' },
-    { name: 'in', label: 'In' },
-    { name: 'notIn', label: 'Not in' },
-];
 const styles = {
     buttons: {
         padding: '6px 16px',
@@ -280,7 +265,7 @@ export const valueEditor = (props) => {
     return ValueEditor(props);
 };
 const CriteriaBuilder = (props) => {
-    const { properties, criteria, setCriteria, originalCriteria, enablePresetValues, presetValues, operators, disabled, disabledCriteria, hideBorder, presetGroupLabel, customValueEditor, treeViewOpts, disableRegexEscapeChars, } = props;
+    const { properties, criteria, setCriteria, originalCriteria, enablePresetValues, presetValues, operators, disabled, disabledCriteria, hideBorder, presetGroupLabel, customValueEditor, treeViewOpts, disableRegexEscapeChars, rootObject, } = props;
     const [query, setQuery] = useState(undefined);
     const [propertyTreeMap, setPropertyTreeMap] = useState();
     useEffect(() => {
@@ -437,7 +422,6 @@ const CriteriaBuilder = (props) => {
                 '.ruleGroup:not(.ruleGroup .ruleGroup)': {
                     borderStyle: 'hidden',
                     background: '#fff',
-                    maxWidth: '70vw',
                 },
                 '.ruleGroup-header': {
                     display: 'block',
@@ -499,6 +483,7 @@ const CriteriaBuilder = (props) => {
                         valueEditor: customValueEditor ? customValueEditor.component : valueEditor,
                     }, context: {
                         ...(customValueEditor?.props ?? {}),
+                        rootObject,
                         presetValues,
                         enablePresetValues,
                         presetGroupLabel,

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

@@ -1,10 +1,10 @@
 import { Instant, LocalDate, LocalDateTime, LocalTime, ZoneId } from '@js-joda/core';
-import { ClearRounded } from '@mui/icons-material';
+import { ClearRounded, CodeRounded } from '@mui/icons-material';
 import { Box, darken, lighten, styled } from '@mui/material';
 import { TimePicker } from '@mui/x-date-pickers';
 import React, { useEffect, useRef, useState } from 'react';
 import { InvalidDate } from '../../../util';
-import { Autocomplete, Chip, DatePicker, DateTimePicker, LocalizationProvider, Menu, MenuItem, TextField, Typography, } from '../../core';
+import { Autocomplete, Chip, DatePicker, DateTimePicker, IconButton, LocalizationProvider, Menu, MenuItem, TextField, Typography, } from '../../core';
 import { NumericFormat } from '../FormField/InputFieldComponent';
 const GroupHeader = styled('div')(({ theme }) => ({
     position: 'sticky',
@@ -54,6 +54,9 @@ const ValueEditor = (props) => {
             width: '33%',
             background: readOnly ? '#f4f6f8' : '#fff',
             borderRadius: '8px',
+            '& .MuiAutocomplete-tag': {
+                backgroundColor: '#edeff1',
+            },
         },
     };
     useEffect(() => {
@@ -274,14 +277,26 @@ const ValueEditor = (props) => {
         }
     };
     return (React.createElement(React.Fragment, null,
-        isPresetValueSelected ? (React.createElement(Chip, { label: presetDisplayValue, sx: {
-                borderRadius: '8px',
-                fontSize: '14px',
+        isPresetValueSelected ? (React.createElement(Box, { ref: inputRef, sx: {
                 width: '33%',
-                height: '40px',
-                padding: '0 5px',
+                display: 'flex',
                 justifyContent: 'space-between',
-            }, deleteIcon: React.createElement(ClearRounded, { fontSize: "small" }), onDelete: clearValue })) : (getEditor()),
+                alignItems: 'center',
+                height: '40px',
+                border: readOnly ? undefined : '1px solid #d5d5d5',
+                borderRadius: '8px',
+                backgroundColor: readOnly ? '#edeff1' : '#ffffff',
+            } },
+            React.createElement(Chip, { label: presetDisplayValue, sx: {
+                    fontSize: '14px',
+                    margin: '6px',
+                    backgroundColor: '#edeff1',
+                    borderRadius: '6px',
+                    color: '#212B36',
+                    height: '28px',
+                }, icon: React.createElement(CodeRounded, { sx: { height: '18px' } }) }),
+            !readOnly && (React.createElement(IconButton, { onClick: clearValue, sx: { padding: '3px', margin: '3px' } },
+                React.createElement(ClearRounded, { fontSize: "small", sx: { color: 'rgba(0, 0, 0, 0.54)' } }))))) : (getEditor()),
         !!presetValues?.length && (React.createElement(Menu, { open: openPresetValues, anchorEl: inputRef?.current, PaperProps: { sx: { borderRadius: '8px', width: inputRef?.current?.offsetWidth } }, onClose: onClose }, presetValues &&
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             presetValues.map((option) => (React.createElement(MenuItem, { ...props, onClick: () => setPresetValue(option.value.name), sx: { padding: '8px', minHeight: '25px' } },

package/dist/published/components/custom/CriteriaBuilder/index.d.ts

@@ -1,3 +1,4 @@
 import CriteriaBuilder from './CriteriaBuilder';
-export { CriteriaBuilder };
+import { getReadableQuery } from './utils';
+export { CriteriaBuilder, getReadableQuery };
 export default CriteriaBuilder;

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

@@ -1,3 +1,4 @@
 import CriteriaBuilder from './CriteriaBuilder';
-export { CriteriaBuilder };
+import { getReadableQuery } from './utils';
+export { CriteriaBuilder, getReadableQuery };
 export default CriteriaBuilder;

package/dist/published/components/custom/CriteriaBuilder/utils.d.ts

@@ -1,3 +1,4 @@
+import { Property } from '@evoke-platform/context';
 import { RuleGroupType } from 'react-querybuilder';
 import { ExpandedProperty, Obj, ObjectProperty } from '../../../types';
 /**
@@ -61,4 +62,16 @@ export declare const truncateNamePath: (namePath: string, limit?: number) => str
  * @returns {RuleGroupType} - Correctly formatted rule or rules for the query builder.
  */
 export declare function parseMongoDB(mongoQuery: Record<string, unknown>): RuleGroupType;
+export declare const ALL_OPERATORS: {
+    name: string;
+    label: string;
+}[];
+/**
+ * Gets a human readable representation of a MongoDB query.
+ *
+ * @param {Record<string, unknown>} [mongoQuery] - The MongoDB query
+ * @param {Property[]} [properties] - The object properties referenced in the query
+ * @returns {string} The resulting query string.
+ */
+export declare const getReadableQuery: (mongoQuery?: Record<string, unknown>, properties?: Property[]) => string;
 export {};

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

@@ -1,4 +1,4 @@
-import { isArray, isEmpty } from 'lodash';
+import { isArray, isEmpty, startCase } from 'lodash';
 /**
  * Recursively updates a node in a tree structure by applying an updater function to the node with the specified ID.
  *
@@ -302,3 +302,60 @@ export function parseMongoDB(mongoQuery) {
         };
     }
 }
+export const ALL_OPERATORS = [
+    { name: '=', label: 'Is' },
+    { name: '!=', label: 'Is not' },
+    { name: '<', label: 'Less than' },
+    { name: '>', label: 'Greater than' },
+    { name: '<=', label: 'Less than or equal to' },
+    { name: '>=', label: 'Greater than or equal to' },
+    { name: 'contains', label: 'Contains' },
+    { name: 'beginsWith', label: 'Starts with' },
+    { name: 'endsWith', label: 'Ends with' },
+    { name: 'null', label: 'Is empty' },
+    { name: 'notNull', label: 'Is not empty' },
+    { name: 'in', label: 'In' },
+    { name: 'notIn', label: 'Not in' },
+];
+/**
+ * Gets a human readable representation of a MongoDB query.
+ *
+ * @param {Record<string, unknown>} [mongoQuery] - The MongoDB query
+ * @param {Property[]} [properties] - The object properties referenced in the query
+ * @returns {string} The resulting query string.
+ */
+export const getReadableQuery = (mongoQuery, properties) => {
+    function isPresetValue(value) {
+        return typeof value === 'string' && value.startsWith('{{{') && value.endsWith('}}}');
+    }
+    function parseValue(val) {
+        if (val && Array.isArray(val)) {
+            return val.map((v) => (isPresetValue(v) ? startCase(v.slice(3, -3)) : v)).join(', ');
+        }
+        else {
+            return isPresetValue(val) ? startCase(val.slice(3, -3)) : `${val}`;
+        }
+    }
+    function getOperatorLabel(operator) {
+        const operatorObj = ALL_OPERATORS.find((o) => o.name === operator);
+        const defaultLabel = operatorObj ? operatorObj.label.toLowerCase() : operator;
+        if (['<', '>', '<=', '>='].includes(operator)) {
+            return `is ${defaultLabel}`;
+        }
+        return defaultLabel;
+    }
+    function buildQueryString(rule) {
+        if ('combinator' in rule) {
+            return rule?.rules?.map(buildQueryString).filter(Boolean).join(` ${rule.combinator.toLowerCase()} `);
+        }
+        else {
+            const property = properties?.find((p) => p.id === rule.field);
+            return `${property?.name ?? rule.field} ${getOperatorLabel(rule.operator)} ${parseValue(rule.value)}`;
+        }
+    }
+    if (!mongoQuery) {
+        return '';
+    }
+    const parsedQuery = parseMongoDB(mongoQuery);
+    return buildQueryString(parsedQuery);
+};

package/dist/published/components/custom/Form/Common/FormComponentWrapper.js

@@ -81,7 +81,8 @@ export const FormComponentWrapper = (props) => {
                             property && onChange(property.id, '');
                         } },
                         React.createElement(HighlightOffOutlined, { sx: clearBtnStyles }))))),
-            React.createElement(Typography, { variant: "caption", sx: { ...descriptionStyles, ...(displayOption === 'radioButton' && { display: 'flex' }) } }, description),
+            React.createElement(Box, { sx: { ...(displayOption === 'radioButton' && { display: 'flex' }) } },
+                React.createElement(Typography, { variant: "caption", sx: descriptionStyles }, description)),
             React.createElement(Box, { sx: { display: 'flex', flexDirection: 'row' } },
                 React.createElement(PrefixSuffix, { prefix: prefix, height: fieldHeight }),
                 React.createElement(Box, { sx: { width: '100%', paddingTop: '6px' } }, children),

package/dist/published/components/custom/HistoryLog/DisplayedProperty.d.ts

@@ -1,8 +1,9 @@
-import { Property } from '@evoke-platform/context';
+import { Obj, Property } from '@evoke-platform/context';
 import React from 'react';
 type DisplayedPropertyProps = {
     property: Property;
     value: unknown;
+    referencedObject?: Obj;
 };
 declare const DisplayedProperty: (props: DisplayedPropertyProps) => React.JSX.Element;
 export default DisplayedProperty;

package/dist/published/components/custom/HistoryLog/DisplayedProperty.js

@@ -2,9 +2,10 @@ import { DateTime } from 'luxon';
 import React from 'react';
 import { CardMedia, Typography } from '../../core';
 import { Grid } from '../../layout';
+import { getReadableQuery } from '../CriteriaBuilder';
 import { RichTextViewer } from '../RichTextViewer';
 const DisplayedProperty = (props) => {
-    const { property, value } = props;
+    const { property, value, referencedObject } = props;
     const getAddressAsString = (address) => {
         let stringAddress = '';
         if (address?.line1)
@@ -22,7 +23,7 @@ const DisplayedProperty = (props) => {
         return stringAddress;
     };
     const formatData = (property, value) => {
-        if (property?.objectId) {
+        if (property?.objectId && property?.type === 'object') {
             return value?.name ?? value?.id;
         }
         switch (property?.type) {
@@ -47,6 +48,8 @@ const DisplayedProperty = (props) => {
                 return value ? DateTime.fromISO(value).toFormat('MM/dd/yyyy hh:mm a') : undefined;
             case 'document':
                 return value && Array.isArray(value) ? value.map((v) => v.name).join(', ') : undefined;
+            case 'criteria':
+                return getReadableQuery(value ?? {}, referencedObject?.properties);
         }
         return value;
     };

package/dist/published/components/custom/HistoryLog/HistoryData.d.ts

@@ -6,6 +6,7 @@ type HistoryDataProps = {
     records: History[];
     documentHistory?: Record<string, History[]>;
     object: Obj;
+    referencedObjects?: Obj[];
 };
 declare const HistoricalData: (props: HistoryDataProps) => React.JSX.Element;
 export default HistoricalData;

package/dist/published/components/custom/HistoryLog/HistoryData.js

@@ -30,7 +30,7 @@ const styles = {
     },
 };
 const HistoricalData = (props) => {
-    const { records, documentHistory, object } = props;
+    const { records, documentHistory, object, referencedObjects } = props;
     const getPastDocumentVersion = (history) => {
         const documentVersions = documentHistory?.[history.subject?.id ?? 'unknown'] ?? [];
         const currentVersion = documentVersions?.map((v) => v.timestamp).indexOf(history.timestamp);
@@ -65,11 +65,17 @@ const HistoricalData = (props) => {
                                 fontWeight: 600,
                                 minWidth: 'fit-content',
                                 alignSelf: 'flex-start',
+                                lineHeight: '17px',
+                                padding: '3px 8px',
                             } }, property.name)),
-                    React.createElement(DisplayedProperty, { property: property, value: d.historicalValue }),
+                    React.createElement(DisplayedProperty, { property: property, value: d.historicalValue, referencedObject: property.objectId
+                            ? referencedObjects?.find((o) => o.id === property.objectId)
+                            : undefined }),
                     React.createElement(Grid, { item: true, xs: 0.5 },
                         React.createElement(ArrowForward, { sx: { fontSize: '12px' } })),
-                    React.createElement(DisplayedProperty, { property: property, value: d.updatedValue }))));
+                    React.createElement(DisplayedProperty, { property: property, value: d.updatedValue, referencedObject: property.objectId
+                            ? referencedObjects?.find((o) => o.id === property.objectId)
+                            : undefined }))));
             }))),
             ['document', 'correspondence'].includes(r.type) && (React.createElement(Box, null,
                 React.createElement(Box, { display: "grid", gridTemplateColumns: 'fit-content(100%) fit-content(2%) fit-content(100%)', alignItems: "center", sx: { overflowWrap: 'break-word' } },

package/dist/published/components/custom/HistoryLog/index.js

@@ -1,6 +1,9 @@
+import { useApiServices } from '@evoke-platform/context';
 import { Circle } from '@mui/icons-material';
+import { uniq } from 'lodash';
 import { DateTime } from 'luxon';
 import React, { useEffect, useState } from 'react';
+import { Snackbar } from '../../core';
 import Typography from '../../core/Typography';
 import Box from '../../layout/Box';
 import HistoryFilter from './Filter';
@@ -20,9 +23,27 @@ export const HistoryLog = (props) => {
     const { object, history, loading, title } = props;
     const [historyMap, setHistoryMap] = useState({});
     const [documentHistory, setDocumentHistory] = useState({});
+    const [referencedObjects, setReferencedObjects] = useState([]);
     const [filteredHistory, setFilteredHistory] = useState({});
     const [filter, setFilter] = useState([]);
     const [order, setOrder] = useState('desc');
+    const [showSnackbar, setShowSnackbar] = useState(false);
+    const apiServices = useApiServices();
+    useEffect(() => {
+        const criteriaProperties = object.properties?.filter((property) => property.type === 'criteria');
+        if (criteriaProperties?.length) {
+            const uniqueObjectIds = uniq(criteriaProperties?.map((property) => property.objectId));
+            Promise.all(uniqueObjectIds.map((objectId) => apiServices.get(`/data/objects/${objectId}/effective`, {
+                params: {
+                    filter: {
+                        fields: ['id', 'name', 'properties'],
+                    },
+                },
+            })))
+                .then((objs) => setReferencedObjects(objs))
+                .catch(() => setShowSnackbar(true));
+        }
+    }, [object, apiServices]);
     const sortHistoryByTimestamp = (historicalData, order) => {
         return historicalData.sort((a, b) => order === 'desc' ? b.timestamp.localeCompare(a.timestamp) : a.timestamp.localeCompare(b.timestamp));
     };
@@ -78,13 +99,14 @@ export const HistoryLog = (props) => {
                                 ' ',
                                 "\u00A0"),
                             React.createElement(Typography, { sx: { fontWeight: 600, fontSize: '16px', color: '#637381' } }, format(new Date(date + ' 00:00:000'), 'MMM dd, yyyy'))),
-                        React.createElement(HistoricalData, { object: object, records: records, documentHistory: documentHistory })));
+                        React.createElement(HistoricalData, { object: object, records: records, documentHistory: documentHistory, referencedObjects: referencedObjects })));
                 }
                 return null;
             }),
         !loading && filteredHistory && Object.values(filteredHistory).every((v) => !v.length) && (React.createElement(Box, { width: '100%', display: 'grid', justifyContent: 'center', marginTop: '60px' },
             React.createElement(Typography, { fontSize: '20px', fontWeight: 700 }, "You Have No History"),
             React.createElement(Typography, { fontSize: '14px', fontWeight: 400 }, "Try modifying the history type."))),
-        loading && React.createElement(HistoryLoading, null)));
+        loading && React.createElement(HistoryLoading, null),
+        React.createElement(Snackbar, { open: showSnackbar, handleClose: () => setShowSnackbar(false), message: 'Error occurred when loading referenced objects', error: true })));
 };
 export default HistoryLog;

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

@@ -1,5 +1,5 @@
 export { BuilderGrid } from './BuilderGrid';
-export { CriteriaBuilder } from './CriteriaBuilder';
+export { CriteriaBuilder, getReadableQuery } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
 export { ErrorComponent } from './ErrorComponent';
 export { Form } from './Form';

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

@@ -1,5 +1,5 @@
 export { BuilderGrid } from './BuilderGrid';
-export { CriteriaBuilder } from './CriteriaBuilder';
+export { CriteriaBuilder, getReadableQuery } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
 export { ErrorComponent } from './ErrorComponent';
 export { Form } from './Form';

package/dist/published/index.d.ts

@@ -2,7 +2,7 @@ export { ClickAwayListener, createTheme, darken, lighten, styled, Toolbar } from
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './colors';
 export * from './components/core';
-export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, HistoryLog, MenuBar, MultiSelect, RepeatableField, RichTextViewer, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, getReadableQuery, HistoryLog, MenuBar, MultiSelect, RepeatableField, RichTextViewer, UserAvatar, } from './components/custom';
 export type { FormRef } from './components/custom';
 export { NumericFormat } from './components/custom/FormField/InputFieldComponent';
 export { Box, Container, Grid, Stack } from './components/layout';

package/dist/published/index.js

@@ -2,7 +2,7 @@ export { ClickAwayListener, createTheme, darken, lighten, styled, Toolbar } from
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './colors';
 export * from './components/core';
-export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, HistoryLog, MenuBar, MultiSelect, RepeatableField, RichTextViewer, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, getReadableQuery, HistoryLog, MenuBar, MultiSelect, RepeatableField, RichTextViewer, UserAvatar, } from './components/custom';
 export { NumericFormat } from './components/custom/FormField/InputFieldComponent';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './theme';

package/dist/published/stories/Chip.stories.d.ts

@@ -1,6 +1,7 @@
-import { ChipProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: ChipProps<"div", {}>) => React.JSX.Element>;
+import { ChipProps } from '../components/core/Chip/Chip';
+declare const _default: ComponentMeta<({ tooltip, ...props }: ChipProps) => React.JSX.Element>;
 export default _default;
-export declare const Chip: ComponentStory<(props: ChipProps<"div", {}>) => React.JSX.Element>;
+export declare const ChipWithTooltip: ComponentStory<({ tooltip, ...props }: ChipProps) => React.JSX.Element>;
+export declare const Chip: ComponentStory<({ tooltip, ...props }: ChipProps) => React.JSX.Element>;

package/dist/published/stories/Chip.stories.js

@@ -1,8 +1,10 @@
 import React from 'react';
 import { Chip as CustomChip } from '../index';
 export default {
-    title: 'Data Display/Chip',
+    label: 'Data Display/Chip',
     component: CustomChip,
 };
-const ChipTemplate = (args) => React.createElement(CustomChip, { ...args });
+const ChipTemplate = (args) => (React.createElement(CustomChip, { label: "Basic Chip", ...args }));
+const ChipWithToolipTemplate = (args) => (React.createElement(CustomChip, { tooltip: "Here is a tooltip", label: "Chip with Tooltip", ...args }));
+export const ChipWithTooltip = ChipWithToolipTemplate.bind({});
 export const Chip = ChipTemplate.bind({});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.4.0-testing.2",
+    "version": "1.4.0-testing.4",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",