@flightctl/ui-components 0.0.1

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

@@ -0,0 +1,157 @@
+"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 AddDeviceModal_1 = tslib_1.__importDefault(require("../AddDeviceModal/AddDeviceModal"));
+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 useDeviceBackendFilters_1 = require("./useDeviceBackendFilters");
+const utils_1 = require("../../Status/utils");
+const useFetchPeriodically_1 = require("../../../hooks/useFetchPeriodically");
+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!') },
+        React.createElement(react_core_1.EmptyStateBody, null,
+            React.createElement(react_i18next_1.Trans, { t: t },
+                "You can add devices and label them to match fleets, or your can",
+                ' ',
+                React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.FLEET_CREATE }, "start with a fleet"),
+                " and add devices into it.")),
+        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'),
+        onSort: generic_1.sortByAlias,
+    },
+    {
+        name: t('Name'),
+        onSort: generic_1.sortByName,
+    },
+    {
+        name: t('Fleet'),
+        onSort: device_1.sortDevicesByFleet,
+    },
+    {
+        name: t('Application status'),
+        helperText: (0, utils_1.getApplicationStatusHelperText)(t),
+        onSort: (resources) => (0, device_1.sortDeviceStatus)(resources, 'ApplicationStatus'),
+    },
+    {
+        name: t('Device status'),
+        helperText: (0, utils_1.getDeviceStatusHelperText)(t),
+        onSort: (resources) => (0, device_1.sortDeviceStatus)(resources, 'DeviceStatus'),
+        defaultSort: true,
+    },
+    {
+        name: t('Update status'),
+        helperText: (0, utils_1.getUpdateStatusHelperText)(t),
+        onSort: (resources) => (0, device_1.sortDeviceStatus)(resources, 'SystemUpdateStatus'),
+    },
+    {
+        name: t('Last seen'),
+        onSort: generic_1.sortByLastSeenDate,
+    },
+];
+const DeviceTable = ({ resources, refetch, ownerFleets, setOwnerFleets, activeStatuses, setActiveStatuses, 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 { 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',
+        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(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) })),
+        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 { 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)({
+        ownerFleets,
+        activeStatuses,
+        labels: selectedLabels,
+    });
+    const [fleetsList, flLoading, flError] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: 'fleets',
+    });
+    return (React.createElement(React.Fragment, null,
+        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 })))));
+};
+exports.default = DeviceList;
+//# sourceMappingURL=DeviceList.js.map

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

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

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

@@ -0,0 +1,62 @@
+"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 DeviceFleet_1 = tslib_1.__importDefault(require("../DeviceDetails/DeviceFleet"));
+const dates_1 = require("../../../utils/dates");
+const devices_1 = require("../../../utils/devices");
+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, }) => {
+    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;
+    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('Alias') },
+            React.createElement(ResourceLink_1.default, { id: deviceName, name: deviceAlias || t('Untitled'), routeLink: useNavigate_1.ROUTE.DEVICE_DETAILS })),
+        React.createElement(react_table_1.Td, { dataLabel: t('Name') },
+            React.createElement(ResourceLink_1.default, { id: deviceName })),
+        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(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') },
+            React.createElement(SystemUpdateStatus_1.default, { deviceStatus: device.status })),
+        React.createElement(react_table_1.Td, { dataLabel: t('Last seen') }, (0, dates_1.timeSinceText)(t, (_c = device.status) === null || _c === void 0 ? void 0 : _c.lastSeen)),
+        React.createElement(react_table_1.Td, { isActionCell: true },
+            React.createElement(react_table_1.ActionsColumn, { items: [
+                    Object.assign({ title: t('Edit device configurations'), onClick: () => navigate({ route: useNavigate_1.ROUTE.DEVICE_EDIT, postfix: deviceName }) }, editActionProps),
+                    {
+                        title: t('View device details'),
+                        onClick: () => navigate({ route: useNavigate_1.ROUTE.DEVICE_DETAILS, postfix: deviceName }),
+                    },
+                    deleteAction({
+                        resourceId: deviceName,
+                        resourceName: deviceAlias,
+                    }),
+                ] }))));
+};
+exports.default = DeviceTableRow;
+//# sourceMappingURL=DeviceTableRow.js.map

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

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

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

@@ -0,0 +1,80 @@
+"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 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 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 updateStatus = (statusType, status) => {
+        if (!statusType) {
+            setActiveStatuses(Object.keys(activeStatuses).reduce((acc, curr) => {
+                acc[curr] = [];
+                return acc;
+            }, {}));
+        }
+        else {
+            if (!status) {
+                setActiveStatuses(Object.assign(Object.assign({}, activeStatuses), { [statusType]: [] }));
+            }
+            else {
+                if (activeStatuses[statusType].find((s) => s === status)) {
+                    const newStatuses = activeStatuses[statusType].filter((s) => s !== status);
+                    setActiveStatuses(Object.assign(Object.assign({}, activeStatuses), { [statusType]: newStatuses }));
+                }
+                else {
+                    const newValue = [...activeStatuses[statusType], status];
+                    setActiveStatuses(Object.assign(Object.assign({}, activeStatuses), { [statusType]: newValue }));
+                }
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.Toolbar, { id: "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(DeviceFilterSelect_1.default, { resources: resources, selectedLabels: selectedLabels, setSelectedLabels: setSelectedLabels, selectedFleets: ownerFleets, setSelectedFleets: setOwnerFleets, activeStatuses: activeStatuses, updateStatus: updateStatus, fleets: fleets, 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') }))),
+                children)),
+        React.createElement(DeviceToolbarChips, Object.assign({}, rest, { updateStatus: updateStatus }))));
+};
+const DeviceToolbarChips = ({ activeStatuses, updateStatus, ownerFleets, search, setOwnerFleets, setSearch, selectedLabels, setSelectedLabels, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusKeys = Object.keys(activeStatuses).filter((k) => !!activeStatuses[k].length);
+    return (React.createElement(react_core_1.Split, { hasGutter: true },
+        statusKeys.map((k) => {
+            const key = k;
+            const { title, items } = (0, DeviceFilterSelect_1.getStatusItem)(t, key);
+            return (React.createElement(react_core_1.SplitItem, { key: key },
+                React.createElement(react_core_1.ChipGroup, { categoryName: title, isClosable: true, onClick: () => updateStatus(key) }, activeStatuses[key].map((status) => {
+                    var _a;
+                    return (React.createElement(react_core_1.Chip, { key: status, onClick: () => updateStatus(key, status) }, (_a = items.find(({ id }) => id === status)) === null || _a === void 0 ? void 0 : _a.label));
+                }))));
+        }),
+        !!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.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) => {
+                const labelStr = (0, labels_1.labelToString)(label);
+                return (React.createElement(react_core_1.Chip, { key: labelStr, onClick: () => setSelectedLabels(selectedLabels.filter((l) => (0, labels_1.labelToString)(l) !== labelStr)) }, labelStr));
+            })))),
+        (!!statusKeys.length || !!ownerFleets.length || !!search || !!selectedLabels.length) && (React.createElement(react_core_1.SplitItem, null,
+            React.createElement(react_core_1.Button, { variant: "link", onClick: () => {
+                    updateStatus();
+                    setOwnerFleets([]);
+                    setSearch('');
+                    setSelectedLabels([]);
+                } }, t('Clear all filters'))))));
+};
+exports.default = DeviceTableToolbar;
+//# sourceMappingURL=DeviceTableToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTableToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceList/DeviceTableToolbar.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAUgC;AAEhC,0FAAoF;AACpF,kEAA+D;AAC/D,mFAAyE;AAGzE,kDAAsD;AAiBtD,MAAM,kBAAkB,GAA+D,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,sBAAnB,YAAqB,CAAF;IACzG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EACJ,SAAS,EACT,WAAW,EACX,cAAc,EACd,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,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,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,WAAW,EAC3B,iBAAiB,EAAE,cAAc,EACjC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,GAClC,CACU;oBACd,oBAAC,wBAAW,IAAC,OAAO,EAAC,eAAe;wBAClC,oBAAC,yBAAe,IAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,GAAI,CACtF,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,WAAW,CAAC,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC9E,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/DeviceList/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devices_1 = require("../../../utils/status/devices");
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceList/types.ts"],"names":[],"mappings":";;AAAA,2DAAwF"}

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

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeviceBackendFilters = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const types_1 = require("@flightctl/types");
+const devices_1 = require("../../../utils/status/devices");
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const enrollmentRequest_1 = require("../../../utils/status/enrollmentRequest");
+const labels_1 = require("../../../utils/labels");
+const validAppStatuses = Object.values(types_1.ApplicationsSummaryStatusType);
+const validUpdatedStatuses = Object.values(types_1.DeviceUpdatedStatusType);
+const validDeviceStatuses = Object.values(types_1.DeviceSummaryStatusType);
+validDeviceStatuses.push(enrollmentRequest_1.EnrollmentRequestStatus.Pending);
+const getNewParams = (currentParams, newValues) => {
+    let newParams = [...currentParams.entries()];
+    const keys = Object.keys(newValues);
+    newParams = newParams.filter(([key]) => !keys.includes(key));
+    keys.forEach((key) => {
+        newValues[key].forEach((v) => v && newParams.push([key, v]));
+    });
+    return newParams;
+};
+const useDeviceBackendFilters = () => {
+    const { router: { useSearchParams }, } = (0, useAppContext_1.useAppContext)();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const paramsRef = React.useRef(searchParams);
+    const ownerFleets = searchParams.getAll(devices_1.FilterSearchParams.Fleet) || undefined;
+    const updateSearchParams = React.useCallback((params) => {
+        const urlParams = new URLSearchParams(params);
+        paramsRef.current = urlParams;
+        setSearchParams(urlParams);
+    }, [setSearchParams]);
+    const activeStatuses = React.useMemo(() => {
+        const activeStatuses = {
+            [devices_1.FilterSearchParams.AppStatus]: [],
+            [devices_1.FilterSearchParams.DeviceStatus]: [],
+            [devices_1.FilterSearchParams.UpdatedStatus]: [],
+        };
+        const deviceStatuses = searchParams.getAll(devices_1.FilterSearchParams.DeviceStatus) || [];
+        deviceStatuses.forEach((status) => {
+            if (validDeviceStatuses.includes(status)) {
+                activeStatuses[devices_1.FilterSearchParams.DeviceStatus].push(status);
+            }
+        });
+        const appStatuses = searchParams.getAll(devices_1.FilterSearchParams.AppStatus) || [];
+        appStatuses.forEach((status) => {
+            if (validAppStatuses.includes(status)) {
+                activeStatuses[devices_1.FilterSearchParams.AppStatus].push(status);
+            }
+        });
+        const updateStatuses = searchParams.getAll(devices_1.FilterSearchParams.UpdatedStatus) || [];
+        updateStatuses.forEach((status) => {
+            if (validUpdatedStatuses.includes(status)) {
+                activeStatuses[devices_1.FilterSearchParams.UpdatedStatus].push(status);
+            }
+        });
+        return activeStatuses;
+    }, [searchParams]);
+    const selectedLabels = (searchParams.getAll(devices_1.FilterSearchParams.Label) || []).map((l) => {
+        const labelParts = l.split('=');
+        if (labelParts.length === 1) {
+            return {
+                key: labelParts[0],
+                value: '',
+            };
+        }
+        return {
+            key: labelParts[0],
+            value: labelParts[1],
+        };
+    });
+    const setOwnerFleets = React.useCallback((ownerFleets) => {
+        updateSearchParams(getNewParams(paramsRef.current, { [devices_1.FilterSearchParams.Fleet]: ownerFleets }));
+    }, [updateSearchParams]);
+    const setActiveStatuses = React.useCallback((activeStatuses) => {
+        updateSearchParams(getNewParams(paramsRef.current, activeStatuses));
+    }, [updateSearchParams]);
+    const setSelectedLabels = React.useCallback((labels) => {
+        updateSearchParams(getNewParams(paramsRef.current, { [devices_1.FilterSearchParams.Label]: labels.map(labels_1.labelToString) }));
+    }, [updateSearchParams]);
+    const hasFiltersEnabled = !!selectedLabels.length || !!ownerFleets.length || !!Object.values(activeStatuses).some((s) => !!s.length);
+    return {
+        activeStatuses,
+        setActiveStatuses,
+        ownerFleets,
+        setOwnerFleets,
+        selectedLabels,
+        setSelectedLabels,
+        hasFiltersEnabled,
+    };
+};
+exports.useDeviceBackendFilters = useDeviceBackendFilters;
+//# sourceMappingURL=useDeviceBackendFilters.js.map

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeviceFilters = void 0;
+const useTableTextSearch_1 = require("../../../hooks/useTableTextSearch");
+const getSearchText = (resource) => { var _a; return [resource.metadata.name, (_a = resource.metadata.labels) === null || _a === void 0 ? void 0 : _a.alias]; };
+const useDeviceFilters = (resources) => {
+    const { search, setSearch, filteredData } = (0, useTableTextSearch_1.useTableTextSearch)(resources, getSearchText);
+    return {
+        filteredData,
+        search,
+        setSearch,
+        hasFiltersEnabled: !!search,
+    };
+};
+exports.useDeviceFilters = useDeviceFilters;
+//# sourceMappingURL=useDeviceFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceFilters.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceList/useDeviceFilters.ts"],"names":[],"mappings":";;;AAAA,0EAAuE;AAGvE,MAAM,aAAa,GAAG,CAAC,QAA4B,EAAE,EAAE,WAAC,OAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAA,EAAA,CAAC;AAE3G,MAAM,gBAAgB,GAAG,CAAC,SAAoC,EAAE,EAAE;IACvE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,uCAAkB,EAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAEzF,OAAO;QACL,YAAY;QACZ,MAAM;QACN,SAAS;QACT,iBAAiB,EAAE,CAAC,CAAC,MAAM;KAC5B,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,gBAAgB,oBAS3B"}

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeviceLikeResources = exports.useDevicesEndpoint = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const devices_1 = require("../../../utils/status/devices");
+const useFetchPeriodically_1 = require("../../../hooks/useFetchPeriodically");
+const enrollmentRequest_1 = require("../../../utils/status/enrollmentRequest");
+const use_debounce_1 = require("use-debounce");
+const setLabelParams = (params, labels) => {
+    if (labels === null || labels === void 0 ? void 0 : labels.length) {
+        const labelSelector = labels.reduce((acc, curr) => {
+            if (!acc) {
+                acc = `${curr.key}=${curr.value || ''}`;
+            }
+            else {
+                acc += `,${curr.key}=${curr.value || ''}`;
+            }
+            return acc;
+        }, '');
+        params.append('labelSelector', labelSelector);
+    }
+};
+const getERsEndpoint = ({ ownerFleets, activeStatuses, labels }) => {
+    if (ownerFleets === null || ownerFleets === void 0 ? void 0 : ownerFleets.length) {
+        return '';
+    }
+    if (Object.values(activeStatuses || {}).some((s) => s.length) &&
+        !(activeStatuses === null || activeStatuses === void 0 ? void 0 : activeStatuses[devices_1.FilterSearchParams.DeviceStatus].includes(enrollmentRequest_1.EnrollmentRequestStatus.Pending))) {
+        return '';
+    }
+    const params = new URLSearchParams();
+    setLabelParams(params, labels);
+    return params.size ? `enrollmentrequests?${params.toString()}` : 'enrollmentrequests';
+};
+const getDevicesEndpoint = ({ ownerFleets, activeStatuses, labels }) => {
+    const filterByAppStatus = activeStatuses === null || activeStatuses === void 0 ? void 0 : activeStatuses[devices_1.FilterSearchParams.AppStatus];
+    const filterByDevStatus = activeStatuses === null || activeStatuses === void 0 ? void 0 : activeStatuses[devices_1.FilterSearchParams.DeviceStatus];
+    const filterByUpdateStatus = activeStatuses === null || activeStatuses === void 0 ? void 0 : activeStatuses[devices_1.FilterSearchParams.UpdatedStatus];
+    if (!(filterByAppStatus === null || filterByAppStatus === void 0 ? void 0 : filterByAppStatus.length) &&
+        !(filterByUpdateStatus === null || filterByUpdateStatus === void 0 ? void 0 : filterByUpdateStatus.length) &&
+        (filterByDevStatus === null || filterByDevStatus === void 0 ? void 0 : filterByDevStatus.length) === 1 &&
+        filterByDevStatus[0] === enrollmentRequest_1.EnrollmentRequestStatus.Pending) {
+        return '';
+    }
+    const params = new URLSearchParams();
+    if (ownerFleets === null || ownerFleets === void 0 ? void 0 : ownerFleets.length) {
+        params.set('owner', ownerFleets.map((fleet) => `Fleet/${fleet}`).join(','));
+    }
+    filterByAppStatus === null || filterByAppStatus === void 0 ? void 0 : filterByAppStatus.forEach((appSt) => params.append('statusFilter', `applications.summary.status=${appSt}`));
+    filterByDevStatus === null || filterByDevStatus === void 0 ? void 0 : filterByDevStatus.forEach((devSt) => {
+        if (devSt !== enrollmentRequest_1.EnrollmentRequestStatus.Pending) {
+            params.append('statusFilter', `summary.status=${devSt}`);
+        }
+    });
+    filterByUpdateStatus === null || filterByUpdateStatus === void 0 ? void 0 : filterByUpdateStatus.forEach((updSt) => params.append('statusFilter', `updated.status=${updSt}`));
+    setLabelParams(params, labels);
+    return params.size ? `devices?${params.toString()}` : 'devices';
+};
+const useDevicesEndpoint = (args) => {
+    const endpoint = getDevicesEndpoint(args);
+    const [devicesEndpointDebounced] = (0, use_debounce_1.useDebounce)(endpoint, 1000);
+    return [devicesEndpointDebounced, endpoint !== devicesEndpointDebounced];
+};
+exports.useDevicesEndpoint = useDevicesEndpoint;
+const useERsEndpoint = (args) => {
+    const endpoint = getERsEndpoint(args);
+    const [ersEndpointDebounced] = (0, use_debounce_1.useDebounce)(endpoint, 1000);
+    return [ersEndpointDebounced, endpoint !== ersEndpointDebounced];
+};
+const useDeviceLikeResources = ({ ownerFleets, activeStatuses, labels, }) => {
+    const [devicesEndpoint, devicesDebouncing] = (0, exports.useDevicesEndpoint)({ ownerFleets, activeStatuses, labels });
+    const [devicesList, devicesLoading, devicesError, devicesRefetch, erUpdating] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: devicesEndpoint,
+    });
+    const [ersEndpoint, ersDebouncing] = useERsEndpoint({ ownerFleets, activeStatuses, labels });
+    const [erList, erLoading, erError, erRefetch, updating] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: ersEndpoint,
+    });
+    const data = React.useMemo(() => {
+        const devices = (devicesList === null || devicesList === void 0 ? void 0 : devicesList.items) || [];
+        const ers = (erList === null || erList === void 0 ? void 0 : erList.items) || [];
+        return [...devices, ...ers.filter((er) => (0, enrollmentRequest_1.getApprovalStatus)(er) === enrollmentRequest_1.EnrollmentRequestStatus.Pending)];
+    }, [devicesList === null || devicesList === void 0 ? void 0 : devicesList.items, erList === null || erList === void 0 ? void 0 : erList.items]);
+    const refetch = React.useCallback(() => {
+        devicesRefetch();
+        erRefetch();
+    }, [devicesRefetch, erRefetch]);
+    return [
+        data,
+        devicesLoading || erLoading,
+        devicesError || erError,
+        updating || erUpdating || devicesDebouncing || ersDebouncing,
+        refetch,
+    ];
+};
+exports.useDeviceLikeResources = useDeviceLikeResources;
+//# sourceMappingURL=useDeviceLikeResources.js.map

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

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

package/dist/src/components/Device/EditDeviceWizard/EditDeviceWizard.css

@@ -0,0 +1,4 @@
+.fctl-edit-device__wizard .pf-v5-c-wizard__nav-item {
+  display: flex;
+  align-items: center;
+}