@cccsaurora/howler-ui 2.17.0-dev.560 → 2.17.0-dev.563
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { CardContent, Skeleton } from '@mui/material';
|
|
3
3
|
import { HitContext } from '@cccsaurora/howler-ui/components/app/providers/HitProvider';
|
|
4
4
|
import { memo, useEffect } from 'react';
|
|
@@ -6,7 +6,6 @@ import { useContextSelector } from 'use-context-selector';
|
|
|
6
6
|
import HowlerCard from '../display/HowlerCard';
|
|
7
7
|
import HitBanner from './HitBanner';
|
|
8
8
|
import HitLabels from './HitLabels';
|
|
9
|
-
import { HitLayout } from './HitLayout';
|
|
10
9
|
import HitOutline from './HitOutline';
|
|
11
10
|
const HitCard = ({ id, layout, readOnly = true }) => {
|
|
12
11
|
const getHit = useContextSelector(HitContext, ctx => ctx.getHit);
|
|
@@ -20,6 +19,6 @@ const HitCard = ({ id, layout, readOnly = true }) => {
|
|
|
20
19
|
if (!hit) {
|
|
21
20
|
return _jsx(Skeleton, { variant: "rounded", height: "200px" });
|
|
22
21
|
}
|
|
23
|
-
return (_jsx(HowlerCard, { tabIndex: 0, sx: { position: 'relative' }, children: _jsxs(CardContent, { children: [_jsx(HitBanner, { hit: hit, layout: layout }),
|
|
22
|
+
return (_jsx(HowlerCard, { tabIndex: 0, sx: { position: 'relative' }, children: _jsxs(CardContent, { children: [_jsx(HitBanner, { hit: hit, layout: layout }), _jsx(HitOutline, { hit: hit, layout: layout }), _jsx(HitLabels, { hit: hit, readOnly: readOnly })] }) }));
|
|
24
23
|
};
|
|
25
24
|
export default memo(HitCard);
|
|
@@ -147,7 +147,7 @@ const Home = () => {
|
|
|
147
147
|
clearTimeout(debounceTimerRef.current);
|
|
148
148
|
};
|
|
149
149
|
}, []);
|
|
150
|
-
return (_jsx(PageCenter, { maxWidth: "
|
|
150
|
+
return (_jsx(PageCenter, { maxWidth: "100%", textAlign: "left", height: "100%", children: _jsx(ErrorBoundary, { children: _jsxs(Stack, { direction: "column", spacing: 1, sx: { height: '100%' }, children: [_jsxs(Stack, { direction: "row", justifyContent: "end", spacing: 1, children: [isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", color: "error", startIcon: _jsx(Cancel, {}), onClick: discardChanges, children: t('cancel') })), isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", disabled: isEqual(dashboard, user.dashboard), color: 'success', startIcon: loading ? _jsx(CircularProgress, { size: 20 }) : _jsx(Check, {}), onClick: saveChanges, children: t('save') })), _jsxs(Box, { sx: { position: 'relative', display: 'inline-flex' }, children: [isRefreshing ? (_jsx(CircularProgress, { variant: "indeterminate" })) : (_jsx(CircularProgress, { variant: "determinate", value: progress })), _jsx(Box, { sx: {
|
|
151
151
|
top: 0,
|
|
152
152
|
left: 0,
|
|
153
153
|
bottom: 0,
|
|
@@ -156,7 +156,7 @@ const Home = () => {
|
|
|
156
156
|
display: 'flex',
|
|
157
157
|
alignItems: 'center',
|
|
158
158
|
justifyContent: 'center'
|
|
159
|
-
}, children: _jsx(Tooltip, { title: t('refresh'), children: _jsx(IconButton, { onClick: refreshViews, disabled: isRefreshing, color: "primary", children: _jsx(Refresh, {}) }) }) })] }), _jsx(IconButton, {
|
|
159
|
+
}, children: _jsx(Tooltip, { title: t('refresh'), children: _jsx(IconButton, { onClick: refreshViews, disabled: isRefreshing, color: "primary", children: _jsx(Refresh, {}) }) }) })] }), _jsx(IconButton, { onClick: handleOpenSettings, children: _jsx(MoreVert, {}) }), _jsxs(Menu, { id: "settings-menu", anchorEl: openSettings, open: !!openSettings, onClose: () => setOpenSettings(null), children: [_jsxs(MenuItem, { disabled: isEditing, onClick: () => {
|
|
160
160
|
setOpenSettings(null);
|
|
161
161
|
setIsEditing(true);
|
|
162
162
|
}, children: [_jsx(ListItemIcon, { children: _jsx(Edit, {}) }), t('page.dashboard.settings.edit')] }), _jsx(MenuItem, { disableRipple: true, disableTouchRipple: true, sx: { '&:hover': { bgcolor: 'transparent' }, cursor: 'default' }, children: _jsxs(FormControl, { sx: { px: 2, py: 1, minWidth: 250, pointerEvents: 'auto' }, children: [_jsx(FormLabel, { id: "refresh-rate-label", sx: { mb: 2 }, children: t('page.dashboard.settings.refreshRate') }), _jsx(Slider, { "aria-labelledby": "refresh-rate-label", value: REFRESH_RATES.indexOf(refreshRate), onChange: (_, value) => handleRefreshRateChange(REFRESH_RATES[value]), step: 1, marks: [
|
package/package.json
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"@jsonforms/core": "^3.7.0",
|
|
25
25
|
"@jsonforms/material-renderers": "^3.7.0",
|
|
26
26
|
"@jsonforms/react": "^3.7.0",
|
|
27
|
-
"@microlink/react-json-view": "^1.
|
|
27
|
+
"@microlink/react-json-view": "^1.31.6",
|
|
28
28
|
"@monaco-editor/react": "^4.7.0",
|
|
29
29
|
"ajv": "^8.18.0",
|
|
30
30
|
"ajv-i18n": "^4.2.0",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"chartjs-adapter-dayjs-4": "^1.0.4",
|
|
35
35
|
"chartjs-plugin-zoom": "^2.2.0",
|
|
36
36
|
"dayjs": "^1.11.19",
|
|
37
|
-
"dompurify": "^3.3.
|
|
37
|
+
"dompurify": "^3.3.3",
|
|
38
38
|
"flat": "^6.0.1",
|
|
39
39
|
"fuse.js": "^7.1.0",
|
|
40
40
|
"handlebars": "^4.7.8",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"json-schema": "^0.4.0",
|
|
45
45
|
"lodash-es": "^4.17.23",
|
|
46
46
|
"md5": "^2.3.0",
|
|
47
|
-
"mermaid": "^11.
|
|
47
|
+
"mermaid": "^11.13.0",
|
|
48
48
|
"monaco-editor": "0.49.0",
|
|
49
49
|
"notistack": "^3.0.2",
|
|
50
50
|
"react": "^18.3.1",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"internal-slot": "1.0.7"
|
|
102
102
|
},
|
|
103
103
|
"type": "module",
|
|
104
|
-
"version": "2.17.0-dev.
|
|
104
|
+
"version": "2.17.0-dev.563",
|
|
105
105
|
"exports": {
|
|
106
106
|
"./i18n": "./i18n.js",
|
|
107
107
|
"./index.css": "./index.css",
|