@flightctl/ui-components 0.0.1

package/dist/src/components/ResourceSync/ResourceSyncStatus.js

@@ -0,0 +1,65 @@
+"use strict";
+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 check_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/check-circle-icon");
+const in_progress_icon_1 = require("@patternfly/react-icons/dist/js/icons/in-progress-icon");
+const outlined_question_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/outlined-question-circle-icon");
+const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const types_1 = require("@flightctl/types");
+const WithTooltip_1 = tslib_1.__importDefault(require("../common/WithTooltip"));
+const repository_1 = require("../../utils/status/repository");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useNavigate_1 = require("../../hooks/useNavigate");
+const react_i18next_1 = require("react-i18next");
+const ResourceSyncStatus = ({ resourceSync, showLinksOnError = false }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusType = (0, repository_1.getRepositorySyncStatus)(resourceSync, t);
+    const statusLabels = (0, repository_1.repositoryStatusLabels)(t);
+    let color;
+    let icon;
+    switch (statusType.status) {
+        case types_1.ConditionType.ResourceSyncResourceParsed:
+        case 'Sync pending':
+            color = 'orange';
+            icon = React.createElement(in_progress_icon_1.InProgressIcon, null);
+            break;
+        case types_1.ConditionType.ResourceSyncSynced:
+        case types_1.ConditionType.RepositoryAccessible:
+            color = 'green';
+            icon = React.createElement(check_circle_icon_1.CheckCircleIcon, null);
+            break;
+        case 'Not parsed':
+        case 'Not synced':
+        case 'Not accessible':
+            color = 'red';
+            icon = React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null);
+            break;
+        default:
+            color = 'grey';
+            icon = React.createElement(outlined_question_circle_icon_1.OutlinedQuestionCircleIcon, null);
+            break;
+    }
+    if (color === 'red' && showLinksOnError) {
+        const repositoryName = resourceSync.spec.repository;
+        const rsName = resourceSync.metadata.name;
+        return (React.createElement(react_core_1.Popover, { triggerAction: "hover", "aria-label": t('Invalid resource sync configuration'), headerContent: t('Invalid resource sync configuration'), bodyContent: React.createElement(react_core_1.Stack, { hasGutter: true },
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement(react_i18next_1.Trans, { t: t },
+                        "An error occurred when trying to apply the resource sync ",
+                        React.createElement("strong", null, rsName),
+                        " from repository",
+                        ' ',
+                        React.createElement("strong", null, repositoryName),
+                        ":")),
+                React.createElement(react_core_1.StackItem, null, statusType.message),
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement(useNavigate_1.Link, { to: { route: useNavigate_1.ROUTE.RESOURCE_SYNC_DETAILS, postfix: resourceSync.metadata.name } }, "Review and fix the configuration"))) },
+            React.createElement(react_core_1.Label, { color: color, icon: icon }, statusLabels[statusType.status])));
+    }
+    return (React.createElement(WithTooltip_1.default, { showTooltip: !!statusType.message, content: statusType.message },
+        React.createElement(react_core_1.Label, { color: color, icon: icon }, statusLabels[statusType.status])));
+};
+exports.default = ResourceSyncStatus;
+//# sourceMappingURL=ResourceSyncStatus.js.map

package/dist/src/components/ResourceSync/ResourceSyncStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceSyncStatus.js","sourceRoot":"","sources":["../../../../src/components/ResourceSync/ResourceSyncStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAsF;AACtF,+FAA0F;AAC1F,6FAAwF;AACxF,uHAAiH;AACjH,2GAAsG;AAEtG,4CAA+D;AAC/D,gFAAgD;AAChD,8DAAgG;AAChG,+DAA4D;AAC5D,yDAAsD;AACtD,iDAAsC;AAOtC,MAAM,kBAAkB,GAAG,CAAC,EAAE,YAAY,EAAE,gBAAgB,GAAG,KAAK,EAA2B,EAAE,EAAE;IACjG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,oCAAuB,EAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,IAAA,mCAAsB,EAAC,CAAC,CAAC,CAAC;IAE/C,IAAI,KAA0B,CAAC;IAC/B,IAAI,IAAqB,CAAC;IAE1B,QAAQ,UAAU,CAAC,MAAM,EAAE,CAAC;QAC1B,KAAK,qBAAa,CAAC,0BAA0B,CAAC;QAC9C,KAAK,cAAc;YACjB,KAAK,GAAG,QAAQ,CAAC;YACjB,IAAI,GAAG,oBAAC,iCAAc,OAAG,CAAC;YAC1B,MAAM;QACR,KAAK,qBAAa,CAAC,kBAAkB,CAAC;QACtC,KAAK,qBAAa,CAAC,oBAAoB;YACrC,KAAK,GAAG,OAAO,CAAC;YAChB,IAAI,GAAG,oBAAC,mCAAe,OAAG,CAAC;YAC3B,MAAM;QACR,KAAK,YAAY,CAAC;QAClB,KAAK,YAAY,CAAC;QAClB,KAAK,gBAAgB;YACnB,KAAK,GAAG,KAAK,CAAC;YACd,IAAI,GAAG,oBAAC,+CAAqB,OAAG,CAAC;YACjC,MAAM;QACR;YACE,KAAK,GAAG,MAAM,CAAC;YACf,IAAI,GAAG,oBAAC,0DAA0B,OAAG,CAAC;YACtC,MAAM;IACV,CAAC;IAED,IAAI,KAAK,KAAK,KAAK,IAAI,gBAAgB,EAAE,CAAC;QACxC,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;QACpD,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC1C,OAAO,CACL,oBAAC,oBAAO,IACN,aAAa,EAAC,OAAO,gBACT,CAAC,CAAC,qCAAqC,CAAC,EACpD,aAAa,EAAE,CAAC,CAAC,qCAAqC,CAAC,EACvD,WAAW,EACT,oBAAC,kBAAK,IAAC,SAAS;gBACd,oBAAC,sBAAS;oBACR,oBAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;wBACgD,oCAAS,MAAM,CAAU;;wBAAiB,GAAG;wBACtG,oCAAS,cAAc,CAAU;4BAC3B,CACE;gBACZ,oBAAC,sBAAS,QAAE,UAAU,CAAC,OAAO,CAAa;gBAC3C,oBAAC,sBAAS;oBACR,oBAAC,kBAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAK,CAAC,qBAAqB,EAAE,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,uCAE9E,CACG,CACN;YAGV,oBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,IAC5B,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAC1B,CACA,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,qBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO;QACzE,oBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,IAC5B,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAC1B,CACI,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/src/components/ResourceSync/ResourceSyncToRepository.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useFetch_1 = require("../../hooks/useFetch");
+const react_core_1 = require("@patternfly/react-core");
+const react_i18next_1 = require("react-i18next");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useNavigate_1 = require("../../hooks/useNavigate");
+const useAppContext_1 = require("../../hooks/useAppContext");
+const ResourceSyncToRepository = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const { get } = (0, useFetch_1.useFetch)();
+    const [error, setError] = React.useState();
+    const { router: { useParams }, } = (0, useAppContext_1.useAppContext)();
+    const { rsId } = useParams();
+    React.useEffect(() => {
+        const fetchDetails = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const rsDetails = yield get(`resourcesyncs/${rsId}`);
+                const repository = rsDetails.spec.repository;
+                if (repository) {
+                    setError(undefined);
+                    navigate({ route: useNavigate_1.ROUTE.REPO_DETAILS, postfix: `${repository}#${rsId}` });
+                }
+                else {
+                    setError(t('Resource sync {{rsId}} is not linked to a repository', { rsId }));
+                }
+            }
+            catch (e) {
+                setError(t('Resource sync {{rsId}} could not be found', { rsId }));
+            }
+        });
+        void fetchDetails();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [get, navigate, rsId]);
+    return (React.createElement(react_core_1.PageSection, { variant: "light" },
+        React.createElement(react_core_1.Title, { headingLevel: "h1", size: "3xl" }, t('Resource sync {{rsId}}', { rsId })),
+        error ? (React.createElement(react_core_1.EmptyState, null,
+            React.createElement(react_core_1.EmptyStateHeader, null,
+                React.createElement(react_i18next_1.Trans, { t: t },
+                    "Could not find the details for the resource sync ",
+                    React.createElement("strong", null, rsId))),
+            React.createElement(react_core_1.EmptyStateBody, null, error))) : (React.createElement(react_core_1.Bullseye, null,
+            React.createElement(react_core_1.Spinner, null)))));
+};
+exports.default = ResourceSyncToRepository;
+//# sourceMappingURL=ResourceSyncToRepository.js.map

package/dist/src/components/ResourceSync/ResourceSyncToRepository.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceSyncToRepository.js","sourceRoot":"","sources":["../../../../src/components/ResourceSync/ResourceSyncToRepository.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mDAAgD;AAChD,uDAQgC;AAEhC,iDAAsC;AACtC,+DAA4D;AAC5D,yDAA6D;AAC7D,6DAA0D;AAE1D,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,GAAG,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE3B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnD,MAAM,EACJ,MAAM,EAAE,EAAE,SAAS,EAAE,GACtB,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpB,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAsB,CAAC;IAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,YAAY,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC;gBACH,MAAM,SAAS,GAAG,MAAM,GAAG,CAAe,iBAAiB,IAAI,EAAE,CAAC,CAAC;gBAEnE,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC7C,IAAI,UAAU,EAAE,CAAC;oBACf,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACpB,QAAQ,CAAC,EAAE,KAAK,EAAE,mBAAK,CAAC,YAAY,EAAE,OAAO,EAAE,GAAG,UAAU,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;gBAC5E,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,CAAC,CAAC,sDAAsD,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAChF,CAAC;YACH,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,QAAQ,CAAC,CAAC,CAAC,2CAA2C,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACrE,CAAC;QACH,CAAC,CAAA,CAAC;QAEF,KAAK,YAAY,EAAE,CAAC;QACpB,uDAAuD;IACzD,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,oBAAC,wBAAW,IAAC,OAAO,EAAC,OAAO;QAC1B,oBAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,IAChC,CAAC,CAAC,wBAAwB,EAAE,EAAE,IAAI,EAAE,CAAC,CAChC;QACP,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,uBAAU;YACT,oBAAC,6BAAgB;gBACf,oBAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;oBACwC,oCAAS,IAAI,CAAU,CAClE,CACS;YACnB,oBAAC,2BAAc,QAAE,KAAK,CAAkB,CAC7B,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAQ;YACP,oBAAC,oBAAO,OAAG,CACF,CACZ,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}

package/dist/src/components/Status/ApplicationStatus.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const applications_1 = require("../../utils/status/applications");
+const StatusDisplay_1 = tslib_1.__importDefault(require("./StatusDisplay"));
+/**
+ * Refers to the summary status of all applications in one device
+ *
+ * @param status the summary application status
+ * @constructor
+ */
+const ApplicationStatus = ({ status }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, applications_1.getApplicationStatusItems)(t);
+    const item = statusItems.find((statusItem) => {
+        return statusItem.id === status;
+    });
+    return React.createElement(StatusDisplay_1.default, { item: item });
+};
+exports.default = ApplicationStatus;
+//# sourceMappingURL=ApplicationStatus.js.map

package/dist/src/components/Status/ApplicationStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/ApplicationStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,+DAA4D;AAC5D,kEAA4E;AAC5E,4EAA4C;AAE5C;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAsC,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,wCAAyB,EAAC,CAAC,CAAC,CAAC;IAEjD,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;QAC3C,OAAO,UAAU,CAAC,EAAE,KAAK,MAAM,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;AACvC,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/src/components/Status/ApplicationSummaryStatus.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const applications_1 = require("../../utils/status/applications");
+const StatusDisplay_1 = tslib_1.__importDefault(require("./StatusDisplay"));
+/**
+ * Refers to the summary status of all applications in one device
+ *
+ * @param status the summary application status
+ * @constructor
+ */
+const ApplicationSummaryStatus = ({ statusSummary }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, applications_1.getApplicationSummaryStatusItems)(t);
+    const item = statusItems.find((statusItem) => {
+        return statusItem.id === (statusSummary === null || statusSummary === void 0 ? void 0 : statusSummary.status);
+    });
+    return React.createElement(StatusDisplay_1.default, { item: item, message: statusSummary === null || statusSummary === void 0 ? void 0 : statusSummary.info });
+};
+exports.default = ApplicationSummaryStatus;
+//# sourceMappingURL=ApplicationSummaryStatus.js.map

package/dist/src/components/Status/ApplicationSummaryStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationSummaryStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/ApplicationSummaryStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,+DAA4D;AAC5D,kEAAmF;AACnF,4EAA4C;AAE5C;;;;;GAKG;AACH,MAAM,wBAAwB,GAAG,CAAC,EAAE,aAAa,EAAiD,EAAE,EAAE;IACpG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,+CAAgC,EAAC,CAAC,CAAC,CAAC;IAExD,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;QAC3C,OAAO,UAAU,CAAC,EAAE,MAAK,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAA,CAAC;IACjD,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,GAAI,CAAC;AACrE,CAAC,CAAC;AACF,kBAAe,wBAAwB,CAAC"}

package/dist/src/components/Status/DeviceResourceStatus.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const types_1 = require("@flightctl/types");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const StatusDisplay_1 = require("./StatusDisplay");
+const getMonitorTypeLabel = (monitorType, t) => {
+    switch (monitorType) {
+        case 'cpu':
+            return t('CPU');
+        case 'memory':
+            return t('Memory');
+        case 'disk':
+            return t('Disk');
+    }
+};
+const getTriggeredResourceAlert = (resourcesInfo, monitorType, monitorStatus) => {
+    if (!monitorStatus ||
+        [
+            types_1.DeviceResourceStatusType.DeviceResourceStatusHealthy,
+            types_1.DeviceResourceStatusType.DeviceResourceStatusUnknown,
+        ].includes(monitorStatus)) {
+        return null;
+    }
+    const monitorDetails = resourcesInfo.find((item) => item.monitorType === monitorType && item.alertRules.length > 0);
+    if (!monitorDetails) {
+        return null;
+    }
+    // Attempt to find the rule matching exactly the monitor's status
+    return monitorDetails.alertRules.find((alertRule) => {
+        switch (monitorStatus) {
+            case types_1.DeviceResourceStatusType.DeviceResourceStatusWarning:
+                return alertRule.severity === types_1.ResourceAlertSeverityType.ResourceAlertSeverityTypeWarning;
+            case types_1.DeviceResourceStatusType.DeviceResourceStatusCritical:
+                return alertRule.severity === types_1.ResourceAlertSeverityType.ResourceAlertSeverityTypeCritical;
+        }
+        return false;
+    });
+};
+const DeviceResourceStatus = ({ device, monitorType }) => {
+    var _a, _b, _c;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (!device) {
+        return React.createElement(StatusDisplay_1.StatusDisplayContent, { level: "unknown", label: t('Unknown') });
+    }
+    let level;
+    let label;
+    let messageTitle = '';
+    const status = (_a = device.status) === null || _a === void 0 ? void 0 : _a.resources[monitorType];
+    const triggeredAlert = getTriggeredResourceAlert((_c = (_b = device.spec) === null || _b === void 0 ? void 0 : _b.resources) !== null && _c !== void 0 ? _c : [], monitorType, status);
+    if (triggeredAlert) {
+        label = t('Past threshold ({{ percent }}%)', { percent: triggeredAlert.percentage });
+        messageTitle = t('{{ monitorType }} pressure - {{ status }}', {
+            monitorType: getMonitorTypeLabel(monitorType, t),
+            status,
+        }); // eg CPU pressure - critical
+    }
+    else if (status === types_1.DeviceResourceStatusType.DeviceResourceStatusHealthy) {
+        label = t('Within limits');
+    }
+    else {
+        label = status || t('Unknown');
+    }
+    switch (status) {
+        case types_1.DeviceResourceStatusType.DeviceResourceStatusHealthy:
+            level = 'success';
+            break;
+        case types_1.DeviceResourceStatusType.DeviceResourceStatusWarning:
+            level = 'warning';
+            break;
+        case types_1.DeviceResourceStatusType.DeviceResourceStatusCritical:
+        case types_1.DeviceResourceStatusType.DeviceResourceStatusError:
+            level = 'danger';
+            break;
+        case types_1.DeviceResourceStatusType.DeviceResourceStatusUnknown:
+        case undefined:
+            level = 'unknown';
+            break;
+    }
+    return (React.createElement(StatusDisplay_1.StatusDisplayContent, { level: level, label: label, messageTitle: messageTitle, message: triggeredAlert === null || triggeredAlert === void 0 ? void 0 : triggeredAlert.description }));
+};
+exports.default = DeviceResourceStatus;
+//# sourceMappingURL=DeviceResourceStatus.js.map

package/dist/src/components/Status/DeviceResourceStatus.js.map

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

package/dist/src/components/Status/DeviceStatus.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const devices_1 = require("../../utils/status/devices");
+const StatusDisplay_1 = tslib_1.__importDefault(require("./StatusDisplay"));
+const DeviceStatus = ({ deviceStatus }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const status = (0, devices_1.getDeviceSummaryStatus)(deviceStatus === null || deviceStatus === void 0 ? void 0 : deviceStatus.summary);
+    const statusItems = (0, devices_1.getDeviceStatusItems)(t);
+    const item = statusItems.find((statusItem) => {
+        return statusItem.id === status;
+    });
+    return React.createElement(StatusDisplay_1.default, { item: item, message: deviceStatus === null || deviceStatus === void 0 ? void 0 : deviceStatus.summary.info });
+};
+exports.default = DeviceStatus;
+//# sourceMappingURL=DeviceStatus.js.map

package/dist/src/components/Status/DeviceStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/DeviceStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,+DAA4D;AAC5D,wDAA0F;AAC1F,4EAA4C;AAE5C,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAmC,EAAE,EAAE;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,IAAA,gCAAsB,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAA,8BAAoB,EAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;QAC3C,OAAO,UAAU,CAAC,EAAE,KAAK,MAAM,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,IAAI,GAAI,CAAC;AAC5E,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/Status/EnrollmentRequestStatus.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const enrollmentRequest_1 = require("../../utils/status/enrollmentRequest");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const StatusDisplay_1 = tslib_1.__importDefault(require("./StatusDisplay"));
+const EnrollmentRequestStatus = ({ er }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const status = er ? (0, enrollmentRequest_1.getApprovalStatus)(er) : enrollmentRequest_1.EnrollmentRequestStatus.Unknown;
+    const statusItems = (0, enrollmentRequest_1.getEnrollmentRequestsStatusItems)(t);
+    const item = statusItems.find((statusItem) => {
+        return statusItem.id === status;
+    });
+    return React.createElement(StatusDisplay_1.default, { item: item });
+};
+exports.default = EnrollmentRequestStatus;
+//# sourceMappingURL=EnrollmentRequestStatus.js.map

package/dist/src/components/Status/EnrollmentRequestStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnrollmentRequestStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/EnrollmentRequestStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,4EAI8C;AAC9C,+DAA4D;AAC5D,4EAA4C;AAE5C,MAAM,uBAAuB,GAAG,CAAC,EAAE,EAAE,EAA8B,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,IAAA,qCAAiB,EAAC,EAAE,CAAC,CAAC,CAAC,CAAC,2CAA2B,CAAC,OAAO,CAAC;IAChF,MAAM,WAAW,GAAG,IAAA,oDAAgC,EAAC,CAAC,CAAC,CAAC;IAExD,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;QAC3C,OAAO,UAAU,CAAC,EAAE,KAAK,MAAM,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;AACvC,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}

package/dist/src/components/Status/IntegrityStatus.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const StatusDisplay_1 = tslib_1.__importDefault(require("./StatusDisplay"));
+const integrity_1 = require("../../utils/status/integrity");
+const IntegrityStatus = ({ status }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, integrity_1.getIntegrityStatusItems)(t);
+    const item = statusItems.find((statusItem) => {
+        return statusItem.id === status;
+    });
+    return React.createElement(StatusDisplay_1.default, { item: item });
+};
+exports.default = IntegrityStatus;
+//# sourceMappingURL=IntegrityStatus.js.map

package/dist/src/components/Status/IntegrityStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrityStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/IntegrityStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,+DAA4D;AAC5D,4EAA4C;AAC5C,4DAAuE;AAEvE,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAiD,EAAE,EAAE;IACpF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,mCAAuB,EAAC,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;QAC3C,OAAO,UAAU,CAAC,EAAE,KAAK,MAAM,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;AACvC,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/src/components/Status/RepositoryStatus.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const in_progress_icon_1 = require("@patternfly/react-icons/dist/js/icons/in-progress-icon");
+const types_1 = require("@flightctl/types");
+const repository_1 = require("../../utils/status/repository");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const StatusDisplay_1 = require("./StatusDisplay");
+const RepositoryStatus = ({ statusInfo }) => {
+    const statusType = statusInfo.status;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusLabels = (0, repository_1.repositoryStatusLabels)(t);
+    let customIcon;
+    let status;
+    switch (statusType) {
+        case types_1.ConditionType.ResourceSyncSynced:
+        case types_1.ConditionType.RepositoryAccessible:
+            status = 'success';
+            break;
+        case 'Sync pending':
+            status = 'warning';
+            customIcon = in_progress_icon_1.InProgressIcon;
+            break;
+        case 'Not synced':
+        case 'Not parsed':
+        case 'Not accessible':
+            status = 'danger';
+            break;
+        default:
+            status = 'unknown';
+            break;
+    }
+    return (React.createElement(StatusDisplay_1.StatusDisplayContent, { label: statusLabels[statusType], level: status, customIcon: customIcon, message: statusInfo.message }));
+};
+exports.default = RepositoryStatus;
+//# sourceMappingURL=RepositoryStatus.js.map

package/dist/src/components/Status/RepositoryStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepositoryStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/RepositoryStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,6FAAwF;AAExF,4CAAiD;AACjD,8DAA6F;AAE7F,+DAA4D;AAC5D,mDAAuD;AAGvD,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAsE,EAAE,EAAE;IAC9G,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,IAAA,mCAAsB,EAAC,CAAC,CAAC,CAAC;IAE/C,IAAI,UAA0D,CAAC;IAC/D,IAAI,MAAmB,CAAC;IAExB,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,qBAAa,CAAC,kBAAkB,CAAC;QACtC,KAAK,qBAAa,CAAC,oBAAoB;YACrC,MAAM,GAAG,SAAS,CAAC;YACnB,MAAM;QACR,KAAK,cAAc;YACjB,MAAM,GAAG,SAAS,CAAC;YACnB,UAAU,GAAG,iCAAc,CAAC;YAC5B,MAAM;QACR,KAAK,YAAY,CAAC;QAClB,KAAK,YAAY,CAAC;QAClB,KAAK,gBAAgB;YACnB,MAAM,GAAG,QAAQ,CAAC;YAClB,MAAM;QAER;YACE,MAAM,GAAG,SAAS,CAAC;YACnB,MAAM;IACV,CAAC;IAED,OAAO,CACL,oBAAC,oCAAoB,IACnB,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,EAC/B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,CAAC,OAAO,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/src/components/Status/StatusDisplay.css

@@ -0,0 +1,9 @@
+.ftcl_status-label > div {
+  /* Reduce the space between the icon and the label, caused by the table rules */
+  --pf-v5-l-flex--spacer--column: 0.5rem;
+}
+
+.fctl-status-display-content__popover .pf-v5-c-popover__body {
+  overflow-y: scroll;
+  max-height: 30vh;
+}

package/dist/src/components/Status/StatusDisplay.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusDisplayContent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../utils/status/common");
+const useTranslation_1 = require("../../hooks/useTranslation");
+require("./StatusDisplay.css");
+const StatusDisplayContent = ({ label, messageTitle, message, level, customIcon }) => {
+    const iconLevel = level === 'unknown' ? undefined : level;
+    const IconComponent = customIcon || (0, common_1.getDefaultStatusIcon)(level);
+    if (message) {
+        return (React.createElement(react_core_1.Popover, { "aria-label": "status popover", headerContent: messageTitle || label, bodyContent: message, className: "fctl-status-display-content__popover", hasAutoWidth: false },
+            React.createElement(react_core_1.Button, { variant: "link", isInline: true, icon: React.createElement(react_core_1.Icon, { status: iconLevel, style: { '--pf-v5-c-icon__content--Color': (0, common_1.getDefaultStatusColor)(level) } },
+                    React.createElement(IconComponent, null)) }, label)));
+    }
+    return (React.createElement(react_core_1.Flex, { className: "ftcl_status-label" },
+        React.createElement(react_core_1.FlexItem, null,
+            React.createElement(react_core_1.Icon, { status: iconLevel, style: { '--pf-v5-c-icon__content--Color': (0, common_1.getDefaultStatusColor)(level) } },
+                React.createElement(IconComponent, null))),
+        React.createElement(react_core_1.FlexItem, null, label)));
+};
+exports.StatusDisplayContent = StatusDisplayContent;
+const StatusDisplay = ({ item, message }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (!item) {
+        return React.createElement(exports.StatusDisplayContent, { level: "unknown", label: t('Unknown') });
+    }
+    return React.createElement(exports.StatusDisplayContent, { level: item.level, customIcon: item.customIcon, label: item.label, message: message });
+};
+exports.default = StatusDisplay;
+//# sourceMappingURL=StatusDisplay.js.map

package/dist/src/components/Status/StatusDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDisplay.js","sourceRoot":"","sources":["../../../../src/components/Status/StatusDisplay.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,uDAA+E;AAG/E,sDAAqG;AACrG,+DAA4D;AAE5D,+BAA6B;AAUtB,MAAM,oBAAoB,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAoB,EAAE,EAAE;IAC5G,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,MAAM,aAAa,GAAG,UAAU,IAAI,IAAA,6BAAoB,EAAC,KAAK,CAAC,CAAC;IAEhE,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,oBAAC,oBAAO,kBACK,gBAAgB,EAC3B,aAAa,EAAE,YAAY,IAAI,KAAK,EACpC,WAAW,EAAE,OAAO,EACpB,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAE,KAAK;YAEnB,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,QAAQ,QACR,IAAI,EACF,oBAAC,iBAAI,IACH,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,gCAAgC,EAAE,IAAA,8BAAqB,EAAC,KAAK,CAAC,EAAyB;oBAEhG,oBAAC,aAAa,OAAG,CACZ,IAGR,KAAK,CACC,CACD,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,iBAAI,IAAC,SAAS,EAAC,mBAAmB;QACjC,oBAAC,qBAAQ;YACP,oBAAC,iBAAI,IACH,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,gCAAgC,EAAE,IAAA,8BAAqB,EAAC,KAAK,CAAC,EAAyB;gBAEhG,oBAAC,aAAa,OAAG,CACZ,CACE;QACX,oBAAC,qBAAQ,QAAE,KAAK,CAAY,CACvB,CACR,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,oBAAoB,wBA4C/B;AAWF,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAsB,EAAE,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,oBAAC,4BAAoB,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,CAAC;IACvE,CAAC;IAED,OAAO,oBAAC,4BAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AACvH,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/src/components/Status/SystemUpdateStatus.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const types_1 = require("@flightctl/types");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const StatusDisplay_1 = tslib_1.__importStar(require("./StatusDisplay"));
+const system_1 = require("../../utils/status/system");
+const SystemUpdateStatus = ({ deviceStatus }) => {
+    var _a;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, system_1.getSystemUpdateStatusItems)(t);
+    // TODO Until Update status if fully implemented in the backend, we check for the "SpecValid" error condition
+    const invalidSpec = (_a = deviceStatus === null || deviceStatus === void 0 ? void 0 : deviceStatus.conditions) === null || _a === void 0 ? void 0 : _a.find((c) => c.type === types_1.ConditionType.DeviceSpecValid && c.status === types_1.ConditionStatus.ConditionStatusFalse);
+    if (invalidSpec) {
+        return (React.createElement(StatusDisplay_1.StatusDisplayContent, { level: "danger", label: t('Updates blocked'), messageTitle: t('Invalid configuration'), message: invalidSpec.message }));
+    }
+    const item = statusItems.find((statusItem) => {
+        return statusItem.id === (deviceStatus === null || deviceStatus === void 0 ? void 0 : deviceStatus.updated.status);
+    });
+    return React.createElement(StatusDisplay_1.default, { item: item, message: deviceStatus === null || deviceStatus === void 0 ? void 0 : deviceStatus.updated.info });
+};
+exports.default = SystemUpdateStatus;
+//# sourceMappingURL=SystemUpdateStatus.js.map

package/dist/src/components/Status/SystemUpdateStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemUpdateStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/SystemUpdateStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,4CAAgF;AAChF,+DAA4D;AAC5D,yEAAsE;AACtE,sDAAuE;AAEvE,MAAM,kBAAkB,GAAG,CAAC,EAAE,YAAY,EAAmC,EAAE,EAAE;;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,mCAA0B,EAAC,CAAC,CAAC,CAAC;IAElD,6GAA6G;IAC7G,MAAM,WAAW,GAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,0CAAE,IAAI,CAChD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,qBAAa,CAAC,eAAe,IAAI,CAAC,CAAC,MAAM,KAAK,uBAAe,CAAC,oBAAoB,CACrG,CAAC;IAEF,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,oBAAC,oCAAoB,IACnB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,YAAY,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACxC,OAAO,EAAE,WAAW,CAAC,OAAO,GAC5B,CACH,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;QAC3C,OAAO,UAAU,CAAC,EAAE,MAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,MAAM,CAAA,CAAC;IACxD,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,IAAI,GAAI,CAAC;AAC5E,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/src/components/Status/SystemdStatus.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const StatusDisplay_1 = require("./StatusDisplay");
+const SystemdStatus = ({ status }) => {
+    let level;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    switch (status) {
+        case 'running':
+            level = 'success';
+            break;
+        default:
+            level = 'unknown';
+            break;
+    }
+    return React.createElement(StatusDisplay_1.StatusDisplayContent, { level: level, label: status || t('Unknown') });
+};
+exports.default = SystemdStatus;
+//# sourceMappingURL=SystemdStatus.js.map

package/dist/src/components/Status/SystemdStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemdStatus.js","sourceRoot":"","sources":["../../../../src/components/Status/SystemdStatus.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,+DAA4D;AAE5D,mDAAuD;AAEvD,MAAM,aAAa,GAAG,CAAC,EAAE,MAAM,EAAkC,EAAE,EAAE;IACnE,IAAI,KAAkB,CAAC;IACvB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,KAAK,GAAG,SAAS,CAAC;YAClB,MAAM;QACR;YACE,KAAK,GAAG,SAAS,CAAC;YAClB,MAAM;IACV,CAAC;IACD,OAAO,oBAAC,oCAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,SAAS,CAAC,GAAI,CAAC;AAC/E,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/src/components/Status/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUpdateStatusHelperText = exports.getDeviceStatusHelperText = exports.getApplicationStatusHelperText = void 0;
+const getApplicationStatusHelperText = (t) => t('Indicates the overall status of application workloads on the device.');
+exports.getApplicationStatusHelperText = getApplicationStatusHelperText;
+const getDeviceStatusHelperText = (t) => t('Indicates the overall status of the device hardware and operating system.');
+exports.getDeviceStatusHelperText = getDeviceStatusHelperText;
+const getUpdateStatusHelperText = (t) => t('Indicates whether a system is running the latest target configuration or is updating towards it.');
+exports.getUpdateStatusHelperText = getUpdateStatusHelperText;
+//# sourceMappingURL=utils.js.map

package/dist/src/components/Status/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Status/utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,8BAA8B,GAAG,CAAC,CAAY,EAAE,EAAE,CAC7D,CAAC,CAAC,sEAAsE,CAAC,CAAC;AAD/D,QAAA,8BAA8B,kCACiC;AACrE,MAAM,yBAAyB,GAAG,CAAC,CAAY,EAAE,EAAE,CACxD,CAAC,CAAC,2EAA2E,CAAC,CAAC;AADpE,QAAA,yBAAyB,6BAC2C;AAC1E,MAAM,yBAAyB,GAAG,CAAC,CAAY,EAAE,EAAE,CACxD,CAAC,CAAC,kGAAkG,CAAC,CAAC;AAD3F,QAAA,yBAAyB,6BACkE"}

package/dist/src/components/Table/Table.js

@@ -0,0 +1,28 @@
+"use strict";
+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 react_table_1 = require("@patternfly/react-table");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const WithHelperText_1 = tslib_1.__importDefault(require("../common/WithHelperText"));
+const Table = (_a) => {
+    var { columns, children, emptyFilters, emptyData, getSortParams, onSelectAll, isAllSelected } = _a, rest = tslib_1.__rest(_a, ["columns", "children", "emptyFilters", "emptyData", "getSortParams", "onSelectAll", "isAllSelected"]);
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (emptyFilters && !emptyData) {
+        return (React.createElement(react_core_1.PageSection, { variant: "light" },
+            React.createElement(react_core_1.Bullseye, null, t('No resources are matching the current filters.'))));
+    }
+    return (React.createElement(react_table_1.Table, Object.assign({}, rest),
+        React.createElement(react_table_1.Thead, null,
+            React.createElement(react_table_1.Tr, null,
+                !emptyData && onSelectAll && (React.createElement(react_table_1.Th, { select: {
+                        onSelect: (_event, isSelecting) => onSelectAll(isSelecting),
+                        isSelected: !!isAllSelected,
+                    } })),
+                columns.map((c, index) => (React.createElement(react_table_1.Th, Object.assign({ key: c.name, sort: getSortParams(index) }, c.thProps), c.helperText ? (React.createElement(WithHelperText_1.default, { ariaLabel: c.name, showLabel: true, content: c.helperText, triggerAction: "hover" })) : (c.name)))),
+                React.createElement(react_table_1.Td, null))),
+        children));
+};
+exports.default = Table;
+//# sourceMappingURL=Table.js.map

package/dist/src/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA+D;AAC/D,yDAAuF;AACvF,+DAA4D;AAC5D,sFAAsD;AAyBtD,MAAM,KAAK,GAAY,CAAC,EASvB,EAAE,EAAE;QATmB,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,OAEd,EADI,IAAI,sBARe,qGASvB,CADQ;IAEP,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,IAAI,YAAY,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,OAAO,CACL,oBAAC,wBAAW,IAAC,OAAO,EAAC,OAAO;YAC1B,oBAAC,qBAAQ,QAAE,CAAC,CAAC,gDAAgD,CAAC,CAAY,CAC9D,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,mBAAO,oBAAK,IAAI;QACf,oBAAC,mBAAK;YACJ,oBAAC,gBAAE;gBACA,CAAC,SAAS,IAAI,WAAW,IAAI,CAC5B,oBAAC,gBAAE,IACD,MAAM,EAAE;wBACN,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC;wBAC3D,UAAU,EAAE,CAAC,CAAC,aAAa;qBAC5B,GACD,CACH;gBACA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,oBAAC,gBAAE,kBAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAAM,CAAC,CAAC,OAAO,GACvD,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACd,oBAAC,wBAAc,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,QAAC,OAAO,EAAE,CAAC,CAAC,UAAU,EAAE,aAAa,EAAC,OAAO,GAAG,CAC7F,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,IAAI,CACP,CACE,CACN,CAAC;gBACF,oBAAC,gBAAE,OAAG,CACH,CACC;QACP,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/dist/src/components/Table/TableActions.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const TableActions = ({ children }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isOpen, setIsOpen] = React.useState(false);
+    const onToggle = () => {
+        setIsOpen(!isOpen);
+    };
+    return (React.createElement(react_core_1.Select, { isOpen: isOpen, onSelect: onToggle, onOpenChange: setIsOpen, toggle: (toggleRef) => (React.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: onToggle, id: "actions", isExpanded: isOpen }, t('Actions'))) }, children));
+};
+exports.default = TableActions;
+//# sourceMappingURL=TableActions.js.map

package/dist/src/components/Table/TableActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActions.js","sourceRoot":"","sources":["../../../../src/components/Table/TableActions.tsx"],"names":[],"mappings":";;;AAAA,uDAA4D;AAC5D,qDAA+B;AAC/B,+DAA4D;AAM5D,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,mBAAM,IACL,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,SAAS,EACvB,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CACrB,oBAAC,uBAAU,IAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAC,SAAS,EAAC,UAAU,EAAE,MAAM,IAC3E,CAAC,CAAC,SAAS,CAAC,CACF,CACd,IAEA,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/Table/TableTextSearch.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const TableTextSearch = (_a) => {
+    var { value, setValue, placeholder, onClear } = _a, rest = tslib_1.__rest(_a, ["value", "setValue", "placeholder", "onClear"]);
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(react_core_1.SearchInput, Object.assign({ "aria-label": placeholder || t('Search by name'), onChange: (_event, value) => (value === '' && onClear ? onClear() : setValue(value)), value: value, placeholder: placeholder || t('Search by name'), onClear: () => (onClear ? onClear() : setValue('')) }, rest)));
+};
+exports.default = TableTextSearch;
+//# sourceMappingURL=TableTextSearch.js.map

package/dist/src/components/Table/TableTextSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTextSearch.js","sourceRoot":"","sources":["../../../../src/components/Table/TableTextSearch.tsx"],"names":[],"mappings":";;;AAAA,uDAAuE;AACvE,qDAA+B;AAC/B,+DAA4D;AAO5D,MAAM,eAAe,GAAmC,CAAC,EAAkD,EAAE,EAAE;QAAtD,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,OAAW,EAAN,IAAI,sBAAhD,+CAAkD,CAAF;IACvG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,wBAAW,gCACE,WAAW,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EACpF,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAC/C,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAC/C,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/src/components/Terminal/Terminal.css

@@ -0,0 +1 @@
+@import '@xterm/xterm/css/xterm.css';