@flightctl/ui-components 0.0.5 → 0.0.10

package/src/utils/sort/generic.ts

@@ -1,4 +1,4 @@
-import { Device, EnrollmentRequest, ObjectMeta } from '@flightctl/types';
+import { ObjectMeta } from '@flightctl/types';
 
 export const sortByName = <R extends { metadata: ObjectMeta }>(resources: R[]) =>
   resources.sort((a, b) => {
@@ -6,32 +6,3 @@ export const sortByName = <R extends { metadata: ObjectMeta }>(resources: R[]) =
     const bName = b.metadata.name || '-';
     return aName.localeCompare(bName);
   });
-
-export const sortByLastSeenDate = (devices: Device[]) =>
-  devices.sort((a, b) => {
-    const getDate = (device: Device) => {
-      const lastSeen = device.status?.lastSeen;
-      if (lastSeen) {
-        return lastSeen;
-      }
-      return device.metadata.creationTimestamp || 0;
-    };
-
-    const aDate = getDate(a);
-    const bDate = getDate(b);
-    return new Date(aDate).getTime() - new Date(bDate).getTime();
-  });
-
-export const sortByCreationDate = (enrollments: EnrollmentRequest[]) =>
-  enrollments.sort((a, b) => {
-    const aDate = a.metadata.creationTimestamp || 0;
-    const bDate = b.metadata.creationTimestamp || 0;
-    return new Date(aDate).getTime() - new Date(bDate).getTime();
-  });
-
-export const sortByAlias = (devices: Device[]) =>
-  devices.sort((a, b) => {
-    const aAlias = a.metadata.labels?.alias || '-';
-    const bAlias = b.metadata.labels?.alias || '-';
-    return aAlias.localeCompare(bAlias);
-  });

package/src/utils/status/devices.ts

@@ -18,6 +18,7 @@ export enum FilterSearchParams {
   AppStatus = 'appSt',
   UpdatedStatus = 'updSt',
   Label = 'label',
+  NameOrAlias = 'nameOrAlias',
 }
 
 export type DeviceSummaryStatus =

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

@@ -1,8 +0,0 @@
-import { Device } from '@flightctl/types';
-export declare const useDeviceFilters: (devices: Array<Device>) => {
-    filteredData: Device[];
-    search: string;
-    setSearch: (value: string) => void;
-    hasFiltersEnabled: boolean;
-};
-//# sourceMappingURL=useDeviceFilters.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDeviceFilters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/useDeviceFilters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,eAAO,MAAM,gBAAgB,YAAa,MAAM,MAAM,CAAC;;;;;CAStD,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDeviceFilters.js","sourceRoot":"","sources":["../../../../../src/components/Device/DevicesPage/useDeviceFilters.ts"],"names":[],"mappings":";;;AACA,0EAAuE;AAEvE,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,EAAE,WAAC,OAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAA,EAAA,CAAC;AAEzF,MAAM,gBAAgB,GAAG,CAAC,OAAsB,EAAE,EAAE;IACzD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,uCAAkB,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAEvF,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/utils/sort/device.d.ts

@@ -1,4 +0,0 @@
-import { Device } from '@flightctl/types';
-export declare const sortDeviceStatus: (devices: Array<Device>, status: 'DeviceStatus' | 'ApplicationStatus' | 'SystemUpdateStatus') => Device[];
-export declare const sortDevicesByFleet: (resources: Array<Device>) => Device[];
-//# sourceMappingURL=device.d.ts.map

package/dist/src/utils/sort/device.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../../../src/utils/sort/device.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAuC1C,eAAO,MAAM,gBAAgB,YAClB,MAAM,MAAM,CAAC,UACd,cAAc,GAAG,mBAAmB,GAAG,oBAAoB,aAWjE,CAAC;AAEL,eAAO,MAAM,kBAAkB,cAAe,MAAM,MAAM,CAAC,aAKvD,CAAC"}

package/dist/src/utils/sort/device.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortDevicesByFleet = exports.sortDeviceStatus = void 0;
-const devices_1 = require("../devices");
-const devices_2 = require("../status/devices");
-const applications_1 = require("../status/applications");
-const system_1 = require("../status/system");
-const sortByApplicationStatus = (a, b) => {
-    var _a, _b;
-    const aStatus = (0, devices_2.getApplicationSummaryStatus)((_a = a.status) === null || _a === void 0 ? void 0 : _a.applicationsSummary);
-    const bStatus = (0, devices_2.getApplicationSummaryStatus)((_b = b.status) === null || _b === void 0 ? void 0 : _b.applicationsSummary);
-    const aIndex = applications_1.applicationSummaryStatusOrder.indexOf(aStatus);
-    const bIndex = applications_1.applicationSummaryStatusOrder.indexOf(bStatus);
-    return aIndex - bIndex;
-};
-const sortByDeviceStatus = (a, b) => {
-    var _a, _b;
-    const aStatus = (0, devices_2.getDeviceSummaryStatus)((_a = a.status) === null || _a === void 0 ? void 0 : _a.summary);
-    const bStatus = (0, devices_2.getDeviceSummaryStatus)((_b = b.status) === null || _b === void 0 ? void 0 : _b.summary);
-    const aIndex = devices_2.deviceStatusOrder.indexOf(aStatus);
-    const bIndex = devices_2.deviceStatusOrder.indexOf(bStatus);
-    return aIndex - bIndex;
-};
-const sortBySystemUpdateStatus = (a, b) => {
-    var _a, _b;
-    const aStatus = (0, devices_2.getSystemUpdateStatus)((_a = a.status) === null || _a === void 0 ? void 0 : _a.updated);
-    const bStatus = (0, devices_2.getSystemUpdateStatus)((_b = b.status) === null || _b === void 0 ? void 0 : _b.updated);
-    const aIndex = system_1.systemUpdateStatusOrder.indexOf(aStatus);
-    const bIndex = system_1.systemUpdateStatusOrder.indexOf(bStatus);
-    return aIndex - bIndex;
-};
-const sortDeviceStatus = (devices, status) => devices.sort((a, b) => {
-    switch (status) {
-        case 'ApplicationStatus':
-            return sortByApplicationStatus(a, b);
-        case 'DeviceStatus':
-            return sortByDeviceStatus(a, b);
-        case 'SystemUpdateStatus':
-            return sortBySystemUpdateStatus(a, b);
-    }
-});
-exports.sortDeviceStatus = sortDeviceStatus;
-const sortDevicesByFleet = (resources) => resources.sort((a, b) => {
-    const aFleet = (0, devices_1.getDeviceFleet)(a.metadata);
-    const bFleet = (0, devices_1.getDeviceFleet)(b.metadata);
-    return (aFleet || '-').localeCompare(bFleet || '-');
-});
-exports.sortDevicesByFleet = sortDevicesByFleet;
-//# sourceMappingURL=device.js.map

package/dist/src/utils/sort/device.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"device.js","sourceRoot":"","sources":["../../../../src/utils/sort/device.ts"],"names":[],"mappings":";;;AACA,wCAA4C;AAE5C,+CAK2B;AAC3B,yDAAuE;AACvE,6CAA2D;AAE3D,MAAM,uBAAuB,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;;IACvD,MAAM,OAAO,GAAG,IAAA,qCAA2B,EAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,mBAAmB,CAAC,CAAC;IAC3E,MAAM,OAAO,GAAG,IAAA,qCAA2B,EAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,mBAAmB,CAAC,CAAC;IAE3E,MAAM,MAAM,GAAG,4CAA6B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,4CAA6B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9D,OAAO,MAAM,GAAG,MAAM,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;;IAClD,MAAM,OAAO,GAAG,IAAA,gCAAsB,EAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,OAAO,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,gCAAsB,EAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,OAAO,CAAC,CAAC;IAE1D,MAAM,MAAM,GAAG,2BAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,2BAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,OAAO,MAAM,GAAG,MAAM,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;;IACxD,MAAM,OAAO,GAAG,IAAA,+BAAqB,EAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,OAAO,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,+BAAqB,EAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,OAAO,CAAC,CAAC;IAEzD,MAAM,MAAM,GAAG,gCAAuB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,gCAAuB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,OAAO,MAAM,GAAG,MAAM,CAAC;AACzB,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAC9B,OAAsB,EACtB,MAAmE,EACnE,EAAE,CACF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACpB,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,mBAAmB;YACtB,OAAO,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,KAAK,cAAc;YACjB,OAAO,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAClC,KAAK,oBAAoB;YACvB,OAAO,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1C,CAAC;AACH,CAAC,CAAC,CAAC;AAbQ,QAAA,gBAAgB,oBAaxB;AAEE,MAAM,kBAAkB,GAAG,CAAC,SAAwB,EAAE,EAAE,CAC7D,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,IAAA,wBAAc,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAA,wBAAc,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AALQ,QAAA,kBAAkB,sBAK1B"}

package/dist/src/utils/sort/fleet.d.ts

@@ -1,4 +0,0 @@
-import { Fleet } from '@flightctl/types';
-export declare const sortFleetsByOSImg: (fleets: Array<Fleet>) => Fleet[];
-export declare const sortByStatus: (fleets: Array<Fleet>) => Fleet[];
-//# sourceMappingURL=fleet.d.ts.map

package/dist/src/utils/sort/fleet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fleet.d.ts","sourceRoot":"","sources":["../../../../src/utils/sort/fleet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,eAAO,MAAM,iBAAiB,WAAY,MAAM,KAAK,CAAC,YAKlD,CAAC;AAEL,eAAO,MAAM,YAAY,WAAY,MAAM,KAAK,CAAC,YAK7C,CAAC"}

package/dist/src/utils/sort/fleet.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortByStatus = exports.sortFleetsByOSImg = void 0;
-const fleet_1 = require("../status/fleet");
-const sortFleetsByOSImg = (fleets) => fleets.sort((a, b) => {
-    var _a, _b;
-    const aOS = ((_a = a.spec.template.spec.os) === null || _a === void 0 ? void 0 : _a.image) || '-';
-    const bOS = ((_b = b.spec.template.spec.os) === null || _b === void 0 ? void 0 : _b.image) || '-';
-    return aOS.localeCompare(bOS);
-});
-exports.sortFleetsByOSImg = sortFleetsByOSImg;
-const sortByStatus = (fleets) => fleets.sort((a, b) => {
-    const aStatus = (0, fleet_1.getFleetSyncStatus)(a).status;
-    const bStatus = (0, fleet_1.getFleetSyncStatus)(b).status;
-    return aStatus.localeCompare(bStatus);
-});
-exports.sortByStatus = sortByStatus;
-//# sourceMappingURL=fleet.js.map

package/dist/src/utils/sort/fleet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fleet.js","sourceRoot":"","sources":["../../../../src/utils/sort/fleet.ts"],"names":[],"mappings":";;;AACA,2CAAqD;AAE9C,MAAM,iBAAiB,GAAG,CAAC,MAAoB,EAAE,EAAE,CACxD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;IACnB,MAAM,GAAG,GAAG,CAAA,MAAA,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,0CAAE,KAAK,KAAI,GAAG,CAAC;IAClD,MAAM,GAAG,GAAG,CAAA,MAAA,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,0CAAE,KAAK,KAAI,GAAG,CAAC;IAClD,OAAO,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAChC,CAAC,CAAC,CAAC;AALQ,QAAA,iBAAiB,qBAKzB;AAEE,MAAM,YAAY,GAAG,CAAC,MAAoB,EAAE,EAAE,CACnD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACnB,MAAM,OAAO,GAAG,IAAA,0BAAkB,EAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7C,MAAM,OAAO,GAAG,IAAA,0BAAkB,EAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7C,OAAO,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC,CAAC;AALQ,QAAA,YAAY,gBAKpB"}

package/src/components/Device/DevicesPage/useDeviceFilters.ts

@@ -1,15 +0,0 @@
-import { Device } from '@flightctl/types';
-import { useTableTextSearch } from '../../../hooks/useTableTextSearch';
-
-const getSearchText = (device: Device) => [device.metadata.name, device.metadata.labels?.alias];
-
-export const useDeviceFilters = (devices: Array<Device>) => {
-  const { search, setSearch, filteredData } = useTableTextSearch(devices, getSearchText);
-
-  return {
-    filteredData,
-    search,
-    setSearch,
-    hasFiltersEnabled: !!search,
-  };
-};

package/src/utils/sort/device.ts

@@ -1,60 +0,0 @@
-import { Device } from '@flightctl/types';
-import { getDeviceFleet } from '../devices';
-
-import {
-  deviceStatusOrder,
-  getApplicationSummaryStatus,
-  getDeviceSummaryStatus,
-  getSystemUpdateStatus,
-} from '../status/devices';
-import { applicationSummaryStatusOrder } from '../status/applications';
-import { systemUpdateStatusOrder } from '../status/system';
-
-const sortByApplicationStatus = (a: Device, b: Device) => {
-  const aStatus = getApplicationSummaryStatus(a.status?.applicationsSummary);
-  const bStatus = getApplicationSummaryStatus(b.status?.applicationsSummary);
-
-  const aIndex = applicationSummaryStatusOrder.indexOf(aStatus);
-  const bIndex = applicationSummaryStatusOrder.indexOf(bStatus);
-  return aIndex - bIndex;
-};
-
-const sortByDeviceStatus = (a: Device, b: Device) => {
-  const aStatus = getDeviceSummaryStatus(a.status?.summary);
-  const bStatus = getDeviceSummaryStatus(b.status?.summary);
-
-  const aIndex = deviceStatusOrder.indexOf(aStatus);
-  const bIndex = deviceStatusOrder.indexOf(bStatus);
-  return aIndex - bIndex;
-};
-
-const sortBySystemUpdateStatus = (a: Device, b: Device) => {
-  const aStatus = getSystemUpdateStatus(a.status?.updated);
-  const bStatus = getSystemUpdateStatus(b.status?.updated);
-
-  const aIndex = systemUpdateStatusOrder.indexOf(aStatus);
-  const bIndex = systemUpdateStatusOrder.indexOf(bStatus);
-  return aIndex - bIndex;
-};
-
-export const sortDeviceStatus = (
-  devices: Array<Device>,
-  status: 'DeviceStatus' | 'ApplicationStatus' | 'SystemUpdateStatus',
-) =>
-  devices.sort((a, b) => {
-    switch (status) {
-      case 'ApplicationStatus':
-        return sortByApplicationStatus(a, b);
-      case 'DeviceStatus':
-        return sortByDeviceStatus(a, b);
-      case 'SystemUpdateStatus':
-        return sortBySystemUpdateStatus(a, b);
-    }
-  });
-
-export const sortDevicesByFleet = (resources: Array<Device>) =>
-  resources.sort((a, b) => {
-    const aFleet = getDeviceFleet(a.metadata);
-    const bFleet = getDeviceFleet(b.metadata);
-    return (aFleet || '-').localeCompare(bFleet || '-');
-  });

package/src/utils/sort/fleet.ts

@@ -1,16 +0,0 @@
-import { Fleet } from '@flightctl/types';
-import { getFleetSyncStatus } from '../status/fleet';
-
-export const sortFleetsByOSImg = (fleets: Array<Fleet>) =>
-  fleets.sort((a, b) => {
-    const aOS = a.spec.template.spec.os?.image || '-';
-    const bOS = b.spec.template.spec.os?.image || '-';
-    return aOS.localeCompare(bOS);
-  });
-
-export const sortByStatus = (fleets: Array<Fleet>) =>
-  fleets.sort((a, b) => {
-    const aStatus = getFleetSyncStatus(a).status;
-    const bStatus = getFleetSyncStatus(b).status;
-    return aStatus.localeCompare(bStatus);
-  });