@flightctl/ui-components 1.0.2 → 1.1.0-rc4

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

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IMAGE_EXPORT_ID_PARAM = void 0;
+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 useAppContext_1 = require("../../../hooks/useAppContext");
+exports.IMAGE_EXPORT_ID_PARAM = 'exportId';
+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 { router: { useSearchParams }, } = (0, useAppContext_1.useAppContext)();
+    const [searchParams] = useSearchParams();
+    const [isLogSelectOpen, setIsLogSelectOpen] = React.useState(false);
+    const logsRef = React.useRef(null);
+    const buildName = imageBuild.metadata.name;
+    const { selectableEntities, hasExports } = React.useMemo(() => {
+        const entities = [];
+        const buildReason = (0, imageBuilds_1.getImageBuildStatusReason)(imageBuild);
+        entities.push({
+            type: useImageBuildLogs_1.LogResourceType.BUILD,
+            id: buildName,
+            label: t('Image build'),
+            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: (0, imageBuilds_1.getExportFormatLabel)(t, format),
+                    isActive: (0, imageBuilds_1.isImageExportActiveReason)(exportReason),
+                    status: exportReason,
+                });
+            }
+        });
+        return {
+            selectableEntities: entities,
+            hasExports,
+        };
+    }, [imageBuild, buildName, t]);
+    const [selectedEntityId, setSelectedEntityId] = React.useState(() => {
+        const selectedId = searchParams.get(exports.IMAGE_EXPORT_ID_PARAM);
+        if (selectedId && selectableEntities.some((e) => e.id === selectedId)) {
+            return selectedId;
+        }
+        return buildName;
+    });
+    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 }, entity.id))))),
+                                    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,GAAI,yBAAyB;IAAE,UAAU,EAAE,qBAAqB,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,sBAU5G,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 = { ...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,EAAE,GAAG,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAgB,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,19 @@
+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;
+    canCreate: boolean;
+    onDeleteClick: VoidFunction;
+    canDelete: boolean;
+    onCancelClick: VoidFunction;
+    canCancel: boolean;
+    refetch: VoidFunction;
+};
+declare const ImageBuildRow: ({ imageBuild, rowIndex, onRowSelect, isRowSelected, onDeleteClick, canCreate, canDelete, onCancelClick, canCancel, 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,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,YAAY,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,+HAWpB,kBAAkB,sBAkIpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,98 @@
+"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, canCreate, canDelete, onCancelClick, canCancel, 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 });
+            },
+        },
+    ];
+    if (canCreate) {
+        actions.push({
+            title: buildReason === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonFailed ? t('Retry') : t('Duplicate'),
+            onClick: () => {
+                navigate({ route: useNavigate_1.ROUTE.IMAGE_BUILD_EDIT, postfix: imageBuildName });
+            },
+        });
+    }
+    if (canCancel && (0, imageBuilds_1.isImageBuildCancelable)(buildReason)) {
+        actions.push({
+            title: t('Cancel image build'),
+            onClick: onCancelClick,
+        });
+    }
+    else 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))),
+                                    canCreate ? (React.createElement(React.Fragment, 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.FlexItem, null,
+                                        React.createElement(react_core_1.Content, null, t('Build failed.')))))),
+                                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;AAgN/B,QAAA,MAAM,8BAA8B,yBAWnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

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

@@ -0,0 +1,122 @@
+"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 plus_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/plus-circle-icon"));
+const plus_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/plus-icon"));
+const rbac_1 = require("../../types/rbac");
+const useTableSelect_1 = require("../../hooks/useTableSelect");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useNavigate_1 = require("../../hooks/useNavigate");
+const ResourceListEmptyState_1 = tslib_1.__importDefault(require("../common/ResourceListEmptyState"));
+const PageWithPermissions_1 = tslib_1.__importDefault(require("../common/PageWithPermissions"));
+const PermissionsContext_1 = require("../common/PermissionsContext");
+const ListPage_1 = tslib_1.__importDefault(require("../ListPage/ListPage"));
+const ListPageBody_1 = tslib_1.__importDefault(require("../ListPage/ListPageBody"));
+const TablePagination_1 = tslib_1.__importDefault(require("../Table/TablePagination"));
+const TableTextSearch_1 = tslib_1.__importDefault(require("../Table/TableTextSearch"));
+const Table_1 = tslib_1.__importDefault(require("../Table/Table"));
+const MassDeleteImageBuildModal_1 = tslib_1.__importDefault(require("../modals/massModals/MassDeleteImageBuildModal/MassDeleteImageBuildModal"));
+const CancelImageBuildModal_1 = tslib_1.__importDefault(require("./CancelImageBuildModal/CancelImageBuildModal"));
+const DeleteImageBuildModal_1 = tslib_1.__importDefault(require("./DeleteImageBuildModal/DeleteImageBuildModal"));
+const useImageBuilds_1 = require("./useImageBuilds");
+const ImageBuildRow_1 = tslib_1.__importDefault(require("./ImageBuildRow"));
+const OciRegistriesContext_1 = require("./OciRegistriesContext");
+const getColumns = (t) => [
+    {
+        name: t('Name'),
+    },
+    {
+        name: t('Base image'),
+    },
+    {
+        name: t('Image output'),
+    },
+    {
+        name: t('Status'),
+    },
+    {
+        name: t('Export images'),
+    },
+    {
+        name: t('Date'),
+    },
+];
+const imageBuildTablePermissions = [
+    { kind: rbac_1.RESOURCE.IMAGE_BUILD, verb: rbac_1.VERB.CREATE },
+    { kind: rbac_1.RESOURCE.IMAGE_BUILD_CANCEL, verb: rbac_1.VERB.CREATE },
+    { kind: rbac_1.RESOURCE.IMAGE_BUILD, verb: rbac_1.VERB.DELETE },
+];
+const ImageBuildsEmptyState = ({ onCreateClick }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(ResourceListEmptyState_1.default, { icon: plus_circle_icon_1.default, titleText: t('There are no image builds in your environment.') },
+        React.createElement(react_core_1.EmptyStateBody, null, t('Generate system images for consistent deployment to edge devices.')),
+        onCreateClick && (React.createElement(react_core_1.EmptyStateFooter, null,
+            React.createElement(react_core_1.EmptyStateActions, null,
+                React.createElement(react_core_1.Button, { variant: "primary", onClick: onCreateClick, icon: React.createElement(plus_icon_1.default, null) }, t('Build new image')))))));
+};
+const ImageBuildTable = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const imageBuildColumns = React.useMemo(() => getColumns(t), [t]);
+    const { name, setName, hasFiltersEnabled } = (0, useImageBuilds_1.useImageBuildsBackendFilters)();
+    const { imageBuilds, isLoading, error, isUpdating, refetch, pagination } = (0, useImageBuilds_1.useImageBuilds)({ name });
+    const { onRowSelect, isAllSelected, hasSelectedRows, isRowSelected, setAllSelected } = (0, useTableSelect_1.useTableSelect)();
+    const { checkPermissions } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [canCreate, canCancel, canDelete] = checkPermissions(imageBuildTablePermissions);
+    const [imageBuildToDeleteId, setImageBuildToDeleteId] = React.useState();
+    const [imageBuildToCancelId, setImageBuildToCancelId] = React.useState();
+    const [isMassDeleteModalOpen, setIsMassDeleteModalOpen] = React.useState(false);
+    const handleCreateClick = React.useCallback(() => {
+        navigate(useNavigate_1.ROUTE.IMAGE_BUILD_CREATE);
+    }, [navigate]);
+    return (React.createElement(ListPageBody_1.default, { error: error, loading: isLoading },
+        React.createElement(react_core_1.Toolbar, { inset: { default: 'insetNone' } },
+            React.createElement(react_core_1.ToolbarContent, null,
+                React.createElement(react_core_1.ToolbarGroup, null,
+                    React.createElement(react_core_1.ToolbarItem, null,
+                        React.createElement(TableTextSearch_1.default, { value: name || '', setValue: setName, placeholder: t('Search by name') }))),
+                canCreate && (React.createElement(react_core_1.ToolbarItem, null,
+                    React.createElement(react_core_1.Button, { variant: "primary", onClick: handleCreateClick }, t('Build new image')))),
+                canDelete && (React.createElement(react_core_1.ToolbarItem, null,
+                    React.createElement(react_core_1.Button, { isDisabled: !hasSelectedRows, onClick: () => setIsMassDeleteModalOpen(true), variant: "secondary" }, t('Delete image builds')))))),
+        React.createElement(Table_1.default, { "aria-label": t('Image builds table'), loading: isUpdating, columns: imageBuildColumns, hasFilters: hasFiltersEnabled, emptyData: imageBuilds.length === 0, clearFilters: () => setName(''), isAllSelected: isAllSelected, onSelectAll: setAllSelected, isExpandable: true }, imageBuilds.map((imageBuild, rowIndex) => {
+            const name = imageBuild.metadata.name || '';
+            return (React.createElement(ImageBuildRow_1.default, { key: name, imageBuild: imageBuild, rowIndex: rowIndex, canCreate: canCreate, canDelete: canDelete, canCancel: canCancel, onDeleteClick: () => {
+                    setImageBuildToDeleteId(name);
+                }, onCancelClick: () => setImageBuildToCancelId(name), isRowSelected: () => isRowSelected(imageBuild), onRowSelect: () => onRowSelect(imageBuild), refetch: refetch }));
+        })),
+        React.createElement(TablePagination_1.default, { pagination: pagination, isUpdating: isUpdating }),
+        !isUpdating && imageBuilds.length === 0 && !name && (React.createElement(ImageBuildsEmptyState, { onCreateClick: canCreate ? handleCreateClick : undefined })),
+        imageBuildToCancelId && (React.createElement(CancelImageBuildModal_1.default, { imageBuildId: imageBuildToCancelId, onClose: (confirmed) => {
+                setImageBuildToCancelId(undefined);
+                if (confirmed) {
+                    refetch();
+                }
+            } })),
+        imageBuildToDeleteId && (React.createElement(DeleteImageBuildModal_1.default, { imageBuildId: imageBuildToDeleteId, onClose: (hasDeleted) => {
+                setImageBuildToDeleteId(undefined);
+                if (hasDeleted) {
+                    refetch();
+                }
+            } })),
+        isMassDeleteModalOpen && (React.createElement(MassDeleteImageBuildModal_1.default, { onClose: () => setIsMassDeleteModalOpen(false), imageBuilds: imageBuilds.filter(isRowSelected), onDeleteSuccess: () => {
+                setIsMassDeleteModalOpen(false);
+                refetch();
+            } }))));
+};
+const ImageBuildsPage = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(ListPage_1.default, { title: t('Image builds') },
+        React.createElement(ImageBuildTable, null)));
+};
+const ImageBuildsPageWithPermissions = () => {
+    const { checkPermissions, loading } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [allowed] = checkPermissions([{ kind: rbac_1.RESOURCE.IMAGE_BUILD, verb: rbac_1.VERB.LIST }]);
+    return (React.createElement(PageWithPermissions_1.default, { allowed: allowed, loading: loading },
+        React.createElement(OciRegistriesContext_1.OciRegistriesContextProvider, null,
+            React.createElement(ImageBuildsPage, null))));
+};
+exports.default = ImageBuildsPageWithPermissions;
+//# sourceMappingURL=ImageBuildsPage.js.map

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

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

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { ExportFormatType, ImageExport } from '@flightctl/types/imagebuilder';
+import './ImageExportCards.css';
+export type ImageExportAction = 'cancel' | 'delete' | 'viewLogs' | 'download' | 'retry' | 'rebuild' | 'createExport';
+export type ImageExportFormatCardProps = {
+    imageReference: string | undefined;
+    format: ExportFormatType;
+    imageExport?: ImageExport;
+    actionPermissions: ImageExportAction[];
+    activeAction: ImageExportAction | undefined;
+    onCardAction: ({ format, action }: {
+        format: ExportFormatType;
+        action: ImageExportAction;
+    }) => void;
+    error?: {
+        message: string;
+        action: ImageExportAction;
+    } | null;
+    onDismissError: VoidFunction;
+};
+type SelectImageBuildExportCardProps = {
+    format: ExportFormatType;
+    isChecked: boolean;
+    onToggle: (format: ExportFormatType, isChecked: boolean) => void;
+};
+export declare const SelectImageBuildExportCard: ({ format, isChecked, onToggle }: SelectImageBuildExportCardProps) => React.JSX.Element;
+export declare const ViewImageBuildExportCard: ({ format, imageExport, imageReference, actionPermissions, onCardAction, activeAction, error, onDismissError, }: ImageExportFormatCardProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ImageExportCards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageExportCards.d.ts","sourceRoot":"","sources":["../../../../../src/components/ImageBuilds/ImageExportCards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAA8B,MAAM,+BAA+B,CAAC;AAU1G,OAAO,wBAAwB,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,cAAc,CAAC;AA8ErH,MAAM,MAAM,0BAA0B,GAAG;IACvC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IACvC,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,EAAE,gBAAgB,CAAC;QAAC,MAAM,EAAE,iBAAiB,CAAA;KAAE,KAAK,IAAI,CAAC;IACpG,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,iBAAiB,CAAA;KAAE,GAAG,IAAI,CAAC;IAC9D,cAAc,EAAE,YAAY,CAAC;CAC9B,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,iCAAiC,+BAA+B,sBA4B1G,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,gHAStC,0BAA0B,sBAuK5B,CAAC"}