@flightctl/ui-components 0.0.4 → 0.0.10

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemdTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/SystemdTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQ3D,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,YAAY,CAAC;IACnC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Device } from '@flightctl/types';
+declare const TerminalTab: ({ device }: {
+    device: Device;
+}) => React.JSX.Element;
+export default TerminalTab;
+//# sourceMappingURL=TerminalTab.d.ts.map

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 = {
+    nameOrAlias: TableTextSearchProps['value'];
+    setNameOrAlias: 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,WAAW,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAC3C,cAAc,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACjD,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, nameOrAlias, setNameOrAlias, activeStatuses, setActiveStatuses, allLabels, selectedLabels, setSelectedLabels, fleets, isFilterUpdating, } = rest;
     const updateStatus = (statusType, status) => {
         if (!statusType) {
             setActiveStatuses(Object.keys(activeStatuses).reduce((acc, curr) => {
@@ -39,13 +38,13 @@ 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, nameOrAlias: nameOrAlias, setNameOrAlias: setNameOrAlias }))),
                 children)),
         React.createElement(DeviceToolbarChips, Object.assign({}, rest, { updateStatus: updateStatus }))));
 };
-const DeviceToolbarChips = ({ activeStatuses, updateStatus, ownerFleets, search, setOwnerFleets, setSearch, selectedLabels, setSelectedLabels, }) => {
+const DeviceToolbarChips = ({ activeStatuses, updateStatus, nameOrAlias, setNameOrAlias, ownerFleets, setOwnerFleets, 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 },
@@ -60,19 +59,19 @@ 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.Chip, { onClick: () => setSearch('') }, search)))),
+        nameOrAlias && (React.createElement(react_core_1.SplitItem, null,
+            React.createElement(react_core_1.ChipGroup, { categoryName: t('Name / Alias'), isClosable: true, onClick: () => setNameOrAlias('') },
+                React.createElement(react_core_1.Chip, { onClick: () => setNameOrAlias('') }, nameOrAlias)))),
         !!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,
+        (!!statusKeys.length || !!ownerFleets.length || !!nameOrAlias || !!selectedLabels.length) && (React.createElement(react_core_1.SplitItem, null,
             React.createElement(react_core_1.Button, { variant: "link", onClick: () => {
                     updateStatus();
                     setOwnerFleets([]);
-                    setSearch('');
+                    setNameOrAlias('');
                     setSelectedLabels([]);
                 } }, t('Clear all filters'))))));
 };

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":"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"}

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;
+    nameOrAlias?: TableTextSearchProps['value'];
+    setNameOrAlias?: TableTextSearchProps['setValue'];
+};
+declare const DeviceToolbarFilter: ({ fleets, selectedFleetNames, setSelectedFleets, allLabels, selectedLabels, setSelectedLabels, nameOrAlias, setNameOrAlias, }: 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;AAkB/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,WAAW,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,mBAAmB,kIAStB,wBAAwB,sBAsG1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,147 @@
+"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 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, nameOrAlias, setNameOrAlias, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isSearchTypeExpanded, setIsSearchTypeExpanded] = React.useState(false);
+    const [selectedSearchType, setSelectedSearchType] = React.useState(LABEL_SEARCH);
+    const [typingText, setTypingText] = React.useState('');
+    const debouncedSetParam = React.useMemo(() => (0, debounce_1.default)((setValue, value) => {
+        setValue(value || '');
+    }, 500), []);
+    React.useEffect(() => {
+        if (setNameOrAlias) {
+            debouncedSetParam(setNameOrAlias, typingText);
+        }
+    }, [typingText, setNameOrAlias, debouncedSetParam]);
+    React.useEffect(() => {
+        if (!nameOrAlias && typingText) {
+            setTypingText('');
+        }
+        // When the filter is cleared from the chips, clear the "typingText" too
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [nameOrAlias, setTypingText]);
+    const onToggle = () => {
+        setIsSearchTypeExpanded(!isSearchTypeExpanded);
+    };
+    const onSearchTypeSelect = (_event, selection) => {
+        setSelectedSearchType(selection);
+        setIsSearchTypeExpanded(false);
+        if (selection === LABEL_SEARCH) {
+            setTypingText('');
+        }
+    };
+    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,
+        setNameOrAlias && (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')))),
+        setNameOrAlias && selectedSearchType === NAME_SEARCH ? (React.createElement(TableTextSearch_1.default, { value: typingText, setValue: setTypingText })) : (React.createElement(LabelFleetSelector, { placeholder: setNameOrAlias ? 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,28 @@
+import * as React from 'react';
+import { ThProps } from '@patternfly/react-table';
+import { Device, Fleet } from '@flightctl/types';
+import { ApiSortTableColumn } from '../../Table/Table';
+import { FlightCtlLabel } from '../../../types/extraTypes';
+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;
+    allLabels: FlightCtlLabel[];
+    selectedLabels: FlightCtlLabel[];
+    setSelectedLabels: (labels: FlightCtlLabel[]) => void;
+    fleets: Fleet[];
+    isFilterUpdating: boolean;
+    deviceColumns: ApiSortTableColumn[];
+    getSortParams: (columnIndex: number) => ThProps['sort'];
+}
+export declare const DeviceTable: ({ devices, refetch, nameOrAlias, setNameOrAlias, ownerFleets, setOwnerFleets, activeStatuses, setActiveStatuses, allLabels, selectedLabels, setSelectedLabels, hasFiltersEnabled, fleets, isFilterUpdating, deviceColumns, getSortParams, }: 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;AAU/B,OAAO,EAAS,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAMzD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAa,MAAM,kBAAkB,CAAC;AAM5D,OAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+D1C,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,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;IAC1B,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,WAAW,gPAiBrB,gBAAgB,sBA8ElB,CAAC;AAEF,QAAA,MAAM,WAAW,yBA0DhB,CAAC;AAEF,eAAe,WAAW,CAAC"}