@flightctl/ui-components 0.0.5 → 0.4.0-rc1

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/dist/src/utils/sort/generic.d.ts

@@ -1,8 +0,0 @@
-import { Device, EnrollmentRequest, ObjectMeta } from '@flightctl/types';
-export declare const sortByName: <R extends {
-    metadata: ObjectMeta;
-}>(resources: R[]) => R[];
-export declare const sortByLastSeenDate: (devices: Device[]) => Device[];
-export declare const sortByCreationDate: (enrollments: EnrollmentRequest[]) => EnrollmentRequest[];
-export declare const sortByAlias: (devices: Device[]) => Device[];
-//# sourceMappingURL=generic.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"generic.d.ts","sourceRoot":"","sources":["../../../../src/utils/sort/generic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzE,eAAO,MAAM,UAAU;cAA0B,UAAU;yBAKvD,CAAC;AAEL,eAAO,MAAM,kBAAkB,YAAa,MAAM,EAAE,aAahD,CAAC;AAEL,eAAO,MAAM,kBAAkB,gBAAiB,iBAAiB,EAAE,wBAK/D,CAAC;AAEL,eAAO,MAAM,WAAW,YAAa,MAAM,EAAE,aAKzC,CAAC"}

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortByAlias = exports.sortByCreationDate = exports.sortByLastSeenDate = exports.sortByName = void 0;
-const sortByName = (resources) => resources.sort((a, b) => {
-    const aName = a.metadata.name || '-';
-    const bName = b.metadata.name || '-';
-    return aName.localeCompare(bName);
-});
-exports.sortByName = sortByName;
-const sortByLastSeenDate = (devices) => devices.sort((a, b) => {
-    const getDate = (device) => {
-        var _a;
-        const lastSeen = (_a = device.status) === null || _a === void 0 ? void 0 : _a.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();
-});
-exports.sortByLastSeenDate = sortByLastSeenDate;
-const sortByCreationDate = (enrollments) => 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();
-});
-exports.sortByCreationDate = sortByCreationDate;
-const sortByAlias = (devices) => devices.sort((a, b) => {
-    var _a, _b;
-    const aAlias = ((_a = a.metadata.labels) === null || _a === void 0 ? void 0 : _a.alias) || '-';
-    const bAlias = ((_b = b.metadata.labels) === null || _b === void 0 ? void 0 : _b.alias) || '-';
-    return aAlias.localeCompare(bAlias);
-});
-exports.sortByAlias = sortByAlias;
-//# sourceMappingURL=generic.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"generic.js","sourceRoot":"","sources":["../../../../src/utils/sort/generic.ts"],"names":[],"mappings":";;;AAEO,MAAM,UAAU,GAAG,CAAqC,SAAc,EAAE,EAAE,CAC/E,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,GAAG,CAAC;IACrC,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,GAAG,CAAC;IACrC,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACpC,CAAC,CAAC,CAAC;AALQ,QAAA,UAAU,cAKlB;AAEE,MAAM,kBAAkB,GAAG,CAAC,OAAiB,EAAE,EAAE,CACtD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,EAAE;;QACjC,MAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAE,QAAQ,CAAC;QACzC,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,OAAO,MAAM,CAAC,QAAQ,CAAC,iBAAiB,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC;AAC/D,CAAC,CAAC,CAAC;AAbQ,QAAA,kBAAkB,sBAa1B;AAEE,MAAM,kBAAkB,GAAG,CAAC,WAAgC,EAAE,EAAE,CACrE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,iBAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,iBAAiB,IAAI,CAAC,CAAC;IAChD,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC;AAC/D,CAAC,CAAC,CAAC;AALQ,QAAA,kBAAkB,sBAK1B;AAEE,MAAM,WAAW,GAAG,CAAC,OAAiB,EAAE,EAAE,CAC/C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;IACpB,MAAM,MAAM,GAAG,CAAA,MAAA,CAAC,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,KAAI,GAAG,CAAC;IAC/C,MAAM,MAAM,GAAG,CAAA,MAAA,CAAC,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,KAAI,GAAG,CAAC;IAC/C,OAAO,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AACtC,CAAC,CAAC,CAAC;AALQ,QAAA,WAAW,eAKnB"}

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

@@ -1,6 +0,0 @@
-import { Repository } from '@flightctl/types';
-export declare const sortRepositoriesByUrl: (resources: Repository[]) => Repository[];
-export declare const sortRepositoriesBySyncStatus: (resources: Repository[]) => Repository[];
-export declare const sortRepositoriesByLastTransition: (resources: Repository[]) => Repository[];
-export declare const sortRepositoriesByType: (resources: Repository[]) => Repository[];
-//# sourceMappingURL=repository.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"repository.d.ts","sourceRoot":"","sources":["../../../../src/utils/sort/repository.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG5D,eAAO,MAAM,qBAAqB,cAAe,UAAU,EAAE,iBAKzD,CAAC;AAEL,eAAO,MAAM,4BAA4B,cAAe,UAAU,EAAE,iBAKhE,CAAC;AAEL,eAAO,MAAM,gCAAgC,cAAe,UAAU,EAAE,iBAKpE,CAAC;AAEL,eAAO,MAAM,sBAAsB,cAAe,UAAU,EAAE,iBAG1D,CAAC"}

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortRepositoriesByType = exports.sortRepositoriesByLastTransition = exports.sortRepositoriesBySyncStatus = exports.sortRepositoriesByUrl = void 0;
-const types_1 = require("@flightctl/types");
-const repository_1 = require("../status/repository");
-const sortRepositoriesByUrl = (resources) => resources.sort((a, b) => {
-    const aUrl = a.spec.url || '-';
-    const bUrl = b.spec.url || '-';
-    return aUrl.localeCompare(bUrl);
-});
-exports.sortRepositoriesByUrl = sortRepositoriesByUrl;
-const sortRepositoriesBySyncStatus = (resources) => resources.sort((a, b) => {
-    const aStatus = (0, repository_1.getRepositorySyncStatus)(a);
-    const bStatus = (0, repository_1.getRepositorySyncStatus)(b);
-    return aStatus.status.localeCompare(bStatus.status);
-});
-exports.sortRepositoriesBySyncStatus = sortRepositoriesBySyncStatus;
-const sortRepositoriesByLastTransition = (resources) => resources.sort((a, b) => {
-    const aTransition = (0, repository_1.getLastTransitionTimeText)(a).timestamp;
-    const bTransition = (0, repository_1.getLastTransitionTimeText)(b).timestamp;
-    return new Date(bTransition).getTime() - new Date(aTransition).getTime();
-});
-exports.sortRepositoriesByLastTransition = sortRepositoriesByLastTransition;
-const sortRepositoriesByType = (resources) => resources.sort((a, b) => {
-    return (a.spec.type || types_1.RepoSpecType.GIT).localeCompare(b.spec.type || types_1.RepoSpecType.GIT);
-});
-exports.sortRepositoriesByType = sortRepositoriesByType;
-//# sourceMappingURL=repository.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"repository.js","sourceRoot":"","sources":["../../../../src/utils/sort/repository.ts"],"names":[],"mappings":";;;AAAA,4CAA4D;AAC5D,qDAA0F;AAEnF,MAAM,qBAAqB,GAAG,CAAC,SAAuB,EAAE,EAAE,CAC/D,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC;IAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC;IAC/B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAC,CAAC;AALQ,QAAA,qBAAqB,yBAK7B;AAEE,MAAM,4BAA4B,GAAG,CAAC,SAAuB,EAAE,EAAE,CACtE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,CAAC,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AALQ,QAAA,4BAA4B,gCAKpC;AAEE,MAAM,gCAAgC,GAAG,CAAC,SAAuB,EAAE,EAAE,CAC1E,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,WAAW,GAAG,IAAA,sCAAyB,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,IAAA,sCAAyB,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,CAAC;AAC3E,CAAC,CAAC,CAAC;AALQ,QAAA,gCAAgC,oCAKxC;AAEE,MAAM,sBAAsB,GAAG,CAAC,SAAuB,EAAE,EAAE,CAChE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,oBAAY,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,oBAAY,CAAC,GAAG,CAAC,CAAC;AAC1F,CAAC,CAAC,CAAC;AAHQ,QAAA,sBAAsB,0BAG9B"}

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

@@ -1,6 +0,0 @@
-import { ResourceSync } from '@flightctl/types';
-export declare const sortResourceSyncsByPath: (resources: ResourceSync[]) => ResourceSync[];
-export declare const sortResourceSyncsByRevision: (resources: ResourceSync[]) => ResourceSync[];
-export declare const sortResourceSyncsByStatus: (resources: ResourceSync[]) => ResourceSync[];
-export declare const sortResourceSyncsByHash: (resources: ResourceSync[]) => ResourceSync[];
-//# sourceMappingURL=resourceSync.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resourceSync.d.ts","sourceRoot":"","sources":["../../../../src/utils/sort/resourceSync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAO,MAAM,uBAAuB,cAAe,YAAY,EAAE,mBAK7D,CAAC;AAEL,eAAO,MAAM,2BAA2B,cAAe,YAAY,EAAE,mBAKjE,CAAC;AAEL,eAAO,MAAM,yBAAyB,cAAe,YAAY,EAAE,mBAK/D,CAAC;AAEL,eAAO,MAAM,uBAAuB,cAAe,YAAY,EAAE,mBAK7D,CAAC"}

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortResourceSyncsByHash = exports.sortResourceSyncsByStatus = exports.sortResourceSyncsByRevision = exports.sortResourceSyncsByPath = void 0;
-const repository_1 = require("../status/repository");
-const sortResourceSyncsByPath = (resources) => resources.sort((a, b) => {
-    const aPath = a.spec.path || '-';
-    const bPath = b.spec.path || '-';
-    return aPath.localeCompare(bPath);
-});
-exports.sortResourceSyncsByPath = sortResourceSyncsByPath;
-const sortResourceSyncsByRevision = (resources) => resources.sort((a, b) => {
-    const aRevision = a.spec.targetRevision || '-';
-    const bRevision = b.spec.targetRevision || '-';
-    return aRevision.localeCompare(bRevision);
-});
-exports.sortResourceSyncsByRevision = sortResourceSyncsByRevision;
-const sortResourceSyncsByStatus = (resources) => resources.sort((a, b) => {
-    const aStatus = (0, repository_1.getRepositorySyncStatus)(a);
-    const bStatus = (0, repository_1.getRepositorySyncStatus)(b);
-    return aStatus.status.localeCompare(bStatus.status);
-});
-exports.sortResourceSyncsByStatus = sortResourceSyncsByStatus;
-const sortResourceSyncsByHash = (resources) => resources.sort((a, b) => {
-    const aHash = (0, repository_1.getObservedHash)(a) || '-';
-    const bHash = (0, repository_1.getObservedHash)(b) || '-';
-    return aHash.localeCompare(bHash);
-});
-exports.sortResourceSyncsByHash = sortResourceSyncsByHash;
-//# sourceMappingURL=resourceSync.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resourceSync.js","sourceRoot":"","sources":["../../../../src/utils/sort/resourceSync.ts"],"names":[],"mappings":";;;AACA,qDAAgF;AAEzE,MAAM,uBAAuB,GAAG,CAAC,SAAyB,EAAE,EAAE,CACnE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC;IACjC,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC;IACjC,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACpC,CAAC,CAAC,CAAC;AALQ,QAAA,uBAAuB,2BAK/B;AAEE,MAAM,2BAA2B,GAAG,CAAC,SAAyB,EAAE,EAAE,CACvE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,GAAG,CAAC;IAC/C,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,GAAG,CAAC;IAC/C,OAAO,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;AAC5C,CAAC,CAAC,CAAC;AALQ,QAAA,2BAA2B,+BAKnC;AAEE,MAAM,yBAAyB,GAAG,CAAC,SAAyB,EAAE,EAAE,CACrE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,CAAC,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AALQ,QAAA,yBAAyB,6BAKjC;AAEE,MAAM,uBAAuB,GAAG,CAAC,SAAyB,EAAE,EAAE,CACnE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,IAAA,4BAAe,EAAC,CAAC,CAAC,IAAI,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,IAAA,4BAAe,EAAC,CAAC,CAAC,IAAI,GAAG,CAAC;IACxC,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACpC,CAAC,CAAC,CAAC;AALQ,QAAA,uBAAuB,2BAK/B"}

package/src/components/DetailsPage/Tables/SystemdDetailsTable.tsx

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import { Bullseye } from '@patternfly/react-core';
-import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
-
-import { useTranslation } from '../../../hooks/useTranslation';
-import SystemdStatus from '../../Status/SystemdStatus';
-
-interface DeviceSystemdUnitStatus {
-  name: string;
-  status: string;
-}
-
-type SystemdDetailsTableProps = {
-  matchPatterns?: Array<string>;
-  systemdUnits: DeviceSystemdUnitStatus[] | undefined;
-};
-
-const SystemdDetailsTable = ({ matchPatterns, systemdUnits }: SystemdDetailsTableProps) => {
-  const { t } = useTranslation();
-  const hasPatterns = matchPatterns && matchPatterns.length > 0;
-  const hasUnits = systemdUnits && systemdUnits.length > 0;
-
-  if (!hasPatterns && !hasUnits) {
-    return <Bullseye>{t('No systemd units found')}</Bullseye>;
-  }
-
-  const patterns: Record<string, DeviceSystemdUnitStatus> = {};
-  matchPatterns?.forEach((pattern) => {
-    patterns[pattern] = {
-      name: pattern,
-      status: '',
-    };
-  });
-  systemdUnits?.forEach((unit) => {
-    const name = unit.name;
-    patterns[name] = unit;
-  });
-
-  return (
-    <Table aria-label={t('Device systemd table')}>
-      <Thead>
-        <Tr>
-          <Th>{t('Name')}</Th>
-          <Th modifier="wrap">{t('Status')}</Th>
-        </Tr>
-      </Thead>
-      <Tbody>
-        {Object.entries(patterns).map(([patternName, systemUnitState]) => {
-          return (
-            <Tr key={patternName}>
-              <Td dataLabel={t('Name')}>{patternName}</Td>
-              <Td dataLabel={t('Status')}>
-                <SystemdStatus status={systemUnitState.status} />
-              </Td>
-            </Tr>
-          );
-        })}
-      </Tbody>
-    </Table>
-  );
-};
-
-export default SystemdDetailsTable;

package/src/components/Device/DeviceDetails/SystemdTable.tsx

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { Button, Stack, StackItem } from '@patternfly/react-core';
-import { PencilAltIcon } from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
-
-import { Device, TemplateVersion } from '@flightctl/types';
-import WithTooltip from '../../common/WithTooltip';
-import { getDeviceFleet } from '../../../utils/devices';
-
-import MatchPatternsModal from '../MatchPatternsModal/MatchPatternsModal';
-import { useTranslation } from '../../../hooks/useTranslation';
-import SystemdDetailsTable from '../../DetailsPage/Tables/SystemdDetailsTable';
-
-type SystemdTableProps = {
-  device: Device;
-  onSystemdUnitsUpdate: VoidFunction;
-  templateVersion?: TemplateVersion;
-};
-
-const SystemdTable: React.FC<SystemdTableProps> = ({ device, templateVersion, onSystemdUnitsUpdate }) => {
-  const { t } = useTranslation();
-  const [isModalOpen, setIsModalOpen] = React.useState(false);
-
-  const disabledEditReason = getDeviceFleet(device.metadata)
-    ? t('The device is owned by a fleet and it cannot be edited')
-    : '';
-
-  const matchPatterns = templateVersion
-    ? templateVersion?.status?.systemd?.matchPatterns
-    : device.spec?.systemd?.matchPatterns;
-  // There is no status information for systemdunits
-  const systemdUnits = [];
-
-  return (
-    <>
-      <Stack hasGutter>
-        <StackItem>
-          <Button
-            variant="link"
-            icon={<PencilAltIcon />}
-            onClick={() => setIsModalOpen(true)}
-            isAriaDisabled={!!disabledEditReason}
-          >
-            <WithTooltip showTooltip={!!disabledEditReason} content={disabledEditReason}>
-              <span>{t('Edit')}</span>
-            </WithTooltip>
-          </Button>
-        </StackItem>
-        <StackItem>
-          <SystemdDetailsTable matchPatterns={matchPatterns} systemdUnits={systemdUnits} />
-        </StackItem>
-      </Stack>
-      {isModalOpen && (
-        <MatchPatternsModal
-          device={device}
-          onClose={(reload) => {
-            setIsModalOpen(false);
-            reload && onSystemdUnitsUpdate();
-          }}
-        />
-      )}
-    </>
-  );
-};
-
-export default SystemdTable;

package/src/components/Device/DevicesPage/EnrollmentRequestList.tsx

@@ -1,183 +0,0 @@
-import * as React from 'react';
-import { TFunction } from 'react-i18next';
-import { Tbody } from '@patternfly/react-table';
-import { SelectList, SelectOption, Spinner, ToolbarItem } from '@patternfly/react-core';
-
-import { EnrollmentRequest, EnrollmentRequestList as EnrollmentRequestListType } from '@flightctl/types';
-
-import Table, { TableColumn } from '../../Table/Table';
-import TableActions from '../../Table/TableActions';
-import ListPage from '../../ListPage/ListPage';
-import ListPageBody from '../../ListPage/ListPageBody';
-import { useDeleteListAction } from '../../ListPage/ListPageActions';
-import { useFetch } from '../../../hooks/useFetch';
-import { useTranslation } from '../../../hooks/useTranslation';
-import { useFetchPeriodically } from '../../../hooks/useFetchPeriodically';
-import { useTableSelect } from '../../../hooks/useTableSelect';
-import { useTableSort } from '../../../hooks/useTableSort';
-import { useTableTextSearch } from '../../../hooks/useTableTextSearch';
-import { sortByCreationDate, sortByName } from '../../../utils/sort/generic';
-
-import ApproveDeviceModal from '../../modals/ApproveDeviceModal/ApproveDeviceModal';
-import MassDeleteDeviceModal from '../../modals/massModals/MassDeleteDeviceModal/MassDeleteDeviceModal';
-import MassApproveDeviceModal from '../../modals/massModals/MassApproveDeviceModal/MassApproveDeviceModal';
-import EnrollmentRequestTableRow from '../../EnrollmentRequest/EnrollmentRequestTableRow';
-import EnrollmentRequestTableToolbar from './EnrollmentRequestTableToolbar';
-
-const getEnrollmentColumns = (t: TFunction): TableColumn<EnrollmentRequest>[] => [
-  {
-    name: t('Name'),
-    onSort: sortByName,
-  },
-  {
-    name: t('Created'),
-    onSort: sortByCreationDate,
-  },
-];
-
-interface EnrollmentRequestTableProps {
-  pendingEnrollments: Array<EnrollmentRequest>;
-  approveRefetch: VoidFunction;
-  deleteRefetch: VoidFunction;
-}
-
-const getSearchText = (er: EnrollmentRequest) => [er.metadata.name];
-
-export const EnrollmentRequestTable = ({
-  pendingEnrollments,
-  approveRefetch,
-  deleteRefetch,
-}: EnrollmentRequestTableProps) => {
-  const { t } = useTranslation();
-  const { remove } = useFetch();
-
-  const [approvingErId, setApprovingErId] = React.useState<string>();
-  const [isMassDeleteModalOpen, setIsMassDeleteModalOpen] = React.useState(false);
-  const [isMassApproveModalOpen, setIsMassApproveModalOpen] = React.useState(false);
-
-  const enrollmentColumns = React.useMemo(() => getEnrollmentColumns(t), [t]);
-
-  const { search, setSearch, filteredData } = useTableTextSearch(pendingEnrollments, getSearchText);
-  const { getSortParams, sortedData } = useTableSort(filteredData, enrollmentColumns);
-
-  const { onRowSelect, hasSelectedRows, isAllSelected, isRowSelected, setAllSelected } = useTableSelect();
-
-  const { deleteAction, deleteModal } = useDeleteListAction({
-    resourceType: 'EnrollmentRequest',
-    onDelete: async (enrollmentId: string) => {
-      await remove(`enrollmentrequests/${enrollmentId}`);
-      deleteRefetch();
-    },
-  });
-
-  const currentEnrollmentRequest = pendingEnrollments.find((er) => er.metadata.name === approvingErId);
-
-  return (
-    <>
-      <EnrollmentRequestTableToolbar search={search} setSearch={setSearch} enrollments={pendingEnrollments}>
-        <ToolbarItem>
-          <TableActions isDisabled={!hasSelectedRows}>
-            <SelectList>
-              <SelectOption onClick={() => setIsMassApproveModalOpen(true)}>{t('Approve')}</SelectOption>
-              <SelectOption onClick={() => setIsMassDeleteModalOpen(true)}>{t('Delete')}</SelectOption>
-            </SelectList>
-          </TableActions>
-        </ToolbarItem>
-      </EnrollmentRequestTableToolbar>
-      <Table
-        aria-label={t('Table for devices pending approval')}
-        columns={enrollmentColumns}
-        emptyFilters={filteredData.length === 0}
-        emptyData={false}
-        getSortParams={getSortParams}
-        isAllSelected={isAllSelected}
-        onSelectAll={setAllSelected}
-      >
-        <Tbody>
-          {sortedData.map((er, index) => (
-            <EnrollmentRequestTableRow
-              key={er.metadata.name || ''}
-              er={er}
-              deleteAction={deleteAction}
-              onRowSelect={onRowSelect}
-              isRowSelected={isRowSelected}
-              rowIndex={index}
-              onApprove={() => {
-                setApprovingErId(er.metadata.name as string);
-              }}
-            />
-          ))}
-        </Tbody>
-      </Table>
-
-      {deleteModal}
-      {currentEnrollmentRequest && (
-        <ApproveDeviceModal
-          enrollmentRequest={currentEnrollmentRequest}
-          onClose={(updateList) => {
-            setApprovingErId(undefined);
-            updateList && approveRefetch();
-          }}
-        />
-      )}
-      {isMassDeleteModalOpen && (
-        <MassDeleteDeviceModal
-          onClose={() => setIsMassDeleteModalOpen(false)}
-          resources={filteredData.filter(isRowSelected)}
-          onDeleteSuccess={() => {
-            setIsMassDeleteModalOpen(false);
-            deleteRefetch();
-          }}
-        />
-      )}
-      {isMassApproveModalOpen && (
-        <MassApproveDeviceModal
-          onClose={() => setIsMassApproveModalOpen(false)}
-          pendingEnrollments={filteredData.filter(isRowSelected)}
-          onApproveSuccess={() => {
-            setAllSelected(false);
-            setIsMassApproveModalOpen(false);
-            approveRefetch();
-          }}
-        />
-      )}
-    </>
-  );
-};
-
-const EnrollmentRequestList = ({ refetchDevices }: { refetchDevices: VoidFunction }) => {
-  const { t } = useTranslation();
-  const [erList, isLoading, error, refetch] = useFetchPeriodically<EnrollmentRequestListType>({
-    endpoint: 'enrollmentrequests',
-  });
-
-  if (isLoading) {
-    return <Spinner size="md" />;
-  }
-
-  // The content only appears if there are pending enrollment requests
-  // TODO move the filter as part of the query once it's available via the API
-  const pendingEnrollments = (erList?.items || []).filter((er) => er.status?.approval?.approved !== true);
-
-  if (pendingEnrollments.length === 0) {
-    return null;
-  }
-
-  const approveRefetch = () => {
-    refetch();
-    refetchDevices();
-  };
-  return (
-    <ListPage title={t('Devices pending approval')} headingLevel="h2">
-      <ListPageBody error={error} loading={false}>
-        <EnrollmentRequestTable
-          pendingEnrollments={pendingEnrollments}
-          approveRefetch={approveRefetch}
-          deleteRefetch={refetch}
-        />
-      </ListPageBody>
-    </ListPage>
-  );
-};
-
-export default EnrollmentRequestList;

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/components/Device/MatchPatternsModal/MatchPatternsForm.tsx

@@ -1,92 +0,0 @@
-import * as React from 'react';
-import { Alert, Button, Label, LabelGroup } from '@patternfly/react-core';
-import { useFormikContext } from 'formik';
-
-import ErrorHelperText from '../../form/FieldHelperText';
-import FlightCtlActionGroup from '../../form/FlightCtlActionGroup';
-import FlightCtlForm from '../../form/FlightCtlForm';
-import { useTranslation } from '../../../hooks/useTranslation';
-import EditableLabelControl from '../../common/EditableLabelControl';
-
-export type MatchPatternsFormValues = {
-  matchPatterns: string[];
-};
-
-export type MatchPatternsFormProps = {
-  onClose: (reload?: boolean) => void;
-  error?: string;
-};
-
-const MatchPatternsForm: React.FC<MatchPatternsFormProps> = ({ onClose, error }) => {
-  const { t } = useTranslation();
-  const {
-    values,
-    setFieldValue,
-    submitForm,
-    isSubmitting,
-    errors: formErrors,
-  } = useFormikContext<MatchPatternsFormValues>();
-
-  const onPatternClose = (e: React.MouseEvent<Element, MouseEvent>, index: number) => {
-    const newMatchPatterns = [...values.matchPatterns];
-    newMatchPatterns.splice(index, 1);
-    void setFieldValue('matchPatterns', newMatchPatterns);
-  };
-
-  const onAdd = (text: string) => {
-    const newMatchPatterns = [...values.matchPatterns, text];
-    void setFieldValue('matchPatterns', newMatchPatterns);
-  };
-
-  const onEdit = (index: number, nextText: string) => {
-    const newMatchPatterns = [...values.matchPatterns];
-    newMatchPatterns.splice(index, 1, nextText);
-    void setFieldValue('matchPatterns', newMatchPatterns);
-  };
-
-  const hasFormErrors = !!formErrors.matchPatterns;
-
-  return (
-    <FlightCtlForm>
-      <LabelGroup
-        isEditable
-        addLabelControl={
-          <EditableLabelControl defaultLabel="name.service" addButtonText={t('Add match pattern')} onAddLabel={onAdd} />
-        }
-        numLabels={20}
-        defaultIsOpen
-      >
-        {values.matchPatterns.map((pattern, index) => (
-          <Label
-            key={index}
-            id={`${index}`}
-            onClose={(e) => onPatternClose(e, index)}
-            onEditCancel={(_, prevText) => onEdit(index, prevText)}
-            onEditComplete={(_, newText) => onEdit(index, newText)}
-            isEditable
-          >
-            {pattern}
-          </Label>
-        ))}
-      </LabelGroup>
-      <ErrorHelperText error={formErrors.matchPatterns} />
-      {error && <Alert isInline title={error} variant="danger" />}
-      <FlightCtlActionGroup>
-        <Button
-          key="confirm"
-          variant="primary"
-          onClick={submitForm}
-          isDisabled={isSubmitting || hasFormErrors}
-          isLoading={isSubmitting}
-        >
-          {t('Update match patterns')}
-        </Button>
-        <Button key="cancel" variant="link" onClick={() => onClose()} isDisabled={isSubmitting}>
-          {t('Cancel')}
-        </Button>
-      </FlightCtlActionGroup>
-    </FlightCtlForm>
-  );
-};
-
-export default MatchPatternsForm;

package/src/components/common/HelperTextItems.tsx

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { Button } from '@patternfly/react-core';
-
-import { useTranslation } from '../../hooks/useTranslation';
-
-export const KubernetesLabelHelperText = () => {
-  const { t } = useTranslation();
-  return (
-    <>
-      {t('Must be a valid Kubernetes label')}{' '}
-      <Button
-        component="a"
-        variant="link"
-        isInline
-        icon={<ExternalLinkAltIcon />}
-        target="_blank"
-        rel="noopener noreferrer"
-        href="https://kubernetes.io/docs/concepts/overview/working-with-objects/labels/"
-      >
-        {t('Learn more')}
-      </Button>
-    </>
-  );
-};

package/src/hooks/useTableSort.ts

@@ -1,42 +0,0 @@
-import { TableColumn } from '../components/Table/Table';
-import { ThProps } from '@patternfly/react-table';
-import * as React from 'react';
-
-const getDefaultIndex = <D>(columns: TableColumn<D>[]) => {
-  const defaultColumnIndex = columns.findIndex((c) => c.defaultSort);
-  return defaultColumnIndex === -1 ? 0 : defaultColumnIndex;
-};
-
-export const useTableSort = <D>(data: D[], columns: TableColumn<D>[]) => {
-  const [activeSortIndex, setActiveSortIndex] = React.useState<number>(getDefaultIndex(columns));
-  const [activeSortDirection, setActiveSortDirection] = React.useState<'asc' | 'desc'>('asc');
-
-  const getSortParams = React.useCallback(
-    (columnIndex: number): ThProps['sort'] =>
-      columns[columnIndex].onSort
-        ? {
-            sortBy: {
-              index: activeSortIndex,
-              direction: activeSortDirection,
-              defaultDirection: 'asc',
-            },
-            onSort: (_, index, direction) => {
-              setActiveSortIndex(index);
-              setActiveSortDirection(direction);
-            },
-            columnIndex,
-          }
-        : undefined,
-    [activeSortIndex, activeSortDirection, columns],
-  );
-
-  const sortedData = React.useMemo(() => {
-    const sorted = columns[activeSortIndex].onSort?.(data);
-    if (activeSortDirection === 'desc') {
-      sorted?.reverse();
-    }
-    return sorted || data;
-  }, [columns, data, activeSortIndex, activeSortDirection]);
-
-  return { getSortParams, sortedData };
-};