@flightctl/ui-components 0.4.0 → 0.5.0-rc2

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

@@ -18,7 +18,7 @@ const TerminalTab = ({ device }) => {
         const msg = yield message.text();
         (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.onDataReceived(msg);
     }), []);
-    const { sendMessage, isClosed, error, reconnect } = (0, useWebSocket_1.useWebSocket)(`/api/terminal/${device.metadata.name}`, onMsgReceived);
+    const { sendMessage, isClosed, error, reconnect } = (0, useWebSocket_1.useWebSocket)(device.metadata.name || '', onMsgReceived);
     if (error) {
         return React.createElement(ErrorAlert_1.default, { error: error });
     }

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

@@ -1 +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;AAC3E,mGAAmE;AACnE,oEAAiE;AACjE,8CAAqD;AAMrD,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IACnD,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,CAAO,OAAa,EAAE,EAAE;;QAC9D,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;QACjC,MAAA,QAAQ,CAAC,OAAO,0CAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC,CAAA,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,MAAM,0BAA0B,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7D,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAA,iCAAe,EAAC,eAAQ,CAAC,cAAc,EAAE,WAAI,CAAC,GAAG,CAAC,CAAC;IAC9E,OAAO,CACL,oBAAC,6BAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACrD,oBAAC,WAAW,oBAAK,KAAK,EAAI,CACN,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}
+{"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;AAC3E,mGAAmE;AACnE,oEAAiE;AACjE,8CAAqD;AAMrD,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IACnD,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,CAAO,OAAa,EAAE,EAAE;;QAC9D,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;QACjC,MAAA,QAAQ,CAAC,OAAO,0CAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAY,EAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,EAAE,aAAa,CAAC,CAAC;IAE5G,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,MAAM,0BAA0B,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7D,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAA,iCAAe,EAAC,eAAQ,CAAC,cAAc,EAAE,WAAI,CAAC,GAAG,CAAC,CAAC;IAC9E,OAAO,CACL,oBAAC,6BAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACrD,oBAAC,WAAW,oBAAK,KAAK,EAAI,CACN,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}

package/dist/src/components/Device/DevicesPage/DecommissionedDeviceTableRow.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { OnSelect } from '@patternfly/react-table';
+import { Device } from '@flightctl/types';
+import { ListAction } from '../../ListPage/types';
+type DecommissionedDeviceTableRowProps = {
+    device: Device;
+    rowIndex: number;
+    onRowSelect: (device: Device) => OnSelect;
+    isRowSelected: (device: Device) => boolean;
+    canDelete: boolean;
+    canEdit: boolean;
+    deleteAction: ListAction;
+};
+declare const DecommissionedDeviceTableRow: ({ device, deleteAction, rowIndex, onRowSelect, isRowSelected, canDelete, canEdit, }: DecommissionedDeviceTableRowProps) => React.JSX.Element;
+export default DecommissionedDeviceTableRow;
+//# sourceMappingURL=DecommissionedDeviceTableRow.d.ts.map

package/dist/src/components/Device/DevicesPage/DecommissionedDeviceTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecommissionedDeviceTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DecommissionedDeviceTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,QAAQ,EAAU,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMlD,KAAK,iCAAiC,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC;IAC1C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,UAAU,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,4BAA4B,wFAQ/B,iCAAiC,sBAyDnC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/src/components/Device/DevicesPage/DecommissionedDeviceTableRow.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_table_1 = require("@patternfly/react-table");
+const dates_1 = require("../../../utils/dates");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const ResourceLink_1 = tslib_1.__importDefault(require("../../common/ResourceLink"));
+const DeviceLifecycleStatus_1 = tslib_1.__importDefault(require("../../Status/DeviceLifecycleStatus"));
+const DecommissionedDeviceTableRow = ({ device, deleteAction, rowIndex, onRowSelect, isRowSelected, canDelete, canEdit, }) => {
+    var _a, _b;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const deviceName = device.metadata.name;
+    const deviceAlias = (_a = device.metadata.labels) === null || _a === void 0 ? void 0 : _a.alias;
+    return (React.createElement(react_table_1.Tr, null,
+        React.createElement(react_table_1.Td, { select: {
+                rowIndex,
+                onSelect: onRowSelect(device),
+                isSelected: isRowSelected(device),
+            } }),
+        React.createElement(react_table_1.Td, { dataLabel: t('Name') },
+            React.createElement(ResourceLink_1.default, { id: deviceName, routeLink: useNavigate_1.ROUTE.DEVICE_DETAILS })),
+        React.createElement(react_table_1.Td, { dataLabel: t('Device status') },
+            React.createElement(DeviceLifecycleStatus_1.default, { device: device })),
+        React.createElement(react_table_1.Td, { dataLabel: t('Last seen') }, (0, dates_1.timeSinceText)(t, (_b = device.status) === null || _b === void 0 ? void 0 : _b.lastSeen)),
+        canDelete && (React.createElement(react_table_1.Td, { isActionCell: true },
+            React.createElement(react_table_1.ActionsColumn, { items: [
+                    ...(canEdit
+                        ? [
+                            {
+                                title: t('Edit device configurations'),
+                                onClick: () => navigate({ route: useNavigate_1.ROUTE.DEVICE_EDIT, postfix: deviceName }),
+                                isAriaDisabled: true,
+                                tooltipProps: {
+                                    content: t('Device already started decommissioning and cannot be edited.'),
+                                },
+                            },
+                        ]
+                        : []),
+                    {
+                        title: t('View device details'),
+                        onClick: () => navigate({ route: useNavigate_1.ROUTE.DEVICE_DETAILS, postfix: deviceName }),
+                    },
+                    ...(canDelete
+                        ? [
+                            deleteAction({
+                                resourceId: deviceName,
+                                resourceName: deviceAlias,
+                            }),
+                        ]
+                        : []),
+                ] })))));
+};
+exports.default = DecommissionedDeviceTableRow;
+//# sourceMappingURL=DecommissionedDeviceTableRow.js.map

package/dist/src/components/Device/DevicesPage/DecommissionedDeviceTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecommissionedDeviceTableRow.js","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DecommissionedDeviceTableRow.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,yDAA0E;AAG1E,gDAAqD;AAErD,kEAA+D;AAC/D,4DAAgE;AAChE,qFAAqD;AACrD,uGAAuE;AAYvE,MAAM,4BAA4B,GAAG,CAAC,EACpC,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,aAAa,EACb,SAAS,EACT,OAAO,GAC2B,EAAE,EAAE;;IACtC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAc,CAAC;IAClD,MAAM,WAAW,GAAG,MAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC;IAElD,OAAO,CACL,oBAAC,gBAAE;QACD,oBAAC,gBAAE,IACD,MAAM,EAAE;gBACN,QAAQ;gBACR,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC;gBAC7B,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC;aAClC,GACD;QACF,oBAAC,gBAAE,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACtB,oBAAC,sBAAY,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAK,CAAC,cAAc,GAAI,CAC9D;QACL,oBAAC,gBAAE,IAAC,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC;YAC/B,oBAAC,+BAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,CACtC;QACL,oBAAC,gBAAE,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,IAAG,IAAA,qBAAa,EAAC,CAAC,EAAE,MAAA,MAAM,CAAC,MAAM,0CAAE,QAAQ,CAAC,CAAM;QAC9E,SAAS,IAAI,CACZ,oBAAC,gBAAE,IAAC,YAAY;YACd,oBAAC,2BAAa,IACZ,KAAK,EAAE;oBACL,GAAG,CAAC,OAAO;wBACT,CAAC,CAAC;4BACE;gCACE,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC;gCACtC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,mBAAK,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;gCAC1E,cAAc,EAAE,IAAI;gCACpB,YAAY,EAAE;oCACZ,OAAO,EAAE,CAAC,CAAC,8DAA8D,CAAC;iCAC3E;6BACF;yBACF;wBACH,CAAC,CAAC,EAAE,CAAC;oBACP;wBACE,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC;wBAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,mBAAK,CAAC,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;qBAC9E;oBACD,GAAG,CAAC,SAAS;wBACX,CAAC,CAAC;4BACE,YAAY,CAAC;gCACX,UAAU,EAAE,UAAU;gCACtB,YAAY,EAAE,WAAW;6BAC1B,CAAC;yBACH;wBACH,CAAC,CAAC,EAAE,CAAC;iBACR,GACD,CACC,CACN,CACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,4BAA4B,CAAC"}

package/dist/src/components/Device/DevicesPage/DecommissionedDevicesTable.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Device, DeviceList } from '@flightctl/types';
+import { PaginationDetails } from '../../../hooks/useTablePagination';
+interface DecommissionedDevicesTableProps {
+    devices: Array<Device>;
+    refetch: VoidFunction;
+    nameOrAlias: string | undefined;
+    setOnlyDecommissioned: (check: boolean) => void;
+    setNameOrAlias: (text: string) => void;
+    hasFiltersEnabled: boolean;
+    isFilterUpdating: boolean;
+    pagination: Pick<PaginationDetails<DeviceList>, 'currentPage' | 'setCurrentPage' | 'itemCount'>;
+}
+declare const DecommissionedDevicesTable: ({ devices, refetch, nameOrAlias, setNameOrAlias, hasFiltersEnabled, setOnlyDecommissioned, isFilterUpdating, pagination, }: DecommissionedDevicesTableProps) => React.JSX.Element;
+export default DecommissionedDevicesTable;
+//# sourceMappingURL=DecommissionedDevicesTable.d.ts.map

package/dist/src/components/Device/DevicesPage/DecommissionedDevicesTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecommissionedDevicesTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DecommissionedDevicesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAgBtE,UAAU,+BAA+B;IACvC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,aAAa,GAAG,gBAAgB,GAAG,WAAW,CAAC,CAAC;CACjG;AAcD,QAAA,MAAM,0BAA0B,+HAS7B,+BAA+B,sBAkGjC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/src/components/Device/DevicesPage/DecommissionedDevicesTable.js

@@ -0,0 +1,73 @@
+"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 useTranslation_1 = require("../../../hooks/useTranslation");
+const useTableSelect_1 = require("../../../hooks/useTableSelect");
+const useAccessReview_1 = require("../../../hooks/useAccessReview");
+const useFetch_1 = require("../../../hooks/useFetch");
+const rbac_1 = require("../../../types/rbac");
+const Table_1 = tslib_1.__importDefault(require("../../Table/Table"));
+const ListPageActions_1 = require("../../ListPage/ListPageActions");
+const TablePagination_1 = tslib_1.__importDefault(require("../../Table/TablePagination"));
+const MassDeleteDeviceModal_1 = tslib_1.__importDefault(require("../../modals/massModals/MassDeleteDeviceModal/MassDeleteDeviceModal"));
+const AddDeviceModal_1 = tslib_1.__importDefault(require("../AddDeviceModal/AddDeviceModal"));
+const DevicesEmptyStates_1 = require("./DevicesEmptyStates");
+const DecommissionedDeviceTableRow_1 = tslib_1.__importDefault(require("./DecommissionedDeviceTableRow"));
+const DeviceNameOnlyToolbarFilter_1 = tslib_1.__importDefault(require("./DeviceNameOnlyToolbarFilter"));
+const getDeviceColumns = (t) => [
+    {
+        name: t('Name'),
+    },
+    {
+        name: t('Status'),
+    },
+    {
+        name: t('Last seen'),
+    },
+];
+const DecommissionedDevicesTable = ({ devices, refetch, nameOrAlias, setNameOrAlias, hasFiltersEnabled, setOnlyDecommissioned, isFilterUpdating, pagination, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [addDeviceModal, setAddDeviceModal] = React.useState(false);
+    const [isMassDeleteModalOpen, setIsMassDeleteModalOpen] = React.useState(false);
+    const { remove } = (0, useFetch_1.useFetch)();
+    const deviceColumns = React.useMemo(() => getDeviceColumns(t), [t]);
+    const { onRowSelect, hasSelectedRows, isAllSelected, isRowSelected, setAllSelected } = (0, useTableSelect_1.useTableSelect)();
+    const { action: deleteDeviceAction, modal: deleteDeviceModal } = (0, ListPageActions_1.useDeleteListAction)({
+        resourceType: 'Device',
+        onConfirm: (resourceId) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            yield remove(`devices/${resourceId}`);
+            refetch();
+        }),
+    });
+    const [canDelete] = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.DEVICE, rbac_1.VERB.DELETE);
+    const [canEdit] = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.DEVICE, rbac_1.VERB.PATCH);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.Toolbar, { id: "decommissioned-devices-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(DeviceNameOnlyToolbarFilter_1.default, { nameOrAlias: nameOrAlias, setNameOrAlias: setNameOrAlias })),
+                    React.createElement(react_core_1.ToolbarItem, null,
+                        React.createElement(react_core_1.Button, { "aria-label": t('Add devices'), onClick: () => setAddDeviceModal(true) }, t('Add devices'))),
+                    canDelete && (React.createElement(react_core_1.ToolbarItem, null,
+                        React.createElement(react_core_1.Button, { isDisabled: !hasSelectedRows, onClick: () => setIsMassDeleteModalOpen(true), variant: "secondary" }, t('Delete forever')))),
+                    React.createElement(react_core_1.ToolbarItem, { alignSelf: "center" },
+                        React.createElement(react_core_1.Switch, { id: "decommissioned-devices-switch", label: t('Show only decommissioned devices'), isChecked: true, onChange: () => {
+                                setOnlyDecommissioned(false);
+                            }, ouiaId: t('Show only decommissioned devices') }))))),
+        React.createElement(Table_1.default, { "aria-label": t('Devices table'), loading: isFilterUpdating, columns: deviceColumns, emptyFilters: !hasFiltersEnabled, emptyData: devices.length === 0, isAllSelected: isAllSelected, onSelectAll: setAllSelected },
+            React.createElement(react_table_1.Tbody, null, devices.map((device, index) => (React.createElement(DecommissionedDeviceTableRow_1.default, { key: device.metadata.name || '', device: device, deleteAction: deleteDeviceAction, onRowSelect: onRowSelect, isRowSelected: isRowSelected, rowIndex: index, canDelete: canDelete, canEdit: canEdit }))))),
+        React.createElement(TablePagination_1.default, { isUpdating: isFilterUpdating, pagination: pagination }),
+        !hasFiltersEnabled && devices.length === 0 && React.createElement(DevicesEmptyStates_1.DecommissionedDevicesEmptyState, null),
+        deleteDeviceModal,
+        addDeviceModal && React.createElement(AddDeviceModal_1.default, { onClose: () => setAddDeviceModal(false) }),
+        isMassDeleteModalOpen && (React.createElement(MassDeleteDeviceModal_1.default, { onClose: () => setIsMassDeleteModalOpen(false), resources: devices.filter(isRowSelected), onDeleteSuccess: () => {
+                setIsMassDeleteModalOpen(false);
+                refetch();
+            } }))));
+};
+exports.default = DecommissionedDevicesTable;
+//# sourceMappingURL=DecommissionedDevicesTable.js.map

package/dist/src/components/Device/DevicesPage/DecommissionedDevicesTable.js.map

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

package/dist/src/components/Device/DevicesPage/DeviceNameOnlyToolbarFilter.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TableTextSearchProps } from '../../Table/TableTextSearch';
+import './DeviceToolbarFilters.css';
+type DeviceNameOnlyToolbarFilterProps = {
+    nameOrAlias?: TableTextSearchProps['value'];
+    setNameOrAlias: TableTextSearchProps['setValue'];
+};
+declare const DeviceNameOnlyToolbarFilter: ({ setNameOrAlias }: DeviceNameOnlyToolbarFilterProps) => React.JSX.Element;
+export default DeviceNameOnlyToolbarFilter;
+//# sourceMappingURL=DeviceNameOnlyToolbarFilter.d.ts.map

package/dist/src/components/Device/DevicesPage/DeviceNameOnlyToolbarFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceNameOnlyToolbarFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DeviceNameOnlyToolbarFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAwB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,4BAA4B,CAAC;AAEpC,KAAK,gCAAgC,GAAG;IACtC,WAAW,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAC5C,cAAc,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;CAClD,CAAC;AAEF,QAAA,MAAM,2BAA2B,uBAAwB,gCAAgC,sBAexF,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/src/components/Device/DevicesPage/DeviceNameOnlyToolbarFilter.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const TableTextSearch_1 = tslib_1.__importDefault(require("../../Table/TableTextSearch"));
+require("./DeviceToolbarFilters.css");
+const DeviceNameOnlyToolbarFilter = ({ setNameOrAlias }) => {
+    const [typingText, setTypingText] = React.useState('');
+    const debouncedSetParam = React.useMemo(() => (0, debounce_1.default)((setValue, value) => {
+        setValue(value || '');
+    }, 500), []);
+    React.useEffect(() => {
+        debouncedSetParam(setNameOrAlias, typingText);
+    }, [typingText, setNameOrAlias, debouncedSetParam]);
+    return React.createElement(TableTextSearch_1.default, { value: typingText, setValue: setTypingText });
+};
+exports.default = DeviceNameOnlyToolbarFilter;
+//# sourceMappingURL=DeviceNameOnlyToolbarFilter.js.map

package/dist/src/components/Device/DevicesPage/DeviceNameOnlyToolbarFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceNameOnlyToolbarFilter.js","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DeviceNameOnlyToolbarFilter.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uEAAuC;AAEvC,0FAAoF;AAEpF,sCAAoC;AAOpC,MAAM,2BAA2B,GAAG,CAAC,EAAE,cAAc,EAAoC,EAAE,EAAE;IAC3F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/D,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CACH,IAAA,kBAAQ,EAAC,CAAC,QAA0C,EAAE,KAAa,EAAE,EAAE;QACrE,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,GAAG,CAAC,EACT,EAAE,CACH,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,iBAAiB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpD,OAAO,oBAAC,yBAAe,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,GAAI,CAAC;AACzE,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}

package/dist/src/components/Device/DevicesPage/DevicesEmptyStates.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type DevicesEmptyStateProps = {
+    onAddDevice: VoidFunction;
+};
+export declare const EnrolledDevicesEmptyState: ({ onAddDevice }: DevicesEmptyStateProps) => React.JSX.Element;
+export declare const DecommissionedDevicesEmptyState: () => React.JSX.Element;
+export {};
+//# sourceMappingURL=DevicesEmptyStates.d.ts.map

package/dist/src/components/Device/DevicesPage/DevicesEmptyStates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesEmptyStates.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DevicesEmptyStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,yBAAyB,oBAAqB,sBAAsB,sBAwBhF,CAAC;AAEF,eAAO,MAAM,+BAA+B,yBAG3C,CAAC"}

package/dist/src/components/Device/DevicesPage/DevicesEmptyStates.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DecommissionedDevicesEmptyState = exports.EnrolledDevicesEmptyState = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const react_core_1 = require("@patternfly/react-core");
+const microchip_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/microchip-icon"));
+const ban_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/ban-icon"));
+const useAccessReview_1 = require("../../../hooks/useAccessReview");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const rbac_1 = require("../../../types/rbac");
+const ResourceListEmptyState_1 = tslib_1.__importDefault(require("../../common/ResourceListEmptyState"));
+const EnrolledDevicesEmptyState = ({ onAddDevice }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [canCreateFleet] = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.FLEET, rbac_1.VERB.CREATE);
+    return (React.createElement(ResourceListEmptyState_1.default, { icon: microchip_icon_1.default, titleText: t('No devices here!') },
+        React.createElement(react_core_1.EmptyStateBody, null, canCreateFleet ? (React.createElement(react_i18next_1.Trans, { t: t },
+            "You can add devices and label them to match fleets, or you can",
+            ' ',
+            React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.FLEET_CREATE }, "start with a fleet"),
+            " and add devices into it.")) : (t('You can add devices and label them to match fleets'))),
+        React.createElement(react_core_1.EmptyStateFooter, null,
+            React.createElement(react_core_1.EmptyStateActions, null,
+                React.createElement(react_core_1.Button, { "aria-label": t('Add devices'), onClick: onAddDevice }, t('Add devices'))))));
+};
+exports.EnrolledDevicesEmptyState = EnrolledDevicesEmptyState;
+const DecommissionedDevicesEmptyState = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return React.createElement(ResourceListEmptyState_1.default, { icon: ban_icon_1.default, titleText: t('No decommissioning or decommissioned devices here!') });
+};
+exports.DecommissionedDevicesEmptyState = DecommissionedDevicesEmptyState;
+//# sourceMappingURL=DevicesEmptyStates.js.map

package/dist/src/components/Device/DevicesPage/DevicesEmptyStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesEmptyStates.js","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DevicesEmptyStates.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iDAAsC;AACtC,uDAAqG;AACrG,kHAAiF;AACjF,sGAAqE;AAErE,oEAAiE;AACjE,kEAA+D;AAC/D,4DAAyD;AACzD,8CAAqD;AACrD,yGAAyE;AAMlE,MAAM,yBAAyB,GAAG,CAAC,EAAE,WAAW,EAA0B,EAAE,EAAE;IACnF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,iCAAe,EAAC,eAAQ,CAAC,KAAK,EAAE,WAAI,CAAC,MAAM,CAAC,CAAC;IACtE,OAAO,CACL,oBAAC,gCAAsB,IAAC,IAAI,EAAE,wBAAa,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC;QAC3E,oBAAC,2BAAc,QACZ,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;YACsD,GAAG;YAClE,oBAAC,kBAAI,IAAC,EAAE,EAAE,mBAAK,CAAC,YAAY,yBAA2B;wCACjD,CACT,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,oDAAoD,CAAC,CACxD,CACc;QACjB,oBAAC,6BAAgB;YACf,oBAAC,8BAAiB;gBAChB,oBAAC,mBAAM,kBAAa,CAAC,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,WAAW,IACvD,CAAC,CAAC,aAAa,CAAC,CACV,CACS,CACH,CACI,CAC1B,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,yBAAyB,6BAwBpC;AAEK,MAAM,+BAA+B,GAAG,GAAG,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,oBAAC,gCAAsB,IAAC,IAAI,EAAE,kBAAO,EAAE,SAAS,EAAE,CAAC,CAAC,oDAAoD,CAAC,GAAI,CAAC;AACvH,CAAC,CAAC;AAHW,QAAA,+BAA+B,mCAG1C"}

package/dist/src/components/Device/DevicesPage/DevicesPage.d.ts

@@ -1,26 +1,4 @@
 import * as React from 'react';
-import { Device } from '@flightctl/types';
-import { ApiSortTableColumn } from '../../Table/Table';
-import { FlightCtlLabel } from '../../../types/extraTypes';
-import { PaginationDetails } from '../../../hooks/useTablePagination';
-import { FilterStatusMap } from './types';
-interface DeviceTableProps {
-    devices: Array<Device>;
-    refetch: VoidFunction;
-    ownerFleets: string[];
-    activeStatuses: FilterStatusMap;
-    hasFiltersEnabled: boolean;
-    nameOrAlias: string | undefined;
-    setNameOrAlias: (text: string) => void;
-    setOwnerFleets: (ownerFleets: string[]) => void;
-    setActiveStatuses: (activeStatuses: FilterStatusMap) => void;
-    selectedLabels: FlightCtlLabel[];
-    setSelectedLabels: (labels: FlightCtlLabel[]) => void;
-    isFilterUpdating: boolean;
-    deviceColumns: ApiSortTableColumn[];
-    pagination: Pick<PaginationDetails, 'currentPage' | 'setCurrentPage' | 'itemCount'>;
-}
-export declare const DeviceTable: ({ devices, refetch, nameOrAlias, setNameOrAlias, ownerFleets, setOwnerFleets, activeStatuses, setActiveStatuses, selectedLabels, setSelectedLabels, hasFiltersEnabled, isFilterUpdating, deviceColumns, pagination, }: DeviceTableProps) => React.JSX.Element;
 declare const DevicesPageWithPermissions: () => React.JSX.Element;
 export default DevicesPageWithPermissions;
 //# sourceMappingURL=DevicesPage.d.ts.map

package/dist/src/components/Device/DevicesPage/DevicesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevicesPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DevicesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAO1C,OAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAM3D,OAAO,EAAE,iBAAiB,EAAsB,MAAM,mCAAmC,CAAC;AAS1F,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4D1C,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,cAAc,EAAE,eAAe,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,cAAc,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7D,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,gBAAgB,GAAG,WAAW,CAAC,CAAC;CAErF;AAED,eAAO,MAAM,WAAW,0NAerB,gBAAgB,sBAmFlB,CAAC;AAgEF,QAAA,MAAM,0BAA0B,yBAS/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"DevicesPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DevicesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuG/B,QAAA,MAAM,0BAA0B,yBAS/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/src/components/Device/DevicesPage/DevicesPage.js

@@ -1,114 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeviceTable = void 0;
 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 microchip_icon_1 = require("@patternfly/react-icons/dist/js/icons/microchip-icon");
-const react_i18next_1 = require("react-i18next");
-const useFetch_1 = require("../../../hooks/useFetch");
 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 TablePagination_1 = tslib_1.__importDefault(require("../../Table/TablePagination"));
-const AddDeviceModal_1 = tslib_1.__importDefault(require("../AddDeviceModal/AddDeviceModal"));
-const Table_1 = tslib_1.__importDefault(require("../../Table/Table"));
-const DeviceTableToolbar_1 = tslib_1.__importDefault(require("./DeviceTableToolbar"));
-const DeviceTableRow_1 = tslib_1.__importDefault(require("./DeviceTableRow"));
-const MassDeleteDeviceModal_1 = tslib_1.__importDefault(require("../../modals/massModals/MassDeleteDeviceModal/MassDeleteDeviceModal"));
-const ResourceListEmptyState_1 = tslib_1.__importDefault(require("../../common/ResourceListEmptyState"));
-const useTableSelect_1 = require("../../../hooks/useTableSelect");
 const useTranslation_1 = require("../../../hooks/useTranslation");
-const useNavigate_1 = require("../../../hooks/useNavigate");
 const useTablePagination_1 = require("../../../hooks/useTablePagination");
+const devices_1 = require("../../../utils/devices");
 const useDevices_1 = require("./useDevices");
 const useDeviceBackendFilters_1 = require("./useDeviceBackendFilters");
-const utils_1 = require("../../Status/utils");
 const EnrollmentRequestList_1 = tslib_1.__importDefault(require("../../EnrollmentRequest/EnrollmentRequestList"));
 const PageWithPermissions_1 = tslib_1.__importDefault(require("../../common/PageWithPermissions"));
 const rbac_1 = require("../../../types/rbac");
 const useAccessReview_1 = require("../../../hooks/useAccessReview");
-const DeviceEmptyState = ({ onAddDevice }) => {
-    const { t } = (0, useTranslation_1.useTranslation)();
-    const [canCreateFleet] = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.FLEET, rbac_1.VERB.CREATE);
-    return (React.createElement(ResourceListEmptyState_1.default, { icon: microchip_icon_1.MicrochipIcon, titleText: t('No devices here!') },
-        React.createElement(react_core_1.EmptyStateBody, null, canCreateFleet ? (React.createElement(react_i18next_1.Trans, { t: t },
-            "You can add devices and label them to match fleets, or you can",
-            ' ',
-            React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.FLEET_CREATE }, "start with a fleet"),
-            " and add devices into it.")) : (t('You can add devices and label them to match fleets'))),
-        React.createElement(react_core_1.EmptyStateFooter, null,
-            React.createElement(react_core_1.EmptyStateActions, null,
-                React.createElement(react_core_1.Button, { onClick: onAddDevice }, t('Add devices'))))));
-};
-const getDeviceColumns = (t) => [
-    {
-        name: t('Alias'),
-    },
-    {
-        name: t('Name'),
-    },
-    {
-        name: t('Fleet'),
-    },
-    {
-        name: t('Application status'),
-        helperText: (0, utils_1.getApplicationStatusHelperText)(t),
-    },
-    {
-        name: t('Device status'),
-        helperText: (0, utils_1.getDeviceStatusHelperText)(t),
-    },
-    {
-        name: t('Update status'),
-        helperText: (0, utils_1.getUpdateStatusHelperText)(t),
-    },
-    {
-        name: t('Last seen'),
-    },
-];
-const DeviceTable = ({ devices, refetch, nameOrAlias, setNameOrAlias, ownerFleets, setOwnerFleets, activeStatuses, setActiveStatuses, selectedLabels, setSelectedLabels, hasFiltersEnabled, isFilterUpdating, deviceColumns, pagination, }) => {
-    const { t } = (0, useTranslation_1.useTranslation)();
-    const [addDeviceModal, setAddDeviceModal] = React.useState(false);
-    const [isMassDeleteModalOpen, setIsMassDeleteModalOpen] = React.useState(false);
-    const { remove } = (0, useFetch_1.useFetch)();
-    const { onRowSelect, hasSelectedRows, isAllSelected, isRowSelected, setAllSelected } = (0, useTableSelect_1.useTableSelect)();
-    const { deleteAction: deleteDeviceAction, deleteModal: deleteDeviceModal } = (0, ListPageActions_1.useDeleteListAction)({
-        resourceType: 'Device',
-        onDelete: (resourceId) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            yield remove(`devices/${resourceId}`);
-            refetch();
-        }),
-    });
-    const [canDelete] = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.DEVICE, rbac_1.VERB.DELETE);
-    const [canEdit] = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.DEVICE, rbac_1.VERB.PATCH);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DeviceTableToolbar_1.default, { nameOrAlias: nameOrAlias, setNameOrAlias: setNameOrAlias, ownerFleets: ownerFleets, setOwnerFleets: setOwnerFleets, activeStatuses: activeStatuses, setActiveStatuses: setActiveStatuses, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, isFilterUpdating: isFilterUpdating },
-            React.createElement(react_core_1.ToolbarItem, null,
-                React.createElement(react_core_1.Button, { onClick: () => setAddDeviceModal(true) }, t('Add devices'))),
-            canDelete && (React.createElement(react_core_1.ToolbarItem, null,
-                React.createElement(react_core_1.Button, { isDisabled: !hasSelectedRows, onClick: () => setIsMassDeleteModalOpen(true), variant: "secondary" }, t('Delete devices'))))),
-        React.createElement(Table_1.default, { "aria-label": t('Devices table'), loading: isFilterUpdating, columns: deviceColumns, emptyFilters: !hasFiltersEnabled, emptyData: devices.length === 0, isAllSelected: isAllSelected, onSelectAll: setAllSelected },
-            React.createElement(react_table_1.Tbody, null, devices.map((device, index) => (React.createElement(DeviceTableRow_1.default, { key: device.metadata.name || '', device: device, deleteAction: deleteDeviceAction, onRowSelect: onRowSelect, isRowSelected: isRowSelected, rowIndex: index, canDelete: canDelete, canEdit: canEdit }))))),
-        React.createElement(TablePagination_1.default, { isUpdating: isFilterUpdating, pagination: pagination }),
-        !hasFiltersEnabled && devices.length === 0 && React.createElement(DeviceEmptyState, { onAddDevice: () => setAddDeviceModal(true) }),
-        deleteDeviceModal,
-        addDeviceModal && React.createElement(AddDeviceModal_1.default, { onClose: () => setAddDeviceModal(false) }),
-        isMassDeleteModalOpen && (React.createElement(MassDeleteDeviceModal_1.default, { onClose: () => setIsMassDeleteModalOpen(false), resources: devices.filter(isRowSelected), onDeleteSuccess: () => {
-                setIsMassDeleteModalOpen(false);
-                refetch();
-            } }))));
+const EnrolledDevicesTable_1 = tslib_1.__importDefault(require("./EnrolledDevicesTable"));
+const DecommissionedDevicesTable_1 = tslib_1.__importDefault(require("./DecommissionedDevicesTable"));
+const removeDecommissionedDevices = (data) => {
+    data.items = data.items.filter(devices_1.isDeviceEnrolled);
 };
-exports.DeviceTable = DeviceTable;
 const DevicesPage = ({ canListER }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
-    const deviceColumns = React.useMemo(() => getDeviceColumns(t), [t]);
     const { nameOrAlias, setNameOrAlias, ownerFleets, activeStatuses, hasFiltersEnabled, setOwnerFleets, setActiveStatuses, selectedLabels, setSelectedLabels, } = (0, useDeviceBackendFilters_1.useDeviceBackendFilters)();
-    const { currentPage, setCurrentPage, onPageFetched, nextContinue, itemCount } = (0, useTablePagination_1.useTablePagination)();
+    const [onlyDecommissioned, setOnlyDecommissioned] = React.useState(false);
+    const { currentPage, setCurrentPage, onPageFetched, nextContinue, itemCount } = (0, useTablePagination_1.useTablePagination)(onlyDecommissioned ? undefined : removeDecommissionedDevices);
     const [data, loading, error, updating, refetch] = (0, useDevices_1.useDevices)({
         nameOrAlias,
         ownerFleets,
+        onlyDecommissioned,
         activeStatuses,
         labels: selectedLabels,
         nextContinue,
@@ -122,8 +40,7 @@ const DevicesPage = ({ canListER }) => {
     return (React.createElement(React.Fragment, null,
         canListER && React.createElement(EnrollmentRequestList_1.default, { refetchDevices: refetch }),
         React.createElement(ListPage_1.default, { title: t('Devices') },
-            React.createElement(ListPageBody_1.default, { error: error, loading: loading },
-                React.createElement(exports.DeviceTable, { devices: data, refetch: refetch, nameOrAlias: nameOrAlias, setNameOrAlias: setNameOrAlias, hasFiltersEnabled: hasFiltersEnabled || updating, ownerFleets: ownerFleets, activeStatuses: activeStatuses, setOwnerFleets: setOwnerFleets, setActiveStatuses: setActiveStatuses, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, isFilterUpdating: updating, deviceColumns: deviceColumns, pagination: pagination })))));
+            React.createElement(ListPageBody_1.default, { error: error, loading: loading || (onlyDecommissioned && updating && !hasFiltersEnabled) }, onlyDecommissioned ? (React.createElement(DecommissionedDevicesTable_1.default, { devices: data, refetch: refetch, nameOrAlias: nameOrAlias, setNameOrAlias: setNameOrAlias, hasFiltersEnabled: hasFiltersEnabled || updating, setOnlyDecommissioned: setOnlyDecommissioned, isFilterUpdating: updating, pagination: pagination })) : (React.createElement(EnrolledDevicesTable_1.default, { devices: data, nameOrAlias: nameOrAlias, setNameOrAlias: setNameOrAlias, hasFiltersEnabled: hasFiltersEnabled || updating, ownerFleets: ownerFleets, setOnlyDecommissioned: setOnlyDecommissioned, activeStatuses: activeStatuses, setOwnerFleets: setOwnerFleets, setActiveStatuses: setActiveStatuses, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, isFilterUpdating: updating, pagination: pagination }))))));
 };
 const DevicesPageWithPermissions = () => {
     const [canListDevice, deviceLoading] = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.DEVICE, rbac_1.VERB.LIST);

package/dist/src/components/Device/DevicesPage/DevicesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevicesPage.js","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DevicesPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DevicesPage.js","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DevicesPage.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAI/B,+EAA+C;AAC/C,uFAAuD;AACvD,kEAA+D;AAC/D,0EAAuE;AACvE,oDAA0D;AAC1D,6CAA0C;AAC1C,uEAAoE;AAEpE,kHAAkF;AAClF,mGAAmE;AACnE,8CAAqD;AACrD,oEAAiE;AACjE,0FAA0D;AAC1D,sGAAsE;AAEtE,MAAM,2BAA2B,GAAG,CAAC,IAAgB,EAAE,EAAE;IACvD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,0BAAgB,CAAC,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,EACJ,WAAW,EACX,cAAc,EACd,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,iBAAiB,GAClB,GAAG,IAAA,iDAAuB,GAAE,CAAC;IAC9B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEnF,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,uCAAkB,EAChG,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAC7D,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,GAAG,IAAA,uBAAU,EAAC;QAC3D,WAAW;QACX,WAAW;QACX,kBAAkB;QAClB,cAAc;QACd,MAAM,EAAE,cAAc;QACtB,YAAY;QACZ,aAAa;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,cAAc;QACd,SAAS;KACV,CAAC,EACF,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC,CACzC,CAAC;IAEF,OAAO,CACL;QACG,SAAS,IAAI,oBAAC,+BAAqB,IAAC,cAAc,EAAE,OAAO,GAAI;QAEhE,oBAAC,kBAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC;YAE3B,oBAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,kBAAkB,IAAI,QAAQ,IAAI,CAAC,iBAAiB,CAAC,IACnG,kBAAkB,CAAC,CAAC,CAAC,CACpB,oBAAC,oCAA0B,IACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,IAAI,QAAQ,EAChD,qBAAqB,EAAE,qBAAqB,EAC5C,gBAAgB,EAAE,QAAQ,EAC1B,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,8BAAoB,IACnB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,IAAI,QAAQ,EAChD,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,QAAQ,EAC1B,UAAU,EAAE,UAAU,GACtB,CACH,CACY,CACN,CACV,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG,IAAA,iCAAe,EAAC,eAAQ,CAAC,MAAM,EAAE,WAAI,CAAC,IAAI,CAAC,CAAC;IACnF,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,IAAA,iCAAe,EAAC,eAAQ,CAAC,kBAAkB,EAAE,WAAI,CAAC,IAAI,CAAC,CAAC;IAEvF,OAAO,CACL,oBAAC,6BAAmB,IAAC,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,OAAO,EAAE,aAAa,IAAI,SAAS,IAC1F,aAAa,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,oBAAC,+BAAqB,IAAC,YAAY,SAAG,CAC3E,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}

package/dist/src/components/Device/DevicesPage/EnrolledDeviceTableRow.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { OnSelect } from '@patternfly/react-table';
+import { Device } from '@flightctl/types';
+import { ListAction } from '../../ListPage/types';
+type EnrolledDeviceTableRowProps = {
+    device: Device;
+    rowIndex: number;
+    onRowSelect: (device: Device) => OnSelect;
+    isRowSelected: (device: Device) => boolean;
+    canEdit: boolean;
+    canDecommission: boolean;
+    decommissionAction: ListAction;
+};
+declare const EnrolledDeviceTableRow: ({ device, rowIndex, onRowSelect, isRowSelected, canEdit, canDecommission, decommissionAction, }: EnrolledDeviceTableRowProps) => React.JSX.Element;
+export default EnrolledDeviceTableRow;
+//# sourceMappingURL=EnrolledDeviceTableRow.d.ts.map

package/dist/src/components/Device/DevicesPage/EnrolledDeviceTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnrolledDeviceTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/EnrolledDeviceTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,QAAQ,EAAU,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAQlD,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC;IAC1C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,UAAU,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,sBAAsB,oGAQzB,2BAA2B,sBAkE7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/src/components/Device/DevicesPage/{DeviceTableRow.js → EnrolledDeviceTableRow.js}

@@ -6,26 +6,21 @@ const react_table_1 = require("@patternfly/react-table");
 const DeviceFleet_1 = tslib_1.__importDefault(require("../DeviceDetails/DeviceFleet"));
 const dates_1 = require("../../../utils/dates");
 const devices_1 = require("../../../utils/devices");
+const tooltip_1 = require("../../../utils/tooltip");
 const ApplicationSummaryStatus_1 = tslib_1.__importDefault(require("../../Status/ApplicationSummaryStatus"));
 const DeviceStatus_1 = tslib_1.__importDefault(require("../../Status/DeviceStatus"));
 const SystemUpdateStatus_1 = tslib_1.__importDefault(require("../../Status/SystemUpdateStatus"));
 const useTranslation_1 = require("../../../hooks/useTranslation");
 const useNavigate_1 = require("../../../hooks/useNavigate");
 const ResourceLink_1 = tslib_1.__importDefault(require("../../common/ResourceLink"));
-const DeviceTableRow = ({ device, deleteAction, rowIndex, onRowSelect, isRowSelected, canDelete, canEdit, }) => {
+const EnrolledDeviceTableRow = ({ device, rowIndex, onRowSelect, isRowSelected, canEdit, canDecommission, decommissionAction, }) => {
     var _a, _b, _c;
     const { t } = (0, useTranslation_1.useTranslation)();
     const navigate = (0, useNavigate_1.useNavigate)();
     const deviceName = device.metadata.name;
     const deviceAlias = (_a = device.metadata.labels) === null || _a === void 0 ? void 0 : _a.alias;
-    const editActionProps = (0, devices_1.getDeviceFleet)(device === null || device === void 0 ? void 0 : device.metadata)
-        ? {
-            isAriaDisabled: true,
-            tooltipProps: {
-                content: t('Device is bound to a fleet. Its configurations cannot be edited'),
-            },
-        }
-        : undefined;
+    const editActionProps = (0, tooltip_1.getDisabledTooltipProps)((0, devices_1.getEditDisabledReason)(device, t));
+    const decommissionDisabledReason = (0, devices_1.getDecommissionDisabledReason)(device, t);
     return (React.createElement(react_table_1.Tr, null,
         React.createElement(react_table_1.Td, { select: {
                 rowIndex,
@@ -56,15 +51,16 @@ const DeviceTableRow = ({ device, deleteAction, rowIndex, onRowSelect, isRowSele
                         title: t('View device details'),
                         onClick: () => navigate({ route: useNavigate_1.ROUTE.DEVICE_DETAILS, postfix: deviceName }),
                     },
-                    ...(canDelete
+                    ...(canDecommission
                         ? [
-                            deleteAction({
+                            decommissionAction({
                                 resourceId: deviceName,
                                 resourceName: deviceAlias,
+                                disabledReason: decommissionDisabledReason,
                             }),
                         ]
                         : []),
                 ] }))));
 };
-exports.default = DeviceTableRow;
-//# sourceMappingURL=DeviceTableRow.js.map
+exports.default = EnrolledDeviceTableRow;
+//# sourceMappingURL=EnrolledDeviceTableRow.js.map

package/dist/src/components/Device/DevicesPage/EnrolledDeviceTableRow.js.map

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