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

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/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.222",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",