@formant/ava-react
Version:
React components of AVA.
1,185 lines (1,184 loc) • 34.9 kB
JavaScript
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
import ReactDOM from 'react-dom';
import React, { useEffect, useState } from 'react';
import { InsightCard } from "../InsightCard";
import { getInsights } from "@formant/ava";
import 'antd/dist/antd.css';
import { ThemeProvider } from 'styled-components';
import { darkTheme, GlobalStyles, lightTheme } from "./theme-provider";
import ResizableSquareComponent from "./ResizableSquare";
// New function to generate sample data
var generateSampleData = function generateSampleData() {
var days = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 7;
var baseValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
var trend = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 5;
var noise = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
var data = [];
var labels = ['CPU', 'GPU', 'Memory'];
var _loop = function _loop(i) {
var date = new Date();
date.setDate(date.getDate() - i);
// Generate data for each label
labels.forEach(function (label) {
var value = baseValue + trend * i + (Math.random() * noise - noise / 2);
data.push({
time: date.toISOString().split('T')[0],
device_id: "test-device",
label: label,
value: value,
name: "system_metrics",
type: "numeric set"
});
});
};
for (var i = 0; i < days; i++) {
_loop(i);
}
return data.reverse();
};
var App = function App() {
var _useState = useState(true),
_useState2 = _slicedToArray(_useState, 2),
isDark = _useState2[0],
setIsDark = _useState2[1];
var toggleTheme = function toggleTheme() {
return setIsDark(!isDark);
};
var _useState3 = useState([]),
_useState4 = _slicedToArray(_useState3, 2),
insights = _useState4[0],
setInsights = _useState4[1];
// Sample data for the InsightCard
var sampleData = [{
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "CPU",
"unit": "C",
"value": 41.01294875228525,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "thermal",
"unit": "C",
"value": 39.19233671413941,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "GPU",
"unit": "C",
"value": 38.65977502707361,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "thermal",
"unit": "C",
"value": 41.33233992758036,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "GPU",
"unit": "C",
"value": 40.74777895509006,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "CPU",
"unit": "C",
"value": 43.19466599909179,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "CPU",
"unit": "C",
"value": 43.69244984160507,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "GPU",
"unit": "C",
"value": 41.3194297782471,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "thermal",
"unit": "C",
"value": 41.8460764255574,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-22 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "CPU",
"unit": "C",
"value": 44.32475137204699,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-22 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "GPU",
"unit": "C",
"value": 42.23008902006804,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-22 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "thermal",
"unit": "C",
"value": 42.749447032460544,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "CPU",
"unit": "C",
"value": 39.58273297564041,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "GPU",
"unit": "C",
"value": 37.58094063151034,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "thermal",
"unit": "C",
"value": 37.997311483806264,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "thermal",
"unit": "C",
"value": 42.68184319655315,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "CPU",
"unit": "C",
"value": 42.27589264755745,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "GPU",
"unit": "C",
"value": 43.22556140945724,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "thermal",
"unit": "C",
"value": 43.49976992971086,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "GPU",
"unit": "C",
"value": 43.02632934101895,
"name": "$.host.temperature",
"type": "numeric set"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "CPU",
"unit": "C",
"value": 60.24809382215651,
"name": "$.host.temperature",
"type": "numeric set"
}];
var thirdSampleData = [{
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Could not upload the mission: : "
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Could not parse the graph"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to open file for reading: /spot_integration_top/maps/graph_mission_!"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "info",
"message": "Mission ended with state: 1"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the velocity command: "
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Robot is estopped. Please use an external E-Stop client, such as the estop Python SDK example, to configure E-Stop."
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the stand command as we don't own the lease and can't take it "
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "info",
"message": "Uploading graph from: /spot_integration_top/maps/graph_mission_1"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "info",
"message": "Playing mission"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the teleop command as we don't own the lease and can't take it"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the stand command as we don't own the lease and can't take it"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the play mission command as we don't own the lease and can't take it "
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to open file for reading: /spot_integration_top/maps/missions/mission_!"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "info",
"message": "Finished uploading mission"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Could not upload the mission: :"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the teleop command as we don't own the lease and can't take it "
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the play mission command as we don't own the lease and can't take it"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "The StandCommand failed or timed out."
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Could not parse the mission file"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the velocity command:"
}, {
"time": "2024-12-10 00:00:00",
"value": 1,
"label": "info",
"message": "Uploading graph from: /spot_integration_top/maps/graph_mission_!"
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the teleop command as we don't own the lease and can't take it "
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the stand command as we don't own the lease and can't take it"
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the teleop command as we don't own the lease and can't take it"
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "info",
"message": "Finished uploading mission"
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "error",
"message": "No dock found"
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "error",
"message": "Failed to complete the stand command as we don't own the lease and can't take it "
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "info",
"message": "Mission ended with state: 1"
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "info",
"message": "Playing mission"
}, {
"time": "2024-12-11 00:00:00",
"value": 1,
"label": "info",
"message": "Uploading graph from: /spot_integration_top/maps/graph_mission_1"
}, {
"time": "2024-12-17 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2024-12-20 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2024-12-26 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2024-12-26 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2024-12-30 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-01 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-02 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-02 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-07 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-07 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-08 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-09 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-09 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-12 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-12 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-13 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-01-16 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-17 00:00:00",
"value": 1,
"label": "warning",
"message": "broken wheel"
}, {
"time": "2025-01-17 00:00:00",
"value": 1,
"label": "error",
"message": "oh no"
}, {
"time": "2025-01-17 00:00:00",
"value": 1,
"label": "info",
"message": "bad camera"
}, {
"time": "2025-01-17 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-20 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-21 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-21 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-22 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-22 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-25 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-26 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-26 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-27 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-01-27 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-27 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-28 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-01-28 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-28 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-01-29 00:00:00",
"value": 1,
"label": "error",
"message": "bosdyn.api.PowerCommandResponse (KeepaliveMotorsOffError): Cannot power on while Keepalive requests motors off."
}, {
"time": "2025-01-30 00:00:00",
"value": 1,
"label": "error",
"message": "bosdyn.api.PowerCommandResponse (KeepaliveMotorsOffError): Cannot power on while Keepalive requests motors off."
}, {
"time": "2025-01-31 00:00:00",
"value": 1,
"label": "error",
"message": "bosdyn.api.PowerCommandResponse (KeepaliveMotorsOffError): Cannot power on while Keepalive requests motors off."
}, {
"time": "2025-01-31 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-01-31 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-05 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-11 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-12 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-12 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-13 00:00:00",
"value": 1,
"label": "error",
"message": "Docking Failed, status: 'STATUS_ERROR_NOT_AVAILABLE'"
}, {
"time": "2025-02-13 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-02-13 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-13 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-14 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-02-17 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-17 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-18 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-02-18 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-19 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-19 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-20 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-20 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-25 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-25 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-26 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-26 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-27 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-02-27 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-02-28 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-01 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-03-01 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-03-01 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-03 00:00:00",
"value": 1,
"label": "info",
"message": "SpotBase Service Restarted, starting up..."
}, {
"time": "2025-03-03 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-03-03 00:00:00",
"value": 1,
"label": "error",
"message": "bosdyn.api.PowerCommandResponse (EstoppedError): Cannot power on while estopped; inspect EStopState for more info."
}, {
"time": "2025-03-03 00:00:00",
"value": 1,
"label": "info",
"message": "SpotBase Service Started."
}, {
"time": "2025-03-03 00:00:00",
"value": 1,
"label": "info",
"message": "Restarting SpotBase Service"
}, {
"time": "2025-03-04 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-03-04 00:00:00",
"value": 1,
"label": "error",
"message": "bosdyn.api.PowerCommandResponse (KeepaliveMotorsOffError): Cannot power on while Keepalive requests motors off."
}, {
"time": "2025-03-05 00:00:00",
"value": 1,
"label": "error",
"message": "Docking Failed, status: 'STATUS_ERROR_NOT_AVAILABLE'"
}, {
"time": "2025-03-05 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-11 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-12 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-03-12 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-03-13 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-17 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-18 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-19 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-03-21 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-03-21 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-22 00:00:00",
"value": 1,
"label": "info",
"message": "device online"
}, {
"time": "2025-03-22 00:00:00",
"value": 1,
"label": "info",
"message": "device offline"
}, {
"time": "2025-03-24 00:00:00",
"value": 1,
"label": "error",
"message": "vahag got in the way of the robot"
}, {
"time": "2025-03-28 00:00:00",
"value": 1,
"label": "error",
"message": "Dock not in view, please move closer to dock and re-issue command."
}, {
"time": "2025-03-28 00:00:00",
"value": 1,
"label": "info",
"message": "someone in the way"
}];
var secondSampleData = [{
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "autowalk",
"value": 0.0005073491009475491,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "pose",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "stairs",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "sit",
"value": 0.9985077967619189,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "walk",
"value": 0.0015220473028426471,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "ptz",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-19 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "docked",
"value": 0.9933298515257778,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "ptz",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "walk",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "docked",
"value": 1,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "sit",
"value": 1,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "pose",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "autowalk",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-20 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "stairs",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "pose",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "autowalk",
"value": 0.0014268927312405574,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "stairs",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "ptz",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "walk",
"value": 0.43847574282356894,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "docked",
"value": 0.5615242571764311,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-21 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "sit",
"value": 0.5615242571764311,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "sit",
"value": 1,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "stairs",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "ptz",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "docked",
"value": 1,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "pose",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "autowalk",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-23 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "walk",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "ptz",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "sit",
"value": 0.9986804315764961,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "autowalk",
"value": 0.0009314600636497711,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "pose",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "stairs",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "walk",
"value": 0.0013195684235038424,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-24 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "docked",
"value": 0.9986804315764961,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "stairs",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "walk",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "sit",
"value": 1,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "ptz",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "pose",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "autowalk",
"value": 0,
"name": "state.movement.mode",
"type": "bitset"
}, {
"time": "2025-03-25 00:00:00",
"device_id": "b0990d5a-cdff-4c3c-ab71-c6c72be385ad",
"label": "docked",
"value": 1,
"name": "state.movement.mode",
"type": "bitset"
}];
var fetchInsights = function fetchInsights() {
//generateSampleData()
var insightResult = getInsights(thirdSampleData, {
// limit: 10,
// measures: [
// { fieldName: "life_expect", method: "MEAN" },
// { fieldName: "pop", method: "SUM" },
// { fieldName: "fertility", method: "MEAN" },
// { fieldName: "label", method: "MEAN" },
// { fieldName: "pop", method: "SUM" },
// { fieldName: "value", method: "MEAN" },
// ],
insightTypes: ["category_outlier", "time_series_outlier", "trend", "correlation", "majority"]
// Add a custom color palette to avoid using @ant-design/colors
});
setInsights(insightResult.insights);
};
useEffect(function () {
fetchInsights();
}, []);
return /*#__PURE__*/React.createElement(ThemeProvider, {
theme: isDark ? darkTheme : lightTheme
}, /*#__PURE__*/React.createElement(GlobalStyles, null), /*#__PURE__*/React.createElement("div", {
style: {
padding: '20px'
}
}, /*#__PURE__*/React.createElement("h1", null, "AVA React Demo"), /*#__PURE__*/React.createElement("div", {
style: {
width: '600px',
margin: '20px auto'
}
}, /*#__PURE__*/React.createElement("button", {
onClick: toggleTheme
}, "Toggle Theme"), false ? /*#__PURE__*/React.createElement("div", {
className: "text-center py-4 text-gray-400"
}, /*#__PURE__*/React.createElement("div", {
className: "animate-pulse"
}, "Loading insights...")) : insights.length === 0 ? /*#__PURE__*/React.createElement("div", {
className: "text-center py-4 text-gray-400"
}, "No insights available for this data") : insights.map(function (insight, index) {
return /*#__PURE__*/React.createElement(ResizableSquareComponent, {
width: "400px",
height: "400px"
}, /*#__PURE__*/React.createElement(InsightCard, {
title: "$.cpu",
key: "insight-".concat(index),
insightInfo: insight,
className: "w-full h-full",
footerTools: []
}));
}))));
};
ReactDOM.render( /*#__PURE__*/React.createElement(React.StrictMode, null, /*#__PURE__*/React.createElement(App, null)), document.getElementById('root'));