@flightctl/ui-components 0.0.4 → 0.0.5

package/dist/src/components/Device/DeviceDetails/TerminalTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/TerminalTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAO1C,QAAA,MAAM,WAAW;YAA0B,MAAM;uBAyChD,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { TFunction } from 'i18next';
+import { FilterStatusMap, UpdateStatus } from './types';
+import { DeviceSummaryStatus } from '../../../utils/status/devices';
+import { StatusItem } from '../../../utils/status/common';
+export declare const getStatusItem: (t: TFunction, key: keyof FilterStatusMap) => {
+    title: string;
+    items: StatusItem<DeviceSummaryStatus>[];
+};
+type DeviceStatusFilterProps = {
+    activeStatuses: FilterStatusMap;
+    updateStatus: UpdateStatus;
+    isFilterUpdating: boolean;
+};
+declare const DeviceStatusFilter: ({ activeStatuses, updateStatus, isFilterUpdating }: DeviceStatusFilterProps) => React.JSX.Element;
+export default DeviceStatusFilter;
+//# sourceMappingURL=DeviceFilterSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceFilterSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DeviceFilterSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,OAAO,EAAmB,eAAe,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAA4C,MAAM,+BAA+B,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAI1D,eAAO,MAAM,aAAa,MACrB,SAAS,OACP,MAAM,eAAe,KACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,mBAAmB,CAAC,EAAE,CAAC;CAmB1C,CAAC;AAyBF,KAAK,uBAAuB,GAAG;IAC7B,cAAc,EAAE,eAAe,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,kBAAkB,uDAAwD,uBAAuB,sBAuCtG,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStatusItem = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const FilterSelect_1 = tslib_1.__importStar(require("../../form/FilterSelect"));
+const 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 DeviceStatusFilter = ({ activeStatuses, updateStatus, isFilterUpdating }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [filter, setFilter] = React.useState('');
+    const selectedFilters = Object.values(activeStatuses).reduce((acc, curr) => {
+        acc += curr.length;
+        return acc;
+    }, 0);
+    return (React.createElement(FilterSelect_1.default, { selectedFilters: selectedFilters, placeholder: t('Filter by status'), 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: 4 },
+                    React.createElement(FilterSelect_1.FilterSelectGroup, { label: title },
+                        React.createElement(FilterOption, { filter: filter, items: items, selectedFilters: activeStatuses[key], onClick: (value) => updateStatus(key, value) }))));
+            })))));
+};
+exports.default = DeviceStatusFilter;
+//# sourceMappingURL=DeviceFilterSelect.js.map

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { OnSelect } from '@patternfly/react-table';
+import { Device } from '@flightctl/types';
+import { DeleteListActionResult } from '../../ListPage/types';
+type DeviceTableRowProps = {
+    device: Device;
+    deleteAction: DeleteListActionResult['deleteAction'];
+    rowIndex: number;
+    onRowSelect: (device: Device) => OnSelect;
+    isRowSelected: (device: Device) => boolean;
+};
+declare const DeviceTableRow: React.FC<DeviceTableRowProps>;
+export default DeviceTableRow;
+//# sourceMappingURL=DeviceTableRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DeviceTableRow.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;AAI1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAQ9D,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,sBAAsB,CAAC,cAAc,CAAC,CAAC;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC;IAC1C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqEjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -39,7 +39,7 @@ const DeviceTableRow = ({ device, deleteAction, rowIndex, onRowSelect, isRowSele
         React.createElement(react_table_1.Td, { dataLabel: t('Fleet') },
             React.createElement(DeviceFleet_1.default, { device: device })),
         React.createElement(react_table_1.Td, { dataLabel: t('Application status') },
-            React.createElement(ApplicationSummaryStatus_1.default, { statusSummary: (_b = device.status) === null || _b === void 0 ? void 0 : _b.applications.summary })),
+            React.createElement(ApplicationSummaryStatus_1.default, { statusSummary: (_b = device.status) === null || _b === void 0 ? void 0 : _b.applicationsSummary })),
         React.createElement(react_table_1.Td, { dataLabel: t('Device status') },
             React.createElement(DeviceStatus_1.default, { deviceStatus: device.status })),
         React.createElement(react_table_1.Td, { dataLabel: t('System update status') },

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

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

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Fleet } from '@flightctl/types';
+import { TableTextSearchProps } from '../../Table/TableTextSearch';
+import { FilterStatusMap } from './types';
+import { FlightCtlLabel } from '../../../types/extraTypes';
+type DeviceTableToolbarProps = {
+    search: TableTextSearchProps['value'];
+    setSearch: TableTextSearchProps['setValue'];
+    allLabels: FlightCtlLabel[];
+    ownerFleets: string[];
+    setOwnerFleets: (ownerFleets: string[]) => void;
+    activeStatuses: FilterStatusMap;
+    setActiveStatuses: (statuses: FilterStatusMap) => void;
+    selectedLabels: FlightCtlLabel[];
+    setSelectedLabels: (labels: FlightCtlLabel[]) => void;
+    fleets: Fleet[];
+    isFilterUpdating: boolean;
+};
+declare const DeviceTableToolbar: React.FC<React.PropsWithChildren<DeviceTableToolbarProps>>;
+export default DeviceTableToolbar;
+//# sourceMappingURL=DeviceTableToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTableToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DeviceTableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAI3D,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtC,SAAS,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,eAAe,CAAC;IAChC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAqElF,CAAC;AAyFF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Device/{DeviceList → DevicesPage}/DeviceTableToolbar.js

@@ -3,14 +3,13 @@ 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 TableTextSearch_1 = tslib_1.__importDefault(require("../../Table/TableTextSearch"));
 const useTranslation_1 = require("../../../hooks/useTranslation");
 const DeviceFilterSelect_1 = tslib_1.__importStar(require("./DeviceFilterSelect"));
 const labels_1 = require("../../../utils/labels");
+const DeviceToolbarFilters_1 = tslib_1.__importDefault(require("./DeviceToolbarFilters"));
 const DeviceTableToolbar = (_a) => {
     var { children } = _a, rest = tslib_1.__rest(_a, ["children"]);
-    const { t } = (0, useTranslation_1.useTranslation)();
-    const { resources, ownerFleets, setOwnerFleets, search, setSearch, activeStatuses, setActiveStatuses, selectedLabels, setSelectedLabels, fleets, isFilterUpdating, } = rest;
+    const { ownerFleets, setOwnerFleets, search, setSearch, activeStatuses, setActiveStatuses, allLabels, selectedLabels, setSelectedLabels, fleets, isFilterUpdating, } = rest;
     const updateStatus = (statusType, status) => {
         if (!statusType) {
             setActiveStatuses(Object.keys(activeStatuses).reduce((acc, curr) => {
@@ -39,9 +38,9 @@ const DeviceTableToolbar = (_a) => {
             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(DeviceFilterSelect_1.default, { resources: resources, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, selectedFleets: ownerFleets, setSelectedFleets: setOwnerFleets, activeStatuses: activeStatuses, updateStatus: updateStatus, fleets: fleets, isFilterUpdating: isFilterUpdating })),
+                        React.createElement(DeviceFilterSelect_1.default, { activeStatuses: activeStatuses, updateStatus: updateStatus, isFilterUpdating: isFilterUpdating })),
                     React.createElement(react_core_1.ToolbarItem, { variant: "search-filter" },
-                        React.createElement(TableTextSearch_1.default, { value: search, setValue: setSearch, placeholder: t('Search by alias or name') }))),
+                        React.createElement(DeviceToolbarFilters_1.default, { allLabels: allLabels, selectedLabels: selectedLabels, selectedFleetNames: ownerFleets, setSelectedLabels: setSelectedLabels, setSelectedFleets: setOwnerFleets, fleets: fleets, search: search, setSearch: setSearch }))),
                 children)),
         React.createElement(DeviceToolbarChips, Object.assign({}, rest, { updateStatus: updateStatus }))));
 };
@@ -61,7 +60,7 @@ const DeviceToolbarChips = ({ activeStatuses, updateStatus, ownerFleets, search,
         !!ownerFleets.length && (React.createElement(react_core_1.SplitItem, null,
             React.createElement(react_core_1.ChipGroup, { categoryName: t('Fleet'), isClosable: true, onClick: () => setOwnerFleets([]) }, ownerFleets.map((fleetId) => (React.createElement(react_core_1.Chip, { key: fleetId, onClick: () => setOwnerFleets(ownerFleets.filter((f) => f !== fleetId)) }, fleetId)))))),
         search && (React.createElement(react_core_1.SplitItem, null,
-            React.createElement(react_core_1.ChipGroup, { categoryName: t('Name / ID'), isClosable: true, onClick: () => setSearch('') },
+            React.createElement(react_core_1.ChipGroup, { categoryName: t('Name / Alias'), isClosable: true, onClick: () => setSearch('') },
                 React.createElement(react_core_1.Chip, { onClick: () => setSearch('') }, search)))),
         !!selectedLabels.length && (React.createElement(react_core_1.SplitItem, null,
             React.createElement(react_core_1.ChipGroup, { categoryName: t('Labels'), isClosable: true, onClick: () => setSelectedLabels([]) }, selectedLabels.map((label) => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTableToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DeviceTableToolbar.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAUgC;AAIhC,kEAA+D;AAC/D,mFAAyE;AAGzE,kDAAsD;AACtD,0FAA+D;AAgB/D,MAAM,kBAAkB,GAA+D,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,sBAAnB,YAAqB,CAAF;IACzG,MAAM,EACJ,WAAW,EACX,cAAc,EACd,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,MAAM,EACN,gBAAgB,GACjB,GAAG,IAAI,CAAC;IAET,MAAM,YAAY,GAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE;QACxD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,iBAAiB,CACf,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;gBAC/C,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACf,OAAO,GAAG,CAAC;YACb,CAAC,EAAE,EAAqB,CAAC,CAC1B,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,iBAAiB,iCAAM,cAAc,KAAE,CAAC,UAAU,CAAC,EAAE,EAAE,IAAG,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACN,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC;oBACzD,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;oBAC3E,iBAAiB,iCAAM,cAAc,KAAE,CAAC,UAAU,CAAC,EAAE,WAAW,IAAG,CAAC;gBACtE,CAAC;qBAAM,CAAC;oBACN,MAAM,QAAQ,GAAG,CAAC,GAAG,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;oBACzD,iBAAiB,iCAAM,cAAc,KAAE,CAAC,UAAU,CAAC,EAAE,QAAQ,IAAG,CAAC;gBACnE,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,oBAAO,IAAC,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;YAC3D,oBAAC,2BAAc;gBACb,oBAAC,yBAAY;oBACX,oBAAC,wBAAW,IAAC,OAAO,EAAC,eAAe;wBAClC,oBAAC,4BAAkB,IACjB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,GAClC,CACU;oBACd,oBAAC,wBAAW,IAAC,OAAO,EAAC,eAAe;wBAClC,oBAAC,8BAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,WAAW,EAC/B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,cAAc,EACjC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACU,CACD;gBACd,QAAQ,CACM,CACT;QACV,oBAAC,kBAAkB,oBAAK,IAAI,IAAE,YAAY,EAAE,YAAY,IAAI,CAC3D,CACJ,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,cAAc,EACd,YAAY,EACZ,WAAW,EACX,MAAM,EACN,cAAc,EACd,SAAS,EACT,cAAc,EACd,iBAAiB,GACO,EAAE,EAAE;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;IAClH,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACb,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACpB,MAAM,GAAG,GAAG,CAA0B,CAAC;YACvC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAa,EAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YAC/C,OAAO,CACL,oBAAC,sBAAS,IAAC,GAAG,EAAE,GAAG;gBACjB,oBAAC,sBAAS,IAAC,YAAY,EAAE,KAAK,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IACxE,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;;oBAAC,OAAA,CAC3C,oBAAC,iBAAI,IAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,IACxD,MAAA,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,0CAAE,KAAK,CACxC,CACR,CAAA;iBAAA,CAAC,CACQ,CACF,CACb,CAAC;QACJ,CAAC,CAAC;QACD,CAAC,CAAC,WAAW,CAAC,MAAM,IAAI,CACvB,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IAAC,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,IAC9E,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5B,oBAAC,iBAAI,IAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IACxF,OAAO,CACH,CACR,CAAC,CACQ,CACF,CACb;QACA,MAAM,IAAI,CACT,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IAAC,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;gBACjF,oBAAC,iBAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,IAAG,MAAM,CAAQ,CACzC,CACF,CACb;QACA,CAAC,CAAC,cAAc,CAAC,MAAM,IAAI,CAC1B,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAClF,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC5B,MAAM,QAAQ,GAAG,IAAA,sBAAa,EAAC,KAAK,CAAC,CAAC;gBACtC,OAAO,CACL,oBAAC,iBAAI,IACH,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,sBAAa,EAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,IAE5F,QAAQ,CACJ,CACR,CAAC;YACJ,CAAC,CAAC,CACQ,CACF,CACb;QACA,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CACvF,oBAAC,sBAAS;YACR,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,EAAE,CAAC;oBACf,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,SAAS,CAAC,EAAE,CAAC,CAAC;oBACd,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBACxB,CAAC,IAEA,CAAC,CAAC,mBAAmB,CAAC,CAChB,CACC,CACb,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/src/components/Device/DevicesPage/DeviceToolbarFilters.css

@@ -0,0 +1,16 @@
+.fctl-device-toolbar-filters__hint {
+  padding: 0.75rem;
+}
+
+.fctl_device-toolbar-filters__typeselect .pf-v5-c-menu-toggle__text {
+  min-width: 150px;
+  text-align: left;
+}
+
+.fctl-device-toolbar-filters__search-icon {
+  padding: 0.5rem 1rem;
+}
+
+.fctl-device-toolbar-filters__toggle .pf-v5-c-menu-toggle__controls {
+  display: none;
+}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Fleet } from '@flightctl/types';
+import { FlightCtlLabel } from '../../../types/extraTypes';
+import { TableTextSearchProps } from '../../Table/TableTextSearch';
+import './DeviceToolbarFilters.css';
+type DeviceToolbarFilterProps = {
+    fleets: Fleet[];
+    selectedFleetNames: string[];
+    setSelectedFleets: (ownerFleets: string[]) => void;
+    allLabels: FlightCtlLabel[];
+    selectedLabels: FlightCtlLabel[];
+    setSelectedLabels: (labels: FlightCtlLabel[]) => void;
+    search?: TableTextSearchProps['value'];
+    setSearch?: TableTextSearchProps['setValue'];
+};
+declare const DeviceToolbarFilter: ({ fleets, selectedFleetNames, setSelectedFleets, allLabels, selectedLabels, setSelectedLabels, search, setSearch, }: DeviceToolbarFilterProps) => React.JSX.Element;
+export default DeviceToolbarFilter;
+//# sourceMappingURL=DeviceToolbarFilters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceToolbarFilters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DeviceToolbarFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAwB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAKpF,OAAO,4BAA4B,CAAC;AAqLpC,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACtD,MAAM,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,mBAAmB,wHAStB,wBAAwB,sBA4E1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,127 @@
+"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 times_icon_1 = require("@patternfly/react-icons/dist/js/icons/times-icon");
+const search_icon_1 = require("@patternfly/react-icons/dist/js/icons/search-icon");
+const TableTextSearch_1 = tslib_1.__importDefault(require("../../Table/TableTextSearch"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const search_1 = require("../../../utils/search");
+const labels_1 = require("../../../utils/labels");
+require("./DeviceToolbarFilters.css");
+const NAME_SEARCH = 'NameAndAlias';
+const LABEL_SEARCH = 'LabelsAndFleets';
+const LabelFleetResults = ({ allLabels, fleets, selectedLabels, filterText, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const availableFleetNames = fleets
+        .filter((f) => (0, search_1.fuzzySeach)(filterText, f.metadata.name))
+        .map((f) => f.metadata.name || '');
+    const filteredLabels = (0, labels_1.filterDevicesLabels)(allLabels, selectedLabels, filterText);
+    const [visibleLabels, visibleFleets] = (0, search_1.getSearchResultsCount)(filteredLabels.length, availableFleetNames.length);
+    if (visibleLabels + visibleFleets === 0) {
+        return React.createElement("div", { className: "fctl-device-toolbar-filters__hint" }, t('No results'));
+    }
+    return (React.createElement(React.Fragment, null,
+        visibleLabels > 0 && (React.createElement(react_core_1.SelectGroup, { label: t('Labels') },
+            React.createElement(react_core_1.SelectList, { id: "select-typeahead-labels-listbox" }, filteredLabels
+                .filter((_, index) => index < visibleLabels)
+                .map((labelStr) => {
+                return (React.createElement(react_core_1.SelectOption, { key: `label@@${labelStr}`, value: `label@@${labelStr}` }, labelStr));
+            })))),
+        visibleFleets > 0 && (React.createElement(react_core_1.SelectGroup, { label: t('Fleets') },
+            React.createElement(react_core_1.SelectList, { id: "select-typeahead-fleets-listbox" }, availableFleetNames
+                .filter((_, index) => index < visibleFleets)
+                .map((fleetName) => (React.createElement(react_core_1.SelectOption, { key: `fleet@@${fleetName}`, value: `fleet@@${fleetName}` }, fleetName))))))));
+};
+const LabelFleetSelector = ({ fleets, selectedFleetNames, allLabels, selectedLabels, onSelect, placeholder, }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [filterText, setFilterText] = React.useState('');
+    const textInputRef = React.useRef();
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const onToggleClick = () => {
+        var _a;
+        setIsOpen(!isOpen);
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const onClearButtonClick = () => {
+        var _a;
+        setFilterText('');
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const closeMenu = () => {
+        setIsOpen(false);
+    };
+    const onInputClick = () => {
+        if (!isOpen) {
+            setIsOpen(true);
+        }
+        else if (!filterText) {
+            closeMenu();
+        }
+    };
+    const onTextInputChange = (_event, value) => {
+        setFilterText(value);
+    };
+    const selectedIds = selectedFleetNames
+        .map((fleetName) => `fleet@@${fleetName}`)
+        .concat(selectedLabels.map((label) => `label@@${(0, labels_1.labelToString)(label)}`));
+    const toggle = (toggleRef) => (React.createElement(react_core_1.MenuToggle, { className: "fctl-device-toolbar-filters__toggle", ref: toggleRef, variant: "typeahead", "aria-label": t('Fleet and label filter toggle'), onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, icon: React.createElement(react_core_1.Icon, { size: "md", className: "fctl-device-toolbar-filters__search-icon" },
+            React.createElement(search_icon_1.SearchIcon, null)) },
+        React.createElement(react_core_1.TextInputGroup, { isPlain: true },
+            React.createElement(react_core_1.TextInputGroupMain, { value: filterText, onClick: onInputClick, onChange: onTextInputChange, id: "typeahead-select-input", autoComplete: "off", innerRef: textInputRef, role: "combobox", isExpanded: isOpen, placeholder: placeholder, "aria-controls": "fleet-label-typeahead-select-listbox" }),
+            React.createElement(react_core_1.TextInputGroupUtilities, Object.assign({}, (!filterText && { style: { display: 'none' } })),
+                React.createElement(react_core_1.Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": t('Clear filter text') },
+                    React.createElement(times_icon_1.TimesIcon, { "aria-hidden": true }))))));
+    return (React.createElement(react_core_1.Select, { id: "fleet-label-typeahead-select-listbox", isOpen: isOpen, selected: selectedIds, onSelect: (_event, value) => {
+            const valStr = value;
+            const id = valStr.split('@@')[1];
+            if (valStr.startsWith('fleet@@')) {
+                onSelect('fleet', id);
+            }
+            else {
+                onSelect('label', id);
+            }
+            setIsOpen(false);
+            setFilterText('');
+        }, onOpenChange: (isOpen) => {
+            !isOpen && closeMenu();
+        }, toggle: toggle },
+        React.createElement(LabelFleetResults, { fleets: fleets, filterText: filterText, selectedFleetNames: selectedFleetNames, allLabels: allLabels, selectedLabels: selectedLabels })));
+};
+const DeviceToolbarFilter = ({ fleets, selectedFleetNames, setSelectedFleets, allLabels, selectedLabels, setSelectedLabels, search, setSearch, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isSearchTypeExpanded, setIsSearchTypeExpanded] = React.useState(false);
+    const [selectedSearchType, setSelectedSearchType] = React.useState(LABEL_SEARCH);
+    const onToggle = () => {
+        setIsSearchTypeExpanded(!isSearchTypeExpanded);
+    };
+    const onSearchTypeSelect = (_event, selection) => {
+        setSelectedSearchType(selection);
+        setIsSearchTypeExpanded(false);
+    };
+    const onSelectFleetOrLabel = (type, id) => {
+        // Selecting a previously selected label does nothing. Labels can only be removed from the chips.
+        if (type === 'fleet') {
+            const isSelected = selectedFleetNames.includes(id);
+            if (!isSelected) {
+                setSelectedFleets(selectedFleetNames.concat([id]));
+            }
+        }
+        else {
+            const isSelected = selectedLabels.some((label) => (0, labels_1.labelToString)(label) === id);
+            if (!isSelected) {
+                const [key, val] = id.split('=');
+                setSelectedLabels(selectedLabels.concat([{ key, value: val }]));
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        setSearch && (React.createElement(react_core_1.Select, { toggle: (toggleRef) => (React.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: onToggle, isExpanded: isSearchTypeExpanded, className: "fctl_device-toolbar-filters__typeselect" }, selectedSearchType === NAME_SEARCH ? t('Name and alias') : t('Labels and fleets'))), onSelect: onSearchTypeSelect, onOpenChange: (isOpen) => setIsSearchTypeExpanded(isOpen), selected: selectedSearchType, isOpen: isSearchTypeExpanded },
+            React.createElement(react_core_1.SelectList, null,
+                React.createElement(react_core_1.SelectOption, { id: NAME_SEARCH, value: NAME_SEARCH }, t('Name and alias'))),
+            React.createElement(react_core_1.SelectOption, { id: LABEL_SEARCH, value: LABEL_SEARCH }, t('Labels and fleets')))),
+        setSearch && selectedSearchType === NAME_SEARCH ? (React.createElement(TableTextSearch_1.default, { value: search, setValue: setSearch })) : (React.createElement(LabelFleetSelector, { placeholder: setSearch ? undefined : t('Filter by labels and fleets'), allLabels: allLabels, fleets: fleets, selectedFleetNames: selectedFleetNames, selectedLabels: selectedLabels, onSelect: onSelectFleetOrLabel }))));
+};
+exports.default = DeviceToolbarFilter;
+//# sourceMappingURL=DeviceToolbarFilters.js.map

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

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

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Device, Fleet } from '@flightctl/types';
+import { FlightCtlLabel } from '../../../types/extraTypes';
+import { FilterStatusMap } from './types';
+interface DeviceTableProps {
+    devices: Array<Device>;
+    refetch: VoidFunction;
+    ownerFleets: string[];
+    activeStatuses: FilterStatusMap;
+    hasFiltersEnabled: boolean;
+    setOwnerFleets: (ownerFleets: string[]) => void;
+    setActiveStatuses: (activeStatuses: FilterStatusMap) => void;
+    allLabels: FlightCtlLabel[];
+    selectedLabels: FlightCtlLabel[];
+    setSelectedLabels: (labels: FlightCtlLabel[]) => void;
+    fleets: Fleet[];
+    isFilterUpdating: boolean;
+}
+export declare const DeviceTable: ({ devices, refetch, ownerFleets, setOwnerFleets, activeStatuses, setActiveStatuses, allLabels, selectedLabels, setSelectedLabels, hasFiltersEnabled, fleets, isFilterUpdating, }: DeviceTableProps) => React.JSX.Element;
+declare const DevicesPage: () => React.JSX.Element;
+export default DevicesPage;
+//# sourceMappingURL=DevicesPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/DevicesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAa,MAAM,kBAAkB,CAAC;AAY5D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA8D1C,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,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,cAAc,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7D,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,qLAarB,gBAAgB,sBAmFlB,CAAC;AAEF,QAAA,MAAM,WAAW,yBA6ChB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -15,25 +15,20 @@ const AddDeviceModal_1 = tslib_1.__importDefault(require("../AddDeviceModal/AddD
 const generic_1 = require("../../../utils/sort/generic");
 const device_1 = require("../../../utils/sort/device");
 const Table_1 = tslib_1.__importDefault(require("../../Table/Table"));
-const EnrollmentRequestTableRow_1 = tslib_1.__importDefault(require("../../EnrollmentRequest/EnrollmentRequestTableRow"));
 const DeviceTableToolbar_1 = tslib_1.__importDefault(require("./DeviceTableToolbar"));
 const useDeviceFilters_1 = require("./useDeviceFilters");
 const DeviceTableRow_1 = tslib_1.__importDefault(require("./DeviceTableRow"));
-const TableActions_1 = tslib_1.__importDefault(require("../../Table/TableActions"));
-const resource_1 = require("../../../utils/resource");
-const extraTypes_1 = require("../../../types/extraTypes");
 const MassDeleteDeviceModal_1 = tslib_1.__importDefault(require("../../modals/massModals/MassDeleteDeviceModal/MassDeleteDeviceModal"));
-const MassApproveDeviceModal_1 = tslib_1.__importDefault(require("../../modals/massModals/MassApproveDeviceModal/MassApproveDeviceModal"));
-const ApproveDeviceModal_1 = tslib_1.__importDefault(require("../../modals/ApproveDeviceModal/ApproveDeviceModal"));
 const ResourceListEmptyState_1 = tslib_1.__importDefault(require("../../common/ResourceListEmptyState"));
 const useTableSort_1 = require("../../../hooks/useTableSort");
 const useTableSelect_1 = require("../../../hooks/useTableSelect");
 const useTranslation_1 = require("../../../hooks/useTranslation");
 const useNavigate_1 = require("../../../hooks/useNavigate");
-const useDeviceLikeResources_1 = require("./useDeviceLikeResources");
+const useDevices_1 = require("./useDevices");
 const useDeviceBackendFilters_1 = require("./useDeviceBackendFilters");
 const utils_1 = require("../../Status/utils");
 const useFetchPeriodically_1 = require("../../../hooks/useFetchPeriodically");
+const EnrollmentRequestList_1 = tslib_1.__importDefault(require("./EnrollmentRequestList"));
 const DeviceEmptyState = ({ onAddDevice }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
     return (React.createElement(ResourceListEmptyState_1.default, { icon: microchip_icon_1.MicrochipIcon, titleText: t('No devices here!') },
@@ -63,84 +58,61 @@ const getDeviceColumns = (t) => [
     {
         name: t('Application status'),
         helperText: (0, utils_1.getApplicationStatusHelperText)(t),
-        onSort: (resources) => (0, device_1.sortDeviceStatus)(resources, 'ApplicationStatus'),
+        onSort: (devices) => (0, device_1.sortDeviceStatus)(devices, 'ApplicationStatus'),
     },
     {
         name: t('Device status'),
         helperText: (0, utils_1.getDeviceStatusHelperText)(t),
-        onSort: (resources) => (0, device_1.sortDeviceStatus)(resources, 'DeviceStatus'),
+        onSort: (devices) => (0, device_1.sortDeviceStatus)(devices, 'DeviceStatus'),
         defaultSort: true,
     },
     {
         name: t('Update status'),
         helperText: (0, utils_1.getUpdateStatusHelperText)(t),
-        onSort: (resources) => (0, device_1.sortDeviceStatus)(resources, 'SystemUpdateStatus'),
+        onSort: (devices) => (0, device_1.sortDeviceStatus)(devices, 'SystemUpdateStatus'),
     },
     {
         name: t('Last seen'),
         onSort: generic_1.sortByLastSeenDate,
     },
 ];
-const DeviceTable = ({ resources, refetch, ownerFleets, setOwnerFleets, activeStatuses, setActiveStatuses, selectedLabels, setSelectedLabels, hasFiltersEnabled, fleets, isFilterUpdating, }) => {
+const DeviceTable = ({ devices, refetch, ownerFleets, setOwnerFleets, activeStatuses, setActiveStatuses, allLabels, selectedLabels, setSelectedLabels, hasFiltersEnabled, fleets, isFilterUpdating, }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
-    const [requestId, setRequestId] = React.useState();
     const [addDeviceModal, setAddDeviceModal] = React.useState(false);
     const [isMassDeleteModalOpen, setIsMassDeleteModalOpen] = React.useState(false);
-    const [isMassApproveModalOpen, setIsMassApproveModalOpen] = React.useState(false);
     const { remove } = (0, useFetch_1.useFetch)();
     const deviceColumns = React.useMemo(() => getDeviceColumns(t), [t]);
-    const _a = (0, useDeviceFilters_1.useDeviceFilters)(resources), { filteredData, hasFiltersEnabled: hasUIFiltersEnabled } = _a, rest = tslib_1.__rest(_a, ["filteredData", "hasFiltersEnabled"]);
+    const _a = (0, useDeviceFilters_1.useDeviceFilters)(devices), { filteredData, hasFiltersEnabled: hasUIFiltersEnabled } = _a, rest = tslib_1.__rest(_a, ["filteredData", "hasFiltersEnabled"]);
     const { getSortParams, sortedData } = (0, useTableSort_1.useTableSort)(filteredData, deviceColumns);
     const { onRowSelect, hasSelectedRows, isAllSelected, isRowSelected, setAllSelected } = (0, useTableSelect_1.useTableSelect)();
     const { deleteAction: deleteDeviceAction, deleteModal: deleteDeviceModal } = (0, ListPageActions_1.useDeleteListAction)({
-        resourceType: 'device',
+        resourceType: 'Device',
         onDelete: (resourceId) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
             yield remove(`devices/${resourceId}`);
             refetch();
         }),
     });
-    const { deleteAction: deleteErAction, deleteModal: deleteErModal } = (0, ListPageActions_1.useDeleteListAction)({
-        resourceType: 'enrollment request',
-        onDelete: (resourceId) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            yield remove(`enrollmentrequests/${resourceId}`);
-            refetch();
-        }),
-    });
-    const currentEnrollmentRequest = resources.find((res) => res.metadata.name === requestId && (0, extraTypes_1.isEnrollmentRequest)(res));
     return (React.createElement(React.Fragment, null,
-        React.createElement(DeviceTableToolbar_1.default, Object.assign({}, rest, { ownerFleets: ownerFleets, setOwnerFleets: setOwnerFleets, activeStatuses: activeStatuses, setActiveStatuses: setActiveStatuses, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, resources: resources, fleets: fleets, isFilterUpdating: isFilterUpdating }),
+        React.createElement(DeviceTableToolbar_1.default, Object.assign({}, rest, { ownerFleets: ownerFleets, setOwnerFleets: setOwnerFleets, activeStatuses: activeStatuses, setActiveStatuses: setActiveStatuses, allLabels: allLabels, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, fleets: fleets, isFilterUpdating: isFilterUpdating }),
             React.createElement(react_core_1.ToolbarItem, null,
                 React.createElement(react_core_1.Button, { onClick: () => setAddDeviceModal(true) }, t('Add devices'))),
             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: () => setIsMassApproveModalOpen(true) }, t('Approve')),
-                        React.createElement(react_core_1.SelectOption, { isDisabled: !hasSelectedRows, onClick: () => setIsMassDeleteModalOpen(true) }, t('Delete')))))),
-        React.createElement(Table_1.default, { "aria-label": t('Devices table'), columns: deviceColumns, emptyFilters: filteredData.length === 0 && (hasFiltersEnabled || hasUIFiltersEnabled), emptyData: resources.length === 0, getSortParams: getSortParams, isAllSelected: isAllSelected, onSelectAll: setAllSelected },
-            React.createElement(react_table_1.Tbody, null, sortedData.map((resource, index) => (0, extraTypes_1.isEnrollmentRequest)(resource) ? (React.createElement(EnrollmentRequestTableRow_1.default, { key: (0, resource_1.getResourceId)(resource), er: resource, deleteAction: deleteErAction, onRowSelect: onRowSelect, isRowSelected: isRowSelected, rowIndex: index, onApprove: setRequestId })) : (React.createElement(DeviceTableRow_1.default, { key: (0, resource_1.getResourceId)(resource), device: resource, deleteAction: deleteDeviceAction, onRowSelect: onRowSelect, isRowSelected: isRowSelected, rowIndex: index }))))),
-        !hasFiltersEnabled && !hasUIFiltersEnabled && resources.length === 0 && (React.createElement(DeviceEmptyState, { onAddDevice: () => setAddDeviceModal(true) })),
+                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'), columns: deviceColumns, emptyFilters: filteredData.length === 0 && (hasFiltersEnabled || hasUIFiltersEnabled), emptyData: devices.length === 0, getSortParams: getSortParams, isAllSelected: isAllSelected, onSelectAll: setAllSelected },
+            React.createElement(react_table_1.Tbody, null, sortedData.map((device, index) => (React.createElement(DeviceTableRow_1.default, { key: device.metadata.name || '', device: device, deleteAction: deleteDeviceAction, onRowSelect: onRowSelect, isRowSelected: isRowSelected, rowIndex: index }))))),
+        !hasFiltersEnabled && !hasUIFiltersEnabled && devices.length === 0 && (React.createElement(DeviceEmptyState, { onAddDevice: () => setAddDeviceModal(true) })),
         deleteDeviceModal,
-        deleteErModal,
         addDeviceModal && React.createElement(AddDeviceModal_1.default, { onClose: () => setAddDeviceModal(false) }),
-        currentEnrollmentRequest && (React.createElement(ApproveDeviceModal_1.default, { enrollmentRequest: currentEnrollmentRequest, onClose: (updateList) => {
-                setRequestId(undefined);
-                updateList && refetch();
-            } })),
         isMassDeleteModalOpen && (React.createElement(MassDeleteDeviceModal_1.default, { onClose: () => setIsMassDeleteModalOpen(false), resources: sortedData.filter(isRowSelected), onDeleteSuccess: () => {
                 setIsMassDeleteModalOpen(false);
                 refetch();
-            } })),
-        isMassApproveModalOpen && (React.createElement(MassApproveDeviceModal_1.default, { onClose: () => setIsMassApproveModalOpen(false), resources: sortedData.filter(isRowSelected), onApproveSuccess: () => {
-                setAllSelected(false);
-                setIsMassApproveModalOpen(false);
-                refetch();
             } }))));
 };
 exports.DeviceTable = DeviceTable;
-const DeviceList = () => {
+const DevicesPage = () => {
     const { t } = (0, useTranslation_1.useTranslation)();
     const { ownerFleets, activeStatuses, hasFiltersEnabled, setOwnerFleets, setActiveStatuses, selectedLabels, setSelectedLabels, } = (0, useDeviceBackendFilters_1.useDeviceBackendFilters)();
-    const [data, loading, error, updating, refetch] = (0, useDeviceLikeResources_1.useDeviceLikeResources)({
+    const [data, loading, error, updating, refetch, allLabels] = (0, useDevices_1.useDevices)({
         ownerFleets,
         activeStatuses,
         labels: selectedLabels,
@@ -148,10 +120,11 @@ const DeviceList = () => {
     const [fleetsList, flLoading, flError] = (0, useFetchPeriodically_1.useFetchPeriodically)({
         endpoint: 'fleets',
     });
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement(react_core_1.PageSection, { variant: react_core_1.PageSectionVariants.light },
+        React.createElement(EnrollmentRequestList_1.default, { refetchDevices: refetch }),
         React.createElement(ListPage_1.default, { title: t('Devices') },
             React.createElement(ListPageBody_1.default, { error: error || flError, loading: loading || flLoading },
-                React.createElement(exports.DeviceTable, { resources: data, refetch: refetch, hasFiltersEnabled: hasFiltersEnabled || updating, ownerFleets: ownerFleets, activeStatuses: activeStatuses, setOwnerFleets: setOwnerFleets, setActiveStatuses: setActiveStatuses, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, fleets: (fleetsList === null || fleetsList === void 0 ? void 0 : fleetsList.items) || [], isFilterUpdating: updating })))));
+                React.createElement(exports.DeviceTable, { devices: data, allLabels: allLabels, refetch: refetch, hasFiltersEnabled: hasFiltersEnabled || updating, ownerFleets: ownerFleets, activeStatuses: activeStatuses, setOwnerFleets: setOwnerFleets, setActiveStatuses: setActiveStatuses, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, fleets: (fleetsList === null || fleetsList === void 0 ? void 0 : fleetsList.items) || [], isFilterUpdating: updating })))));
 };
-exports.default = DeviceList;
-//# sourceMappingURL=DeviceList.js.map
+exports.default = DevicesPage;
+//# sourceMappingURL=DevicesPage.js.map

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

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { EnrollmentRequest } from '@flightctl/types';
+interface EnrollmentRequestTableProps {
+    pendingEnrollments: Array<EnrollmentRequest>;
+    approveRefetch: VoidFunction;
+    deleteRefetch: VoidFunction;
+}
+export declare const EnrollmentRequestTable: ({ pendingEnrollments, approveRefetch, deleteRefetch, }: EnrollmentRequestTableProps) => React.JSX.Element;
+declare const EnrollmentRequestList: ({ refetchDevices }: {
+    refetchDevices: VoidFunction;
+}) => React.JSX.Element | null;
+export default EnrollmentRequestList;
+//# sourceMappingURL=EnrollmentRequestList.d.ts.map