@flightctl/ui-components 0.0.1

package/dist/src/components/Fleet/ImportFleetWizard/ImportFleetWizard.js

@@ -0,0 +1,106 @@
+"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 Yup = tslib_1.__importStar(require("yup"));
+const formik_1 = require("formik");
+const RepositoryStep_1 = tslib_1.__importStar(require("./steps/RepositoryStep"));
+const ReviewStep_1 = tslib_1.__importStar(require("./steps/ReviewStep"));
+const ResourceSyncStep_1 = tslib_1.__importStar(require("./steps/ResourceSyncStep"));
+const useFetch_1 = require("../../../hooks/useFetch");
+const types_1 = require("@flightctl/types");
+const utils_1 = require("../../Repository/CreateRepository/utils");
+const error_1 = require("../../../utils/error");
+const useFetchPeriodically_1 = require("../../../hooks/useFetchPeriodically");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const LeaveFormConfirmation_1 = tslib_1.__importDefault(require("../../common/LeaveFormConfirmation"));
+const ErrorBoundary_1 = tslib_1.__importDefault(require("../../common/ErrorBoundary"));
+require("./ImportFleetWizard.css");
+const validationSchema = (t) => Yup.lazy((values) => values.useExistingRepo
+    ? Yup.object({
+        existingRepo: Yup.string().required(t('Repository is required')),
+        resourceSyncs: (0, utils_1.repoSyncSchema)(t, values.resourceSyncs),
+    })
+    : (0, utils_1.repositorySchema)(t, undefined)(Object.assign(Object.assign({}, values), { useResourceSyncs: true, exists: false })));
+const ImportFleetWizardFooter = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { goToNextStep, goToPrevStep, activeStep } = (0, react_core_1.useWizardContext)();
+    const { submitForm, isSubmitting, errors, values } = (0, formik_1.useFormikContext)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const isReviewStep = activeStep.id === ReviewStep_1.reviewStepId;
+    let isStepValid = true;
+    if (activeStep.id === RepositoryStep_1.repositoryStepId) {
+        isStepValid = (0, RepositoryStep_1.isRepoStepValid)(values, errors);
+    }
+    else if (activeStep.id === ResourceSyncStep_1.resourceSyncStepId) {
+        isStepValid = (0, ResourceSyncStep_1.isResourceSyncStepValid)(errors);
+    }
+    const primaryBtn = isReviewStep ? (React.createElement(react_core_1.Button, { variant: "primary", onClick: submitForm, isDisabled: isSubmitting, isLoading: isSubmitting }, t('Import'))) : (React.createElement(react_core_1.Button, { variant: "primary", onClick: goToNextStep, isDisabled: !isStepValid }, t('Next')));
+    return (React.createElement(react_core_1.WizardFooterWrapper, null,
+        primaryBtn,
+        activeStep.id !== RepositoryStep_1.repositoryStepId && (React.createElement(react_core_1.Button, { variant: "secondary", onClick: goToPrevStep, isDisabled: isSubmitting }, t('Back'))),
+        React.createElement(react_core_1.Button, { variant: "link", onClick: () => navigate(-1), isDisabled: isSubmitting }, t('Cancel'))));
+};
+const ImportFleetWizard = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { post } = (0, useFetch_1.useFetch)();
+    const [errors, setErrors] = React.useState();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const [currentStep, setCurrentStep] = React.useState();
+    const [repoList, isLoading, error] = (0, useFetchPeriodically_1.useFetchPeriodically)({ endpoint: 'repositories' });
+    const gitRepositories = ((repoList === null || repoList === void 0 ? void 0 : repoList.items) || []).filter((repo) => repo.spec.type === types_1.RepoSpecType.GIT);
+    let body;
+    if (isLoading) {
+        body = (React.createElement(react_core_1.Bullseye, null,
+            React.createElement(react_core_1.Spinner, null)));
+    }
+    else if (error) {
+        body = (React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('An error occurred') }, (0, error_1.getErrorMessage)(error)));
+    }
+    else {
+        const repoInitValues = (0, utils_1.getInitValues)({
+            options: {
+                allowedRepoTypes: [types_1.RepoSpecType.GIT],
+                showRepoTypes: false,
+            },
+        });
+        body = (React.createElement(formik_1.Formik, { initialValues: Object.assign({ useExistingRepo: true, existingRepo: '' }, repoInitValues), validationSchema: validationSchema(t), validateOnMount: true, onSubmit: (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                setErrors(undefined);
+                if (!values.useExistingRepo) {
+                    try {
+                        yield post('repositories', (0, utils_1.getRepository)(values));
+                    }
+                    catch (e) {
+                        setErrors([(0, error_1.getErrorMessage)(e)]);
+                        return;
+                    }
+                }
+                const resourceSyncPromises = values.resourceSyncs.map((rs) => post('resourcesyncs', (0, utils_1.getResourceSync)(values.useExistingRepo ? values.existingRepo : values.name, rs)));
+                const errors = yield (0, utils_1.handlePromises)(resourceSyncPromises);
+                if (errors.length) {
+                    setErrors(errors);
+                    return;
+                }
+                navigate(useNavigate_1.ROUTE.FLEETS);
+            }) }, ({ values, errors: formikErrors }) => (React.createElement(React.Fragment, null,
+            React.createElement(LeaveFormConfirmation_1.default, null),
+            React.createElement(react_core_1.Wizard, { footer: React.createElement(ImportFleetWizardFooter, null), onStepChange: (_, step) => setCurrentStep(step), className: "fctl-import-fleet" },
+                React.createElement(react_core_1.WizardStep, { name: t('Select or create repository'), id: RepositoryStep_1.repositoryStepId }, (!currentStep || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === RepositoryStep_1.repositoryStepId) && (React.createElement(RepositoryStep_1.default, { repositories: gitRepositories, hasLoaded: !!repoList }))),
+                React.createElement(react_core_1.WizardStep, { name: t('Add resource sync'), id: ResourceSyncStep_1.resourceSyncStepId, isDisabled: (!currentStep || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === RepositoryStep_1.repositoryStepId) && !(0, RepositoryStep_1.isRepoStepValid)(values, formikErrors) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === ResourceSyncStep_1.resourceSyncStepId && React.createElement(ResourceSyncStep_1.default, null)),
+                React.createElement(react_core_1.WizardStep, { name: t('Review'), id: ReviewStep_1.reviewStepId, isDisabled: !(0, RepositoryStep_1.isRepoStepValid)(values, formikErrors) || !(0, ResourceSyncStep_1.isResourceSyncStepValid)(formikErrors) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === ReviewStep_1.reviewStepId && React.createElement(ReviewStep_1.default, { errors: errors })))))));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.PageSection, { variant: "light", type: "breadcrumb" },
+            React.createElement(react_core_1.Breadcrumb, null,
+                React.createElement(react_core_1.BreadcrumbItem, null,
+                    React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.FLEETS }, t('Fleets'))),
+                React.createElement(react_core_1.BreadcrumbItem, { isActive: true }, t('Import fleets')))),
+        React.createElement(react_core_1.PageSection, { variant: react_core_1.PageSectionVariants.light },
+            React.createElement(react_core_1.Title, { headingLevel: "h1", size: "3xl" }, t('Import fleets'))),
+        React.createElement(react_core_1.PageSection, { variant: react_core_1.PageSectionVariants.light, type: "wizard" },
+            React.createElement(ErrorBoundary_1.default, null, body))));
+};
+exports.default = ImportFleetWizard;
+//# sourceMappingURL=ImportFleetWizard.js.map

package/dist/src/components/Fleet/ImportFleetWizard/ImportFleetWizard.js.map

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

package/dist/src/components/Fleet/ImportFleetWizard/steps/RepositoryStep.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isRepoStepValid = exports.repositoryStepId = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const react_table_1 = require("@patternfly/react-table");
+const CreateRepositoryForm_1 = require("../../../Repository/CreateRepository/CreateRepositoryForm");
+const RepositoryStatus_1 = tslib_1.__importDefault(require("../../../Status/RepositoryStatus"));
+const repository_1 = require("../../../../utils/status/repository");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const FormSelect_1 = tslib_1.__importDefault(require("../../../form/FormSelect"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+exports.repositoryStepId = 'repository';
+const isRepoStepValid = (values, errors) => {
+    if (values.useExistingRepo) {
+        return !errors.existingRepo;
+    }
+    return (!errors.name &&
+        !errors.url &&
+        !errors.configType &&
+        !errors.httpConfig &&
+        !errors.sshConfig &&
+        !errors.useAdvancedConfig);
+};
+exports.isRepoStepValid = isRepoStepValid;
+const ExistingRepoForm = ({ repositories }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values } = (0, formik_1.useFormikContext)();
+    const currentRepo = repositories.find((r) => r.metadata.name === values.existingRepo);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.FormGroup, { label: t('Repository'), fieldId: "repository" },
+            React.createElement(FormSelect_1.default, { name: "existingRepo", items: repositories.reduce((acc, curr) => {
+                    acc[curr.metadata.name || ''] = curr.metadata.name || '';
+                    return acc;
+                }, {}), placeholderText: t('Select a repository') })),
+        currentRepo && (React.createElement(react_table_1.Table, null,
+            React.createElement(react_table_1.Thead, null,
+                React.createElement(react_table_1.Tr, null,
+                    React.createElement(react_table_1.Th, null, t('URL')),
+                    React.createElement(react_table_1.Th, null, t('Sync status')),
+                    React.createElement(react_table_1.Th, null, t('Last transition')))),
+            React.createElement(react_table_1.Tbody, null,
+                React.createElement(react_table_1.Tr, null,
+                    React.createElement(react_table_1.Td, { dataLabel: t('URL') }, currentRepo.spec.url),
+                    React.createElement(react_table_1.Td, { dataLabel: t('Sync status') },
+                        React.createElement(RepositoryStatus_1.default, { statusInfo: (0, repository_1.getRepositorySyncStatus)(currentRepo) })),
+                    React.createElement(react_table_1.Td, { dataLabel: t('Last transition') }, (0, repository_1.getRepositoryLastTransitionTime)(currentRepo, t).text)))))));
+};
+const RepositoryStep = ({ repositories, hasLoaded }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    const noRepositoriesExist = hasLoaded && repositories.length === 0;
+    React.useEffect(() => {
+        if (values.useExistingRepo && noRepositoriesExist) {
+            void setFieldValue('useExistingRepo', false);
+        }
+    }, [setFieldValue, values.useExistingRepo, noRepositoriesExist]);
+    return (React.createElement(FlightCtlForm_1.default, null,
+        React.createElement(react_core_1.Grid, { span: 8 },
+            React.createElement(react_core_1.FormSection, null,
+                React.createElement(react_core_1.FormGroup, { isInline: true },
+                    React.createElement(react_core_1.Radio, { isChecked: values.useExistingRepo, onChange: () => setFieldValue('useExistingRepo', true, true), id: "existing-repo", name: "repo", label: t('Use an existing Git repository'), isDisabled: noRepositoriesExist }),
+                    React.createElement(react_core_1.Radio, { isChecked: !values.useExistingRepo, onChange: () => setFieldValue('useExistingRepo', false, true), id: "new-repo", name: "repo", label: t('Use a new Git repository') }))),
+            React.createElement(react_core_1.FormSection, null, values.useExistingRepo ? React.createElement(ExistingRepoForm, { repositories: repositories }) : React.createElement(CreateRepositoryForm_1.RepositoryForm, null)))));
+};
+exports.default = RepositoryStep;
+//# sourceMappingURL=RepositoryStep.js.map

package/dist/src/components/Fleet/ImportFleetWizard/steps/RepositoryStep.js.map

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

package/dist/src/components/Fleet/ImportFleetWizard/steps/ResourceSyncStep.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isResourceSyncStepValid = exports.resourceSyncStepId = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+const CreateResourceSyncsForm_1 = tslib_1.__importDefault(require("../../../Repository/CreateRepository/CreateResourceSyncsForm"));
+exports.resourceSyncStepId = 'resource-sync';
+const isResourceSyncStepValid = (errors) => {
+    var _a;
+    if (Array.isArray(errors.resourceSyncs)) {
+        return !((_a = errors.resourceSyncs) === null || _a === void 0 ? void 0 : _a.some((e) => !!e));
+    }
+    return !errors.resourceSyncs;
+};
+exports.isResourceSyncStepValid = isResourceSyncStepValid;
+const ResourceSyncStep = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.TextContent, null,
+                React.createElement(react_core_1.Text, null, t("A resource sync is an automated Gitops way to manage imported fleets. The resource sync monitors changes made to the source repository and update the fleet's configurations accordingly.")))),
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(FlightCtlForm_1.default, null,
+                React.createElement(react_core_1.Grid, { span: 8 },
+                    React.createElement(CreateResourceSyncsForm_1.default, null))))));
+};
+exports.default = ResourceSyncStep;
+//# sourceMappingURL=ResourceSyncStep.js.map

package/dist/src/components/Fleet/ImportFleetWizard/steps/ResourceSyncStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceSyncStep.js","sourceRoot":"","sources":["../../../../../../src/components/Fleet/ImportFleetWizard/steps/ResourceSyncStep.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAmF;AAGnF,qEAAkE;AAClE,wFAA4D;AAC5D,mIAAmG;AAGtF,QAAA,kBAAkB,GAAG,eAAe,CAAC;AAC3C,MAAM,uBAAuB,GAAG,CAAC,MAA2C,EAAE,EAAE;;IACrF,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,OAAO,CAAC,CAAA,MAAA,MAAM,CAAC,aAAa,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC;IACjD,CAAC;IACD,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;AAC/B,CAAC,CAAC;AALW,QAAA,uBAAuB,2BAKlC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACd,oBAAC,sBAAS;YACR,oBAAC,wBAAW;gBACV,oBAAC,iBAAI,QACF,CAAC,CACA,2LAA2L,CAC5L,CACI,CACK,CACJ;QACZ,oBAAC,sBAAS;YACR,oBAAC,uBAAiB;gBAChB,oBAAC,iBAAI,IAAC,IAAI,EAAE,CAAC;oBACX,oBAAC,iCAAuB,OAAG,CACtB,CACW,CACV,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/src/components/Fleet/ImportFleetWizard/steps/ReviewStep.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reviewStepId = void 0;
+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 formik_1 = require("formik");
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+exports.reviewStepId = 'review';
+const ReviewStep = ({ errors }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values } = (0, formik_1.useFormikContext)();
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        React.createElement(react_core_1.StackItem, { isFilled: true },
+            React.createElement(FlightCtlForm_1.default, null,
+                React.createElement(react_core_1.FormGroup, { label: t('Repository') },
+                    React.createElement(react_core_1.TextInput, { value: values.useExistingRepo ? values.existingRepo : values.name, type: "text", "aria-label": t('disabled repository input'), isDisabled: true })),
+                React.createElement(react_core_1.FormGroup, { label: t('Resource syncs') },
+                    React.createElement(react_table_1.Table, null,
+                        React.createElement(react_table_1.Thead, null,
+                            React.createElement(react_table_1.Tr, null,
+                                React.createElement(react_table_1.Th, null, t('Name')),
+                                React.createElement(react_table_1.Th, null, t('Path')),
+                                React.createElement(react_table_1.Th, null, t('Target revision')))),
+                        React.createElement(react_table_1.Tbody, null, values.resourceSyncs.map((rs) => (React.createElement(react_table_1.Tr, { key: rs.name },
+                            React.createElement(react_table_1.Td, null, rs.name),
+                            React.createElement(react_table_1.Td, null, rs.path),
+                            React.createElement(react_table_1.Td, null, rs.targetRevision))))))))),
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: t('Fleets will appear in the fleets table list and their status will be reflecting the resource sync process status. After a few minutes, they should be synced and enabled.') })),
+        (errors === null || errors === void 0 ? void 0 : errors.length) && (React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('An error occurred') }, errors === null || errors === void 0 ? void 0 : errors.map((e, index) => React.createElement("div", { key: index }, e)))))));
+};
+exports.default = ReviewStep;
+//# sourceMappingURL=ReviewStep.js.map

package/dist/src/components/Fleet/ImportFleetWizard/steps/ReviewStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewStep.js","sourceRoot":"","sources":["../../../../../../src/components/Fleet/ImportFleetWizard/steps/ReviewStep.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAuF;AACvF,yDAA0E;AAC1E,mCAA0C;AAG1C,wFAAwD;AAExD,qEAAkE;AAErD,QAAA,YAAY,GAAG,QAAQ,CAAC;AAErC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAyB,EAAE,EAAE;IACvD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAAyB,CAAC;IAC7D,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACd,oBAAC,sBAAS,IAAC,QAAQ;YACjB,oBAAC,uBAAa;gBACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;oBAC/B,oBAAC,sBAAS,IACR,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACjE,IAAI,EAAC,MAAM,gBACC,CAAC,CAAC,2BAA2B,CAAC,EAC1C,UAAU,SACV,CACQ;gBACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC;oBACnC,oBAAC,mBAAK;wBACJ,oBAAC,mBAAK;4BACJ,oBAAC,gBAAE;gCACD,oBAAC,gBAAE,QAAE,CAAC,CAAC,MAAM,CAAC,CAAM;gCACpB,oBAAC,gBAAE,QAAE,CAAC,CAAC,MAAM,CAAC,CAAM;gCACpB,oBAAC,gBAAE,QAAE,CAAC,CAAC,iBAAiB,CAAC,CAAM,CAC5B,CACC;wBACR,oBAAC,mBAAK,QACH,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAChC,oBAAC,gBAAE,IAAC,GAAG,EAAE,EAAE,CAAC,IAAI;4BACd,oBAAC,gBAAE,QAAE,EAAE,CAAC,IAAI,CAAM;4BAClB,oBAAC,gBAAE,QAAE,EAAE,CAAC,IAAI,CAAM;4BAClB,oBAAC,gBAAE,QAAE,EAAE,CAAC,cAAc,CAAM,CACzB,CACN,CAAC,CACI,CACF,CACE,CACE,CACN;QACZ,oBAAC,sBAAS;YACR,oBAAC,kBAAK,IACJ,QAAQ,QACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,CAAC,CACN,2KAA2K,CAC5K,GACD,CACQ;QACX,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,CACjB,oBAAC,sBAAS;YACR,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAC3D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,6BAAK,GAAG,EAAE,KAAK,IAAG,CAAC,CAAO,CAAC,CAChD,CACE,CACb,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/src/components/Fleet/ImportFleetWizard/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/src/components/Fleet/ImportFleetWizard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/Fleet/ImportFleetWizard/types.ts"],"names":[],"mappings":""}

package/dist/src/components/Fleet/ResourceSyncRow.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_table_1 = require("@patternfly/react-table");
+const React = tslib_1.__importStar(require("react"));
+const code_branch_icon_1 = require("@patternfly/react-icons/dist/js/icons/code-branch-icon");
+const ResourceSyncStatus_1 = tslib_1.__importDefault(require("../ResourceSync/ResourceSyncStatus"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const ResourceSyncRow = ({ resourceSync, rowIndex, onRowSelect, isRowSelected, deleteAction, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(react_table_1.Tr, null,
+        React.createElement(react_table_1.Td, { select: {
+                rowIndex,
+                onSelect: onRowSelect(resourceSync),
+                isSelected: isRowSelected(resourceSync),
+            } }),
+        React.createElement(react_table_1.Td, { dataLabel: t('Name') },
+            React.createElement(code_branch_icon_1.CodeBranchIcon, null)),
+        React.createElement(react_table_1.Td, { dataLabel: t('System image') }, "-"),
+        React.createElement(react_table_1.Td, { dataLabel: t('Device selector') }, "-"),
+        React.createElement(react_table_1.Td, { dataLabel: t('Status') },
+            React.createElement(ResourceSyncStatus_1.default, { resourceSync: resourceSync, showLinksOnError: true })),
+        React.createElement(react_table_1.Td, { isActionCell: true },
+            React.createElement(react_table_1.ActionsColumn, { items: [
+                    {
+                        title: t('Edit fleet'),
+                        tooltipProps: t('Fleets managed by a resource sync cannot be edited'),
+                        isAriaDisabled: true,
+                    },
+                    deleteAction({
+                        resourceId: resourceSync.metadata.name || '',
+                    }),
+                ] }))));
+};
+exports.default = ResourceSyncRow;
+//# sourceMappingURL=ResourceSyncRow.js.map

package/dist/src/components/Fleet/ResourceSyncRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceSyncRow.js","sourceRoot":"","sources":["../../../../src/components/Fleet/ResourceSyncRow.tsx"],"names":[],"mappings":";;;AAAA,yDAA0E;AAE1E,qDAA+B;AAC/B,6FAAwF;AAGxF,oGAAoE;AACpE,+DAA4D;AAU5D,MAAM,eAAe,GAAmC,CAAC,EACvD,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,aAAa,EACb,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,gBAAE;QACD,oBAAC,gBAAE,IACD,MAAM,EAAE;gBACN,QAAQ;gBACR,QAAQ,EAAE,WAAW,CAAC,YAAY,CAAC;gBACnC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC;aACxC,GACD;QACF,oBAAC,gBAAE,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACtB,oBAAC,iCAAc,OAAG,CACf;QACL,oBAAC,gBAAE,IAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ;QACxC,oBAAC,gBAAE,IAAC,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,QAAQ;QAC3C,oBAAC,gBAAE,IAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC;YACxB,oBAAC,4BAAkB,IAAC,YAAY,EAAE,YAAY,EAAE,gBAAgB,SAAG,CAChE;QACL,oBAAC,gBAAE,IAAC,YAAY;YACd,oBAAC,2BAAa,IACZ,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;wBACtB,YAAY,EAAE,CAAC,CAAC,oDAAoD,CAAC;wBACrE,cAAc,EAAE,IAAI;qBACrB;oBACD,YAAY,CAAC;wBACX,UAAU,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE;qBAC7C,CAAC;iBACH,GACD,CACC,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/src/components/ListPage/ListPage.js

@@ -0,0 +1,12 @@
+"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 ListPage = ({ title, children }) => {
+    return (React.createElement(react_core_1.PageSection, { variant: react_core_1.PageSectionVariants.light },
+        React.createElement(react_core_1.Title, { headingLevel: "h1", size: "3xl" }, title),
+        children));
+};
+exports.default = ListPage;
+//# sourceMappingURL=ListPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.js","sourceRoot":"","sources":["../../../../src/components/ListPage/ListPage.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,uDAAiF;AAOjF,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,wBAAW,IAAC,OAAO,EAAE,gCAAmB,CAAC,KAAK;QAC7C,oBAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,IAChC,KAAK,CACA;QACP,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/src/components/ListPage/ListPageActions.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeleteListAction = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DeleteModal_1 = tslib_1.__importDefault(require("../modals/DeleteModal/DeleteModal"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useDeleteListAction = ({ resourceType, onDelete }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [deleteResourceId, setDeleteResourceId] = React.useState();
+    const [name, setName] = React.useState();
+    const deleteAction = ({ resourceId, resourceName, disabledReason }) => {
+        const popperProps = disabledReason ? { tooltipProps: { content: disabledReason } } : undefined;
+        return Object.assign(Object.assign({ title: t('Delete {{ resourceType }}', { resourceType }), isAriaDisabled: !!disabledReason }, popperProps), { onClick: () => {
+                setDeleteResourceId(resourceId);
+                setName(resourceName);
+            } });
+    };
+    const onClose = () => {
+        setDeleteResourceId(undefined);
+        setName(undefined);
+    };
+    const deleteModal = deleteResourceId && (React.createElement(DeleteModal_1.default, { resourceType: resourceType, resourceName: name || deleteResourceId, onClose: onClose, onDelete: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            yield onDelete(deleteResourceId);
+            onClose();
+        }) }));
+    return { deleteAction, deleteModal };
+};
+exports.useDeleteListAction = useDeleteListAction;
+//# sourceMappingURL=ListPageActions.js.map

package/dist/src/components/ListPage/ListPageActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPageActions.js","sourceRoot":"","sources":["../../../../src/components/ListPage/ListPageActions.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4FAA4D;AAE5D,+DAA4D;AAYrD,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAyB,EAA0B,EAAE;IAC/G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACzE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACjD,MAAM,YAAY,GAA2C,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE;QAC5G,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/F,qCACE,KAAK,EAAE,CAAC,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,CAAC,EACvD,cAAc,EAAE,CAAC,CAAC,cAAc,IAC7B,WAAW,KACd,OAAO,EAAE,GAAG,EAAE;gBACZ,mBAAmB,CAAC,UAAU,CAAC,CAAC;gBAChC,OAAO,CAAC,YAAY,CAAC,CAAC;YACxB,CAAC,IACD;IACJ,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAC/B,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,gBAAgB,IAAI,CACtC,oBAAC,qBAAW,IACV,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,IAAI,IAAI,gBAAgB,EACtC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAS,EAAE;YACnB,MAAM,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YACjC,OAAO,EAAE,CAAC;QACZ,CAAC,CAAA,GACD,CACH,CAAC;IAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACvC,CAAC,CAAC;AAnCW,QAAA,mBAAmB,uBAmC9B"}

package/dist/src/components/ListPage/ListPageBody.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 react_core_1 = require("@patternfly/react-core");
+const error_1 = require("../../utils/error");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const ErrorBoundary_1 = tslib_1.__importDefault(require("../common/ErrorBoundary"));
+const ListPageBody = ({ error, loading, children }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (error) {
+        return (React.createElement(react_core_1.Alert, { variant: "danger", title: t('An error occurred'), isInline: true }, (0, error_1.getErrorMessage)(error)));
+    }
+    if (loading) {
+        return (React.createElement(react_core_1.Bullseye, null,
+            React.createElement(react_core_1.Spinner, null)));
+    }
+    return React.createElement(ErrorBoundary_1.default, null, children);
+};
+exports.default = ListPageBody;
+//# sourceMappingURL=ListPageBody.js.map

package/dist/src/components/ListPage/ListPageBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPageBody.js","sourceRoot":"","sources":["../../../../src/components/ListPage/ListPageBody.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAkE;AAElE,6CAAoD;AACpD,+DAA4D;AAC5D,oFAAoD;AAQpD,MAAM,YAAY,GAAgC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,oBAAC,kBAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,QAAQ,UAC5D,IAAA,uBAAe,EAAC,KAAK,CAAC,CACjB,CACT,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,oBAAC,qBAAQ;YACP,oBAAC,oBAAO,OAAG,CACF,CACZ,CAAC;IACJ,CAAC;IACD,OAAO,oBAAC,uBAAa,QAAE,QAAQ,CAAiB,CAAC;AACnD,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/ListPage/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/src/components/ListPage/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/ListPage/types.ts"],"names":[],"mappings":""}

package/dist/src/components/NavItem/NavItem.js

@@ -0,0 +1,20 @@
+"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 useAppContext_1 = require("../../hooks/useAppContext");
+const ActiveChildren = ({ isActive, children, setIsActive }) => {
+    React.useEffect(() => {
+        setIsActive(isActive);
+    }, [isActive, setIsActive]);
+    return children;
+};
+const NavItem = ({ to, children }) => {
+    const { router: { NavLink }, } = (0, useAppContext_1.useAppContext)();
+    const [isActive, setIsActive] = React.useState(false);
+    return (React.createElement(react_core_1.NavItem, { id: to, isActive: isActive },
+        React.createElement(NavLink, { to: to }, ({ isActive }) => (React.createElement(ActiveChildren, { setIsActive: setIsActive, isActive: isActive }, children)))));
+};
+exports.default = NavItem;
+//# sourceMappingURL=NavItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/NavItem/NavItem.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,uDAA8D;AAC9D,6DAA0D;AAQ1D,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAC5B,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAOF,MAAM,OAAO,GAA2B,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,GACpB,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACL,oBAAC,oBAAS,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ;QACnC,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,IACZ,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjB,oBAAC,cAAc,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,IACzD,QAAQ,CACM,CAClB,CACO,CACA,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/ApplicationStatusChart.js

@@ -0,0 +1,30 @@
+"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 applications_1 = require("../../../../utils/status/applications");
+const utils_1 = require("./utils");
+const devices_1 = require("../../../../utils/status/devices");
+const DonutChart_1 = tslib_1.__importDefault(require("../../../charts/DonutChart"));
+const utils_2 = require("../../../Status/utils");
+const ApplicationStatusChart = ({ resources, labels, fleets, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, applications_1.getApplicationSummaryStatusItems)(t);
+    const data = resources.reduce((all, curr) => {
+        var _a;
+        const appStatus = ((_a = curr.status) === null || _a === void 0 ? void 0 : _a.applications.summary.status) || types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusUnknown;
+        all[appStatus]++;
+        return all;
+    }, {
+        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusHealthy]: 0,
+        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusDegraded]: 0,
+        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusError]: 0,
+        [types_1.ApplicationsSummaryStatusType.ApplicationsSummaryStatusUnknown]: 0,
+    });
+    const appStatusData = (0, utils_1.toChartData)(data, statusItems, devices_1.FilterSearchParams.AppStatus, labels, fleets);
+    return (React.createElement(DonutChart_1.default, { title: t('Application status'), data: appStatusData, helperText: (0, utils_2.getApplicationStatusHelperText)(t) }));
+};
+exports.default = ApplicationStatusChart;
+//# sourceMappingURL=ApplicationStatusChart.js.map

package/dist/src/components/OverviewPage/Cards/Status/ApplicationStatusChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/ApplicationStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,4CAAyE;AACzE,qEAAkE;AAClE,wEAAyF;AACzF,mCAAiD;AACjD,8DAAsE;AACtE,oFAAoD;AACpD,iDAAuE;AAKvE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,+CAAgC,EAAC,CAAC,CAAC,CAAC;IAExD,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAC3B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;;QACZ,MAAM,SAAS,GACb,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,YAAY,CAAC,OAAO,CAAC,MAAM,KAAI,qCAA6B,CAAC,gCAAgC,CAAC;QAC7G,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;QACjB,OAAO,GAAG,CAAC;IACb,CAAC,EACD;QACE,CAAC,qCAA6B,CAAC,gCAAgC,CAAC,EAAE,CAAC;QACnE,CAAC,qCAA6B,CAAC,iCAAiC,CAAC,EAAE,CAAC;QACpE,CAAC,qCAA6B,CAAC,8BAA8B,CAAC,EAAE,CAAC;QACjE,CAAC,qCAA6B,CAAC,gCAAgC,CAAC,EAAE,CAAC;KACpE,CACF,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,WAAW,EAAE,4BAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEnG,OAAO,CACL,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAA,sCAA8B,EAAC,CAAC,CAAC,GAAI,CACnH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/DeviceStatusChart.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DonutChart_1 = tslib_1.__importDefault(require("../../../charts/DonutChart"));
+const types_1 = require("@flightctl/types");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const devices_1 = require("../../../../utils/status/devices");
+const utils_1 = require("./utils");
+const devices_2 = require("../../../../utils/status/devices");
+const utils_2 = require("../../../Status/utils");
+const DeviceStatusChart = ({ resources, labels, fleets, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const statusItems = (0, devices_1.getDeviceStatusItems)(t);
+    const data = resources.reduce((all, curr) => {
+        var _a;
+        const devStatus = ((_a = curr.status) === null || _a === void 0 ? void 0 : _a.summary.status) || types_1.DeviceSummaryStatusType.DeviceSummaryStatusUnknown;
+        all[devStatus]++;
+        return all;
+    }, {
+        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusOnline]: 0,
+        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusDegraded]: 0,
+        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusError]: 0,
+        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusRebooting]: 0,
+        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusPoweredOff]: 0,
+        [types_1.DeviceSummaryStatusType.DeviceSummaryStatusUnknown]: 0,
+    });
+    const devStatusData = (0, utils_1.toChartData)(data, statusItems, devices_2.FilterSearchParams.DeviceStatus, labels, fleets);
+    return React.createElement(DonutChart_1.default, { title: t('Device status'), data: devStatusData, helperText: (0, utils_2.getDeviceStatusHelperText)(t) });
+};
+exports.default = DeviceStatusChart;
+//# sourceMappingURL=DeviceStatusChart.js.map

package/dist/src/components/OverviewPage/Cards/Status/DeviceStatusChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStatusChart.js","sourceRoot":"","sources":["../../../../../../src/components/OverviewPage/Cards/Status/DeviceStatusChart.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,oFAAoD;AACpD,4CAAmE;AACnE,qEAAkE;AAClE,8DAAwE;AACxE,mCAAiD;AACjD,8DAAsE;AACtE,iDAAkE;AAMlE,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,MAAM,EACN,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,8BAAoB,EAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAC3B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;;QACZ,MAAM,SAAS,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,MAAM,KAAI,+BAAuB,CAAC,0BAA0B,CAAC;QACpG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;QACjB,OAAO,GAAG,CAAC;IACb,CAAC,EACD;QACE,CAAC,+BAAuB,CAAC,yBAAyB,CAAC,EAAE,CAAC;QACtD,CAAC,+BAAuB,CAAC,2BAA2B,CAAC,EAAE,CAAC;QACxD,CAAC,+BAAuB,CAAC,wBAAwB,CAAC,EAAE,CAAC;QACrD,CAAC,+BAAuB,CAAC,4BAA4B,CAAC,EAAE,CAAC;QACzD,CAAC,+BAAuB,CAAC,6BAA6B,CAAC,EAAE,CAAC;QAC1D,CAAC,+BAAuB,CAAC,0BAA0B,CAAC,EAAE,CAAC;KACrC,CACrB,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,WAAW,EAAE,4BAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtG,OAAO,oBAAC,oBAAU,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAA,iCAAyB,EAAC,CAAC,CAAC,GAAI,CAAC;AAClH,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/src/components/OverviewPage/Cards/Status/StatusCard.js

@@ -0,0 +1,61 @@
+"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 useTranslation_1 = require("../../../../hooks/useTranslation");
+const ApplicationStatusChart_1 = tslib_1.__importDefault(require("./ApplicationStatusChart"));
+const DeviceStatusChart_1 = tslib_1.__importDefault(require("./DeviceStatusChart"));
+const SystemUpdateStatusChart_1 = tslib_1.__importDefault(require("./SystemUpdateStatusChart"));
+const useFetchPeriodically_1 = require("../../../../hooks/useFetchPeriodically");
+const useDeviceLikeResources_1 = require("../../../Device/DeviceList/useDeviceLikeResources");
+const StatusCardFilters_1 = tslib_1.__importDefault(require("./StatusCardFilters"));
+const ErrorAlert_1 = tslib_1.__importDefault(require("../../../ErrorAlert/ErrorAlert"));
+const StatusCard = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [fleets, setFleets] = React.useState([]);
+    const [labels, setLabels] = React.useState([]);
+    const [devicesEndpoint, isDebounced] = (0, useDeviceLikeResources_1.useDevicesEndpoint)({
+        ownerFleets: fleets,
+        labels,
+    });
+    const [devicesList, loading, error, , isUpdating] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: devicesEndpoint,
+    });
+    const [fleetsList, flLoading, flError] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: 'fleets',
+    });
+    const devices = (devicesList === null || devicesList === void 0 ? void 0 : devicesList.items) || [];
+    let content;
+    if (loading || flLoading) {
+        content = (React.createElement(react_core_1.Bullseye, null,
+            React.createElement(react_core_1.Spinner, null)));
+    }
+    else if (error || flError) {
+        content = React.createElement(ErrorAlert_1.default, { error: error || flError });
+    }
+    else {
+        content = (React.createElement(react_core_1.Stack, null,
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.TextContent, null,
+                    React.createElement(react_core_1.Text, { component: react_core_1.TextVariants.small }, t('{{count}} Devices', { count: devices.length || 0 })))),
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Flex, { justifyContent: { default: 'justifyContentSpaceAround' } },
+                    React.createElement(react_core_1.FlexItem, null,
+                        React.createElement(ApplicationStatusChart_1.default, { resources: devices, labels: labels, fleets: fleets })),
+                    React.createElement(react_core_1.FlexItem, null,
+                        React.createElement(DeviceStatusChart_1.default, { resources: devices, labels: labels, fleets: fleets })),
+                    React.createElement(react_core_1.FlexItem, null,
+                        React.createElement(SystemUpdateStatusChart_1.default, { resources: devices, labels: labels, fleets: fleets }))))));
+    }
+    return (React.createElement(react_core_1.Card, null,
+        React.createElement(react_core_1.CardHeader, null,
+            React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' } },
+                React.createElement(react_core_1.FlexItem, null,
+                    React.createElement(react_core_1.CardTitle, null, t('Status'))),
+                React.createElement(react_core_1.FlexItem, null,
+                    React.createElement(StatusCardFilters_1.default, { devices: devices, fleets: (fleetsList === null || fleetsList === void 0 ? void 0 : fleetsList.items) || [], selectedFleets: fleets, setSelectedFleets: setFleets, selectedLabels: labels, setSelectedLabels: setLabels, isFilterUpdating: isUpdating || isDebounced })))),
+        React.createElement(react_core_1.CardBody, null, content)));
+};
+exports.default = StatusCard;
+//# sourceMappingURL=StatusCard.js.map

package/dist/src/components/OverviewPage/Cards/Status/StatusCard.js.map

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