@flightctl/ui-components 1.0.2 → 1.1.0-rc1

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsTab.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ImageBuildWithExports } from '../../../types/extraTypes';
+declare const ImageBuildDetailsTab: ({ imageBuild }: {
+    imageBuild: ImageBuildWithExports;
+}) => React.JSX.Element;
+export default ImageBuildDetailsTab;
+//# sourceMappingURL=ImageBuildDetailsTab.d.ts.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBuildDetailsTab.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAKlE,QAAA,MAAM,oBAAoB;gBAAkC,qBAAqB;uBAgLhF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsTab.js

@@ -0,0 +1,124 @@
+"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_i18next_1 = require("react-i18next");
+const info_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/info-circle-icon");
+const imagebuilder_1 = require("@flightctl/types/imagebuilder");
+const dates_1 = require("../../../utils/dates");
+const imageBuilds_1 = require("../../../utils/imageBuilds");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const FlightCtlDescriptionList_1 = tslib_1.__importDefault(require("../../common/FlightCtlDescriptionList"));
+const DetailsPageCard_1 = tslib_1.__importDefault(require("../../DetailsPage/DetailsPageCard"));
+const constants_1 = require("../../../constants");
+const OciRegistriesContext_1 = require("../OciRegistriesContext");
+const ImageBuildAndExportStatus_1 = require("../ImageBuildAndExportStatus");
+const ImageUrl_1 = tslib_1.__importDefault(require("../ImageUrl"));
+const ImageBuildDetailsTab = ({ imageBuild }) => {
+    var _a;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const srcRepositoryName = imageBuild.spec.source.repository;
+    const dstRepositoryName = imageBuild.spec.destination.repository;
+    const { ociRegistries } = (0, OciRegistriesContext_1.useOciRegistriesContext)();
+    const isEarlyBinding = imageBuild.spec.binding.type === imagebuilder_1.BindingType.BindingTypeEarly;
+    const hasExports = imageBuild.exportsCount > 0;
+    const existingImageExports = imageBuild.imageExports.filter((imageExport) => imageExport !== undefined);
+    const srcImageReference = React.useMemo(() => {
+        return (0, imageBuilds_1.getImageReference)(ociRegistries, imageBuild.spec.source) || '';
+    }, [ociRegistries, imageBuild.spec.source]);
+    const dstImageReference = React.useMemo(() => {
+        return (0, imageBuilds_1.getImageReference)(ociRegistries, imageBuild.spec.destination) || '';
+    }, [ociRegistries, imageBuild.spec.destination]);
+    const remoteAccessUsername = ((_a = imageBuild.spec.userConfiguration) === null || _a === void 0 ? void 0 : _a.username) || '';
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Grid, { hasGutter: true },
+                React.createElement(react_core_1.GridItem, { span: 6 },
+                    React.createElement(DetailsPageCard_1.default, null,
+                        React.createElement(react_core_1.CardTitle, null, t('Build information')),
+                        React.createElement(react_core_1.CardBody, null,
+                            React.createElement(FlightCtlDescriptionList_1.default, { isCompact: true, isHorizontal: true },
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Build status')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null,
+                                        React.createElement(ImageBuildAndExportStatus_1.ImageBuildStatusDisplay, { buildStatus: imageBuild.status }))),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Created')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, (0, dates_1.getDateDisplay)(imageBuild.metadata.creationTimestamp))))))),
+                React.createElement(react_core_1.GridItem, { span: 6 },
+                    React.createElement(DetailsPageCard_1.default, null,
+                        React.createElement(react_core_1.CardTitle, null, t('Registration')),
+                        React.createElement(react_core_1.CardBody, null,
+                            React.createElement(FlightCtlDescriptionList_1.default, { isHorizontal: true, isCompact: true },
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Binding type')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, isEarlyBinding ? t('Early binding') : t('Late binding'))),
+                                isEarlyBinding ? (React.createElement(React.Fragment, null,
+                                    React.createElement(react_core_1.DescriptionListGroup, null,
+                                        React.createElement(react_core_1.DescriptionListTerm, null, t('Enrollment')),
+                                        React.createElement(react_core_1.DescriptionListDescription, null, t('Auto-create certificate'))),
+                                    React.createElement(react_core_1.DescriptionListGroup, null,
+                                        React.createElement(react_core_1.DescriptionListTerm, null, t('Registration')),
+                                        React.createElement(react_core_1.DescriptionListDescription, null, t('{{ validityPeriod }} years (Standard)', {
+                                            validityPeriod: constants_1.CERTIFICATE_VALIDITY_IN_YEARS,
+                                            count: constants_1.CERTIFICATE_VALIDITY_IN_YEARS,
+                                        }))))) : (React.createElement(React.Fragment, null,
+                                    React.createElement(react_core_1.DescriptionListGroup, null,
+                                        React.createElement(react_core_1.DescriptionListTerm, null, t('Registration')),
+                                        React.createElement(react_core_1.DescriptionListDescription, null,
+                                            React.createElement(react_core_1.Flex, null,
+                                                React.createElement(react_core_1.FlexItem, null,
+                                                    React.createElement(react_core_1.Icon, { status: "info", size: "sm" },
+                                                        React.createElement(info_circle_icon_1.InfoCircleIcon, null))),
+                                                React.createElement(react_core_1.FlexItem, null, t('Cloud-init and ignition are enabled automatically'))))))),
+                                remoteAccessUsername && (React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Remote access')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null,
+                                        React.createElement(react_i18next_1.Trans, { t: t },
+                                            "Enabled for ",
+                                            React.createElement("strong", null, remoteAccessUsername))))))))),
+                React.createElement(react_core_1.GridItem, { span: 6 },
+                    React.createElement(DetailsPageCard_1.default, null,
+                        React.createElement(react_core_1.CardTitle, null, t('Source image')),
+                        React.createElement(react_core_1.CardBody, null,
+                            React.createElement(FlightCtlDescriptionList_1.default, { isCompact: true, isHorizontal: true },
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Source repository')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, srcRepositoryName)),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Image name')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, imageBuild.spec.source.imageName)),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Image tag')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, imageBuild.spec.source.imageTag)),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Image reference URL')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null,
+                                        React.createElement(ImageUrl_1.default, { imageReference: srcImageReference }))))))),
+                React.createElement(react_core_1.GridItem, { span: 6 },
+                    React.createElement(DetailsPageCard_1.default, null,
+                        React.createElement(react_core_1.CardTitle, null, t('Image output')),
+                        React.createElement(react_core_1.CardBody, null,
+                            React.createElement(FlightCtlDescriptionList_1.default, { isCompact: true, isHorizontal: true },
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Target repository')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, dstRepositoryName)),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Image output name')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, imageBuild.spec.destination.imageName)),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Image output tag')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, imageBuild.spec.destination.imageTag)),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Image reference URL')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null,
+                                        React.createElement(ImageUrl_1.default, { imageReference: dstImageReference }))),
+                                React.createElement(react_core_1.DescriptionListGroup, null,
+                                    React.createElement(react_core_1.DescriptionListTerm, null, t('Export formats')),
+                                    React.createElement(react_core_1.DescriptionListDescription, null, hasExports
+                                        ? existingImageExports.map((imageExport) => (React.createElement(react_core_1.Label, { key: imageExport.spec.format, color: "blue", className: "pf-v6-u-mr-sm" }, (0, imageBuilds_1.getExportFormatLabel)(t, imageExport.spec.format))))
+                                        : t('None')))))))))));
+};
+exports.default = ImageBuildDetailsTab;
+//# sourceMappingURL=ImageBuildDetailsTab.js.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsTab.js.map

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

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ImageBuildWithExports } from '../../../types/extraTypes';
+type ImageBuildExportsGalleryProps = {
+    imageBuild: ImageBuildWithExports;
+    refetch: VoidFunction;
+};
+declare const ImageBuildExportsGallery: ({ imageBuild, refetch }: ImageBuildExportsGalleryProps) => React.JSX.Element;
+export default ImageBuildExportsGallery;
+//# sourceMappingURL=ImageBuildExportsGallery.d.ts.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBuildExportsGallery.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,wBAAwB,4BAA6B,6BAA6B,sBA8FvF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.js

@@ -0,0 +1,97 @@
+"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 file_saver_1 = require("file-saver");
+const useFetch_1 = require("../../../hooks/useFetch");
+const error_1 = require("../../../utils/error");
+const utils_1 = require("../CreateImageBuildWizard/utils");
+const ImageExportCards_1 = require("../ImageExportCards");
+const OciRegistriesContext_1 = require("../OciRegistriesContext");
+const time_1 = require("../../../utils/time");
+const imageBuilds_1 = require("../../../utils/imageBuilds");
+const REFRESH_IMAGE_BUILD_DELAY = 450;
+// Delay to keep loading state while browser processes redirect
+const DOWNLOAD_REDIRECT_DELAY = 1000;
+const createDownloadLink = (url) => {
+    const link = document.createElement('a');
+    link.href = url;
+    link.style.display = 'none';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+};
+const ImageBuildExportsGallery = ({ imageBuild, refetch }) => {
+    const { post, proxyFetch } = (0, useFetch_1.useFetch)();
+    const [error, setError] = React.useState();
+    const { ociRegistries } = (0, OciRegistriesContext_1.useOciRegistriesContext)();
+    const [exportingFormat, setExportingFormat] = React.useState();
+    const [downloadingFormat, setDownloadingFormat] = React.useState();
+    const imageBuildId = imageBuild.metadata.name;
+    const handleExportImage = (format) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        setExportingFormat(format);
+        setError(undefined);
+        try {
+            const imageExport = (0, utils_1.getImageExportResource)(imageBuildId, format);
+            yield post('imageexports', imageExport);
+            // The "Export image" button wouldn't be seen as spinning without this delay.
+            yield (0, time_1.showSpinnerBriefly)(REFRESH_IMAGE_BUILD_DELAY);
+            refetch();
+        }
+        catch (error) {
+            // If process failed, it was likely very fast, so we also add the delay in this case.
+            yield (0, time_1.showSpinnerBriefly)(REFRESH_IMAGE_BUILD_DELAY);
+            setError({ format, message: (0, error_1.getErrorMessage)(error), mode: 'export' });
+        }
+        finally {
+            setExportingFormat(undefined);
+        }
+    });
+    const handleDownload = (format) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const imageExport = imageBuild.imageExports.find((ie) => (ie === null || ie === void 0 ? void 0 : ie.spec.format) === format);
+        if (!imageExport) {
+            return;
+        }
+        setDownloadingFormat(format);
+        try {
+            const ieName = imageExport.metadata.name;
+            const downloadEndpoint = `imagebuilder/api/v1/imageexports/${ieName}/download`;
+            const response = yield proxyFetch(downloadEndpoint, {
+                method: 'GET',
+                credentials: 'include',
+                redirect: 'manual', // Prevent automatic redirect following to avoid CORS issues
+            });
+            const downloadResult = yield (0, imageBuilds_1.getExportDownloadResult)(response);
+            if (downloadResult === null) {
+                yield (0, time_1.showSpinnerBriefly)(DOWNLOAD_REDIRECT_DELAY);
+                throw new Error(`Download failed: ${response.status} ${response.statusText}`);
+            }
+            else if (downloadResult.type === 'redirect') {
+                createDownloadLink(downloadResult.url);
+                yield (0, time_1.showSpinnerBriefly)(DOWNLOAD_REDIRECT_DELAY);
+            }
+            else {
+                const defaultFilename = `image-export-${ieName}.${format}`;
+                (0, file_saver_1.saveAs)(downloadResult.blob, downloadResult.filename || defaultFilename);
+            }
+        }
+        catch (err) {
+            setError({ format, message: (0, error_1.getErrorMessage)(err), mode: 'download' });
+        }
+        finally {
+            setDownloadingFormat(undefined);
+        }
+    });
+    return (React.createElement(react_core_1.Gallery, { hasGutter: true, minWidths: { default: '350px' } }, (0, imageBuilds_1.getAllExportFormats)().map((format) => {
+        const imageExport = imageBuild.imageExports.find((imageExport) => (imageExport === null || imageExport === void 0 ? void 0 : imageExport.spec.format) === format);
+        const isDisabled = exportingFormat && exportingFormat !== format;
+        // We can only link to the generic destination for the image build.
+        // The individual export artifacts are references to this generic output image.
+        const imageReference = (0, imageBuilds_1.getImageReference)(ociRegistries, imageBuild.spec.destination);
+        const hasError = (error === null || error === void 0 ? void 0 : error.format) === format;
+        return (React.createElement(ImageExportCards_1.ViewImageBuildExportCard, { imageBuildId: imageBuildId, key: format, imageReference: imageReference, format: format, error: hasError ? error : null, imageExport: imageExport, isCreating: exportingFormat === format, isDownloading: downloadingFormat === format, isDisabled: isDisabled, onDismissError: () => setError(undefined), onExportImage: handleExportImage, onDownload: handleDownload }));
+    })));
+};
+exports.default = ImageBuildExportsGallery;
+//# sourceMappingURL=ImageBuildExportsGallery.js.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.js.map

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

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildLogsTab.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ImageBuildWithExports } from '../../../types/extraTypes';
+declare const ImageBuildLogsTab: ({ imageBuild }: {
+    imageBuild: ImageBuildWithExports;
+}) => React.JSX.Element;
+export default ImageBuildLogsTab;
+//# sourceMappingURL=ImageBuildLogsTab.d.ts.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildLogsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBuildLogsTab.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildLogsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAqDlE,QAAA,MAAM,iBAAiB;gBAAkC,qBAAqB;uBAyL7E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildLogsTab.js

@@ -0,0 +1,141 @@
+"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 imagebuilder_1 = require("@flightctl/types/imagebuilder");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const imageBuilds_1 = require("../../../utils/imageBuilds");
+const useImageBuildLogs_1 = require("../useImageBuildLogs");
+const StatusDisplay_1 = require("../../Status/StatusDisplay");
+const getExportFormatText = (t, format) => {
+    switch (format) {
+        case imagebuilder_1.ExportFormatType.ExportFormatTypeVMDK:
+            return t('Virtualization (VMDK)');
+        case imagebuilder_1.ExportFormatType.ExportFormatTypeQCOW2:
+            return t('OpenStack/KVM (QCOW2)');
+        case imagebuilder_1.ExportFormatType.ExportFormatTypeQCOW2DiskContainer:
+            return t('OpenShift Virtualization (QCOW2)');
+        case imagebuilder_1.ExportFormatType.ExportFormatTypeISO:
+            return t('Metal installer (ISO)');
+    }
+};
+const ImageBuildAndExportLogStatus = ({ status, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    let label;
+    let level;
+    if (status === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonCompleted) {
+        level = 'success';
+        label = t('Completed');
+    }
+    else if (status === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonFailed) {
+        level = 'danger';
+        label = t('Failed');
+    }
+    else if (status === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonCanceling ||
+        status === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonCanceled) {
+        level = 'warning';
+        label = t('Canceled');
+    }
+    else {
+        level = 'info';
+        label = t('In progress');
+    }
+    return React.createElement(StatusDisplay_1.StatusDisplayContent, { label: label, level: level });
+};
+const ImageBuildLogsTab = ({ imageBuild }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isLogSelectOpen, setIsLogSelectOpen] = React.useState(false);
+    const logsRef = React.useRef(null);
+    const { selectableEntities, hasExports } = React.useMemo(() => {
+        const entities = [];
+        const buildName = imageBuild.metadata.name;
+        const buildReason = (0, imageBuilds_1.getImageBuildStatusReason)(imageBuild);
+        entities.push({
+            type: useImageBuildLogs_1.LogResourceType.BUILD,
+            id: buildName,
+            label: buildName,
+            isActive: (0, imageBuilds_1.isImageBuildActiveReason)(buildReason),
+            status: buildReason,
+        });
+        // ImageExports can only exist once the ImageBuild is complete
+        if (buildReason !== imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonCompleted) {
+            return { selectableEntities: entities, availableExportFormats: [], failedExportsCount: 0 };
+        }
+        let hasExports = false;
+        imageBuild.imageExports.forEach((ie) => {
+            const format = ie === null || ie === void 0 ? void 0 : ie.spec.format;
+            if (format) {
+                const exportReason = (0, imageBuilds_1.getImageExportStatusReason)(ie);
+                hasExports = true;
+                entities.push({
+                    type: useImageBuildLogs_1.LogResourceType.EXPORT,
+                    id: ie.metadata.name,
+                    label: getExportFormatText(t, format),
+                    isActive: (0, imageBuilds_1.isImageExportActiveReason)(exportReason),
+                    status: exportReason,
+                });
+            }
+        });
+        return {
+            selectableEntities: entities,
+            hasExports,
+        };
+    }, [imageBuild, t]);
+    const [selectedEntityId, setSelectedEntityId] = React.useState(imageBuild.metadata.name);
+    const selectedEntity = selectableEntities.find((entity) => entity.id === selectedEntityId) || selectableEntities[0];
+    const { logs, isLoading, error, isStreaming } = (0, useImageBuildLogs_1.useImageBuildLogs)(selectedEntity.id, selectedEntity.type, selectedEntity.isActive);
+    const onLogSourceSelected = React.useCallback((_event, value) => {
+        if (value) {
+            setSelectedEntityId(value);
+        }
+        setIsLogSelectOpen(false);
+    }, []);
+    React.useEffect(() => {
+        // For live logs (when they are streaming), we auto-scroll to the bottom.
+        // For completed logs, we show the logs with scroll at the top
+        if (logsRef.current && logs && isStreaming) {
+            logsRef.current.scrollTop = logsRef.current.scrollHeight;
+        }
+    }, [logs, isStreaming]);
+    if (isLoading) {
+        return (React.createElement(react_core_1.Card, null,
+            React.createElement(react_core_1.CardBody, null,
+                React.createElement(react_core_1.Bullseye, null,
+                    React.createElement(react_core_1.Spinner, { size: "xl" })))));
+    }
+    if (error) {
+        return (React.createElement(react_core_1.Card, null,
+            React.createElement(react_core_1.CardBody, null,
+                React.createElement(react_core_1.Alert, { variant: "danger", title: t('Failed to load logs') }, error.message))));
+    }
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Alert, { variant: "info", title: t('For built and failed export tasks, only the last 500 lines are available.') })),
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Toolbar, null,
+                React.createElement(react_core_1.ToolbarContent, null,
+                    React.createElement(react_core_1.ToolbarGroup, { align: { default: 'alignStart' } },
+                        React.createElement(react_core_1.ToolbarItem, null,
+                            React.createElement(react_core_1.Select, { toggle: (toggleRef) => (React.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: () => setIsLogSelectOpen(!isLogSelectOpen), isExpanded: isLogSelectOpen }, selectedEntity.label)), shouldFocusToggleOnSelect: true, onSelect: onLogSourceSelected, selected: selectedEntityId, isOpen: isLogSelectOpen, onOpenChange: (isOpen) => setIsLogSelectOpen(isOpen) },
+                                React.createElement(react_core_1.MenuContent, null,
+                                    React.createElement(react_core_1.MenuGroup, { label: t('Image build'), labelHeadingLevel: "h3" },
+                                        React.createElement(react_core_1.MenuList, null, selectableEntities
+                                            .filter((entity) => entity.type === useImageBuildLogs_1.LogResourceType.BUILD)
+                                            .map((entity) => (React.createElement(react_core_1.MenuItem, { key: entity.id, itemId: entity.id, isSelected: selectedEntityId === entity.id, description: entity.id }, entity.label))))),
+                                    React.createElement(react_core_1.Divider, null),
+                                    React.createElement(react_core_1.MenuGroup, { label: t('Export image'), labelHeadingLevel: "h3" },
+                                        React.createElement(react_core_1.MenuList, null,
+                                            selectableEntities
+                                                .filter((entity) => entity.type === useImageBuildLogs_1.LogResourceType.EXPORT)
+                                                .map((entity) => (React.createElement(react_core_1.MenuItem, { key: entity.id, itemId: entity.id, isSelected: selectedEntityId === entity.id, description: entity.id }, entity.label))),
+                                            !hasExports && (React.createElement(react_core_1.MenuItem, { key: "all", itemId: "all", isSelected: selectedEntityId === 'all', isDisabled: true }, t('Export tasks logs are only available after the image build is completed'))))))))),
+                    React.createElement(react_core_1.ToolbarGroup, { align: { default: 'alignEnd' } },
+                        React.createElement(react_core_1.ToolbarItem, null,
+                            React.createElement(ImageBuildAndExportLogStatus, { status: selectedEntity.status })))))),
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Divider, null),
+            React.createElement(react_core_1.TextArea, { "aria-label": t('Image build logs'), style: { height: '70vh' }, ref: logsRef, value: logs || '', readOnly: true, resizeOrientation: "vertical" }))));
+};
+exports.default = ImageBuildLogsTab;
+//# sourceMappingURL=ImageBuildLogsTab.js.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildLogsTab.js.map

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

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildYaml.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ImageBuildWithExports } from '../../../types/extraTypes';
+declare const ImageBuildYaml: ({ imageBuild, refetch }: {
+    imageBuild: ImageBuildWithExports;
+    refetch: VoidFunction;
+}) => React.JSX.Element;
+export default ImageBuildYaml;
+//# sourceMappingURL=ImageBuildYaml.d.ts.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildYaml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBuildYaml.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildYaml.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIlE,QAAA,MAAM,cAAc;gBAA2C,qBAAqB;aAAW,YAAY;uBAU1G,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildYaml.js

@@ -0,0 +1,15 @@
+"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 YamlEditor_1 = tslib_1.__importDefault(require("../../common/CodeEditor/YamlEditor"));
+// In the YAML editor, we must have the raw ImageBuild object
+// For that reason, we must remove the fields we add to "ImageBuildWithExports"
+const ImageBuildYaml = ({ imageBuild, refetch }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const rawImageBuild = Object.assign(Object.assign({}, imageBuild), { imageExports: undefined, exportsCount: undefined });
+    return (React.createElement(YamlEditor_1.default, { apiObj: rawImageBuild, refetch: refetch, disabledEditReason: t('Image builds cannot be edited. Use Retry to create a new image build based on this one.') }));
+};
+exports.default = ImageBuildYaml;
+//# sourceMappingURL=ImageBuildYaml.js.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildYaml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBuildYaml.js","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildYaml.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,kEAA+D;AAC/D,4FAA4D;AAG5D,6DAA6D;AAC7D,+EAA+E;AAC/E,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAgE,EAAE,EAAE;IAC/G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,gCAAK,UAAU,KAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,GAAgB,CAAC;IACxG,OAAO,CACL,oBAAC,oBAAU,IACT,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,CAAC,CAAC,yFAAyF,CAAC,GAChH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildRow.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { OnSelect } from '@patternfly/react-table';
+import { ImageBuild } from '@flightctl/types/imagebuilder';
+import { ImageBuildWithExports } from '../../types/extraTypes';
+type ImageBuildRowProps = {
+    imageBuild: ImageBuildWithExports;
+    rowIndex: number;
+    onRowSelect: (imageBuild: ImageBuild) => OnSelect;
+    isRowSelected: (imageBuild: ImageBuild) => boolean;
+    canDelete: boolean;
+    onDeleteClick: VoidFunction;
+    refetch: VoidFunction;
+};
+declare const ImageBuildRow: ({ imageBuild, rowIndex, onRowSelect, isRowSelected, onDeleteClick, canDelete, refetch, }: ImageBuildRowProps) => React.JSX.Element;
+export default ImageBuildRow;
+//# sourceMappingURL=ImageBuildRow.d.ts.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBuildRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/ImageBuilds/ImageBuildRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgD,QAAQ,EAAiB,MAAM,yBAAyB,CAAC;AAGhH,OAAO,EAAE,UAAU,EAA6B,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAS/D,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,QAAQ,CAAC;IAClD,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,aAAa,6FAQhB,kBAAkB,sBAmHpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildRow.js

@@ -0,0 +1,88 @@
+"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 exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const imagebuilder_1 = require("@flightctl/types/imagebuilder");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useNavigate_1 = require("../../hooks/useNavigate");
+const imageBuilds_1 = require("../../utils/imageBuilds");
+const dates_1 = require("../../utils/dates");
+const ResourceLink_1 = tslib_1.__importDefault(require("../common/ResourceLink"));
+const ImageBuildExportsGallery_1 = tslib_1.__importDefault(require("./ImageBuildDetails/ImageBuildExportsGallery"));
+const ImageBuildAndExportStatus_1 = require("./ImageBuildAndExportStatus");
+const ImageBuildRow = ({ imageBuild, rowIndex, onRowSelect, isRowSelected, onDeleteClick, canDelete, refetch, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const imageBuildName = imageBuild.metadata.name || '';
+    const buildReason = (0, imageBuilds_1.getImageBuildStatusReason)(imageBuild);
+    const actions = [
+        {
+            title: t('View details'),
+            onClick: () => {
+                navigate({ route: useNavigate_1.ROUTE.IMAGE_BUILD_DETAILS, postfix: imageBuildName });
+            },
+        },
+    ];
+    actions.push({
+        title: buildReason === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonFailed ? t('Retry') : t('Duplicate'),
+        onClick: () => {
+            navigate({ route: useNavigate_1.ROUTE.IMAGE_BUILD_EDIT, postfix: imageBuildName });
+        },
+    });
+    if (canDelete) {
+        actions.push({
+            title: t('Delete image build'),
+            onClick: onDeleteClick,
+        });
+    }
+    const sourceImage = (0, imageBuilds_1.getImageBuildImage)(imageBuild.spec.source);
+    const destinationImage = (0, imageBuilds_1.getImageBuildImage)(imageBuild.spec.destination);
+    return (React.createElement(react_table_1.Tbody, { isExpanded: isExpanded },
+        React.createElement(react_table_1.Tr, { isContentExpanded: isExpanded },
+            React.createElement(react_table_1.Td, { select: {
+                    rowIndex,
+                    onSelect: onRowSelect(imageBuild),
+                    isSelected: isRowSelected(imageBuild),
+                } }),
+            React.createElement(react_table_1.Td, { expand: {
+                    rowIndex,
+                    isExpanded,
+                    onToggle: () => setIsExpanded(!isExpanded),
+                } }),
+            React.createElement(react_table_1.Td, { dataLabel: t('Name') },
+                React.createElement(ResourceLink_1.default, { id: imageBuildName, routeLink: useNavigate_1.ROUTE.IMAGE_BUILD_DETAILS })),
+            React.createElement(react_table_1.Td, { dataLabel: t('Base image') }, sourceImage),
+            React.createElement(react_table_1.Td, { dataLabel: t('Image output') }, destinationImage),
+            React.createElement(react_table_1.Td, { dataLabel: t('Status') },
+                React.createElement(ImageBuildAndExportStatus_1.ImageBuildStatusDisplay, { buildStatus: imageBuild.status })),
+            React.createElement(react_table_1.Td, { dataLabel: t('Export images') }, `${imageBuild.exportsCount || 0}`),
+            React.createElement(react_table_1.Td, { dataLabel: t('Date') }, (0, dates_1.getDateDisplay)(imageBuild.metadata.creationTimestamp)),
+            React.createElement(react_table_1.Td, { isActionCell: true },
+                React.createElement(react_table_1.ActionsColumn, { items: actions }))),
+        React.createElement(react_table_1.Tr, { isExpanded: isExpanded },
+            React.createElement(react_table_1.Td, { colSpan: 9 },
+                React.createElement(react_table_1.ExpandableRowContent, null,
+                    React.createElement(react_core_1.Stack, { hasGutter: true },
+                        React.createElement(react_core_1.StackItem, null,
+                            React.createElement(react_core_1.Stack, { hasGutter: true },
+                                React.createElement(react_core_1.StackItem, null,
+                                    React.createElement(react_core_1.Title, { headingLevel: "h3", size: "md", style: { marginBottom: 0 } }, t('Build information'))),
+                                buildReason === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonFailed && (React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' } },
+                                    React.createElement(react_core_1.FlexItem, null,
+                                        React.createElement(react_core_1.Icon, { status: "danger" },
+                                            React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null))),
+                                    React.createElement(react_core_1.FlexItem, null,
+                                        React.createElement(react_core_1.Content, null, t('Build failed. Please retry.'))),
+                                    React.createElement(react_core_1.FlexItem, null,
+                                        React.createElement(react_core_1.Button, { variant: "link", onClick: () => navigate({ route: useNavigate_1.ROUTE.IMAGE_BUILD_EDIT, postfix: imageBuildName }) }, t('Retry'))))),
+                                React.createElement(react_core_1.StackItem, null,
+                                    React.createElement(react_core_1.Button, { variant: "link", onClick: () => navigate({ route: useNavigate_1.ROUTE.IMAGE_BUILD_DETAILS, postfix: imageBuildName }) }, t('View more'))))),
+                        React.createElement(react_core_1.StackItem, null,
+                            React.createElement(ImageBuildExportsGallery_1.default, { imageBuild: imageBuild, refetch: refetch }))))))));
+};
+exports.default = ImageBuildRow;
+//# sourceMappingURL=ImageBuildRow.js.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildRow.js.map

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

package/dist/ui-components/src/components/ImageBuilds/ImageBuildsPage.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const ImageBuildsPageWithPermissions: () => React.JSX.Element;
+export default ImageBuildsPageWithPermissions;
+//# sourceMappingURL=ImageBuildsPage.d.ts.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBuildsPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/ImageBuilds/ImageBuildsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6L/B,QAAA,MAAM,8BAA8B,yBAWnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}