@flightctl/ui-components 1.0.0-rc6 → 1.0.1

package/dist/src/components/DetailsPage/Tables/SystemdUnitsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemdUnitsTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/DetailsPage/Tables/SystemdUnitsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AA2BrD,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;CACzC,CAAC;AA+BF,QAAA,MAAM,iBAAiB,2BAA4B,sBAAsB,sBA6BxE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SystemdUnitsTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/DetailsPage/Tables/SystemdUnitsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAgCrD,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;CACzC,CAAC;AA+BF,QAAA,MAAM,iBAAiB,2BAA4B,sBAAsB,sBA6BxE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/src/components/DetailsPage/Tables/SystemdUnitsTable.js

@@ -11,6 +11,7 @@ const database_icon_1 = require("@patternfly/react-icons/dist/js/icons/database-
 const network_icon_1 = require("@patternfly/react-icons/dist/js/icons/network-icon");
 const connected_icon_1 = require("@patternfly/react-icons/dist/js/icons/connected-icon");
 const useTranslation_1 = require("../../../hooks/useTranslation");
+const systemd_1 = require("../../../utils/status/systemd");
 const unitTypeIconMap = {
     service: cog_icon_1.CogIcon,
     timer: clock_icon_1.ClockIcon,
@@ -35,12 +36,12 @@ const SystemdUnitRow = ({ unitStatus }) => {
             " ",
             unitStatus.unit),
         React.createElement(react_table_1.Td, { dataLabel: t('Enable') },
-            React.createElement(react_core_1.Label, { color: "blue", variant: "outline" }, unitStatus.enableState)),
+            React.createElement(react_core_1.Label, { color: "blue", variant: "outline" }, (0, systemd_1.getSystemdEnableStateLabel)(unitStatus.enableState, t))),
         React.createElement(react_table_1.Td, { dataLabel: t('Load state') },
-            React.createElement(react_core_1.Label, { color: "blue", variant: "outline" }, unitStatus.loadState)),
+            React.createElement(react_core_1.Label, { color: "blue", variant: "outline" }, (0, systemd_1.getSystemdLoadStateLabel)(unitStatus.loadState, t))),
         React.createElement(react_table_1.Td, { dataLabel: t('Status') },
             React.createElement(react_core_1.Label, { color: "blue", variant: "outline" },
-                unitStatus.activeState,
+                (0, systemd_1.getSystemdActiveStateLabel)(unitStatus.activeState, t),
                 " ",
                 unitStatus.subState && `(${unitStatus.subState})`))));
 };

package/dist/src/components/DetailsPage/Tables/SystemdUnitsTable.js.map

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

package/dist/src/utils/status/systemd.d.ts

@@ -0,0 +1,6 @@
+import { TFunction } from 'react-i18next';
+import { SystemdActiveStateType, SystemdEnableStateType, SystemdLoadStateType } from '@flightctl/types';
+export declare const getSystemdEnableStateLabel: (enableState: SystemdEnableStateType, t: TFunction) => string;
+export declare const getSystemdLoadStateLabel: (loadState: SystemdLoadStateType, t: TFunction) => string;
+export declare const getSystemdActiveStateLabel: (activeState: SystemdActiveStateType, t: TFunction) => string;
+//# sourceMappingURL=systemd.d.ts.map

package/dist/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/src/utils/status/systemd.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSystemdActiveStateLabel = exports.getSystemdLoadStateLabel = exports.getSystemdEnableStateLabel = void 0;
+const types_1 = require("@flightctl/types");
+const getSystemdEnableStateLabel = (enableState, t) => {
+    switch (enableState) {
+        case types_1.SystemdEnableStateType.SystemdEnableStateEnabled:
+            return t('Enabled');
+        case types_1.SystemdEnableStateType.SystemdEnableStateDisabled:
+            return t('Disabled');
+        case types_1.SystemdEnableStateType.SystemdEnableStateStatic:
+            return t('Static');
+        case types_1.SystemdEnableStateType.SystemdEnableStateMasked:
+            return t('Masked');
+        case types_1.SystemdEnableStateType.SystemdEnableStateEnabledRuntime:
+            return t('Enabled runtime');
+        case types_1.SystemdEnableStateType.SystemdEnableStateMaskedRuntime:
+            return t('Masked runtime');
+        case types_1.SystemdEnableStateType.SystemdEnableStateLinked:
+            return t('Linked');
+        case types_1.SystemdEnableStateType.SystemdEnableStateLinkedRuntime:
+            return t('Linked runtime');
+        case types_1.SystemdEnableStateType.SystemdEnableStateGenerated:
+            return t('Generated');
+        case types_1.SystemdEnableStateType.SystemdEnableStateTransient:
+            return t('Transient');
+        case types_1.SystemdEnableStateType.SystemdEnableStateIndirect:
+            return t('Indirect');
+        case types_1.SystemdEnableStateType.SystemdEnableStateAlias:
+            return t('Alias');
+        case types_1.SystemdEnableStateType.SystemdEnableStateBad:
+            return t('Bad');
+        case types_1.SystemdEnableStateType.SystemdEnableStateUnknown:
+            return t('Unknown');
+        case types_1.SystemdEnableStateType.SystemdEnableStateEmpty:
+            return t('Empty');
+        default:
+            return enableState;
+    }
+};
+exports.getSystemdEnableStateLabel = getSystemdEnableStateLabel;
+const getSystemdLoadStateLabel = (loadState, t) => {
+    switch (loadState) {
+        case types_1.SystemdLoadStateType.SystemdLoadStateLoaded:
+            return t('Loaded');
+        case types_1.SystemdLoadStateType.SystemdLoadStateNotFound:
+            return t('Not found');
+        case types_1.SystemdLoadStateType.SystemdLoadStateError:
+            return t('Error');
+        case types_1.SystemdLoadStateType.SystemdLoadStateBadSetting:
+            return t('Bad setting');
+        case types_1.SystemdLoadStateType.SystemdLoadStateMasked:
+            return t('Masked');
+        case types_1.SystemdLoadStateType.SystemdLoadStateMerged:
+            return t('Merged');
+        case types_1.SystemdLoadStateType.SystemdLoadStateStub:
+            return t('Stub');
+        case types_1.SystemdLoadStateType.SystemdLoadStateUnknown:
+            return t('Unknown');
+        default:
+            return loadState;
+    }
+};
+exports.getSystemdLoadStateLabel = getSystemdLoadStateLabel;
+const getSystemdActiveStateLabel = (activeState, t) => {
+    switch (activeState) {
+        case types_1.SystemdActiveStateType.SystemdActiveStateActive:
+            return t('Active');
+        case types_1.SystemdActiveStateType.SystemdActiveStateInactive:
+            return t('Inactive');
+        case types_1.SystemdActiveStateType.SystemdActiveStateFailed:
+            return t('Failed');
+        case types_1.SystemdActiveStateType.SystemdActiveStateActivating:
+            return t('Activating');
+        case types_1.SystemdActiveStateType.SystemdActiveStateDeactivating:
+            return t('Deactivating');
+        case types_1.SystemdActiveStateType.SystemdActiveStateReloading:
+            return t('Reloading');
+        case types_1.SystemdActiveStateType.SystemdActiveStateRefreshing:
+            return t('Refreshing');
+        case types_1.SystemdActiveStateType.SystemdActiveStateMaintenance:
+            return t('Maintenance');
+        case types_1.SystemdActiveStateType.SystemdActiveStateUnknown:
+            return t('Unknown');
+        default:
+            return activeState;
+    }
+};
+exports.getSystemdActiveStateLabel = getSystemdActiveStateLabel;
+//# sourceMappingURL=systemd.js.map

package/dist/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flightctl/ui-components",
-  "version": "1.0.0-rc6",
+  "version": "1.0.1",
   "description": "Components for Flightctl UI",
   "repository": "https://github.com/flightctl/flightctl-ui.git",
   "homepage": "https://github.com/flightctl/flightctl-ui.git",

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

@@ -10,6 +10,11 @@ import { DatabaseIcon } from '@patternfly/react-icons/dist/js/icons/database-ico
 import { NetworkIcon } from '@patternfly/react-icons/dist/js/icons/network-icon';
 import { ConnectedIcon } from '@patternfly/react-icons/dist/js/icons/connected-icon';
 import { useTranslation } from '../../../hooks/useTranslation';
+import {
+  getSystemdActiveStateLabel,
+  getSystemdEnableStateLabel,
+  getSystemdLoadStateLabel,
+} from '../../../utils/status/systemd';
 
 const unitTypeIconMap: Record<string, React.ComponentType<{ className?: string }>> = {
   service: CogIcon,
@@ -45,17 +50,17 @@ const SystemdUnitRow = ({ unitStatus }: { unitStatus: SystemdUnitStatus }) => {
       </Td>
       <Td dataLabel={t('Enable')}>
         <Label color="blue" variant="outline">
-          {unitStatus.enableState}
+          {getSystemdEnableStateLabel(unitStatus.enableState, t)}
         </Label>
       </Td>
       <Td dataLabel={t('Load state')}>
         <Label color="blue" variant="outline">
-          {unitStatus.loadState}
+          {getSystemdLoadStateLabel(unitStatus.loadState, t)}
         </Label>
       </Td>
       <Td dataLabel={t('Status')}>
         <Label color="blue" variant="outline">
-          {unitStatus.activeState} {unitStatus.subState && `(${unitStatus.subState})`}
+          {getSystemdActiveStateLabel(unitStatus.activeState, t)} {unitStatus.subState && `(${unitStatus.subState})`}
         </Label>
       </Td>
     </Tr>

package/src/utils/status/systemd.ts

@@ -0,0 +1,88 @@
+import { TFunction } from 'react-i18next';
+
+import { SystemdActiveStateType, SystemdEnableStateType, SystemdLoadStateType } from '@flightctl/types';
+
+export const getSystemdEnableStateLabel = (enableState: SystemdEnableStateType, t: TFunction): string => {
+  switch (enableState) {
+    case SystemdEnableStateType.SystemdEnableStateEnabled:
+      return t('Enabled');
+    case SystemdEnableStateType.SystemdEnableStateDisabled:
+      return t('Disabled');
+    case SystemdEnableStateType.SystemdEnableStateStatic:
+      return t('Static');
+    case SystemdEnableStateType.SystemdEnableStateMasked:
+      return t('Masked');
+    case SystemdEnableStateType.SystemdEnableStateEnabledRuntime:
+      return t('Enabled runtime');
+    case SystemdEnableStateType.SystemdEnableStateMaskedRuntime:
+      return t('Masked runtime');
+    case SystemdEnableStateType.SystemdEnableStateLinked:
+      return t('Linked');
+    case SystemdEnableStateType.SystemdEnableStateLinkedRuntime:
+      return t('Linked runtime');
+    case SystemdEnableStateType.SystemdEnableStateGenerated:
+      return t('Generated');
+    case SystemdEnableStateType.SystemdEnableStateTransient:
+      return t('Transient');
+    case SystemdEnableStateType.SystemdEnableStateIndirect:
+      return t('Indirect');
+    case SystemdEnableStateType.SystemdEnableStateAlias:
+      return t('Alias');
+    case SystemdEnableStateType.SystemdEnableStateBad:
+      return t('Bad');
+    case SystemdEnableStateType.SystemdEnableStateUnknown:
+      return t('Unknown');
+    case SystemdEnableStateType.SystemdEnableStateEmpty:
+      return t('Empty');
+    default:
+      return enableState;
+  }
+};
+
+export const getSystemdLoadStateLabel = (loadState: SystemdLoadStateType, t: TFunction): string => {
+  switch (loadState) {
+    case SystemdLoadStateType.SystemdLoadStateLoaded:
+      return t('Loaded');
+    case SystemdLoadStateType.SystemdLoadStateNotFound:
+      return t('Not found');
+    case SystemdLoadStateType.SystemdLoadStateError:
+      return t('Error');
+    case SystemdLoadStateType.SystemdLoadStateBadSetting:
+      return t('Bad setting');
+    case SystemdLoadStateType.SystemdLoadStateMasked:
+      return t('Masked');
+    case SystemdLoadStateType.SystemdLoadStateMerged:
+      return t('Merged');
+    case SystemdLoadStateType.SystemdLoadStateStub:
+      return t('Stub');
+    case SystemdLoadStateType.SystemdLoadStateUnknown:
+      return t('Unknown');
+    default:
+      return loadState;
+  }
+};
+
+export const getSystemdActiveStateLabel = (activeState: SystemdActiveStateType, t: TFunction): string => {
+  switch (activeState) {
+    case SystemdActiveStateType.SystemdActiveStateActive:
+      return t('Active');
+    case SystemdActiveStateType.SystemdActiveStateInactive:
+      return t('Inactive');
+    case SystemdActiveStateType.SystemdActiveStateFailed:
+      return t('Failed');
+    case SystemdActiveStateType.SystemdActiveStateActivating:
+      return t('Activating');
+    case SystemdActiveStateType.SystemdActiveStateDeactivating:
+      return t('Deactivating');
+    case SystemdActiveStateType.SystemdActiveStateReloading:
+      return t('Reloading');
+    case SystemdActiveStateType.SystemdActiveStateRefreshing:
+      return t('Refreshing');
+    case SystemdActiveStateType.SystemdActiveStateMaintenance:
+      return t('Maintenance');
+    case SystemdActiveStateType.SystemdActiveStateUnknown:
+      return t('Unknown');
+    default:
+      return activeState;
+  }
+};