@flightctl/ui-components 0.0.1

package/dist/src/components/Device/DeviceDetails/DeviceDetailsPage.js

@@ -0,0 +1,57 @@
+"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 useFetchPeriodically_1 = require("../../../hooks/useFetchPeriodically");
+const useFetch_1 = require("../../../hooks/useFetch");
+const DetailsPage_1 = tslib_1.__importDefault(require("../../DetailsPage/DetailsPage"));
+const DetailsPageActions_1 = tslib_1.__importStar(require("../../DetailsPage/DetailsPageActions"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const DeviceDetailsTab_1 = tslib_1.__importDefault(require("./DeviceDetailsTab"));
+const useTemplateVersion_1 = require("../../../hooks/useTemplateVersion");
+const TerminalTab_1 = tslib_1.__importDefault(require("./TerminalTab"));
+const NavItem_1 = tslib_1.__importDefault(require("../../NavItem/NavItem"));
+const DeviceStatusDebugModal_1 = tslib_1.__importDefault(require("./DeviceStatusDebugModal"));
+const DeviceDetailsPage = ({ children }) => {
+    var _a;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { router: { useParams, Routes, Route, Navigate }, } = (0, useAppContext_1.useAppContext)();
+    const { deviceId } = useParams();
+    const [device, loading, error, refetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({ endpoint: `devices/${deviceId}` });
+    const [showDebugInfo, setShowDebugInfo] = React.useState(false);
+    const [, /* useTv */ tv, loadingTv, errorTv] = (0, useTemplateVersion_1.useTemplateVersion)(device);
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const { remove } = (0, useFetch_1.useFetch)();
+    const deviceAlias = ((_a = device === null || device === void 0 ? void 0 : device.metadata.labels) === null || _a === void 0 ? void 0 : _a.alias) || deviceId;
+    const { deleteAction, deleteModal } = (0, DetailsPageActions_1.useDeleteAction)({
+        onDelete: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            yield remove(`devices/${deviceId}`);
+            navigate(useNavigate_1.ROUTE.DEVICES);
+        }),
+        resourceName: deviceAlias,
+        resourceType: 'device',
+    });
+    return (React.createElement(DetailsPage_1.default, { loading: loading || loadingTv, error: error, id: deviceId, title: deviceAlias, resourceLink: useNavigate_1.ROUTE.DEVICES, resourceType: "Devices", resourceTypeLabel: t('Devices'), nav: React.createElement(react_core_1.Nav, { variant: "tertiary" },
+            React.createElement(react_core_1.NavList, null,
+                React.createElement(NavItem_1.default, { to: "details" }, t('Details')),
+                React.createElement(NavItem_1.default, { to: "terminal" }, t('Terminal')))), actions: React.createElement(DetailsPageActions_1.default, null,
+            React.createElement(react_core_1.DropdownList, null,
+                React.createElement(react_core_1.DropdownItem, { onClick: () => navigate({ route: useNavigate_1.ROUTE.DEVICE_EDIT, postfix: deviceId }) }, t('Edit device configurations')),
+                deleteAction,
+                React.createElement(react_core_1.DropdownItem, { onClick: () => {
+                        setShowDebugInfo(!showDebugInfo);
+                    } }, t('View status debug information')))) },
+        device && (React.createElement(Routes, null,
+            React.createElement(Route, { index: true, element: React.createElement(Navigate, { to: "details", replace: true }) }),
+            React.createElement(Route, { path: "details", element: React.createElement(DeviceDetailsTab_1.default, { device: device, errorTv: errorTv, tv: tv, refetch: refetch }, children) }),
+            React.createElement(Route, { path: "terminal", element: React.createElement(TerminalTab_1.default, { device: device }) }))),
+        deleteModal,
+        device && showDebugInfo && (React.createElement(DeviceStatusDebugModal_1.default, { status: device.status, onClose: () => {
+                setShowDebugInfo(false);
+            } }))));
+};
+exports.default = DeviceDetailsPage;
+//# sourceMappingURL=DeviceDetailsPage.js.map

package/dist/src/components/Device/DeviceDetails/DeviceDetailsPage.js.map

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

package/dist/src/components/Device/DeviceDetails/DeviceDetailsTab.css

@@ -0,0 +1,4 @@
+.fctl-device-details-tab__label {
+  font-weight: var(--pf-v5-global--FontWeight--bold, bold);
+  font-size: var(--pf-v5-c-form__label--FontSize, 13px);
+}

package/dist/src/components/Device/DeviceDetails/DeviceDetailsTab.js

@@ -0,0 +1,114 @@
+"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 dates_1 = require("../../../utils/dates");
+const ApplicationsTable_1 = tslib_1.__importDefault(require("../../DetailsPage/Tables/ApplicationsTable"));
+const DeviceStatus_1 = tslib_1.__importDefault(require("../../Status/DeviceStatus"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const EditLabelsForm_1 = tslib_1.__importDefault(require("../../modals/EditLabelsModal/EditLabelsForm"));
+const ResourceLink_1 = tslib_1.__importDefault(require("../../common/ResourceLink"));
+const DeviceFleet_1 = tslib_1.__importDefault(require("./DeviceFleet"));
+const DetailsPageCard_1 = tslib_1.__importStar(require("../../DetailsPage/DetailsPageCard"));
+const SystemdTable_1 = tslib_1.__importDefault(require("./SystemdTable"));
+const RepositorySourceList_1 = tslib_1.__importDefault(require("../../Repository/RepositoryDetails/RepositorySourceList"));
+const devices_1 = require("../../../utils/devices");
+const error_1 = require("../../../utils/error");
+const ApplicationSummaryStatus_1 = tslib_1.__importDefault(require("../../Status/ApplicationSummaryStatus"));
+const WithHelperText_1 = tslib_1.__importDefault(require("../../common/WithHelperText"));
+const SystemUpdateStatus_1 = tslib_1.__importDefault(require("../../Status/SystemUpdateStatus"));
+const DeviceResourceStatus_1 = tslib_1.__importDefault(require("../../Status/DeviceResourceStatus"));
+require("./DeviceDetailsTab.css");
+const DeviceDetailsTab = ({ device, refetch, tv, errorTv, children, }) => {
+    var _a, _b, _c, _d, _e;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const sourceItems = (0, devices_1.getSourceItems)(device.spec.config);
+    return (React.createElement(react_core_1.Grid, { hasGutter: true },
+        !!errorTv && (React.createElement(react_core_1.GridItem, { md: 12 },
+            React.createElement(react_core_1.Alert, { isInline: true, variant: "warning", title: t('Some device details could not be loaded.') }, (0, error_1.getErrorMessage)(errorTv)))),
+        React.createElement(react_core_1.GridItem, { md: 12 },
+            React.createElement(DetailsPageCard_1.default, null,
+                React.createElement(DetailsPageCard_1.DetailsPageCardBody, null,
+                    React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsFlexStart' }, justifyContent: { default: 'justifyContentSpaceBetween' } },
+                        React.createElement(react_core_1.FlexItem, null,
+                            React.createElement(react_core_1.Stack, null,
+                                React.createElement(react_core_1.StackItem, { className: "fctl-device-details-tab__label" }, t('Name'))),
+                            React.createElement(react_core_1.StackItem, null,
+                                React.createElement(ResourceLink_1.default, { id: device.metadata.name || '-' }))),
+                        React.createElement(react_core_1.FlexItem, { flex: { default: 'flex_3' } },
+                            React.createElement(EditLabelsForm_1.default, { device: device, onDeviceUpdate: refetch })),
+                        React.createElement(react_core_1.FlexItem, { flex: { default: 'flex_1' } },
+                            React.createElement(react_core_1.Flex, { justifyContent: { default: 'justifyContentFlexEnd' } },
+                                children,
+                                React.createElement(react_core_1.FlexItem, null,
+                                    React.createElement(react_core_1.Stack, null,
+                                        React.createElement(react_core_1.StackItem, { className: "fctl-device-details-tab__label" }, t('Fleet name')),
+                                        React.createElement(react_core_1.StackItem, null,
+                                            React.createElement(DeviceFleet_1.default, { device: device })))))))))),
+        React.createElement(react_core_1.GridItem, { md: 12, lg: 6 },
+            React.createElement(DetailsPageCard_1.default, null,
+                React.createElement(react_core_1.CardTitle, null, t('System status')),
+                React.createElement(DetailsPageCard_1.DetailsPageCardBody, null,
+                    React.createElement(react_core_1.DescriptionList, { columnModifier: { default: '3Col' } },
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null,
+                                React.createElement(WithHelperText_1.default, { content: t('Indicates the overall status of application workloads on the device.'), ariaLabel: t('Application status'), showLabel: true })),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(ApplicationSummaryStatus_1.default, { statusSummary: (_a = device.status) === null || _a === void 0 ? void 0 : _a.applications.summary }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null,
+                                React.createElement(WithHelperText_1.default, { content: t('Indicates the overall status of the device hardware and operating system.'), ariaLabel: t('Device status'), showLabel: true }),
+                                ' '),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(DeviceStatus_1.default, { deviceStatus: device.status }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null,
+                                React.createElement(WithHelperText_1.default, { content: t('Indicates whether a system is running the latest target configuration or is updating towards it.'), ariaLabel: t('Update status'), showLabel: true })),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(SystemUpdateStatus_1.default, { deviceStatus: device.status }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Last seen')),
+                            React.createElement(react_core_1.DescriptionListDescription, null, (0, dates_1.timeSinceText)(t, device.status.lastSeen))))))),
+        React.createElement(react_core_1.GridItem, { md: 12, lg: 6 },
+            React.createElement(DetailsPageCard_1.default, null,
+                React.createElement(react_core_1.CardTitle, null, t('Resource status')),
+                React.createElement(DetailsPageCard_1.DetailsPageCardBody, null,
+                    React.createElement(react_core_1.DescriptionList, { columnModifier: { default: '3Col' } },
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('CPU pressure')),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(DeviceResourceStatus_1.default, { device: device, monitorType: "cpu" }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Disk pressure')),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(DeviceResourceStatus_1.default, { device: device, monitorType: "disk" }))),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('Memory pressure')),
+                            React.createElement(react_core_1.DescriptionListDescription, null,
+                                React.createElement(DeviceResourceStatus_1.default, { device: device, monitorType: "memory" }))))))),
+        React.createElement(react_core_1.GridItem, { md: 12, lg: 6 },
+            React.createElement(DetailsPageCard_1.default, null,
+                React.createElement(react_core_1.CardTitle, null, t('Configurations')),
+                React.createElement(DetailsPageCard_1.DetailsPageCardBody, null,
+                    React.createElement(react_core_1.DescriptionList, { columnModifier: { default: '2Col' } },
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, t('System image')),
+                            React.createElement(react_core_1.DescriptionListDescription, null, ((_c = (_b = tv === null || tv === void 0 ? void 0 : tv.status) === null || _b === void 0 ? void 0 : _b.os) === null || _c === void 0 ? void 0 : _c.image) || ((_e = (_d = device.status) === null || _d === void 0 ? void 0 : _d.systemInfo) === null || _e === void 0 ? void 0 : _e.operatingSystem) || '-')),
+                        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 }))))))),
+        React.createElement(react_core_1.GridItem, { md: 12, lg: 6 },
+            React.createElement(DetailsPageCard_1.default, null,
+                React.createElement(react_core_1.CardTitle, null, t('Applications')),
+                React.createElement(DetailsPageCard_1.DetailsPageCardBody, null,
+                    React.createElement(ApplicationsTable_1.default, { appsStatus: device.status.applications })))),
+        React.createElement(react_core_1.GridItem, { md: 12, lg: 6 },
+            React.createElement(DetailsPageCard_1.default, null,
+                React.createElement(react_core_1.CardTitle, null, t('System services')),
+                React.createElement(DetailsPageCard_1.DetailsPageCardBody, null,
+                    React.createElement(SystemdTable_1.default, { device: device, templateVersion: tv, onSystemdUnitsUpdate: refetch }))))));
+};
+exports.default = DeviceDetailsTab;
+//# sourceMappingURL=DeviceDetailsTab.js.map

package/dist/src/components/Device/DeviceDetails/DeviceDetailsTab.js.map

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

package/dist/src/components/Device/DeviceDetails/DeviceFleet.css

@@ -0,0 +1,3 @@
+.fctl-device-fleet {
+    white-space: nowrap;
+}

package/dist/src/components/Device/DeviceDetails/DeviceFleet.js

@@ -0,0 +1,50 @@
+"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 info_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/info-circle-icon");
+const types_1 = require("@flightctl/types");
+const devices_1 = require("../../../utils/devices");
+const api_1 = require("../../../utils/api");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+require("./DeviceFleet.css");
+const FleetLessDevice = ({ multipleOwnersCondition }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    let message = '';
+    let owners = [];
+    if (multipleOwnersCondition) {
+        message = t('Device is owned by more than one fleet');
+        owners = (multipleOwnersCondition.message || '').split(',');
+    }
+    else {
+        message = t("Device labels don't match any fleet's selector labels");
+    }
+    const hasMultipleOwners = owners.length > 1;
+    return (React.createElement("div", { className: "fctl-device-fleet" },
+        hasMultipleOwners ? t('Multiple owners') : t('None'),
+        React.createElement(react_core_1.Tooltip, { content: React.createElement("span", null,
+                message,
+                hasMultipleOwners && (React.createElement("span", null,
+                    ': ',
+                    React.createElement(react_core_1.List, null, owners.map((ownerFleet) => {
+                        return (React.createElement(react_core_1.ListItem, { key: ownerFleet },
+                            React.createElement(useNavigate_1.Link, { to: { route: useNavigate_1.ROUTE.FLEET_DETAILS, postfix: ownerFleet } }, ownerFleet)));
+                    }))))) },
+            React.createElement(react_core_1.Button, { isInline: true, variant: "plain", icon: React.createElement(info_circle_icon_1.InfoCircleIcon, null), "aria-label": t('Ownership information') }))));
+};
+const DeviceFleet = ({ device }) => {
+    var _a;
+    if (!device) {
+        return '-';
+    }
+    const fleetName = (0, devices_1.getDeviceFleet)(device.metadata);
+    if (fleetName) {
+        return React.createElement(useNavigate_1.Link, { to: { route: useNavigate_1.ROUTE.FLEET_DETAILS, postfix: fleetName } }, fleetName);
+    }
+    const multipleOwnersCondition = (0, api_1.getCondition)((_a = device.status) === null || _a === void 0 ? void 0 : _a.conditions, types_1.ConditionType.DeviceMultipleOwners);
+    return React.createElement(FleetLessDevice, { multipleOwnersCondition: multipleOwnersCondition });
+};
+exports.default = DeviceFleet;
+//# sourceMappingURL=DeviceFleet.js.map

package/dist/src/components/Device/DeviceDetails/DeviceFleet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceFleet.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/DeviceFleet.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAyE;AACzE,6FAAwF;AAExF,4CAAoE;AACpE,oDAAwD;AACxD,4CAAkD;AAClD,kEAA+D;AAC/D,4DAAyD;AAEzD,6BAA2B;AAE3B,MAAM,eAAe,GAAG,CAAC,EAAE,uBAAuB,EAA2C,EAAE,EAAE;IAC/F,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,MAAM,GAAa,EAAE,CAAC;IAC1B,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,GAAG,CAAC,CAAC,wCAAwC,CAAC,CAAC;QACtD,MAAM,GAAG,CAAC,uBAAuB,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,CAAC,CAAC,uDAAuD,CAAC,CAAC;IACvE,CAAC;IAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;QAC/B,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QACrD,oBAAC,oBAAO,IACN,OAAO,EACL;gBACG,OAAO;gBACP,iBAAiB,IAAI,CACpB;oBACG,IAAI;oBACL,oBAAC,iBAAI,QACF,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;wBACzB,OAAO,CACL,oBAAC,qBAAQ,IAAC,GAAG,EAAE,UAAU;4BACvB,oBAAC,kBAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAK,CAAC,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,IAAG,UAAU,CAAQ,CACzE,CACZ,CAAC;oBACJ,CAAC,CAAC,CACG,CACF,CACR,CACI;YAGT,oBAAC,mBAAM,IAAC,QAAQ,QAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,oBAAC,iCAAc,OAAG,gBAAc,CAAC,CAAC,uBAAuB,CAAC,GAAI,CAC7F,CACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAuB,EAAE,EAAE;;IACtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,GAAG,CAAC;IACb,CAAC;IAED,MAAM,SAAS,GAAG,IAAA,wBAAc,EAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAClD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,oBAAC,kBAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAK,CAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,IAAG,SAAS,CAAQ,CAAC;IAC1F,CAAC;IAED,MAAM,uBAAuB,GAAG,IAAA,kBAAY,EAAC,MAAA,MAAM,CAAC,MAAM,0CAAE,UAAU,EAAE,qBAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5G,OAAO,oBAAC,eAAe,IAAC,uBAAuB,EAAE,uBAAuB,GAAI,CAAC;AAC/E,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.css

@@ -0,0 +1,3 @@
+.fctl-device-status-debug__actions {
+  text-align: right;
+}

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.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 react_core_1 = require("@patternfly/react-core");
+const copy_icon_1 = require("@patternfly/react-icons/dist/js/icons/copy-icon");
+const redo_icon_1 = require("@patternfly/react-icons/dist/js/icons/redo-icon");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+require("./DeviceStatusDebugModal.css");
+const DeviceStatusDebugModal = ({ status, onClose }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [refreshVersion, setRefreshVersion] = React.useState(status.lastSeen);
+    const statusJson = React.useMemo(() => {
+        return JSON.stringify({ deviceStatus: status }, null, 3);
+        // We only update the JSON when the "Refresh status" button is clicked
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [refreshVersion]);
+    const onCopy = () => {
+        void navigator.clipboard.writeText(statusJson);
+    };
+    return (React.createElement(react_core_1.Modal, { variant: "medium", isOpen: true, title: t('Device status debug information'), showClose: true, disableFocusTrap: true, onClose: onClose },
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, { className: "fctl-device-status-debug__actions" },
+                React.createElement(react_core_1.Button, { variant: "primary", icon: React.createElement(copy_icon_1.CopyIcon, null), onClick: onCopy }, t('Copy debug info')),
+                ' ',
+                React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(redo_icon_1.RedoIcon, null), isDisabled: status.lastSeen === refreshVersion, onClick: () => {
+                        setRefreshVersion(status.lastSeen);
+                    } }, t('Load updated status'))),
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.CodeBlock, null,
+                    React.createElement(react_core_1.CodeBlockCode, null, statusJson))))));
+};
+exports.default = DeviceStatusDebugModal;
+//# sourceMappingURL=DeviceStatusDebugModal.js.map

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStatusDebugModal.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/DeviceStatusDebugModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAmG;AACnG,+EAA2E;AAC3E,+EAA2E;AAG3E,kEAA+D;AAE/D,wCAAsC;AAEtC,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAmD,EAAE,EAAE;IACtG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEpF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACzD,sEAAsE;QACtE,uDAAuD;IACzD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAK,IACJ,OAAO,EAAC,QAAQ,EAChB,MAAM,QACN,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,SAAS,QACT,gBAAgB,QAChB,OAAO,EAAE,OAAO;QAEhB,oBAAC,kBAAK,IAAC,SAAS;YACd,oBAAC,sBAAS,IAAC,SAAS,EAAC,mCAAmC;gBACtD,oBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,oBAAC,oBAAQ,OAAG,EAAE,OAAO,EAAE,MAAM,IAC1D,CAAC,CAAC,iBAAiB,CAAC,CACd;gBAAC,GAAG;gBACb,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,oBAAQ,OAAG,EAClB,UAAU,EAAE,MAAM,CAAC,QAAQ,KAAK,cAAc,EAC9C,OAAO,EAAE,GAAG,EAAE;wBACZ,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBACrC,CAAC,IAEA,CAAC,CAAC,qBAAqB,CAAC,CAClB,CACC;YACZ,oBAAC,sBAAS;gBACR,oBAAC,sBAAS;oBACR,oBAAC,0BAAa,QAAE,UAAU,CAAiB,CACjC,CACF,CACN,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/dist/src/components/Device/DeviceDetails/SystemdTable.js

@@ -0,0 +1,38 @@
+"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 pencil_alt_icon_1 = require("@patternfly/react-icons/dist/js/icons/pencil-alt-icon");
+const WithTooltip_1 = tslib_1.__importDefault(require("../../common/WithTooltip"));
+const devices_1 = require("../../../utils/devices");
+const MatchPatternsModal_1 = tslib_1.__importDefault(require("../MatchPatternsModal/MatchPatternsModal"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const SystemdDetailsTable_1 = tslib_1.__importDefault(require("../../DetailsPage/Tables/SystemdDetailsTable"));
+const SystemdTable = ({ device, templateVersion, onSystemdUnitsUpdate }) => {
+    var _a, _b, _c, _d;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isModalOpen, setIsModalOpen] = React.useState(false);
+    const disabledEditReason = (0, devices_1.getDeviceFleet)(device.metadata)
+        ? t('The device is owned by a fleet and it cannot be edited')
+        : '';
+    const matchPatterns = templateVersion
+        ? (_b = (_a = templateVersion === null || templateVersion === void 0 ? void 0 : templateVersion.status) === null || _a === void 0 ? void 0 : _a.systemd) === null || _b === void 0 ? void 0 : _b.matchPatterns
+        : (_d = (_c = device.spec) === null || _c === void 0 ? void 0 : _c.systemd) === null || _d === void 0 ? void 0 : _d.matchPatterns;
+    // There is no status information for systemdunits
+    const systemdUnits = [];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(pencil_alt_icon_1.PencilAltIcon, null), onClick: () => setIsModalOpen(true), isAriaDisabled: !!disabledEditReason },
+                    React.createElement(WithTooltip_1.default, { showTooltip: !!disabledEditReason, content: disabledEditReason },
+                        React.createElement("span", null, t('Edit'))))),
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(SystemdDetailsTable_1.default, { matchPatterns: matchPatterns, systemdUnits: systemdUnits }))),
+        isModalOpen && (React.createElement(MatchPatternsModal_1.default, { device: device, onClose: (reload) => {
+                setIsModalOpen(false);
+                reload && onSystemdUnitsUpdate();
+            } }))));
+};
+exports.default = SystemdTable;
+//# sourceMappingURL=SystemdTable.js.map

package/dist/src/components/Device/DeviceDetails/SystemdTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemdTable.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/SystemdTable.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAkE;AAClE,2FAAsF;AAGtF,mFAAmD;AACnD,oDAAwD;AAExD,0GAA0E;AAC1E,kEAA+D;AAC/D,+GAA+E;AAQ/E,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,oBAAoB,EAAE,EAAE,EAAE;;IACtG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,kBAAkB,GAAG,IAAA,wBAAc,EAAC,MAAM,CAAC,QAAQ,CAAC;QACxD,CAAC,CAAC,CAAC,CAAC,wDAAwD,CAAC;QAC7D,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,eAAe;QACnC,CAAC,CAAC,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,0CAAE,OAAO,0CAAE,aAAa;QACjD,CAAC,CAAC,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,OAAO,0CAAE,aAAa,CAAC;IACxC,kDAAkD;IAClD,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,OAAO,CACL;QACE,oBAAC,kBAAK,IAAC,SAAS;YACd,oBAAC,sBAAS;gBACR,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,+BAAa,OAAG,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACnC,cAAc,EAAE,CAAC,CAAC,kBAAkB;oBAEpC,oBAAC,qBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,kBAAkB,EAAE,OAAO,EAAE,kBAAkB;wBACzE,kCAAO,CAAC,CAAC,MAAM,CAAC,CAAQ,CACZ,CACP,CACC;YACZ,oBAAC,sBAAS;gBACR,oBAAC,6BAAmB,IAAC,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,GAAI,CACvE,CACN;QACP,WAAW,IAAI,CACd,oBAAC,4BAAkB,IACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;gBAClB,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,MAAM,IAAI,oBAAoB,EAAE,CAAC;YACnC,CAAC,GACD,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/Device/DeviceDetails/TerminalTab.js

@@ -0,0 +1,31 @@
+"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 useWebSocket_1 = require("../../../hooks/useWebSocket");
+const ErrorAlert_1 = tslib_1.__importDefault(require("../../ErrorAlert/ErrorAlert"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const Terminal_1 = tslib_1.__importDefault(require("../../Terminal/Terminal"));
+const TerminalTab = ({ device }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const terminal = React.useRef(null);
+    const onMsgReceived = React.useCallback((message) => {
+        var _a;
+        (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.onDataReceived(message);
+    }, []);
+    const { sendMessage, isClosed, error, reconnect } = (0, useWebSocket_1.useWebSocket)(`/api/terminal/${device.metadata.name}`, onMsgReceived);
+    if (error) {
+        return React.createElement(ErrorAlert_1.default, { error: error });
+    }
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        isClosed && (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: t('Connection was closed'), actionLinks: React.createElement(react_core_1.AlertActionLink, { onClick: () => {
+                    var _a;
+                    (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.reset();
+                    reconnect();
+                } }, t('Reconnect')) })),
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(Terminal_1.default, { onData: sendMessage, ref: terminal }))));
+};
+exports.default = TerminalTab;
+//# sourceMappingURL=TerminalTab.js.map

package/dist/src/components/Device/DeviceDetails/TerminalTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalTab.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/TerminalTab.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAkF;AAGlF,8DAA2D;AAC3D,qFAAqD;AACrD,kEAA+D;AAC/D,+EAA2E;AAE3E,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC,CAAC;IAE5D,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAe,EAAE,EAAE;;QAC1D,MAAA,QAAQ,CAAC,OAAO,0CAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAY,EAC9D,iBAAiB,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,EACvC,aAAa,CACd,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,oBAAC,oBAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IACtC,CAAC;IAED,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACb,QAAQ,IAAI,CACX,oBAAC,kBAAK,IACJ,QAAQ,QACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACjC,WAAW,EACT,oBAAC,4BAAe,IACd,OAAO,EAAE,GAAG,EAAE;;oBACZ,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;oBAC1B,SAAS,EAAE,CAAC;gBACd,CAAC,IAEA,CAAC,CAAC,WAAW,CAAC,CACC,GAEpB,CACH;QACD,oBAAC,sBAAS;YACR,oBAAC,kBAAQ,IAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,GAAI,CACtC,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/src/components/Device/DeviceList/DeviceFilterSelect.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStatusItem = void 0;
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+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 StatusDisplay_1 = tslib_1.__importDefault(require("../../Status/StatusDisplay"));
+const devices_1 = require("../../../utils/status/devices");
+const applications_1 = require("../../../utils/status/applications");
+const system_1 = require("../../../utils/status/system");
+const getStatusItem = (t, key) => {
+    switch (key) {
+        case devices_1.FilterSearchParams.AppStatus:
+            return {
+                title: t('Application status'),
+                items: (0, applications_1.getApplicationSummaryStatusItems)(t),
+            };
+        case devices_1.FilterSearchParams.DeviceStatus:
+            return {
+                title: t('Device status'),
+                items: (0, devices_1.getDeviceStatusItems)(t),
+            };
+        default:
+            return {
+                title: t('System update status'),
+                items: (0, system_1.getSystemUpdateStatusItems)(t),
+            };
+    }
+};
+exports.getStatusItem = getStatusItem;
+const FilterOption = ({ items, selectedFilters, onClick, filter }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const filteredItems = items.filter((statusItem) => (0, search_1.fuzzySeach)(filter, statusItem.label));
+    if (!filteredItems.length) {
+        return (React.createElement(react_core_1.SelectOption, { key: "no-option", isDisabled: true }, t('No status available')));
+    }
+    return filteredItems.map((statusItem) => (React.createElement(react_core_1.SelectOption, { onClick: () => onClick(statusItem.id), key: statusItem.id, hasCheckbox: true, value: statusItem.id, isSelected: selectedFilters.includes(statusItem.id) },
+        React.createElement(StatusDisplay_1.default, { item: statusItem }))));
+};
+const DeviceFilterSelect = ({ resources, selectedFleets, selectedLabels, setSelectedLabels, setSelectedFleets, activeStatuses, updateStatus, fleets, isFilterUpdating, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [filter, setFilter] = React.useState('');
+    const availableFleets = [
+        ...new Set([
+            ...fleets.filter((f) => (0, search_1.fuzzySeach)(filter, f.metadata.name)).map((f) => f.metadata.name || ''),
+            ...selectedFleets,
+        ]),
+    ];
+    const filteredLabels = (0, labels_1.filterDevicesLabels)(resources, selectedLabels, filter);
+    const selectedFilters = Object.values(activeStatuses).reduce((acc, curr) => {
+        acc += curr.length;
+        return acc;
+    }, selectedFleets.length + selectedLabels.length);
+    return (React.createElement(FilterSelect_1.default, { selectedFilters: selectedFilters, placeholder: t('Filter by status, fleets or labels'), filter: filter, setFilter: setFilter, isFilterUpdating: isFilterUpdating },
+        React.createElement(react_core_1.SelectList, null,
+            React.createElement(react_core_1.Grid, { hasGutter: true },
+                Object.keys(activeStatuses).map((k) => {
+                    const key = k;
+                    const { title, items } = (0, exports.getStatusItem)(t, key);
+                    return (React.createElement(react_core_1.GridItem, { key: key, span: 2 },
+                        React.createElement(FilterSelect_1.FilterSelectGroup, { label: title },
+                            React.createElement(FilterOption, { filter: filter, items: items, selectedFilters: activeStatuses[key], onClick: (value) => updateStatus(key, value) }))));
+                }),
+                React.createElement(react_core_1.GridItem, { span: 3 },
+                    React.createElement(FilterSelect_1.FilterSelectGroup, { label: t('Fleets') }, !availableFleets.length ? (React.createElement(react_core_1.SelectOption, { isDisabled: true }, t('No fleets available'))) : (availableFleets.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: 3 },
+                    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) => {
+                        return (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 {
+                                    setSelectedLabels([...selectedLabels, (0, labels_1.stringToLabel)(label)]);
+                                }
+                            } },
+                            React.createElement(react_core_1.Label, { id: label }, label)));
+                    }))))))));
+};
+exports.default = DeviceFilterSelect;
+//# sourceMappingURL=DeviceFilterSelect.js.map

package/dist/src/components/Device/DeviceList/DeviceFilterSelect.js.map

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