@evoke-platform/ui-components 1.0.0-dev.221 → 1.0.0-dev.223

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ObjectProperty } from '../../../types';
+import { Property } from '@evoke-platform/context';
 declare type DisplayedPropertyProps = {
-    property: ObjectProperty;
+    property: Property;
     value: unknown;
 };
 declare const DisplayedProperty: (props: DisplayedPropertyProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
+import { DateTime } from 'luxon';
 import React from 'react';
-import { Grid } from '../../layout';
 import { CardMedia, Typography } from '../../core';
-import { DateTime } from 'luxon';
+import { Grid } from '../../layout';
 import { RichTextViewer } from '../RichTextViewer';
 const DisplayedProperty = (props) => {
     const { property, value } = props;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { EvokeObject } from '../../../types';
+import { Obj } from '@evoke-platform/context';
 declare type HistoryFilterProps = {
     filter: string[];
     setFilter: (filter: string[]) => void;
-    object: EvokeObject;
+    object: Obj;
     order?: 'desc' | 'asc';
     setOrder: (order: 'desc' | 'asc') => void;
 };

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Box } from '../../layout';
-import { Button, Checkbox, MenuItem, Select, Typography } from '../../core';
 import { SwapVert } from '@mui/icons-material';
 import { isArray, startCase } from 'lodash';
+import React from 'react';
+import { Button, Checkbox, MenuItem, Select, Typography } from '../../core';
+import { Box } from '../../layout';
 const HistoryFilter = (props) => {
     const { order, setOrder, filter, setFilter, object } = props;
     return (React.createElement(Box, { sx: { display: 'flex', width: '100%' } },
@@ -21,7 +21,7 @@ const HistoryFilter = (props) => {
                 borderRadius: '8px',
                 margin: '0 4px 16px 0',
                 maxWidth: '400px',
-                '@media (min-width: 600px)': { width: '72%' },
+                '@media (min-width: 600px)': { width: '70%' },
             }, MenuProps: {
                 PaperProps: {
                     sx: {
@@ -45,7 +45,7 @@ const HistoryFilter = (props) => {
                 border: '1px solid #cbcbcb',
                 maxWidth: '135px',
                 '@media (min-width: 600px)': {
-                    width: '27%',
+                    width: '30%',
                 },
             }, onClick: () => (order === 'asc' ? setOrder('desc') : setOrder('asc')) },
             React.createElement(Box, { display: 'flex', alignItems: 'center' },

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { EvokeObject, History } from '../../../types';
+import { Obj } from '@evoke-platform/context';
+import { History } from '../../../types';
 export declare const nanoid: (size?: number | undefined) => string;
 declare type HistoryDataProps = {
     records: History[];
     documentHistory?: Record<string, History[]>;
-    object: EvokeObject;
+    object: Obj;
 };
 declare const HistoricalData: (props: HistoryDataProps) => JSX.Element;
 export default HistoricalData;

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Box, Grid } from '../../layout';
-import { Typography } from '../../core';
 import { ArrowForward } from '@mui/icons-material';
+import { lowerCase } from 'lodash';
 import { customAlphabet } from 'nanoid';
 import { lowercase, uppercase } from 'nanoid-dictionary';
-import { lowerCase } from 'lodash';
+import React from 'react';
+import { Typography } from '../../core';
+import { Box, Grid } from '../../layout';
 import DisplayedProperty from './DisplayedProperty';
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { format } = require('small-date');

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { EvokeObject, History } from '../../../types';
+import { Obj } from '@evoke-platform/context';
+import { History } from '../../../types';
 export declare type HistoryLogProps = {
     /** The object instance associated with the history log */
-    object: EvokeObject;
+    object: Obj;
     /** An array of history entries representing the log. */
     history: History[];
     /** Indicates whether the history data is loading */

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

@@ -1,7 +1,8 @@
-import { Box, Typography } from '../../../index';
 import { Circle } from '@mui/icons-material';
 import { DateTime } from 'luxon';
 import React, { useEffect, useState } from 'react';
+import Typography from '../../core/Typography';
+import Box from '../../layout/Box';
 import HistoryFilter from './Filter';
 import HistoricalData from './HistoryData';
 import HistoryLoading from './HistoryLoading';
@@ -16,13 +17,12 @@ const { format } = require('small-date');
  * @returns {JSX.Element} A timeline view representing the instance's history.
  */
 export const HistoryLog = (props) => {
-    const { object, history, loading: initialLoading, title } = props;
+    const { object, history, loading, title } = props;
     const [historyMap, setHistoryMap] = useState({});
     const [documentHistory, setDocumentHistory] = useState({});
     const [filteredHistory, setFilteredHistory] = useState({});
     const [filter, setFilter] = useState([]);
     const [order, setOrder] = useState('desc');
-    const [loading, setLoading] = useState(initialLoading !== null && initialLoading !== void 0 ? initialLoading : true);
     const sortHistoryByTimestamp = (historicalData, order) => {
         return historicalData.sort((a, b) => order === 'desc' ? b.timestamp.localeCompare(a.timestamp) : a.timestamp.localeCompare(b.timestamp));
     };
@@ -45,7 +45,6 @@ export const HistoryLog = (props) => {
         setHistoryMap(sortGroupedHistoryByDate(groupedHistory, 'desc'));
         setFilteredHistory(sortGroupedHistoryByDate(groupedHistory, 'desc'));
         setDocumentHistory(sortGroupedHistoryByDate(documentHistory, 'asc'));
-        setLoading(false);
     }, [history]);
     useEffect(() => {
         if (!filter.length) {

package/package.json

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