@ansible/ansible-ui-framework 0.0.448 → 0.0.450

package/cjs/PageDashboard/PageDashboardChart.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare function PageDashboardChart(props: {
+    groups: {
+        color: string;
+        values: {
+            label: string;
+            value: number;
+        }[];
+    }[];
+}): JSX.Element;

package/cjs/PageDashboard/PageDashboardChart.js

@@ -0,0 +1,51 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageDashboardChart = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_charts_1 = require("@patternfly/react-charts");
+var PageChartContainer_1 = require("./PageChartContainer");
+function PageDashboardChart(props) {
+    var groups = props.groups;
+    groups = groups.filter(function (group) {
+        var e_1, _a;
+        try {
+            for (var _b = __values(group.values), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var value = _c.value;
+                if (value.value !== 0)
+                    return true;
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return false;
+    });
+    return ((0, jsx_runtime_1.jsx)(PageChartContainer_1.PageChartContainer, { children: function (size) { return ((0, jsx_runtime_1.jsxs)(react_charts_1.Chart, __assign({ padding: { bottom: 27, left: 40, right: 0, top: 5 }, colorScale: groups.map(function (group) { return group.color; }), width: size.width, height: size.height, animate: true }, { children: [(0, jsx_runtime_1.jsx)(react_charts_1.ChartAxis, { fixLabelOverlap: true, tickFormat: function (date) { return "".concat(new Date(date).toLocaleDateString()); } }), (0, jsx_runtime_1.jsx)(react_charts_1.ChartAxis, { dependentAxis: true, showGrid: true }), (0, jsx_runtime_1.jsx)(react_charts_1.ChartStack, { children: groups.map(function (group, index) { return ((0, jsx_runtime_1.jsx)(react_charts_1.ChartArea, { data: group.values.map(function (value) { return ({ x: value.label, y: value.value }); }), interpolation: "monotoneX" }, index)); }) })] }))); } }));
+}
+exports.PageDashboardChart = PageDashboardChart;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "0.0.448",
+  "version": "0.0.450",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {