@flightctl/ui-components 0.0.3 → 0.0.5

package/dist/src/components/NavItem/NavItem.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type NavItemProps = {
+    to: string;
+    children: React.ReactNode;
+};
+declare const NavItem: React.FC<NavItemProps>;
+export default NavItem;
+//# sourceMappingURL=NavItem.d.ts.map

package/dist/src/components/NavItem/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgBnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/ApplicationStatusChart.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FlightCtlLabel } from '../../../../types/extraTypes';
+declare const ApplicationStatusChart: ({ applicationStatus, labels, fleets, }: {
+    applicationStatus: Record<string, number>;
+    labels: FlightCtlLabel[];
+    fleets: string[];
+}) => React.JSX.Element;
+export default ApplicationStatusChart;
+//# sourceMappingURL=ApplicationStatusChart.d.ts.map

package/dist/src/components/OverviewPage/Cards/Status/ApplicationStatusChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationStatusChart.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/ApplicationStatusChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAS9D,QAAA,MAAM,sBAAsB;uBAKP,OAAO,MAAM,EAAE,MAAM,CAAC;YACjC,cAAc,EAAE;YAChB,MAAM,EAAE;uBAiBjB,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/ApplicationStatusChart.js

@@ -2,29 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const types_1 = require("@flightctl/types");
 const useTranslation_1 = require("../../../../hooks/useTranslation");
+const utils_1 = require("../../../Status/utils");
 const applications_1 = require("../../../../utils/status/applications");
-const utils_1 = require("./utils");
 const devices_1 = require("../../../../utils/status/devices");
+const utils_2 = require("./utils");
 const DonutChart_1 = tslib_1.__importDefault(require("../../../charts/DonutChart"));
-const utils_2 = require("../../../Status/utils");
-const ApplicationStatusChart = ({ resources, labels, fleets, }) => {
+const ApplicationStatusChart = ({ applicationStatus, labels, fleets, }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
     const statusItems = (0, applications_1.getApplicationSummaryStatusItems)(t);
-    const data = resources.reduce((all, curr) => {
-        var _a;
-        const appStatus = ((_a = curr.status) === null || _a === void 0 ? void 0 : _a.applications.summary.status) || types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusUnknown;
-        all[appStatus]++;
-        return all;
-    }, {
-        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusHealthy]: 0,
-        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusDegraded]: 0,
-        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusError]: 0,
-        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusUnknown]: 0,
-    });
-    const appStatusData = (0, utils_1.toChartData)(data, statusItems, devices_1.FilterSearchParams.AppStatus, labels, fleets);
-    return (React.createElement(DonutChart_1.default, { title: t('Application status'), data: appStatusData, helperText: (0, utils_2.getApplicationStatusHelperText)(t) }));
+    const appStatusData = (0, utils_2.toOverviewChartData)(applicationStatus, statusItems, labels, fleets, devices_1.FilterSearchParams.AppStatus);
+    return (React.createElement(DonutChart_1.default, { title: t('Application status'), data: appStatusData, helperText: (0, utils_1.getApplicationStatusHelperText)(t) }));
 };
 exports.default = ApplicationStatusChart;
 //# sourceMappingURL=ApplicationStatusChart.js.map

package/dist/src/components/OverviewPage/Cards/Status/ApplicationStatusChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/ApplicationStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,4CAAyE;AACzE,qEAAkE;AAClE,wEAAyF;AACzF,mCAAiD;AACjD,8DAAsE;AACtE,oFAAoD;AACpD,iDAAuE;AAKvE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,+CAAgC,EAAC,CAAC,CAAC,CAAC;IAExD,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAC3B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;;QACZ,MAAM,SAAS,GACb,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,YAAY,CAAC,OAAO,CAAC,MAAM,KAAI,qCAA6B,CAAC,gCAAgC,CAAC;QAC7G,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;QACjB,OAAO,GAAG,CAAC;IACb,CAAC,EACD;QACE,CAAC,qCAA6B,CAAC,gCAAgC,CAAC,EAAE,CAAC;QACnE,CAAC,qCAA6B,CAAC,iCAAiC,CAAC,EAAE,CAAC;QACpE,CAAC,qCAA6B,CAAC,8BAA8B,CAAC,EAAE,CAAC;QACjE,CAAC,qCAA6B,CAAC,gCAAgC,CAAC,EAAE,CAAC;KACpE,CACF,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,WAAW,EAAE,4BAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEnG,OAAO,CACL,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAA,sCAA8B,EAAC,CAAC,CAAC,GAAI,CACnH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ApplicationStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/ApplicationStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAK/B,qEAAkE;AAClE,iDAAuE;AACvE,wEAAyF;AACzF,8DAAsE;AACtE,mCAA8C;AAC9C,oFAAoD;AAEpD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,iBAAiB,EACjB,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,+CAAgC,EAAC,CAAC,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,IAAA,2BAAmB,EACvC,iBAAiB,EACjB,WAAW,EACX,MAAM,EACN,MAAM,EACN,4BAAkB,CAAC,SAAS,CAC7B,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAA,sCAA8B,EAAC,CAAC,CAAC,GAAI,CACnH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/DeviceStatusChart.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FlightCtlLabel } from '../../../../types/extraTypes';
+declare const DeviceStatusChart: ({ deviceStatus, labels, fleets, }: {
+    deviceStatus: Record<string, number>;
+    labels: FlightCtlLabel[];
+    fleets: string[];
+}) => React.JSX.Element;
+export default DeviceStatusChart;
+//# sourceMappingURL=DeviceStatusChart.d.ts.map

package/dist/src/components/OverviewPage/Cards/Status/DeviceStatusChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStatusChart.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/DeviceStatusChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAS9D,QAAA,MAAM,iBAAiB;kBAKP,OAAO,MAAM,EAAE,MAAM,CAAC;YAC5B,cAAc,EAAE;YAChB,MAAM,EAAE;uBAgBjB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/DeviceStatusChart.js

@@ -2,31 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const DonutChart_1 = tslib_1.__importDefault(require("../../../charts/DonutChart"));
-const types_1 = require("@flightctl/types");
 const useTranslation_1 = require("../../../../hooks/useTranslation");
+const utils_1 = require("../../../Status/utils");
 const devices_1 = require("../../../../utils/status/devices");
-const utils_1 = require("./utils");
 const devices_2 = require("../../../../utils/status/devices");
-const utils_2 = require("../../../Status/utils");
-const DeviceStatusChart = ({ resources, labels, fleets, }) => {
+const utils_2 = require("./utils");
+const DonutChart_1 = tslib_1.__importDefault(require("../../../charts/DonutChart"));
+const DeviceStatusChart = ({ deviceStatus, labels, fleets, }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
     const statusItems = (0, devices_1.getDeviceStatusItems)(t);
-    const data = resources.reduce((all, curr) => {
-        var _a;
-        const devStatus = ((_a = curr.status) === null || _a === void 0 ? void 0 : _a.summary.status) || types_1.DeviceSummaryStatusType.DeviceSummaryStatusUnknown;
-        all[devStatus]++;
-        return all;
-    }, {
-        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusOnline]: 0,
-        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusDegraded]: 0,
-        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusError]: 0,
-        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusRebooting]: 0,
-        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusPoweredOff]: 0,
-        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusUnknown]: 0,
-    });
-    const devStatusData = (0, utils_1.toChartData)(data, statusItems, devices_2.FilterSearchParams.DeviceStatus, labels, fleets);
-    return React.createElement(DonutChart_1.default, { title: t('Device status'), data: devStatusData, helperText: (0, utils_2.getDeviceStatusHelperText)(t) });
+    // TODO should we add the "Pending" devices, now that the Device table does not contain ERs?
+    const devStatusData = (0, utils_2.toOverviewChartData)(deviceStatus, statusItems, labels, fleets, devices_2.FilterSearchParams.DeviceStatus);
+    return React.createElement(DonutChart_1.default, { title: t('Device status'), data: devStatusData, helperText: (0, utils_1.getDeviceStatusHelperText)(t) });
 };
 exports.default = DeviceStatusChart;
 //# sourceMappingURL=DeviceStatusChart.js.map

package/dist/src/components/OverviewPage/Cards/Status/DeviceStatusChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/DeviceStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,oFAAoD;AACpD,4CAAmE;AACnE,qEAAkE;AAClE,8DAAwE;AACxE,mCAAiD;AACjD,8DAAsE;AACtE,iDAAkE;AAMlE,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,8BAAoB,EAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAC3B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;;QACZ,MAAM,SAAS,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,MAAM,KAAI,+BAAuB,CAAC,0BAA0B,CAAC;QACpG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;QACjB,OAAO,GAAG,CAAC;IACb,CAAC,EACD;QACE,CAAC,+BAAuB,CAAC,yBAAyB,CAAC,EAAE,CAAC;QACtD,CAAC,+BAAuB,CAAC,2BAA2B,CAAC,EAAE,CAAC;QACxD,CAAC,+BAAuB,CAAC,wBAAwB,CAAC,EAAE,CAAC;QACrD,CAAC,+BAAuB,CAAC,4BAA4B,CAAC,EAAE,CAAC;QACzD,CAAC,+BAAuB,CAAC,6BAA6B,CAAC,EAAE,CAAC;QAC1D,CAAC,+BAAuB,CAAC,0BAA0B,CAAC,EAAE,CAAC;KACrC,CACrB,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,WAAW,EAAE,4BAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtG,OAAO,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAA,iCAAyB,EAAC,CAAC,CAAC,GAAI,CAAC;AAClH,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"DeviceStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/DeviceStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAK/B,qEAAkE;AAClE,iDAAkE;AAClE,8DAAwE;AACxE,8DAAsE;AACtE,mCAA8C;AAC9C,oFAAoD;AAEpD,MAAM,iBAAiB,GAAG,CAAC,EACzB,YAAY,EACZ,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,8BAAoB,EAAC,CAAC,CAAC,CAAC;IAE5C,4FAA4F;IAC5F,MAAM,aAAa,GAAG,IAAA,2BAAmB,EACvC,YAAY,EACZ,WAAW,EACX,MAAM,EACN,MAAM,EACN,4BAAkB,CAAC,YAAY,CAChC,CAAC;IAEF,OAAO,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAA,iCAAyB,EAAC,CAAC,CAAC,GAAI,CAAC;AAClH,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/StatusCard.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const StatusCard: () => React.JSX.Element;
+export default StatusCard;
+//# sourceMappingURL=StatusCard.d.ts.map

package/dist/src/components/OverviewPage/Cards/Status/StatusCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/StatusCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,QAAA,MAAM,UAAU,yBAqFf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/StatusCard.js

@@ -8,26 +8,27 @@ const ApplicationStatusChart_1 = tslib_1.__importDefault(require("./ApplicationS
 const DeviceStatusChart_1 = tslib_1.__importDefault(require("./DeviceStatusChart"));
 const SystemUpdateStatusChart_1 = tslib_1.__importDefault(require("./SystemUpdateStatusChart"));
 const useFetchPeriodically_1 = require("../../../../hooks/useFetchPeriodically");
-const useDeviceLikeResources_1 = require("../../../Device/DeviceList/useDeviceLikeResources");
 const StatusCardFilters_1 = tslib_1.__importDefault(require("./StatusCardFilters"));
 const ErrorAlert_1 = tslib_1.__importDefault(require("../../../ErrorAlert/ErrorAlert"));
+const useDevices_1 = require("../../../Device/DevicesPage/useDevices");
 const StatusCard = () => {
     const { t } = (0, useTranslation_1.useTranslation)();
     const [fleets, setFleets] = React.useState([]);
     const [labels, setLabels] = React.useState([]);
-    const [devicesEndpoint, isDebounced] = (0, useDeviceLikeResources_1.useDevicesEndpoint)({
+    const [devicesSummary, summaryLoading] = (0, useDevices_1.useDevicesSummary)({
         ownerFleets: fleets,
         labels,
     });
-    const [devicesList, loading, error, , isUpdating] = (0, useFetchPeriodically_1.useFetchPeriodically)({
-        endpoint: devicesEndpoint,
+    // TODO remove "useDevices" (to fetch labels), and fetching of fleets when the new API endpoints are available
+    const [devices, loading, error, , , allLabels] = (0, useDevices_1.useDevices)({
+        ownerFleets: fleets,
+        labels,
     });
     const [fleetsList, flLoading, flError] = (0, useFetchPeriodically_1.useFetchPeriodically)({
         endpoint: 'fleets',
     });
-    const devices = (devicesList === null || devicesList === void 0 ? void 0 : devicesList.items) || [];
     let content;
-    if (loading || flLoading) {
+    if (loading || flLoading || summaryLoading) {
         content = (React.createElement(react_core_1.Bullseye, null,
             React.createElement(react_core_1.Spinner, null)));
     }
@@ -42,11 +43,11 @@ const StatusCard = () => {
             React.createElement(react_core_1.StackItem, null,
                 React.createElement(react_core_1.Flex, { justifyContent: { default: 'justifyContentSpaceAround' } },
                     React.createElement(react_core_1.FlexItem, null,
-                        React.createElement(ApplicationStatusChart_1.default, { resources: devices, labels: labels, fleets: fleets })),
+                        React.createElement(ApplicationStatusChart_1.default, { applicationStatus: (devicesSummary === null || devicesSummary === void 0 ? void 0 : devicesSummary.applicationStatus) || {}, labels: labels, fleets: fleets })),
                     React.createElement(react_core_1.FlexItem, null,
-                        React.createElement(DeviceStatusChart_1.default, { resources: devices, labels: labels, fleets: fleets })),
+                        React.createElement(DeviceStatusChart_1.default, { deviceStatus: (devicesSummary === null || devicesSummary === void 0 ? void 0 : devicesSummary.summaryStatus) || {}, labels: labels, fleets: fleets })),
                     React.createElement(react_core_1.FlexItem, null,
-                        React.createElement(SystemUpdateStatusChart_1.default, { resources: devices, labels: labels, fleets: fleets }))))));
+                        React.createElement(SystemUpdateStatusChart_1.default, { updatedStatus: (devicesSummary === null || devicesSummary === void 0 ? void 0 : devicesSummary.updateStatus) || {}, labels: labels, fleets: fleets }))))));
     }
     return (React.createElement(react_core_1.Card, null,
         React.createElement(react_core_1.CardHeader, null,
@@ -54,7 +55,7 @@ const StatusCard = () => {
                 React.createElement(react_core_1.FlexItem, null,
                     React.createElement(react_core_1.CardTitle, null, t('Status'))),
                 React.createElement(react_core_1.FlexItem, null,
-                    React.createElement(StatusCardFilters_1.default, { devices: devices, fleets: (fleetsList === null || fleetsList === void 0 ? void 0 : fleetsList.items) || [], selectedFleets: fleets, setSelectedFleets: setFleets, selectedLabels: labels, setSelectedLabels: setLabels, isFilterUpdating: isUpdating || isDebounced })))),
+                    React.createElement(StatusCardFilters_1.default, { fleets: (fleetsList === null || fleetsList === void 0 ? void 0 : fleetsList.items) || [], selectedFleets: fleets, setSelectedFleets: setFleets, allLabels: allLabels, selectedLabels: labels, setSelectedLabels: setLabels })))),
         React.createElement(react_core_1.CardBody, null, content)));
 };
 exports.default = StatusCard;

package/dist/src/components/OverviewPage/Cards/Status/StatusCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusCard.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/StatusCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatusCard.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/StatusCard.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/OverviewPage/Cards/Status/StatusCardFilters.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Fleet } from '@flightctl/types';
+import { FlightCtlLabel } from '../../../../types/extraTypes';
+type StatusCardFiltersProps = {
+    fleets: Fleet[];
+    selectedFleets: string[];
+    setSelectedFleets: (fleets: string[]) => void;
+    allLabels: FlightCtlLabel[];
+    selectedLabels: FlightCtlLabel[];
+    setSelectedLabels: (labels: FlightCtlLabel[]) => void;
+};
+declare const StatusCardFilters: React.FC<StatusCardFiltersProps>;
+export default StatusCardFilters;
+//# sourceMappingURL=StatusCardFilters.d.ts.map

package/dist/src/components/OverviewPage/Cards/Status/StatusCardFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusCardFilters.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/StatusCardFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgFvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/StatusCardFilters.js

@@ -4,61 +4,32 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const useTranslation_1 = require("../../../../hooks/useTranslation");
-const FilterSelect_1 = tslib_1.__importStar(require("../../../form/FilterSelect"));
 const labels_1 = require("../../../../utils/labels");
-const search_1 = require("../../../../utils/search");
-const StatusCardFilters = ({ fleets, devices, selectedFleets, setSelectedFleets, selectedLabels, setSelectedLabels, isFilterUpdating, }) => {
+const DeviceToolbarFilters_1 = tslib_1.__importDefault(require("../../../Device/DevicesPage/DeviceToolbarFilters"));
+const StatusCardFilters = ({ fleets, selectedFleets, setSelectedFleets, allLabels, selectedLabels, setSelectedLabels, }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
-    const [filter, setFilter] = React.useState('');
-    const filteredLabels = (0, labels_1.filterDevicesLabels)(devices, selectedLabels, filter);
-    const filteredFleets = fleets.map((f) => f.metadata.name || '').filter((f) => (0, search_1.fuzzySeach)(filter, f));
-    const selectedFilters = selectedFleets.length + selectedLabels.length;
+    const hasFilters = selectedFleets.length + selectedLabels.length > 0;
     return (React.createElement(react_core_1.Flex, null,
         React.createElement(react_core_1.FlexItem, null,
-            React.createElement(FilterSelect_1.default, { selectedFilters: selectedFilters, placeholder: t('Filter by fleets or labels'), filter: filter, setFilter: setFilter, isFilterUpdating: isFilterUpdating },
-                React.createElement(react_core_1.SelectList, null,
-                    React.createElement(react_core_1.Grid, { hasGutter: true },
-                        React.createElement(react_core_1.GridItem, { span: 6 },
-                            React.createElement(FilterSelect_1.FilterSelectGroup, { label: t('Fleets') }, !filteredFleets.length ? (React.createElement(react_core_1.SelectOption, { isDisabled: true }, t('No fleets available'))) : (filteredFleets.map((f) => (React.createElement(react_core_1.SelectOption, { key: f, hasCheckbox: true, value: f, isSelected: selectedFleets.includes(f), onClick: () => setSelectedFleets(selectedFleets.includes(f)
-                                    ? selectedFleets.filter((fleet) => fleet !== f)
-                                    : [...selectedFleets, f]) }, f)))))),
-                        React.createElement(react_core_1.GridItem, { span: 6 },
-                            React.createElement(FilterSelect_1.FilterSelectGroup, { label: t('Labels') }, !filteredLabels.length ? (React.createElement(react_core_1.SelectOption, { isDisabled: true }, t('No labels available'))) : (filteredLabels.map((label) => (React.createElement(react_core_1.SelectOption, { key: label, hasCheckbox: true, value: label, isSelected: selectedLabels.some((l) => (0, labels_1.labelToString)(l) === label), onClick: () => {
-                                    const newLabels = selectedLabels.filter((l) => (0, labels_1.labelToString)(l) !== label);
-                                    if (newLabels.length !== selectedLabels.length) {
-                                        setSelectedLabels(newLabels);
-                                    }
-                                    else {
-                                        const labelParts = label.split('=');
-                                        let labelObj;
-                                        if (labelParts.length === 1) {
-                                            labelObj = {
-                                                key: labelParts[0],
-                                                value: '',
-                                            };
-                                        }
-                                        else {
-                                            labelObj = {
-                                                key: labelParts[0],
-                                                value: labelParts[1],
-                                            };
-                                        }
-                                        setSelectedLabels([...selectedLabels, labelObj]);
-                                    }
-                                } },
-                                React.createElement(react_core_1.Label, { id: label }, label))))))))))),
-        !!selectedFleets.length && (React.createElement(react_core_1.FlexItem, null,
-            React.createElement(react_core_1.ChipGroup, { categoryName: t('Fleets'), isClosable: true, onClick: () => setSelectedFleets([]) }, selectedFleets.map((fleet) => (React.createElement(react_core_1.Chip, { key: fleet, onClick: () => setSelectedFleets(selectedFleets.filter((f) => f !== fleet)) }, fleet)))))),
-        !!selectedLabels.length && (React.createElement(react_core_1.FlexItem, null,
-            React.createElement(react_core_1.ChipGroup, { categoryName: t('Labels'), isClosable: true, onClick: () => setSelectedLabels([]) }, selectedLabels.map((l) => {
-                const label = (0, labels_1.labelToString)(l);
-                return (React.createElement(react_core_1.Chip, { key: label, onClick: () => setSelectedLabels(selectedLabels.filter((l) => (0, labels_1.labelToString)(l) !== label)) }, label));
-            })))),
-        (!!selectedFleets.length || !!selectedLabels.length) && (React.createElement(react_core_1.FlexItem, null,
-            React.createElement(react_core_1.Button, { variant: "link", onClick: () => {
-                    setSelectedLabels([]);
-                    setSelectedFleets([]);
-                } }, t('Clear all filters'))))));
+            React.createElement(react_core_1.Toolbar, { id: "overview-toolbar", inset: { default: 'insetNone' } },
+                React.createElement(react_core_1.ToolbarContent, null,
+                    React.createElement(react_core_1.ToolbarGroup, null,
+                        React.createElement(react_core_1.ToolbarItem, { variant: "search-filter" },
+                            React.createElement(DeviceToolbarFilters_1.default, { fleets: fleets, selectedFleetNames: selectedFleets, setSelectedFleets: setSelectedFleets, allLabels: allLabels, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels })))))),
+        hasFilters && (React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Flex, null,
+                !!selectedFleets.length && (React.createElement(react_core_1.FlexItem, null,
+                    React.createElement(react_core_1.ChipGroup, { categoryName: t('Fleets'), isClosable: true, onClick: () => setSelectedFleets([]) }, selectedFleets.map((fleet) => (React.createElement(react_core_1.Chip, { key: fleet, onClick: () => setSelectedFleets(selectedFleets.filter((f) => f !== fleet)) }, fleet)))))),
+                !!selectedLabels.length && (React.createElement(react_core_1.FlexItem, null,
+                    React.createElement(react_core_1.ChipGroup, { categoryName: t('Labels'), isClosable: true, onClick: () => setSelectedLabels([]) }, selectedLabels.map((l) => {
+                        const label = (0, labels_1.labelToString)(l);
+                        return (React.createElement(react_core_1.Chip, { key: label, onClick: () => setSelectedLabels(selectedLabels.filter((l) => (0, labels_1.labelToString)(l) !== label)) }, label));
+                    })))),
+                React.createElement(react_core_1.FlexItem, null,
+                    React.createElement(react_core_1.Button, { variant: "link", onClick: () => {
+                            setSelectedLabels([]);
+                            setSelectedFleets([]);
+                        } }, t('Clear all filters'))))))));
 };
 exports.default = StatusCardFilters;
 //# sourceMappingURL=StatusCardFilters.js.map

package/dist/src/components/OverviewPage/Cards/Status/StatusCardFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusCardFilters.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/StatusCardFilters.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAWgC;AAEhC,qEAAkE;AAClE,mFAA6E;AAC7E,qDAA8E;AAE9E,qDAAsD;AAYtD,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,MAAM,EACN,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,IAAA,4BAAmB,EAAC,OAAO,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,mBAAU,EAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAErG,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC;IAEtE,OAAO,CACL,oBAAC,iBAAI;QACH,oBAAC,qBAAQ;YACP,oBAAC,sBAAY,IACX,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAC5C,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB;gBAElC,oBAAC,uBAAU;oBACT,oBAAC,iBAAI,IAAC,SAAS;wBACb,oBAAC,qBAAQ,IAAC,IAAI,EAAE,CAAC;4BACf,oBAAC,gCAAiB,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,IAClC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,oBAAC,yBAAY,IAAC,UAAU,UAAE,CAAC,CAAC,qBAAqB,CAAC,CAAgB,CACnE,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,oBAAC,yBAAY,IACX,GAAG,EAAE,CAAC,EACN,WAAW,QACX,KAAK,EAAE,CAAC,EACR,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CACZ,iBAAiB,CACf,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;oCACxB,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC;oCAC/C,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC,CAAC,CAC3B,IAGF,CAAC,CACW,CAChB,CAAC,CACH,CACiB,CACX;wBACX,oBAAC,qBAAQ,IAAC,IAAI,EAAE,CAAC;4BACf,oBAAC,gCAAiB,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,IAClC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,oBAAC,yBAAY,IAAC,UAAU,UAAE,CAAC,CAAC,qBAAqB,CAAC,CAAgB,CACnE,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,oBAAC,yBAAY,IACX,GAAG,EAAE,KAAK,EACV,WAAW,QACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,sBAAa,EAAC,CAAC,CAAC,KAAK,KAAK,CAAC,EAClE,OAAO,EAAE,GAAG,EAAE;oCACZ,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,sBAAa,EAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;oCAC3E,IAAI,SAAS,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,EAAE,CAAC;wCAC/C,iBAAiB,CAAC,SAAS,CAAC,CAAC;oCAC/B,CAAC;yCAAM,CAAC;wCACN,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;wCACpC,IAAI,QAAwC,CAAC;wCAC7C,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;4CAC5B,QAAQ,GAAG;gDACT,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;gDAClB,KAAK,EAAE,EAAE;6CACV,CAAC;wCACJ,CAAC;6CAAM,CAAC;4CACN,QAAQ,GAAG;gDACT,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;gDAClB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;6CACrB,CAAC;wCACJ,CAAC;wCACD,iBAAiB,CAAC,CAAC,GAAG,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;oCACnD,CAAC;gCACH,CAAC;gCAED,oBAAC,kBAAK,IAAC,EAAE,EAAE,KAAK,IAAG,KAAK,CAAS,CACpB,CAChB,CAAC,CACH,CACiB,CACX,CACN,CACI,CACA,CACN;QACV,CAAC,CAAC,cAAc,CAAC,MAAM,IAAI,CAC1B,oBAAC,qBAAQ;YACP,oBAAC,sBAAS,IAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAClF,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,oBAAC,iBAAI,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,IAC1F,KAAK,CACD,CACR,CAAC,CACQ,CACH,CACZ;QACA,CAAC,CAAC,cAAc,CAAC,MAAM,IAAI,CAC1B,oBAAC,qBAAQ;YACP,oBAAC,sBAAS,IAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAClF,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,CAAC,CAAC,CAAC;gBAC/B,OAAO,CACL,oBAAC,iBAAI,IACH,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,sBAAa,EAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,IAEzF,KAAK,CACD,CACR,CAAC;YACJ,CAAC,CAAC,CACQ,CACH,CACZ;QACA,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CACvD,oBAAC,qBAAQ;YACP,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;oBACZ,iBAAiB,CAAC,EAAE,CAAC,CAAC;oBACtB,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBACxB,CAAC,IAEA,CAAC,CAAC,mBAAmB,CAAC,CAChB,CACA,CACZ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"StatusCardFilters.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/StatusCardFilters.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAWgC;AAEhC,qEAAkE;AAClE,qDAAyD;AAEzD,oHAAyF;AAWzF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,iBAAI;QACH,oBAAC,qBAAQ;YACP,oBAAC,oBAAO,IAAC,EAAE,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;gBAC5D,oBAAC,2BAAc;oBACb,oBAAC,yBAAY;wBACX,oBAAC,wBAAW,IAAC,OAAO,EAAC,eAAe;4BAClC,oBAAC,8BAAyB,IACxB,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,cAAc,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACpC,CACU,CACD,CACA,CACT,CACD;QAEV,UAAU,IAAI,CACb,oBAAC,sBAAS;YACR,oBAAC,iBAAI;gBACF,CAAC,CAAC,cAAc,CAAC,MAAM,IAAI,CAC1B,oBAAC,qBAAQ;oBACP,oBAAC,sBAAS,IAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAClF,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,oBAAC,iBAAI,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,IAC1F,KAAK,CACD,CACR,CAAC,CACQ,CACH,CACZ;gBACA,CAAC,CAAC,cAAc,CAAC,MAAM,IAAI,CAC1B,oBAAC,qBAAQ;oBACP,oBAAC,sBAAS,IAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAClF,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,CAAC,CAAC,CAAC;wBAC/B,OAAO,CACL,oBAAC,iBAAI,IACH,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,sBAAa,EAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,IAEzF,KAAK,CACD,CACR,CAAC;oBACJ,CAAC,CAAC,CACQ,CACH,CACZ;gBACD,oBAAC,qBAAQ;oBACP,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;4BACZ,iBAAiB,CAAC,EAAE,CAAC,CAAC;4BACtB,iBAAiB,CAAC,EAAE,CAAC,CAAC;wBACxB,CAAC,IAEA,CAAC,CAAC,mBAAmB,CAAC,CAChB,CACA,CACN,CACG,CACb,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/SystemUpdateStatusChart.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FlightCtlLabel } from '../../../../types/extraTypes';
+declare const SystemUpdateStatusChart: ({ updatedStatus, labels, fleets, }: {
+    updatedStatus: Record<string, number>;
+    labels: FlightCtlLabel[];
+    fleets: string[];
+}) => React.JSX.Element;
+export default SystemUpdateStatusChart;
+//# sourceMappingURL=SystemUpdateStatusChart.d.ts.map

package/dist/src/components/OverviewPage/Cards/Status/SystemUpdateStatusChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemUpdateStatusChart.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/SystemUpdateStatusChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAS9D,QAAA,MAAM,uBAAuB;mBAKZ,OAAO,MAAM,EAAE,MAAM,CAAC;YAC7B,cAAc,EAAE;YAChB,MAAM,EAAE;uBAiBjB,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/SystemUpdateStatusChart.js

@@ -2,29 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const types_1 = require("@flightctl/types");
 const useTranslation_1 = require("../../../../hooks/useTranslation");
+const utils_1 = require("../../../Status/utils");
 const system_1 = require("../../../../utils/status/system");
-const utils_1 = require("./utils");
 const devices_1 = require("../../../../utils/status/devices");
+const utils_2 = require("./utils");
 const DonutChart_1 = tslib_1.__importDefault(require("../../../charts/DonutChart"));
-const utils_2 = require("../../../Status/utils");
-const SystemUpdateStatusChart = ({ resources, labels, fleets, }) => {
+const SystemUpdateStatusChart = ({ updatedStatus, labels, fleets, }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
     const statusItems = (0, system_1.getSystemUpdateStatusItems)(t);
-    const data = resources.reduce((all, curr) => {
-        var _a;
-        const updateStatus = ((_a = curr.status) === null || _a === void 0 ? void 0 : _a.updated.status) || types_1.DeviceUpdatedStatusType.DeviceUpdatedStatusUnknown;
-        all[updateStatus]++;
-        return all;
-    }, {
-        [types_1.DeviceUpdatedStatusType.DeviceUpdatedStatusUpToDate]: 0,
-        [types_1.DeviceUpdatedStatusType.DeviceUpdatedStatusOutOfDate]: 0,
-        [types_1.DeviceUpdatedStatusType.DeviceUpdatedStatusUpdating]: 0,
-        [types_1.DeviceUpdatedStatusType.DeviceUpdatedStatusUnknown]: 0,
-    });
-    const updateStatusData = (0, utils_1.toChartData)(data, statusItems, devices_1.FilterSearchParams.UpdatedStatus, labels, fleets);
-    return (React.createElement(DonutChart_1.default, { title: t('System update status'), data: updateStatusData, helperText: (0, utils_2.getUpdateStatusHelperText)(t) }));
+    const updateStatusData = (0, utils_2.toOverviewChartData)(updatedStatus, statusItems, labels, fleets, devices_1.FilterSearchParams.UpdatedStatus);
+    return (React.createElement(DonutChart_1.default, { title: t('System update status'), data: updateStatusData, helperText: (0, utils_1.getUpdateStatusHelperText)(t) }));
 };
 exports.default = SystemUpdateStatusChart;
 //# sourceMappingURL=SystemUpdateStatusChart.js.map

package/dist/src/components/OverviewPage/Cards/Status/SystemUpdateStatusChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemUpdateStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/SystemUpdateStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,4CAAmE;AACnE,qEAAkE;AAClE,4DAA6E;AAC7E,mCAAiD;AACjD,8DAAsE;AACtE,oFAAoD;AACpD,iDAAkE;AAKlE,MAAM,uBAAuB,GAAG,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,mCAA0B,EAAC,CAAC,CAAC,CAAC;IAElD,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAC3B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;;QACZ,MAAM,YAAY,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,MAAM,KAAI,+BAAuB,CAAC,0BAA0B,CAAC;QACvG,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;QACpB,OAAO,GAAG,CAAC;IACb,CAAC,EACD;QACE,CAAC,+BAAuB,CAAC,2BAA2B,CAAC,EAAE,CAAC;QACxD,CAAC,+BAAuB,CAAC,4BAA4B,CAAC,EAAE,CAAC;QACzD,CAAC,+BAAuB,CAAC,2BAA2B,CAAC,EAAE,CAAC;QACxD,CAAC,+BAAuB,CAAC,0BAA0B,CAAC,EAAE,CAAC;KACxD,CACF,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,WAAW,EAAE,4BAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAE1G,OAAO,CACL,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAA,iCAAyB,EAAC,CAAC,CAAC,GAAI,CACnH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}
+{"version":3,"file":"SystemUpdateStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/SystemUpdateStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAK/B,qEAAkE;AAClE,iDAAkE;AAClE,4DAA6E;AAC7E,8DAAsE;AACtE,mCAA8C;AAC9C,oFAAoD;AAEpD,MAAM,uBAAuB,GAAG,CAAC,EAC/B,aAAa,EACb,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,mCAA0B,EAAC,CAAC,CAAC,CAAC;IAElD,MAAM,gBAAgB,GAAG,IAAA,2BAAmB,EAC1C,aAAa,EACb,WAAW,EACX,MAAM,EACN,MAAM,EACN,4BAAkB,CAAC,aAAa,CACjC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAA,iCAAyB,EAAC,CAAC,CAAC,GAAI,CACnH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/utils.d.ts

@@ -0,0 +1,15 @@
+import { FlightCtlLabel } from '../../../../types/extraTypes';
+import { FilterSearchParams } from '../../../../utils/status/devices';
+import { StatusItem } from '../../../../utils/status/common';
+import { StatusMap } from '../../../charts/utils';
+export declare const toOverviewChartData: <T extends string>(map: StatusMap, statusItems: StatusItem<T>[], labels: FlightCtlLabel[], fleetNames: string[], filterName: FilterSearchParams) => {
+    x: string;
+    y: number;
+    color: string;
+    link: {
+        to: import("../../../../hooks/useNavigate").Route;
+        query: string;
+    };
+    tooltip: string;
+}[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/components/OverviewPage/Cards/Status/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAe,MAAM,uBAAuB,CAAC;AAE/D,eAAO,MAAM,mBAAmB,0BACzB,SAAS,wCAEN,cAAc,EAAE,cACZ,MAAM,EAAE,cACR,kBAAkB;;;;;;;;;GAO/B,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/utils.js

@@ -1,31 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toChartData = void 0;
-const tslib_1 = require("tslib");
-const percent_round_1 = tslib_1.__importDefault(require("percent-round"));
-const useNavigate_1 = require("../../../../hooks/useNavigate");
-const common_1 = require("../../../../utils/status/common");
-const devices_1 = require("../../../../utils/status/devices");
+exports.toOverviewChartData = void 0;
 const labels_1 = require("../../../../utils/labels");
-const toChartData = (map, statusItems, filterName, labels, fleets) => {
-    const percentages = (0, percent_round_1.default)(Object.values(map));
-    return Object.keys(map).map((key, index) => {
-        const item = statusItems.find(({ id }) => id === key);
-        const query = new URLSearchParams();
-        query.append(filterName, key);
-        labels.forEach((l) => query.append(devices_1.FilterSearchParams.Label, (0, labels_1.labelToString)(l)));
-        fleets.forEach((f) => query.append(devices_1.FilterSearchParams.Fleet, f));
-        return {
-            x: `${item.label}`,
-            y: percentages[index],
-            color: (0, common_1.getDefaultStatusColor)(item.level),
-            link: {
-                to: useNavigate_1.ROUTE.DEVICES,
-                query: query.toString(),
-            },
-            tooltip: `${map[key]} ${item.label}`,
-        };
-    });
+const devices_1 = require("../../../../utils/status/devices");
+const utils_1 = require("../../../charts/utils");
+const toOverviewChartData = (map, statusItems, labels, fleetNames, filterName) => {
+    const baseQuery = new URLSearchParams();
+    labels.forEach((l) => baseQuery.append(devices_1.FilterSearchParams.Label, (0, labels_1.labelToString)(l)));
+    fleetNames.forEach((f) => baseQuery.append(devices_1.FilterSearchParams.Fleet, f));
+    return (0, utils_1.toChartData)(map, statusItems, baseQuery, filterName);
 };
-exports.toChartData = toChartData;
+exports.toOverviewChartData = toOverviewChartData;
 //# sourceMappingURL=utils.js.map

package/dist/src/components/OverviewPage/Cards/Status/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/utils.ts"],"names":[],"mappings":";;;;AAAA,0EAAyC;AACzC,+DAAsD;AACtD,4DAAoF;AAEpF,8DAAsE;AAEtE,qDAAyD;AAIlD,MAAM,WAAW,GAAG,CACzB,GAAiB,EACjB,WAA4B,EAC5B,UAA8B,EAC9B,MAAwB,EACxB,MAAgB,EAChB,EAAE;IACF,MAAM,WAAW,GAAG,IAAA,uBAAY,EAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACrD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAO,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC/C,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,GAAG,CAAkB,CAAC;QAEvE,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;QACpC,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAC9B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,4BAAkB,CAAC,KAAK,EAAE,IAAA,sBAAa,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChF,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,4BAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAEjE,OAAO;YACL,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;YAClB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;YACrB,KAAK,EAAE,IAAA,8BAAqB,EAAC,IAAI,CAAC,KAAK,CAAC;YACxC,IAAI,EAAE;gBACJ,EAAE,EAAE,mBAAK,CAAC,OAAO;gBACjB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;aACxB;YACD,OAAO,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE;SACrC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AA3BW,QAAA,WAAW,eA2BtB"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/utils.ts"],"names":[],"mappings":";;;AACA,qDAAyD;AACzD,8DAAsE;AAEtE,iDAA+D;AAExD,MAAM,mBAAmB,GAAG,CACjC,GAAc,EACd,WAA4B,EAC5B,MAAwB,EACxB,UAAoB,EACpB,UAA8B,EAC9B,EAAE;IACF,MAAM,SAAS,GAAG,IAAI,eAAe,EAAE,CAAC;IACxC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAAkB,CAAC,KAAK,EAAE,IAAA,sBAAa,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpF,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAEzE,OAAO,IAAA,mBAAW,EAAI,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AACjE,CAAC,CAAC;AAZW,QAAA,mBAAmB,uBAY9B"}

package/dist/src/components/OverviewPage/Cards/ToDo/ToDoCard.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const ToDoCard: () => React.JSX.Element;
+export default ToDoCard;
+//# sourceMappingURL=ToDoCard.d.ts.map

package/dist/src/components/OverviewPage/Cards/ToDo/ToDoCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToDoCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/ToDo/ToDoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,QAAA,MAAM,QAAQ,yBA+Cb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/OverviewPage/Cards/ToDo/ToDoCard.js

@@ -6,7 +6,6 @@ const react_core_1 = require("@patternfly/react-core");
 const useTranslation_1 = require("../../../../hooks/useTranslation");
 const useFetchPeriodically_1 = require("../../../../hooks/useFetchPeriodically");
 const enrollmentRequest_1 = require("../../../../utils/status/enrollmentRequest");
-const devices_1 = require("../../../../utils/status/devices");
 const useNavigate_1 = require("../../../../hooks/useNavigate");
 const ErrorAlert_1 = tslib_1.__importDefault(require("../../../ErrorAlert/ErrorAlert"));
 const ToDoCard = () => {
@@ -28,9 +27,9 @@ const ToDoCard = () => {
             content = (React.createElement(react_core_1.List, null,
                 React.createElement(react_core_1.ListItem, null,
                     React.createElement(react_core_1.Split, { hasGutter: true },
-                        React.createElement(react_core_1.SplitItem, { isFilled: true }, t('{{ count }} pending approval devices', { count: pendingErs.length })),
+                        React.createElement(react_core_1.SplitItem, { isFilled: true }, t('{{ count }} devices pending approval', { count: pendingErs.length })),
                         React.createElement(react_core_1.SplitItem, null,
-                            React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.DEVICES, query: `${devices_1.FilterSearchParams.DeviceStatus}=${enrollmentRequest_1.EnrollmentRequestStatus.Pending}` }, t('Review pending devices', { count: pendingErs.length })))))));
+                            React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.DEVICES }, t('Review pending devices', { count: pendingErs.length })))))));
         }
         else {
             content = (React.createElement(react_core_1.Bullseye, null,

package/dist/src/components/OverviewPage/Cards/ToDo/ToDoCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToDoCard.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/ToDo/ToDoCard.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAagC;AAEhC,qEAAkE;AAClE,iFAA8E;AAC9E,kFAAwG;AACxG,8DAAsE;AACtE,+DAA4D;AAC5D,wFAAwD;AAExD,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,IAAA,2CAAoB,EAAwB;QAC3E,QAAQ,EAAE,oBAAoB;KAC/B,CAAC,CAAC;IAEH,IAAI,OAAwB,CAAC;IAC7B,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,GAAG,CACR,oBAAC,qBAAQ;YACP,oBAAC,oBAAO,OAAG,CACF,CACZ,CAAC;IACJ,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,OAAO,GAAG,oBAAC,oBAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IACzC,CAAC;SAAM,CAAC;QACN,MAAM,UAAU,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAA,qCAAiB,EAAC,EAAE,CAAC,KAAK,2CAAuB,CAAC,OAAO,CAAC,CAAC;QAC3G,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,EAAE,CAAC;YACvB,OAAO,GAAG,CACR,oBAAC,iBAAI;gBACH,oBAAC,qBAAQ;oBACP,oBAAC,kBAAK,IAAC,SAAS;wBACd,oBAAC,sBAAS,IAAC,QAAQ,UAAE,CAAC,CAAC,sCAAsC,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAa;wBACzG,oBAAC,sBAAS;4BACR,oBAAC,kBAAI,IACH,EAAE,EAAE,mBAAK,CAAC,OAAO,EACjB,KAAK,EAAE,GAAG,4BAAkB,CAAC,YAAY,IAAI,2CAAuB,CAAC,OAAO,EAAE,IAE7E,CAAC,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CACrD,CACG,CACN,CACC,CACN,CACR,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,CACR,oBAAC,qBAAQ;gBACP,oBAAC,wBAAW;oBACV,oBAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,KAAK,IAAG,CAAC,CAAC,WAAW,CAAC,CAAQ,CAChD,CACL,CACZ,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,CACL,oBAAC,iBAAI;QACH,oBAAC,sBAAS,QAAE,CAAC,CAAC,OAAO,CAAC,CAAa;QACnC,oBAAC,qBAAQ,QAAE,OAAO,CAAY,CACzB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"ToDoCard.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/ToDo/ToDoCard.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAagC;AAEhC,qEAAkE;AAClE,iFAA8E;AAC9E,kFAAwG;AACxG,+DAA4D;AAC5D,wFAAwD;AAExD,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,IAAA,2CAAoB,EAAwB;QAC3E,QAAQ,EAAE,oBAAoB;KAC/B,CAAC,CAAC;IAEH,IAAI,OAAwB,CAAC;IAC7B,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,GAAG,CACR,oBAAC,qBAAQ;YACP,oBAAC,oBAAO,OAAG,CACF,CACZ,CAAC;IACJ,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,OAAO,GAAG,oBAAC,oBAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IACzC,CAAC;SAAM,CAAC;QACN,MAAM,UAAU,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAA,qCAAiB,EAAC,EAAE,CAAC,KAAK,2CAAuB,CAAC,OAAO,CAAC,CAAC;QAC3G,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,EAAE,CAAC;YACvB,OAAO,GAAG,CACR,oBAAC,iBAAI;gBACH,oBAAC,qBAAQ;oBACP,oBAAC,kBAAK,IAAC,SAAS;wBACd,oBAAC,sBAAS,IAAC,QAAQ,UAAE,CAAC,CAAC,sCAAsC,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAa;wBACzG,oBAAC,sBAAS;4BACR,oBAAC,kBAAI,IAAC,EAAE,EAAE,mBAAK,CAAC,OAAO,IAAG,CAAC,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAQ,CACjF,CACN,CACC,CACN,CACR,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,CACR,oBAAC,qBAAQ;gBACP,oBAAC,wBAAW;oBACV,oBAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,KAAK,IAAG,CAAC,CAAC,WAAW,CAAC,CAAQ,CAChD,CACL,CACZ,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,CACL,oBAAC,iBAAI;QACH,oBAAC,sBAAS,QAAE,CAAC,CAAC,OAAO,CAAC,CAAa;QACnC,oBAAC,qBAAQ,QAAE,OAAO,CAAY,CACzB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/src/components/OverviewPage/Overview.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const Overview: () => React.JSX.Element;
+export default Overview;
+//# sourceMappingURL=Overview.d.ts.map

package/dist/src/components/OverviewPage/Overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../../src/components/OverviewPage/Overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,QAAQ,yBAWb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/OverviewPage/OverviewPage.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const OverviewPage: () => React.JSX.Element;
+export default OverviewPage;
+//# sourceMappingURL=OverviewPage.d.ts.map

package/dist/src/components/OverviewPage/OverviewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OverviewPage/OverviewPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,YAAY,yBAcjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/components/Repository/CreateRepository/CreateRepository.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const CreateRepository: () => React.JSX.Element;
+export default CreateRepository;
+//# sourceMappingURL=CreateRepository.d.ts.map

package/dist/src/components/Repository/CreateRepository/CreateRepository.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateRepository.d.ts","sourceRoot":"","sources":["../../../../../src/components/Repository/CreateRepository/CreateRepository.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,QAAA,MAAM,gBAAgB,yBAmHrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/Repository/CreateRepository/CreateRepositoryForm.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { RepoSpecType, Repository, ResourceSync } from '@flightctl/types';
+import './CreateRepositoryForm.css';
+export declare const RepositoryForm: ({ isEdit }: {
+    isEdit?: boolean | undefined;
+}) => React.JSX.Element;
+export type CreateRepositoryFormProps = {
+    onClose: VoidFunction;
+    onSuccess: (repository: Repository) => void;
+    repository?: Repository;
+    resourceSyncs?: ResourceSync[];
+    options?: {
+        isReadOnly?: boolean;
+        canUseResourceSyncs?: boolean;
+        showRepoTypes?: boolean;
+        allowedRepoTypes?: RepoSpecType[];
+    };
+};
+declare const CreateRepositoryForm: React.FC<CreateRepositoryFormProps>;
+export default CreateRepositoryForm;
+//# sourceMappingURL=CreateRepositoryForm.d.ts.map

package/dist/src/components/Repository/CreateRepository/CreateRepositoryForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateRepositoryForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/Repository/CreateRepository/CreateRepositoryForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAa1E,OAAO,4BAA4B,CAAC;AA4MpC,eAAO,MAAM,cAAc;;uBAyB1B,CAAC;AAsDF,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAC;KACnC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiG7D,CAAC;AACF,eAAe,oBAAoB,CAAC"}