@flightctl/ui-components 0.0.1

package/dist/src/components/Fleet/DeleteFleetModal/DeleteFleetModal.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_i18next_1 = require("react-i18next");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useFetch_1 = require("../../../hooks/useFetch");
+const error_1 = require("../../../utils/error");
+const DeleteFleetModal = ({ fleetId, onClose }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { remove } = (0, useFetch_1.useFetch)();
+    const [error, setError] = React.useState();
+    const [isDeleting, setIsDeleting] = React.useState();
+    const onDelete = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield remove(`fleets/${fleetId}`);
+        }
+        catch (fleetErr) {
+            setError({ text: t('Deletion of fleet {{fleetId}} failed.'), details: (0, error_1.getErrorMessage)(fleetErr) });
+        }
+    });
+    return (React.createElement(react_core_1.Modal, { title: t('Delete fleet ?'), isOpen: true, onClose: () => {
+            onClose();
+        }, variant: "small", titleIconVariant: "warning", actions: [
+            React.createElement(react_core_1.Button, { key: "confirm", variant: "danger", isDisabled: isDeleting || !!error, isLoading: isDeleting, onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                    setError(undefined);
+                    try {
+                        setIsDeleting(true);
+                        yield onDelete();
+                        setIsDeleting(false);
+                        onClose(true);
+                    }
+                    catch (_a) {
+                        setIsDeleting(false);
+                    }
+                }) }, t('Delete fleet')),
+            React.createElement(react_core_1.Button, { key: "cancel", variant: "link", onClick: () => {
+                    onClose();
+                }, isDisabled: isDeleting }, t('Cancel')),
+        ] },
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_i18next_1.Trans, { t: t },
+                    "Are you sure you want to delete fleet ",
+                    React.createElement("strong", null, fleetId),
+                    "?")),
+            React.createElement(react_core_1.StackItem, null, t('Devices bound to this fleet may join another fleet matching their labels, otherwise they will remain unlinked from any fleet.')),
+            error && (React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('An error occurred') },
+                    React.createElement("div", null, error.text),
+                    error.details && React.createElement("div", null, t('Details: {{errorDetails}}', { errorDetails: error.details }))))))));
+};
+exports.default = DeleteFleetModal;
+//# sourceMappingURL=DeleteFleetModal.js.map

package/dist/src/components/Fleet/DeleteFleetModal/DeleteFleetModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteFleetModal.js","sourceRoot":"","sources":["../../../../../src/components/Fleet/DeleteFleetModal/DeleteFleetModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAgF;AAChF,iDAAsC;AAEtC,kEAA+D;AAC/D,sDAAmD;AACnD,gDAAuD;AAEvD,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAgE,EAAE,EAAE;IAC9G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsC,CAAC;IAC/E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IAE9D,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC1B,IAAI,CAAC;YACH,MAAM,MAAM,CAAC,UAAU,OAAO,EAAE,CAAC,CAAC;QACpC,CAAC;QAAC,OAAO,QAAQ,EAAE,CAAC;YAClB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,uCAAuC,CAAC,EAAE,OAAO,EAAE,IAAA,uBAAe,EAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrG,CAAC;IACH,CAAC,CAAA,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAK,IACJ,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC1B,MAAM,QACN,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC,EACD,OAAO,EAAC,OAAO,EACf,gBAAgB,EAAC,SAAS,EAC1B,OAAO,EAAE;YACP,oBAAC,mBAAM,IACL,GAAG,EAAC,SAAS,EACb,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAE,UAAU,IAAI,CAAC,CAAC,KAAK,EACjC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAS,EAAE;oBAClB,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACpB,IAAI,CAAC;wBACH,aAAa,CAAC,IAAI,CAAC,CAAC;wBACpB,MAAM,QAAQ,EAAE,CAAC;wBACjB,aAAa,CAAC,KAAK,CAAC,CAAC;wBACrB,OAAO,CAAC,IAAI,CAAC,CAAC;oBAChB,CAAC;oBAAC,WAAM,CAAC;wBACP,aAAa,CAAC,KAAK,CAAC,CAAC;oBACvB,CAAC;gBACH,CAAC,CAAA,IAEA,CAAC,CAAC,cAAc,CAAC,CACX;YACT,oBAAC,mBAAM,IACL,GAAG,EAAC,QAAQ,EACZ,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,EAAE,CAAC;gBACZ,CAAC,EACD,UAAU,EAAE,UAAU,IAErB,CAAC,CAAC,QAAQ,CAAC,CACL;SACV;QAED,oBAAC,kBAAK,IAAC,SAAS;YACd,oBAAC,sBAAS;gBACR,oBAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;oBAC6B,oCAAS,OAAO,CAAU;wBAC1D,CACE;YACZ,oBAAC,sBAAS,QACP,CAAC,CACA,+HAA+H,CAChI,CACS;YACX,KAAK,IAAI,CACR,oBAAC,sBAAS;gBACR,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC;oBAC5D,iCAAM,KAAK,CAAC,IAAI,CAAO;oBACtB,KAAK,CAAC,OAAO,IAAI,iCAAM,CAAC,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAO,CACxF,CACE,CACb,CACK,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/src/components/Fleet/FleetDetails/FleetDetails.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useFetchPeriodically_1 = require("../../../hooks/useFetchPeriodically");
+const DetailsPage_1 = tslib_1.__importDefault(require("../../DetailsPage/DetailsPage"));
+const DetailsPageActions_1 = tslib_1.__importDefault(require("../../DetailsPage/DetailsPageActions"));
+const FleetDetailsContent_1 = tslib_1.__importDefault(require("./FleetDetailsContent"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const DeleteFleetModal_1 = tslib_1.__importDefault(require("../DeleteFleetModal/DeleteFleetModal"));
+const FleetDetails = () => {
+    var _a;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { router: { useParams }, } = (0, useAppContext_1.useAppContext)();
+    const { fleetId } = useParams();
+    const [fleet, isLoading, error, refetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: `fleets/${fleetId}?addDevicesSummary=true`,
+    });
+    const [isDeleteModalOpen, setIsDeleteModalOpen] = react_1.default.useState();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const isManaged = !!((_a = fleet === null || fleet === void 0 ? void 0 : fleet.metadata) === null || _a === void 0 ? void 0 : _a.owner);
+    return (react_1.default.createElement(DetailsPage_1.default, { loading: isLoading, error: error, id: fleetId, resourceLink: useNavigate_1.ROUTE.FLEETS, resourceType: "Fleets", resourceTypeLabel: t('Fleets'), actions: react_1.default.createElement(DetailsPageActions_1.default, null,
+            react_1.default.createElement(react_core_1.DropdownList, null,
+                react_1.default.createElement(react_core_1.DropdownItem, { isAriaDisabled: isManaged, tooltipProps: isManaged
+                        ? {
+                            content: t('Fleets managed by a resource sync cannot be edited'),
+                        }
+                        : undefined, onClick: () => navigate({ route: useNavigate_1.ROUTE.FLEET_EDIT, postfix: fleetId }) }, t('Edit fleet')),
+                react_1.default.createElement(react_core_1.DropdownItem, { title: t('Delete fleet'), onClick: () => {
+                        setIsDeleteModalOpen(true);
+                    }, isAriaDisabled: isManaged, tooltipProps: isManaged
+                        ? {
+                            content: t("This fleet is managed by a resource sync and cannot be directly deleted. Either remove this fleet's definition from the resource sync configuration, or delete the resource sync first."),
+                        }
+                        : undefined }, t('Delete fleet')))) }, fleet && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(FleetDetailsContent_1.default, { fleet: fleet }),
+        isDeleteModalOpen && (react_1.default.createElement(DeleteFleetModal_1.default, { fleetId: fleetId, onClose: (hasDeleted) => {
+                if (hasDeleted) {
+                    refetch();
+                    navigate(useNavigate_1.ROUTE.FLEETS);
+                }
+                setIsDeleteModalOpen(false);
+            } }))))));
+};
+exports.default = FleetDetails;
+//# sourceMappingURL=FleetDetails.js.map

package/dist/src/components/Fleet/FleetDetails/FleetDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FleetDetails.js","sourceRoot":"","sources":["../../../../../src/components/Fleet/FleetDetails/FleetDetails.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAoE;AAGpE,8EAA2E;AAC3E,wFAAwD;AACxD,sGAAsE;AACtE,wFAAwD;AACxD,kEAA+D;AAC/D,4DAAgE;AAChE,gEAA6D;AAC7D,oGAAoE;AAEpE,MAAM,YAAY,GAAG,GAAG,EAAE;;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,EACJ,MAAM,EAAE,EAAE,SAAS,EAAE,GACtB,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpB,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAyB,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,GAAG,IAAA,2CAAoB,EAAkB;QAC/E,QAAQ,EAAE,UAAU,OAAO,yBAAyB;KACrD,CAAC,CAAC;IACH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAW,CAAC;IAE5E,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,CAAC,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,KAAK,CAAA,CAAC;IAE3C,OAAO,CACL,8BAAC,qBAAW,IACV,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,OAAO,EACX,YAAY,EAAE,mBAAK,CAAC,MAAM,EAC1B,YAAY,EAAC,QAAQ,EACrB,iBAAiB,EAAE,CAAC,CAAC,QAAQ,CAAC,EAC9B,OAAO,EACL,8BAAC,4BAAkB;YACjB,8BAAC,yBAAY;gBACX,8BAAC,yBAAY,IACX,cAAc,EAAE,SAAS,EACzB,YAAY,EACV,SAAS;wBACP,CAAC,CAAC;4BACE,OAAO,EAAE,CAAC,CAAC,oDAAoD,CAAC;yBACjE;wBACH,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,mBAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,IAErE,CAAC,CAAC,YAAY,CAAC,CACH;gBACf,8BAAC,yBAAY,IACX,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EACxB,OAAO,EAAE,GAAG,EAAE;wBACZ,oBAAoB,CAAC,IAAI,CAAC,CAAC;oBAC7B,CAAC,EACD,cAAc,EAAE,SAAS,EACzB,YAAY,EACV,SAAS;wBACP,CAAC,CAAC;4BACE,OAAO,EAAE,CAAC,CACR,yLAAyL,CAC1L;yBACF;wBACH,CAAC,CAAC,SAAS,IAGd,CAAC,CAAC,cAAc,CAAC,CACL,CACF,CACI,IAGtB,KAAK,IAAI,CACR;QACE,8BAAC,6BAAmB,IAAC,KAAK,EAAE,KAAK,GAAI;QACpC,iBAAiB,IAAI,CACpB,8BAAC,0BAAgB,IACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,UAAoB,EAAE,EAAE;gBAChC,IAAI,UAAU,EAAE,CAAC;oBACf,OAAO,EAAE,CAAC;oBACV,QAAQ,CAAC,mBAAK,CAAC,MAAM,CAAC,CAAC;gBACzB,CAAC;gBACD,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,GACD,CACH,CACA,CACJ,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/Fleet/FleetDetails/FleetDetailsContent.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const LabelsView_1 = tslib_1.__importDefault(require("../../common/LabelsView"));
+const dates_1 = require("../../../utils/dates");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const FleetOwnerLink_1 = tslib_1.__importDefault(require("./FleetOwnerLink"));
+const FleetDevices_1 = tslib_1.__importDefault(require("./FleetDevices"));
+const FleetStatus_1 = tslib_1.__importDefault(require("../FleetStatus"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const RepositorySourceList_1 = tslib_1.__importDefault(require("../../Repository/RepositoryDetails/RepositorySourceList"));
+const devices_1 = require("../../../utils/devices");
+const FleetDevicesLink = ({ fleetId, count }) => {
+    if (count === undefined) {
+        return React.createElement(react_core_1.Spinner, { size: "sm" });
+    }
+    if (count === 0) {
+        return React.createElement(React.Fragment, null, "0");
+    }
+    return (React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.DEVICES, query: `fleetId=${fleetId}` }, count));
+};
+const FleetDetailsContent = ({ fleet }) => {
+    var _a, _b, _c;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const sourceItems = (0, devices_1.getSourceItems)(fleet.spec.template.spec.config);
+    const fleetId = fleet.metadata.name;
+    const devicesSummary = (_a = fleet.status) === null || _a === void 0 ? void 0 : _a.devicesSummary;
+    return (React.createElement(react_core_1.Grid, { hasGutter: true },
+        React.createElement(react_core_1.GridItem, { md: 12 },
+            React.createElement(react_core_1.Card, null,
+                React.createElement(react_core_1.CardTitle, null, t('Details')),
+                React.createElement(react_core_1.CardBody, null,
+                    React.createElement(react_core_1.DescriptionList, { columnModifier: { lg: '3Col' } },
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Created')),
+                            React.createElement(react_core_1.DescriptionListDescription, null, (0, dates_1.getDateDisplay)(fleet.metadata.creationTimestamp || ''))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Status')),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(FleetStatus_1.default, { fleet: fleet }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('System image')),
+                            React.createElement(react_core_1.DescriptionListDescription, null, ((_b = fleet.spec.template.spec.os) === null || _b === void 0 ? void 0 : _b.image) || '-')),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Device selector')),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(LabelsView_1.default, { prefix: "device", labels: (_c = fleet.spec.selector) === null || _c === void 0 ? void 0 : _c.matchLabels }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Associated devices')),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(FleetDevicesLink, { fleetId: fleetId, count: (devicesSummary === null || devicesSummary === void 0 ? void 0 : devicesSummary.total) || 0 }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Managed by')),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(FleetOwnerLink_1.default, { owner: fleet.metadata.owner }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Sources ({{size}})', { size: sourceItems.length })),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(RepositorySourceList_1.default, { sourceItems: sourceItems }))))))),
+        devicesSummary && (React.createElement(react_core_1.GridItem, { md: 12 },
+            React.createElement(react_core_1.Card, null,
+                React.createElement(react_core_1.CardTitle, null, t('Fleet devices')),
+                React.createElement(react_core_1.CardBody, null,
+                    React.createElement(FleetDevices_1.default, { fleetId: fleetId, devicesSummary: devicesSummary })))))));
+};
+exports.default = FleetDetailsContent;
+//# sourceMappingURL=FleetDetailsContent.js.map

package/dist/src/components/Fleet/FleetDetails/FleetDetailsContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FleetDetailsContent.js","sourceRoot":"","sources":["../../../../../src/components/Fleet/FleetDetails/FleetDetailsContent.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Fleet/FleetDetails/FleetDevices.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 devices_1 = require("../../../utils/status/devices");
+const system_1 = require("../../../utils/status/system");
+const utils_1 = require("../../Status/utils");
+const DonutChart_1 = tslib_1.__importDefault(require("../../charts/DonutChart"));
+const chartUtils_1 = require("./chartUtils");
+const DevicesByUpdateStatusChart = ({ fleetId, updateStatus, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, system_1.getSystemUpdateStatusItems)(t);
+    const data = statusItems.reduce((acc, currStatus) => {
+        acc[currStatus.id] = updateStatus[currStatus.id] || 0;
+        return acc;
+    }, {});
+    const updateStatusData = (0, chartUtils_1.toChartData)(fleetId, data, statusItems, devices_1.FilterSearchParams.UpdatedStatus);
+    return React.createElement(DonutChart_1.default, { title: t('Update status'), data: updateStatusData, helperText: (0, utils_1.getUpdateStatusHelperText)(t) });
+};
+const DevicesByDeviceStatusChart = ({ fleetId, deviceStatus, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, devices_1.getDeviceStatusItems)(t);
+    const data = statusItems.reduce((acc, currStatus) => {
+        acc[currStatus.id] = deviceStatus[currStatus.id] || 0;
+        return acc;
+    }, {});
+    const appStatusData = (0, chartUtils_1.toChartData)(fleetId, data, statusItems, devices_1.FilterSearchParams.DeviceStatus);
+    return React.createElement(DonutChart_1.default, { title: t('Device status'), data: appStatusData, helperText: (0, utils_1.getDeviceStatusHelperText)(t) });
+};
+const FleetDevices = ({ devicesSummary, fleetId }) => {
+    return (React.createElement(react_core_1.Grid, { hasGutter: true },
+        devicesSummary.summaryStatus && (React.createElement(react_core_1.GridItem, { md: 6 },
+            React.createElement(DevicesByDeviceStatusChart, { fleetId: fleetId, deviceStatus: devicesSummary.summaryStatus }))),
+        devicesSummary.updateStatus && (React.createElement(react_core_1.GridItem, { md: 6 },
+            React.createElement(DevicesByUpdateStatusChart, { fleetId: fleetId, updateStatus: devicesSummary.updateStatus })))));
+};
+exports.default = FleetDevices;
+//# sourceMappingURL=FleetDevices.js.map

package/dist/src/components/Fleet/FleetDetails/FleetDevices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FleetDevices.js","sourceRoot":"","sources":["../../../../../src/components/Fleet/FleetDetails/FleetDevices.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAwD;AAOxD,kEAA+D;AAC/D,2DAAyF;AACzF,yDAA0E;AAC1E,8CAA0F;AAC1F,iFAAiD;AACjD,6CAA2C;AAQ3C,MAAM,0BAA0B,GAAG,CAAC,EAClC,OAAO,EACP,YAAY,GAIb,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,WAAW,CAAC,MAAM,CAC7B,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE;QAClB,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACtD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAkC,CACnC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,wBAAW,EAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,4BAAkB,CAAC,aAAa,CAAC,CAAC;IAEnG,OAAO,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAA,iCAAyB,EAAC,CAAC,CAAC,GAAI,CAAC;AACrH,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,EAClC,OAAO,EACP,YAAY,GAIb,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,8BAAoB,EAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAC7B,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE;QAClB,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACtD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAoE,CACrE,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,wBAAW,EAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,4BAAkB,CAAC,YAAY,CAAC,CAAC;IAE/F,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,MAAM,YAAY,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAqB,EAAE,EAAE;IACtE,OAAO,CACL,oBAAC,iBAAI,IAAC,SAAS;QACZ,cAAc,CAAC,aAAa,IAAI,CAC/B,oBAAC,qBAAQ,IAAC,EAAE,EAAE,CAAC;YACb,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,aAAa,GAAI,CACnF,CACZ;QACA,cAAc,CAAC,YAAY,IAAI,CAC9B,oBAAC,qBAAQ,IAAC,EAAE,EAAE,CAAC;YACb,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,YAAY,GAAI,CAClF,CACZ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/Fleet/FleetDetails/FleetOwnerLink.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FleetOwnerLinkIcon = exports.RSLink = exports.getOwnerName = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const code_branch_icon_1 = require("@patternfly/react-icons/dist/js/icons/code-branch-icon");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const WithTooltip_1 = tslib_1.__importDefault(require("../../common/WithTooltip"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const rsOwnerRegex = /^ResourceSync\/(?<rsName>.*)$/;
+const getOwnerName = (owner) => { var _a, _b; return (_b = (_a = rsOwnerRegex.exec(owner || '')) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.rsName; };
+exports.getOwnerName = getOwnerName;
+const RSLink = ({ rsName }) => (React.createElement("div", null,
+    React.createElement(code_branch_icon_1.CodeBranchIcon, null),
+    " ",
+    React.createElement(useNavigate_1.Link, { to: { route: useNavigate_1.ROUTE.RESOURCE_SYNC_DETAILS, postfix: rsName } }, rsName)));
+exports.RSLink = RSLink;
+const FleetOwnerLink = ({ owner }) => {
+    const ownerRsName = (0, exports.getOwnerName)(owner);
+    if (!ownerRsName) {
+        return '-';
+    }
+    return React.createElement(exports.RSLink, { rsName: ownerRsName });
+};
+const FleetOwnerLinkIcon = ({ ownerName, children, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (!ownerName) {
+        return children;
+    }
+    return (React.createElement("span", { style: { display: 'flex', alignItems: 'center' } },
+        React.createElement(WithTooltip_1.default, { content: t('Managed by the resource sync {{resourceSyncName}}', { resourceSyncName: ownerName }), showTooltip: true },
+            React.createElement(code_branch_icon_1.CodeBranchIcon, null)),
+        children));
+};
+exports.FleetOwnerLinkIcon = FleetOwnerLinkIcon;
+exports.default = FleetOwnerLink;
+//# sourceMappingURL=FleetOwnerLink.js.map

package/dist/src/components/Fleet/FleetDetails/FleetOwnerLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FleetOwnerLink.js","sourceRoot":"","sources":["../../../../../src/components/Fleet/FleetDetails/FleetOwnerLink.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6FAAwF;AACxF,4DAAyD;AACzD,mFAAmD;AACnD,kEAA+D;AAE/D,MAAM,YAAY,GAAG,+BAA+B,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE,eAAC,OAAA,MAAA,MAAA,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,0CAAE,MAAM,0CAAE,MAAM,CAAA,EAAA,CAAC;AAA7F,QAAA,YAAY,gBAAiF;AAEnG,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE,CAAC,CACxD;IACE,oBAAC,iCAAc,OAAG;;IAAC,oBAAC,kBAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAK,CAAC,qBAAqB,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,MAAM,CAAQ,CACjG,CACP,CAAC;AAJW,QAAA,MAAM,UAIjB;AAEF,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAClE,MAAM,WAAW,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IACxC,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,oBAAC,cAAM,IAAC,MAAM,EAAE,WAAW,GAAI,CAAC;AACzC,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,GAGR,EAAE,EAAE;IACJ,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,CACL,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;QACpD,oBAAC,qBAAW,IACV,OAAO,EAAE,CAAC,CAAC,mDAAmD,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,EAChG,WAAW;YAEX,oBAAC,iCAAc,OAAG,CACN;QACb,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,kBAAkB,sBAsB7B;AAEF,kBAAe,cAAc,CAAC"}

package/dist/src/components/Fleet/FleetDetails/chartUtils.js

@@ -0,0 +1,29 @@
+"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 common_1 = require("../../../utils/status/common");
+const devices_1 = require("../../../utils/status/devices");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const toChartData = (fleetId, map, statusItems, statusFilter) => {
+    const percentages = (0, percent_round_1.default)(Object.values(map));
+    return Object.entries(map).map(([statusId, statusCount], index) => {
+        const item = statusItems.find(({ id }) => id === statusId);
+        const query = new URLSearchParams();
+        query.append(devices_1.FilterSearchParams.Fleet, fleetId);
+        query.append(statusFilter, item.id);
+        return {
+            x: `${item.label}`,
+            y: percentages[index],
+            color: (0, common_1.getDefaultStatusColor)(item.level),
+            link: {
+                to: useNavigate_1.ROUTE.DEVICES,
+                query: query.toString(),
+            },
+            tooltip: `${statusCount} ${item.label}`,
+        };
+    });
+};
+exports.toChartData = toChartData;
+//# sourceMappingURL=chartUtils.js.map

package/dist/src/components/Fleet/FleetDetails/chartUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartUtils.js","sourceRoot":"","sources":["../../../../../src/components/Fleet/FleetDetails/chartUtils.tsx"],"names":[],"mappings":";;;;AAAA,0EAAyC;AAGzC,yDAAiF;AAEjF,2DAAmE;AACnE,4DAAmD;AAE5C,MAAM,WAAW,GAAG,CACzB,OAAe,EACf,GAAiB,EACjB,WAA4B,EAC5B,YAAoB,EACpB,EAAE;IACF,MAAM,WAAW,GAAG,IAAA,uBAAY,EAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAErD,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAO,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAkB,CAAC;QAE5E,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;QACpC,KAAK,CAAC,MAAM,CAAC,4BAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAChD,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAEpC,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,WAAqB,IAAI,IAAI,CAAC,KAAK,EAAE;SAClD,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AA1BW,QAAA,WAAW,eA0BtB"}

package/dist/src/components/Fleet/FleetList.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_table_1 = require("@patternfly/react-table");
+const topology_icon_1 = require("@patternfly/react-icons/dist/js/icons/topology-icon");
+const react_i18next_1 = require("react-i18next");
+const useFetch_1 = require("../../hooks/useFetch");
+const useFetchPeriodically_1 = require("../../hooks/useFetchPeriodically");
+const ListPage_1 = tslib_1.__importDefault(require("../ListPage/ListPage"));
+const ListPageBody_1 = tslib_1.__importDefault(require("../ListPage/ListPageBody"));
+const ListPageActions_1 = require("../ListPage/ListPageActions");
+const generic_1 = require("../../utils/sort/generic");
+const fleet_1 = require("../../utils/sort/fleet");
+const TableTextSearch_1 = tslib_1.__importDefault(require("../Table/TableTextSearch"));
+const Table_1 = tslib_1.__importDefault(require("../Table/Table"));
+const useTableTextSearch_1 = require("../../hooks/useTableTextSearch");
+const useTableSort_1 = require("../../hooks/useTableSort");
+const useTableSelect_1 = require("../../hooks/useTableSelect");
+const TableActions_1 = tslib_1.__importDefault(require("../Table/TableActions"));
+const resource_1 = require("../../utils/resource");
+const MassDeleteFleetModal_1 = tslib_1.__importDefault(require("../modals/massModals/MassDeleteFleetModal/MassDeleteFleetModal"));
+const extraTypes_1 = require("../../types/extraTypes");
+const FleetRow_1 = tslib_1.__importDefault(require("./FleetRow"));
+const ResourceSyncRow_1 = tslib_1.__importDefault(require("./ResourceSyncRow"));
+const ResourceListEmptyState_1 = tslib_1.__importDefault(require("../common/ResourceListEmptyState"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useNavigate_1 = require("../../hooks/useNavigate");
+const DeleteFleetModal_1 = tslib_1.__importDefault(require("./DeleteFleetModal/DeleteFleetModal"));
+const FleetPageActions = ({ createText }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    return (React.createElement(react_core_1.Split, { hasGutter: true },
+        React.createElement(react_core_1.SplitItem, null,
+            React.createElement(react_core_1.Button, { variant: "primary", onClick: () => navigate(useNavigate_1.ROUTE.FLEET_CREATE) }, createText || t('Create a fleet'))),
+        React.createElement(react_core_1.SplitItem, null,
+            React.createElement(react_core_1.Button, { variant: "secondary", onClick: () => navigate(useNavigate_1.ROUTE.FLEET_IMPORT) }, t('Import fleets')))));
+};
+const FleetEmptyState = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(ResourceListEmptyState_1.default, { icon: topology_icon_1.TopologyIcon, titleText: t('No fleets here!') },
+        React.createElement(react_core_1.EmptyStateBody, null,
+            React.createElement(react_i18next_1.Trans, { t: t },
+                "Fleets are an easy way to manage multiple devices that share the same configurations.",
+                React.createElement("br", null),
+                "With fleets you will be able to edit and update devices in mass.")),
+        React.createElement(react_core_1.EmptyStateFooter, null,
+            React.createElement(react_core_1.EmptyStateActions, null,
+                React.createElement(FleetPageActions, null)))));
+};
+const getColumns = (t) => [
+    {
+        name: t('Name'),
+        onSort: generic_1.sortByName,
+    },
+    {
+        name: t('System image'),
+        onSort: fleet_1.sortFleetsByOSImg,
+    },
+    {
+        name: t('Device selector'),
+    },
+    {
+        name: t('Status'),
+        onSort: fleet_1.sortByStatus,
+    },
+];
+const getSearchText = (resource) => [resource.metadata.name];
+const FleetTable = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [fleetList, loading, error, refetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({ endpoint: 'fleets' });
+    const [rsList, rsLoading, rsError, rsRefetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({ endpoint: 'resourcesyncs' });
+    const { remove } = (0, useFetch_1.useFetch)();
+    const [isMassDeleteModalOpen, setIsMassDeleteModalOpen] = React.useState(false);
+    const [fleetToDeleteId, setFleetToDeleteId] = React.useState();
+    const data = React.useMemo(() => [
+        ...((fleetList === null || fleetList === void 0 ? void 0 : fleetList.items) || []),
+        ...((rsList === null || rsList === void 0 ? void 0 : rsList.items) || []).filter((rs) => !((fleetList === null || fleetList === void 0 ? void 0 : fleetList.items) || []).some((fleet) => fleet.metadata.owner === `ResourceSync/${rs.metadata.name}`)),
+    ], [fleetList, rsList]);
+    const { search, setSearch, filteredData } = (0, useTableTextSearch_1.useTableTextSearch)(data, getSearchText);
+    const columns = React.useMemo(() => getColumns(t), [t]);
+    const { getSortParams, sortedData } = (0, useTableSort_1.useTableSort)(filteredData, columns);
+    const { onRowSelect, isAllSelected, hasSelectedRows, isRowSelected, setAllSelected } = (0, useTableSelect_1.useTableSelect)();
+    const { deleteAction: deleteRsAction, deleteModal: deleteRsModal } = (0, ListPageActions_1.useDeleteListAction)({
+        resourceType: 'resource sync',
+        onDelete: (resourceId) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            yield remove(`resourcesyncs/${resourceId}`);
+            rsRefetch();
+        }),
+    });
+    return (React.createElement(ListPageBody_1.default, { error: error || rsError, loading: loading || rsLoading },
+        React.createElement(react_core_1.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(TableTextSearch_1.default, { value: search, setValue: setSearch }))),
+                React.createElement(react_core_1.ToolbarItem, null,
+                    React.createElement(FleetPageActions, { createText: t('Create fleet') })),
+                React.createElement(react_core_1.ToolbarItem, null,
+                    React.createElement(TableActions_1.default, null,
+                        React.createElement(react_core_1.SelectList, null,
+                            React.createElement(react_core_1.SelectOption, { isDisabled: !hasSelectedRows, onClick: () => setIsMassDeleteModalOpen(true) }, t('Delete'))))))),
+        React.createElement(Table_1.default, { "aria-label": t('Fleets table'), columns: columns, emptyFilters: filteredData.length === 0, emptyData: data.length === 0, getSortParams: getSortParams, isAllSelected: isAllSelected, onSelectAll: setAllSelected },
+            React.createElement(react_table_1.Tbody, null, sortedData.map((resource, rowIndex) => (0, extraTypes_1.isFleet)(resource) ? (React.createElement(FleetRow_1.default, { key: (0, resource_1.getResourceId)(resource), fleet: resource, rowIndex: rowIndex, onDeleteClick: () => {
+                    setFleetToDeleteId(resource.metadata.name || '');
+                }, isRowSelected: isRowSelected, onRowSelect: onRowSelect })) : (React.createElement(ResourceSyncRow_1.default, { key: (0, resource_1.getResourceId)(resource), resourceSync: resource, rowIndex: rowIndex, isRowSelected: isRowSelected, onRowSelect: onRowSelect, deleteAction: deleteRsAction }))))),
+        data.length === 0 && React.createElement(FleetEmptyState, null),
+        fleetToDeleteId && (React.createElement(DeleteFleetModal_1.default, { fleetId: fleetToDeleteId, onClose: (hasDeleted) => {
+                if (hasDeleted) {
+                    // Both lists are linked, so they both need to be refreshed
+                    rsRefetch();
+                    refetch();
+                }
+                setFleetToDeleteId(undefined);
+            } })),
+        deleteRsModal,
+        isMassDeleteModalOpen && (React.createElement(MassDeleteFleetModal_1.default, { onClose: () => setIsMassDeleteModalOpen(false), resources: sortedData.filter(isRowSelected), onDeleteSuccess: () => {
+                setIsMassDeleteModalOpen(false);
+                refetch();
+                rsRefetch();
+            } }))));
+};
+const FleetList = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(ListPage_1.default, { title: t('Fleets') },
+        React.createElement(FleetTable, null)));
+};
+exports.default = FleetList;
+//# sourceMappingURL=FleetList.js.map

package/dist/src/components/Fleet/FleetList.js.map

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

package/dist/src/components/Fleet/FleetRow.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_table_1 = require("@patternfly/react-table");
+const LabelsView_1 = tslib_1.__importDefault(require("../common/LabelsView"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const FleetOwnerLink_1 = require("./FleetDetails/FleetOwnerLink");
+const useNavigate_1 = require("../../hooks/useNavigate");
+const FleetStatus_1 = tslib_1.__importDefault(require("./FleetStatus"));
+const ResourceLink_1 = tslib_1.__importDefault(require("../common/ResourceLink"));
+const useFleetActions = (fleetName, isManaged) => {
+    const actions = [];
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (isManaged) {
+        actions.push({
+            title: t("View fleet's configuration"),
+            onClick: () => navigate({ route: useNavigate_1.ROUTE.FLEET_DETAILS, postfix: fleetName }),
+        });
+    }
+    else {
+        actions.push({
+            title: t('Edit fleet'),
+            onClick: () => navigate({ route: useNavigate_1.ROUTE.FLEET_EDIT, postfix: fleetName }),
+        });
+    }
+    return actions;
+};
+const FleetRow = ({ fleet, rowIndex, onRowSelect, isRowSelected, onDeleteClick }) => {
+    var _a, _b, _c, _d;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const fleetName = fleet.metadata.name || '';
+    const isManaged = !!((_a = fleet.metadata) === null || _a === void 0 ? void 0 : _a.owner);
+    const actions = useFleetActions(fleetName, !!((_b = fleet.metadata) === null || _b === void 0 ? void 0 : _b.owner));
+    actions.push({
+        title: t('Delete fleet'),
+        onClick: onDeleteClick,
+        tooltipProps: isManaged
+            ? {
+                content: t("This fleet is managed by a resource sync and cannot be directly deleted. Either remove this fleet's definition from the resource sync configuration, or delete the resource sync first."),
+            }
+            : undefined,
+        isAriaDisabled: isManaged,
+    });
+    return (React.createElement(react_table_1.Tr, null,
+        React.createElement(react_table_1.Td, { select: {
+                rowIndex,
+                onSelect: onRowSelect(fleet),
+                isSelected: isRowSelected(fleet),
+            } }),
+        React.createElement(react_table_1.Td, { dataLabel: t('Name') },
+            React.createElement(FleetOwnerLink_1.FleetOwnerLinkIcon, { ownerName: (0, FleetOwnerLink_1.getOwnerName)(fleet.metadata.owner) },
+                React.createElement(ResourceLink_1.default, { id: fleetName, routeLink: useNavigate_1.ROUTE.FLEET_DETAILS }))),
+        React.createElement(react_table_1.Td, { dataLabel: t('System image') }, ((_c = fleet.spec.template.spec.os) === null || _c === void 0 ? void 0 : _c.image) || '-'),
+        React.createElement(react_table_1.Td, { dataLabel: t('Device selector') },
+            React.createElement(LabelsView_1.default, { prefix: fleetName, labels: (_d = fleet.spec.selector) === null || _d === void 0 ? void 0 : _d.matchLabels, variant: "collapsed" })),
+        React.createElement(react_table_1.Td, { dataLabel: t('Status') },
+            React.createElement(FleetStatus_1.default, { fleet: fleet })),
+        React.createElement(react_table_1.Td, { isActionCell: true },
+            React.createElement(react_table_1.ActionsColumn, { items: actions }))));
+};
+exports.default = FleetRow;
+//# sourceMappingURL=FleetRow.js.map

package/dist/src/components/Fleet/FleetRow.js.map

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

package/dist/src/components/Fleet/FleetStatus.js

@@ -0,0 +1,34 @@
+"use strict";
+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 fleet_1 = require("../../utils/status/fleet");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const StatusDisplay_1 = require("../Status/StatusDisplay");
+const FleetStatus = ({ fleet }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const syncStatus = (0, fleet_1.getFleetSyncStatus)(fleet, t);
+    const statusLabels = (0, fleet_1.fleetStatusLabels)(t);
+    let level;
+    switch (syncStatus.status) {
+        case types_1.ConditionType.FleetValid:
+            level = 'success';
+            break;
+        case types_1.ConditionType.FleetOverlappingSelectors:
+            level = 'warning';
+            break;
+        case 'SyncPending':
+            level = 'info';
+            break;
+        case 'Invalid':
+            level = 'danger';
+            break;
+        default:
+            level = 'unknown';
+            break;
+    }
+    return React.createElement(StatusDisplay_1.StatusDisplayContent, { label: statusLabels[syncStatus.status], level: level, message: syncStatus.message });
+};
+exports.default = FleetStatus;
+//# sourceMappingURL=FleetStatus.js.map

package/dist/src/components/Fleet/FleetStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FleetStatus.js","sourceRoot":"","sources":["../../../../src/components/Fleet/FleetStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,4CAAwD;AACxD,oDAAiF;AACjF,+DAA4D;AAC5D,2DAA+D;AAG/D,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,yBAAiB,EAAC,CAAC,CAAC,CAAC;IAE1C,IAAI,KAAkB,CAAC;IAEvB,QAAQ,UAAU,CAAC,MAAM,EAAE,CAAC;QAC1B,KAAK,qBAAa,CAAC,UAAU;YAC3B,KAAK,GAAG,SAAS,CAAC;YAClB,MAAM;QACR,KAAK,qBAAa,CAAC,yBAAyB;YAC1C,KAAK,GAAG,SAAS,CAAC;YAClB,MAAM;QACR,KAAK,aAAa;YAChB,KAAK,GAAG,MAAM,CAAC;YACf,MAAM;QACR,KAAK,SAAS;YACZ,KAAK,GAAG,QAAQ,CAAC;YACjB,MAAM;QACR;YACE,KAAK,GAAG,SAAS,CAAC;YAClB,MAAM;IACV,CAAC;IAED,OAAO,oBAAC,oCAAoB,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,GAAI,CAAC;AACrH,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/src/components/Fleet/ImportFleetWizard/ImportFleetWizard.css

@@ -0,0 +1,3 @@
+.fctl-import-fleet .pf-v5-c-wizard__main-body {
+    height: 100%
+}