@flightctl/ui-components 1.0.2 → 1.1.0-rc1

package/dist/ui-components/src/utils/status/repository.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.repositoryStatusLabels = exports.getObservedHash = exports.getLastTransitionTimeText = exports.getRepositorySyncStatus = exports.getLastTransitionTime = exports.isAccessibleRepository = void 0;
+const types_1 = require("@flightctl/types");
+const dates_1 = require("../dates");
+const error_1 = require("../error");
+const api_1 = require("../api");
+const repositoryStatusLabels = (t) => ({
+    [types_1.ConditionType.ResourceSyncSynced]: t('Synced'),
+    'Not synced': t('Not synced'),
+    [types_1.ConditionType.ResourceSyncResourceParsed]: t('Parsed'),
+    'Not parsed': t('Not parsed'),
+    [types_1.ConditionType.RepositoryAccessible]: t('Accessible'),
+    'Not accessible': t('Not accessible'),
+    'Sync pending': t('Sync pending'),
+});
+exports.repositoryStatusLabels = repositoryStatusLabels;
+const isAccessibleRepository = (repository) => {
+    var _a;
+    const conditions = (_a = repository.status) === null || _a === void 0 ? void 0 : _a.conditions;
+    // By default it checks for true condition
+    return (0, api_1.getCondition)(conditions, types_1.ConditionType.RepositoryAccessible) !== undefined;
+};
+exports.isAccessibleRepository = isAccessibleRepository;
+const getRepositorySyncStatus = (repository, t = (s) => s) => {
+    var _a;
+    const conditions = (_a = repository.status) === null || _a === void 0 ? void 0 : _a.conditions;
+    const accessibleCondition = conditions === null || conditions === void 0 ? void 0 : conditions.find((c) => c.type === types_1.ConditionType.RepositoryAccessible);
+    if ((accessibleCondition === null || accessibleCondition === void 0 ? void 0 : accessibleCondition.status) === types_1.ConditionStatus.ConditionStatusFalse) {
+        return {
+            status: 'Not accessible',
+            message: (0, error_1.getConditionMessage)(accessibleCondition),
+        };
+    }
+    const parsedCondition = conditions === null || conditions === void 0 ? void 0 : conditions.find((c) => c.type === types_1.ConditionType.ResourceSyncResourceParsed);
+    if ((parsedCondition === null || parsedCondition === void 0 ? void 0 : parsedCondition.status) === types_1.ConditionStatus.ConditionStatusFalse) {
+        return {
+            status: 'Not parsed',
+            message: (0, error_1.getConditionMessage)(parsedCondition),
+        };
+    }
+    const syncedCondition = conditions === null || conditions === void 0 ? void 0 : conditions.find((c) => c.type === types_1.ConditionType.ResourceSyncSynced);
+    if ((syncedCondition === null || syncedCondition === void 0 ? void 0 : syncedCondition.status) === types_1.ConditionStatus.ConditionStatusFalse) {
+        return {
+            status: 'Not synced',
+            message: (0, error_1.getConditionMessage)(syncedCondition),
+        };
+    }
+    // Now there are no error situations we know of, let's return the most "advanced" status
+    if (syncedCondition) {
+        return {
+            status: types_1.ConditionType.ResourceSyncSynced,
+            message: '',
+        };
+    }
+    if (parsedCondition) {
+        return {
+            status: types_1.ConditionType.ResourceSyncResourceParsed,
+            message: '',
+        };
+    }
+    if (accessibleCondition) {
+        return {
+            status: types_1.ConditionType.RepositoryAccessible,
+            message: '',
+        };
+    }
+    // As a fallback, we indicate the repository is waiting for sync
+    return {
+        status: 'Sync pending',
+        message: t('Awaiting first sync'),
+    };
+};
+exports.getRepositorySyncStatus = getRepositorySyncStatus;
+const getLastTransitionTime = (conditions) => {
+    let lastTime = undefined;
+    conditions === null || conditions === void 0 ? void 0 : conditions.forEach((condition) => {
+        if (!lastTime || (!!condition.lastTransitionTime && condition.lastTransitionTime > lastTime)) {
+            lastTime = condition.lastTransitionTime;
+        }
+    });
+    return lastTime;
+};
+exports.getLastTransitionTime = getLastTransitionTime;
+const getLastTransitionTimeText = (repository, t = (s) => s) => {
+    var _a;
+    const lastTime = (0, exports.getLastTransitionTime)((_a = repository.status) === null || _a === void 0 ? void 0 : _a.conditions);
+    return {
+        text: lastTime ? (0, dates_1.timeSinceText)(t, lastTime) : 'N/A',
+        timestamp: lastTime || '0',
+    };
+};
+exports.getLastTransitionTimeText = getLastTransitionTimeText;
+const getObservedHash = (resourceSync) => {
+    var _a;
+    const lastHash = (_a = resourceSync.status) === null || _a === void 0 ? void 0 : _a.observedCommit;
+    return lastHash ? lastHash.substring(0, 7) : '-';
+};
+exports.getObservedHash = getObservedHash;
+//# sourceMappingURL=repository.js.map

package/dist/ui-components/src/utils/status/repository.js.map

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

package/dist/ui-components/src/utils/status/system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../../../../src/utils/status/system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,uBAAuB,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,0BAA0B,MAAO,SAAS,KAAG,WAAW,aAAa,CAAC,EAqBlF,CAAC;AACF,eAAO,MAAM,uBAAuB,iBAAsE,CAAC"}

package/dist/ui-components/src/utils/status/system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.js","sourceRoot":"","sources":["../../../../../src/utils/status/system.ts"],"names":[],"mappings":";;;AAEA,4CAA4E;AAGrE,MAAM,0BAA0B,GAAG,CAAC,CAAY,EAA+B,EAAE,CAAC;IACvF;QACE,EAAE,EAAE,+BAAa,CAAC,4BAA4B;QAC9C,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC;QACvB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,EAAE,EAAE,+BAAa,CAAC,2BAA2B;QAC7C,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;QACpB,KAAK,EAAE,MAAM;KACd;IACD;QACE,EAAE,EAAE,+BAAa,CAAC,0BAA0B;QAC5C,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC;QACnB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,EAAE,EAAE,+BAAa,CAAC,2BAA2B;QAC7C,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;QACtB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AArBW,QAAA,0BAA0B,8BAqBrC;AACW,QAAA,uBAAuB,GAAG,IAAA,kCAA0B,EAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}

package/dist/ui-components/src/utils/status/systemd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"systemd.d.ts","sourceRoot":"","sources":["../../../../../src/utils/status/systemd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExG,eAAO,MAAM,0BAA0B,gBAAiB,sBAAsB,KAAK,SAAS,KAAG,MAmC9F,CAAC;AAEF,eAAO,MAAM,wBAAwB,cAAe,oBAAoB,KAAK,SAAS,KAAG,MAqBxF,CAAC;AAEF,eAAO,MAAM,0BAA0B,gBAAiB,sBAAsB,KAAK,SAAS,KAAG,MAuB9F,CAAC"}

package/dist/ui-components/src/utils/status/systemd.js.map

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

package/dist/ui-components/src/utils/time.d.ts

@@ -0,0 +1,31 @@
+import { Duration } from '@flightctl/types';
+export declare const formatTimePart: (val: number | string) => string;
+export declare const getSelectableTimes: () => {};
+export declare const valid24HourClockRegExp: RegExp;
+export declare const formatted24HourClockRegExp: RegExp;
+export declare const defaultStartTime = "00:00";
+export declare const defaultEndTime = "23:59";
+export declare const localDeviceTimezone = "Local";
+export declare enum UpdateScheduleMode {
+    Weekly = "weekly",
+    Daily = "daily"
+}
+export declare enum Weekday {
+    Sunday = 0,
+    Monday = 1,
+    Tuesday = 2,
+    Wednesday = 3,
+    Thursday = 4,
+    Friday = 5,
+    Saturday = 6
+}
+export declare const durationToMinutes: (duration: Duration) => number;
+export declare const getEndTime: (startTime: string, duration?: Duration) => string;
+export declare const getTime: (cronExp?: string) => string;
+export declare const getWeekDays: (cronExp?: string) => {
+    allSelected: boolean;
+    selectedDays: boolean[];
+};
+export declare const getUpdateCronExpression: (startTime: string, scheduleMode: UpdateScheduleMode, weekDays: boolean[]) => string;
+export declare const showSpinnerBriefly: (time?: number) => Promise<unknown>;
+//# sourceMappingURL=time.d.ts.map

package/dist/ui-components/src/utils/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../../src/utils/time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,eAAO,MAAM,cAAc,QAAS,MAAM,GAAG,MAAM,WAAoC,CAAC;AAExF,eAAO,MAAM,kBAAkB,UAS9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAAwC,CAAC;AAC5E,eAAO,MAAM,0BAA0B,QAAsC,CAAC;AAC9E,eAAO,MAAM,gBAAgB,UAAU,CAAC;AACxC,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAG3C,oBAAY,kBAAkB;IAC5B,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,OAAO;IACjB,MAAM,IAAI;IACV,MAAM,IAAA;IACN,OAAO,IAAA;IACP,SAAS,IAAA;IACT,QAAQ,IAAA;IACR,MAAM,IAAA;IACN,QAAQ,IAAA;CACT;AAUD,eAAO,MAAM,iBAAiB,aAAc,QAAQ,WAanD,CAAC;AAEF,eAAO,MAAM,UAAU,cAAe,MAAM,aAAa,QAAQ,WAahE,CAAC;AAGF,eAAO,MAAM,OAAO,aAAc,MAAM,WAevC,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,MAAM;iBAAkB,OAAO;kBAAgB,OAAO,EAAE;CAkB7F,CAAC;AAEF,eAAO,MAAM,uBAAuB,cAAe,MAAM,gBAAgB,kBAAkB,YAAY,OAAO,EAAE,WAS/G,CAAC;AAGF,eAAO,MAAM,kBAAkB,UAAU,MAAM,qBAA8D,CAAC"}

package/dist/ui-components/src/utils/time.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showSpinnerBriefly = exports.getUpdateCronExpression = exports.getWeekDays = exports.getTime = exports.getEndTime = exports.durationToMinutes = exports.Weekday = exports.UpdateScheduleMode = exports.localDeviceTimezone = exports.defaultEndTime = exports.defaultStartTime = exports.formatted24HourClockRegExp = exports.valid24HourClockRegExp = exports.getSelectableTimes = exports.formatTimePart = void 0;
+const formatTimePart = (val) => val.toString().padStart(2, '0');
+exports.formatTimePart = formatTimePart;
+const getSelectableTimes = () => {
+    const times = {};
+    for (let hour = 0; hour < 24; hour++) {
+        for (let minute = 0; minute < 60; minute += 15) {
+            const timeString = `${(0, exports.formatTimePart)(hour)}:${(0, exports.formatTimePart)(minute)}`;
+            times[timeString] = timeString;
+        }
+    }
+    return times;
+};
+exports.getSelectableTimes = getSelectableTimes;
+exports.valid24HourClockRegExp = /^([01]?[0-9]|2[0-3]):?([0-5][0-9])$/;
+exports.formatted24HourClockRegExp = /^([01][0-9]|2[0-3]):([0-5][0-9])$/;
+exports.defaultStartTime = '00:00';
+exports.defaultEndTime = '23:59';
+exports.localDeviceTimezone = 'Local'; // matches the API's default value
+const defaultUpdateDuration = '30m';
+var UpdateScheduleMode;
+(function (UpdateScheduleMode) {
+    UpdateScheduleMode["Weekly"] = "weekly";
+    UpdateScheduleMode["Daily"] = "daily";
+})(UpdateScheduleMode || (exports.UpdateScheduleMode = UpdateScheduleMode = {}));
+var Weekday;
+(function (Weekday) {
+    Weekday[Weekday["Sunday"] = 0] = "Sunday";
+    Weekday[Weekday["Monday"] = 1] = "Monday";
+    Weekday[Weekday["Tuesday"] = 2] = "Tuesday";
+    Weekday[Weekday["Wednesday"] = 3] = "Wednesday";
+    Weekday[Weekday["Thursday"] = 4] = "Thursday";
+    Weekday[Weekday["Friday"] = 5] = "Friday";
+    Weekday[Weekday["Saturday"] = 6] = "Saturday";
+})(Weekday || (exports.Weekday = Weekday = {}));
+var CronParts;
+(function (CronParts) {
+    CronParts[CronParts["Minutes"] = 0] = "Minutes";
+    CronParts[CronParts["Hours"] = 1] = "Hours";
+    CronParts[CronParts["Days"] = 2] = "Days";
+    CronParts[CronParts["Months"] = 3] = "Months";
+    CronParts[CronParts["WeekDays"] = 4] = "WeekDays";
+})(CronParts || (CronParts = {}));
+const durationToMinutes = (duration) => {
+    const timeoutVal = Number(duration.replace(/[shm]/, ''));
+    if (!timeoutVal) {
+        return 0;
+    }
+    if (duration.includes('s')) {
+        return Math.round(timeoutVal / 60);
+    }
+    if (duration.includes('h')) {
+        return Math.round(timeoutVal * 60);
+    }
+    return timeoutVal;
+};
+exports.durationToMinutes = durationToMinutes;
+const getEndTime = (startTime, duration) => {
+    if (startTime === exports.defaultStartTime && !duration) {
+        return exports.defaultEndTime;
+    }
+    const [hours, minutes] = startTime.split(':').map(Number);
+    const durationMinutes = (0, exports.durationToMinutes)(duration || defaultUpdateDuration);
+    const totalMinutes = hours * 60 + minutes + durationMinutes;
+    const newHours = Math.floor(totalMinutes / 60) % 24;
+    const newMinutes = totalMinutes % 60;
+    return `${(0, exports.formatTimePart)(newHours)}:${(0, exports.formatTimePart)(newMinutes)}`;
+};
+exports.getEndTime = getEndTime;
+// Cron expression example: "0 4 * * 2,5"
+const getTime = (cronExp) => {
+    const tokens = (cronExp || '').split(' ').filter(Boolean);
+    if (tokens.length !== 5) {
+        return exports.defaultStartTime;
+    }
+    const hours = tokens[CronParts.Hours];
+    const minutes = tokens[CronParts.Minutes];
+    // Ensure hours and minutes are valid numbers (eg. fails when specifying ranges or steps)
+    if (Number.isNaN(Number(hours)) || Number.isNaN(Number(minutes))) {
+        return exports.defaultStartTime;
+    }
+    return `${(0, exports.formatTimePart)(hours)}:${(0, exports.formatTimePart)(minutes)}`;
+};
+exports.getTime = getTime;
+const getWeekDays = (cronExp) => {
+    const defaultDays = [true, true, true, true, true, true, true];
+    let selectedDays = defaultDays;
+    if (cronExp) {
+        const weekDayExp = cronExp.split(' ')[CronParts.WeekDays];
+        if (weekDayExp !== '*') {
+            const days = weekDayExp.split(',').map(Number);
+            selectedDays = defaultDays.map((_, index) => {
+                return days.includes(index);
+            });
+        }
+    }
+    return {
+        allSelected: selectedDays.every(Boolean),
+        selectedDays,
+    };
+};
+exports.getWeekDays = getWeekDays;
+const getUpdateCronExpression = (startTime, scheduleMode, weekDays) => {
+    const [hours, minutes] = startTime.split(':').map(Number);
+    const weekDayVals = weekDays
+        .map((isActive, index) => {
+        return isActive || scheduleMode === UpdateScheduleMode.Daily ? index : null;
+    })
+        .filter((num) => num !== null);
+    return `${minutes} ${hours} * * ${weekDayVals.join(',')}`;
+};
+exports.getUpdateCronExpression = getUpdateCronExpression;
+// Adds an artificial delay to make sure that the user notices the data is refreshing.
+const showSpinnerBriefly = (time = 450) => new Promise((resolve) => setTimeout(resolve, time));
+exports.showSpinnerBriefly = showSpinnerBriefly;
+//# sourceMappingURL=time.js.map

package/dist/ui-components/src/utils/time.js.map

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

package/dist/ui-components/src/utils/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/utils/tooltip.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,mBAAoB,MAAM,GAAG,SAAS;;;;;aACwB,CAAC"}

package/dist/ui-components/src/utils/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/utils/tooltip.ts"],"names":[],"mappings":";;;AAAO,MAAM,uBAAuB,GAAG,CAAC,cAAkC,EAAE,EAAE,CAC5E,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AADtF,QAAA,uBAAuB,2BAC+D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flightctl/ui-components",
-  "version": "1.0.2",
+  "version": "1.1.0-rc1",
   "description": "Components for Flightctl UI",
   "repository": "https://github.com/flightctl/flightctl-ui.git",
   "homepage": "https://github.com/flightctl/flightctl-ui.git",
@@ -41,17 +41,19 @@
     "yup": "^1.3.3"
   },
   "peerDependencies": {
-    "@patternfly/react-charts": "^7.2.2",
-    "@patternfly/react-core": "^5.0.0 <= 5.4.8",
-    "@patternfly/react-icons": "^5.0.0 <= 5.4.2",
-    "@patternfly/react-styles": "^5.1.2 <= 5.4.1",
-    "@patternfly/react-table": "^5.0.0 <= 5.4.9",
+    "@patternfly/patternfly": "^6.4.0",
+    "@patternfly/react-charts": "^8.4.0",
+    "@patternfly/react-code-editor": "^6.4.0",
+    "@patternfly/react-core": "^6.4.0",
+    "@patternfly/react-icons": "^6.4.0",
+    "@patternfly/react-styles": "^6.4.0",
+    "@patternfly/react-table": "^6.4.0",
+    "victory": "^37.3.6",
     "i18next": "21.8.14 - 23.x",
     "react": "17.0.1 - 18.x",
     "react-dom": "17.0.1 - 18.x",
     "react-i18next": "11.7.3 - 15.x",
     "react-router-dom": "^6.22.0",
-    "monaco-editor": "^0.51.0",
-    "@patternfly/react-code-editor": "^5.4.13"
+    "monaco-editor": "^0.51.0"
   }
 }

package/src/components/AuthProvider/AuthProviderDetails/AuthProviderDetails.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownItem, DropdownList, Nav, NavList } from '@patternfly/react-core';
+import { DropdownItem, DropdownList, Tab } from '@patternfly/react-core';
 
 import { AuthProvider } from '@flightctl/types';
 
@@ -15,8 +15,8 @@ import { RESOURCE, VERB } from '../../../types/rbac';
 import PageWithPermissions from '../../common/PageWithPermissions';
 import { usePermissionsContext } from '../../common/PermissionsContext';
 import YamlEditor from '../../common/CodeEditor/YamlEditor';
-import NavItem from '../../NavItem/NavItem';
 import { ProviderType } from '../../../types/extraTypes';
+import TabsNav from '../../TabsNav/TabsNav';
 
 const authProviderDetailsPermissions = [
   { kind: RESOURCE.AUTH_PROVIDER, verb: VERB.DELETE },
@@ -80,12 +80,10 @@ const AuthProviderDetails = () => {
         )
       }
       nav={
-        <Nav variant="tertiary">
-          <NavList>
-            <NavItem to="details">{t('Details')}</NavItem>
-            <NavItem to="yaml">{t('YAML')}</NavItem>
-          </NavList>
-        </Nav>
+        <TabsNav aria-label="Authentication provider details tabs" tabKeys={['details', 'yaml']}>
+          <Tab eventKey="details" title={t('Details')} />
+          <Tab eventKey="yaml" title={t('YAML')} />
+        </TabsNav>
       }
     >
       {authProviderDetails && (

package/src/components/AuthProvider/AuthProviderDetails/AuthProviderDetailsTab.tsx

@@ -3,6 +3,8 @@ import {
   Card,
   CardBody,
   ClipboardCopy,
+  Content,
+  ContentVariants,
   DescriptionList,
   DescriptionListDescription,
   DescriptionListGroup,
@@ -12,9 +14,6 @@ import {
   LabelGroup,
   Stack,
   StackItem,
-  Text,
-  TextContent,
-  TextVariants,
   Title,
 } from '@patternfly/react-core';
 import { AuthProvider } from '@flightctl/types';
@@ -60,7 +59,7 @@ const AuthProviderDetailsTab = ({ authProvider }: { authProvider: AuthProvider }
       <StackItem>
         <Card>
           <CardBody>
-            <Title headingLevel="h2" size="lg" className="pf-v5-u-mb-md">
+            <Title headingLevel="h2" size="lg" className="pf-v6-u-mb-md">
               {t('Provider overview')}
             </Title>
             <DescriptionList columnModifier={{ default: '2Col' }}>
@@ -94,7 +93,7 @@ const AuthProviderDetailsTab = ({ authProvider }: { authProvider: AuthProvider }
             <Divider style={{ margin: '24px 0' }} />
 
             <DescriptionList>
-              <Title headingLevel="h2" className="pf-v5-u-mb-md">
+              <Title headingLevel="h2" className="pf-v6-u-mb-md">
                 {t('{{ providerType }} configuration', { providerType: spec.providerType })}
               </Title>
               {isOAuth2 && (
@@ -136,7 +135,7 @@ const AuthProviderDetailsTab = ({ authProvider }: { authProvider: AuthProvider }
       <StackItem>
         <Card>
           <CardBody>
-            <Title headingLevel="h2" size="lg" className="pf-v5-u-mb-md">
+            <Title headingLevel="h2" size="lg" className="pf-v6-u-mb-md">
               {t('Client & claims configuration')}
             </Title>
             <DescriptionList columnModifier={{ default: '2Col' }}>
@@ -157,11 +156,9 @@ const AuthProviderDetailsTab = ({ authProvider }: { authProvider: AuthProvider }
                   {spec.usernameClaim?.length ? (
                     <>
                       <LabelGroup>{spec.usernameClaim?.map((claim) => <Label key={claim}>{claim}</Label>)}</LabelGroup>
-                      <TextContent>
-                        <Text component={TextVariants.small}>
-                          {t('Resulting username claim')}: <strong>{spec.usernameClaim.join('.')}</strong>
-                        </Text>
-                      </TextContent>
+                      <Content component={ContentVariants.small}>
+                        {t('Resulting username claim')}: <strong>{spec.usernameClaim.join('.')}</strong>
+                      </Content>
                     </>
                   ) : (
                     <Label color="grey">{`${DEFAULT_USERNAME_CLAIM} - (${t('Default')})`}</Label>
@@ -183,7 +180,7 @@ const AuthProviderDetailsTab = ({ authProvider }: { authProvider: AuthProvider }
       <StackItem>
         <Card>
           <CardBody>
-            <Title headingLevel="h2" size="lg" className="pf-v5-u-mb-md">
+            <Title headingLevel="h2" size="lg" className="pf-v6-u-mb-md">
               {t('Organization assignment')}
             </Title>
             <DescriptionList isHorizontal>

package/src/components/AuthProvider/AuthProviderDetails/DeleteAuthProviderModal.tsx

@@ -1,6 +1,16 @@
 import * as React from 'react';
-import { Alert, Button, Stack, StackItem, TextInput } from '@patternfly/react-core';
-import { Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core/next';
+import {
+  Alert,
+  Button,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalVariant,
+  Stack,
+  StackItem,
+  TextInput,
+} from '@patternfly/react-core';
 import { Trans } from 'react-i18next';
 
 import { useFetch } from '../../../hooks/useFetch';

package/src/components/AuthProvider/AuthProviderDetails/RoleAssigmentDetails.tsx

@@ -28,7 +28,7 @@ const RoleAssigmentDetails = ({ roleAssignment }: { roleAssignment: AuthRoleAssi
   return (
     <>
       <Label color="purple">{getAssignmentTypeLabel(roleAssignment.type, t)}</Label>
-      <LabelGroup className="pf-v5-u-mt-sm">
+      <LabelGroup className="pf-v6-u-ml-sm">
         {values.map((role, index) => (
           <Label key={`${role}-${index}`}>{role}</Label>
         ))}
@@ -36,7 +36,7 @@ const RoleAssigmentDetails = ({ roleAssignment }: { roleAssignment: AuthRoleAssi
       {separator && (
         <>
           <br />
-          <LabelGroup className="pf-v5-u-mt-sm">
+          <LabelGroup className="pf-v6-u-mt-sm">
             <Label color="purple">{t('Separator')}</Label>
 
             <Label key="separator" color="blue">

package/src/components/AuthProvider/AuthProviderRow.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { ActionsColumn, IAction, Td, Tr } from '@patternfly/react-table';
 import { Label } from '@patternfly/react-core';
-
+import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
+import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 import { AuthProvider } from '@flightctl/types';
 import { useTranslation } from '../../hooks/useTranslation';
 import { Link, ROUTE, useNavigate } from '../../hooks/useNavigate';
@@ -68,16 +69,15 @@ const AuthProviderRow = ({ provider, onDeleteClick }: { provider: AuthProvider;
   return (
     <Tr>
       <Td dataLabel={t('Name')}>
-        <Link to={{ route: ROUTE.AUTH_PROVIDER_DETAILS, postfix: providerName }}>
-          <strong>{providerName}</strong>
-        </Link>
+        <Link to={{ route: ROUTE.AUTH_PROVIDER_DETAILS, postfix: providerName }}>{providerName}</Link>
       </Td>
+      <Td dataLabel={t('Display name')}>{providerSpec.displayName || providerName}</Td>
       <Td dataLabel={t('Type')}>
         <Label color="blue">{getProviderTypeLabel(providerSpec.providerType, t)}</Label>
       </Td>
       <Td dataLabel={urlTitle}>{url || 'N/A'}</Td>
       <Td dataLabel={t('Enabled')}>
-        <Label color={isEnabled ? 'green' : 'grey'} isDisabled={!isEnabled}>
+        <Label color={isEnabled ? 'green' : 'grey'} icon={isEnabled ? <CheckCircleIcon /> : <TimesCircleIcon />}>
           {isEnabled ? t('Enabled') : t('Disabled')}
         </Label>
       </Td>

package/src/components/AuthProvider/AuthProvidersPage.tsx

@@ -1,15 +1,14 @@
 import * as React from 'react';
 import {
   Button,
+  Content,
+  ContentVariants,
   EmptyStateActions,
   EmptyStateBody,
   EmptyStateFooter,
   PageSection,
   Stack,
   StackItem,
-  Text,
-  TextContent,
-  TextVariants,
   Title,
   Toolbar,
   ToolbarContent,
@@ -35,6 +34,9 @@ const getColumns = (t: TFunction): ApiSortTableColumn[] => [
   {
     name: t('Name'),
   },
+  {
+    name: t('Display name'),
+  },
   {
     name: t('Type'),
   },
@@ -131,15 +133,13 @@ const AuthProvidersPage = () => {
 
   return (
     <PageWithPermissions allowed={canList} loading={loading}>
-      <PageSection variant="light" type="breadcrumb">
+      <PageSection hasBodyWrapper={false} type="breadcrumb">
         <Stack hasGutter>
           <StackItem>
             <Title headingLevel="h1" size="3xl">
               {t('Authentication')}
             </Title>
-            <TextContent>
-              <Text component={TextVariants.small}>{t('Manage authentication providers')}</Text>
-            </TextContent>
+            <Content component={ContentVariants.small}>{t('Manage authentication providers')}</Content>
           </StackItem>
           <StackItem>
             <Toolbar>

package/src/components/AuthProvider/CreateAuthProvider/AuthOrganizationAssignment.tsx

@@ -13,7 +13,7 @@ const OrganizationAssignmentSection = () => {
   const { values } = useFormikContext<AuthProviderFormValues>();
 
   return (
-    <FormSection title={t('Organization assignment')} className="pf-v5-u-mt-md">
+    <FormSection title={t('Organization assignment')} className="pf-v6-u-mt-md">
       <Split hasGutter>
         <SplitItem>
           <RadioField

package/src/components/AuthProvider/CreateAuthProvider/CreateAuthProvider.tsx

@@ -1,14 +1,5 @@
 import * as React from 'react';
-import {
-  Alert,
-  Breadcrumb,
-  BreadcrumbItem,
-  Bullseye,
-  PageSection,
-  PageSectionVariants,
-  Spinner,
-  Title,
-} from '@patternfly/react-core';
+import { Alert, Breadcrumb, BreadcrumbItem, Bullseye, PageSection, Spinner, Title } from '@patternfly/react-core';
 
 import { AuthProvider } from '@flightctl/types';
 
@@ -73,7 +64,7 @@ const CreateAuthProvider = ({ authProviderId }: { authProviderId: string | undef
     );
   } else if (authProviderDetails?.spec.providerType === ProviderType.OAuth2) {
     content = (
-      <PageSection variant={PageSectionVariants.light}>
+      <PageSection hasBodyWrapper={false}>
         <Alert isInline variant="danger" title={t('Not allowed')}>
           {t('OAuth2 providers can only be edited via the YAML editor')}
         </Alert>
@@ -94,7 +85,7 @@ const CreateAuthProvider = ({ authProviderId }: { authProviderId: string | undef
 
   return (
     <>
-      <PageSection variant="light" type="breadcrumb">
+      <PageSection hasBodyWrapper={false} type="breadcrumb">
         <Breadcrumb>
           <BreadcrumbItem>
             <Link to={ROUTE.AUTH_PROVIDERS}>{t('Authentication providers')}</Link>
@@ -108,15 +99,13 @@ const CreateAuthProvider = ({ authProviderId }: { authProviderId: string | undef
         </Breadcrumb>
       </PageSection>
       {title && (
-        <PageSection variant={PageSectionVariants.light} className="pf-v5-u-pt-0">
+        <PageSection hasBodyWrapper={false}>
           <Title headingLevel="h1" size="3xl">
             {title}
           </Title>
         </PageSection>
       )}
-      <PageSection variant={PageSectionVariants.light} className="pf-v5-u-pt-0">
-        {content}
-      </PageSection>
+      <PageSection hasBodyWrapper={false}>{content}</PageSection>
     </>
   );
 };