@flightctl/ui-components 1.1.0-rc4 → 1.1.0-rc5

package/dist/ui-components/src/components/Catalog/InstallWizard/steps/SpecificationsStep.js

@@ -0,0 +1,192 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstallSpec = exports.isSpecsStepValid = exports.VersionDropdown = void 0;
+const tslib_1 = require("tslib");
+const alpha_1 = require("@flightctl/types/alpha");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const semver = tslib_1.__importStar(require("semver"));
+const react_markdown_1 = tslib_1.__importDefault(require("react-markdown"));
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+const RadioField_1 = tslib_1.__importDefault(require("../../../form/RadioField"));
+const FormSelect_1 = tslib_1.__importDefault(require("../../../form/FormSelect"));
+const PermissionsContext_1 = require("../../../common/PermissionsContext");
+const rbac_1 = require("../../../../types/rbac");
+const useFleets_1 = require("../../../Fleet/useFleets");
+const useDevices_1 = require("../../../Device/DevicesPage/useDevices");
+const utils_1 = require("../utils");
+const WithTooltip_1 = tslib_1.__importDefault(require("../../../common/WithTooltip"));
+const utils_2 = require("../../utils");
+const VersionDropdown = ({ catalogItem, versions }) => {
+    const { setFieldValue } = (0, formik_1.useFormikContext)();
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(FormSelect_1.default, { name: "version", onChange: (val) => {
+            const appConfig = (0, utils_1.getInitialAppConfig)(catalogItem, val);
+            (0, utils_1.applyInitialConfig)(setFieldValue, appConfig);
+        }, items: versions.reduce((acc, v) => {
+            return {
+                ...acc,
+                [v.version]: {
+                    label: (React.createElement(react_core_1.Split, { hasGutter: true },
+                        React.createElement(react_core_1.SplitItem, null, v.version),
+                        v.deprecation && (React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(react_core_1.Label, { variant: "outline", color: "orange" }, t('Deprecated')))))),
+                    selectedLabel: v.version,
+                },
+            };
+        }, {}) }));
+};
+exports.VersionDropdown = VersionDropdown;
+const isSpecsStepValid = (errors) => {
+    return !errors.target && !errors.version && !errors.channel;
+};
+exports.isSpecsStepValid = isSpecsStepValid;
+const InstallSpec = ({ catalogItem, hideReadmeLink, targetSet, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [showReadme, setShowReadme] = React.useState(false);
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    const channels = catalogItem.spec.versions.reduce((acc, v) => {
+        v.channels.forEach((c) => (acc[c] = c));
+        return acc;
+    }, {});
+    const versions = catalogItem.spec.versions.sort((v1, v2) => semver.compare(v2.version, v1.version));
+    const channelVersions = versions.filter((v) => v.channels.includes(values.channel) && (targetSet ? !!(0, utils_2.getFullContainerURI)(catalogItem.spec.artifacts, v) : true));
+    const currentVersion = versions.find((v) => v.version === values.version);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.Grid, { hasGutter: true, style: { alignItems: 'flex-end' } },
+            catalogItem.spec.deprecation && (React.createElement(react_core_1.GridItem, null,
+                React.createElement(react_core_1.Alert, { isInline: true, variant: "warning", title: t('Deprecated') }, catalogItem.spec.deprecation.message))),
+            React.createElement(react_core_1.GridItem, { span: 4 },
+                React.createElement(react_core_1.FormGroup, { label: t('Channel') },
+                    React.createElement(FormSelect_1.default, { name: "channel", items: channels, onChange: (val) => {
+                            const newChannelVersions = versions.filter((v) => v.channels.includes(val));
+                            if (!newChannelVersions.some((v) => v.version === values.version)) {
+                                const newVersion = newChannelVersions.length ? newChannelVersions[0].version : undefined;
+                                setFieldValue('version', newVersion, true);
+                                const appConfig = (0, utils_1.getInitialAppConfig)(catalogItem, newVersion);
+                                (0, utils_1.applyInitialConfig)(setFieldValue, appConfig);
+                            }
+                        } }))),
+            React.createElement(react_core_1.GridItem, { span: 4 },
+                React.createElement(react_core_1.FormGroup, { label: t('Version') },
+                    React.createElement(exports.VersionDropdown, { catalogItem: catalogItem, versions: channelVersions }))),
+            !hideReadmeLink && !!(currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.readme) && (React.createElement(react_core_1.GridItem, { span: 4 },
+                React.createElement(react_core_1.Button, { onClick: () => setShowReadme(true), variant: "link" }, t('Show readme')))),
+            (currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.deprecation) && (React.createElement(react_core_1.GridItem, null,
+                React.createElement(react_core_1.Alert, { isInline: true, variant: "warning", title: t('This version is deprecated') }, currentVersion.deprecation.message)))),
+        showReadme && (currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.readme) && (React.createElement(react_core_1.Modal, { isOpen: true, onClose: () => setShowReadme(false), variant: "medium" },
+            React.createElement(react_core_1.ModalHeader, { title: t('Readme') }),
+            React.createElement(react_core_1.ModalBody, null,
+                React.createElement(react_core_1.Content, null,
+                    React.createElement(react_markdown_1.default, null, currentVersion.readme)))))));
+};
+exports.InstallSpec = InstallSpec;
+const targetPermissions = [
+    {
+        kind: rbac_1.RESOURCE.FLEET,
+        verb: rbac_1.VERB.PATCH,
+    },
+    {
+        kind: rbac_1.RESOURCE.FLEET,
+        verb: rbac_1.VERB.LIST,
+    },
+    {
+        kind: rbac_1.RESOURCE.DEVICE,
+        verb: rbac_1.VERB.PATCH,
+    },
+    {
+        kind: rbac_1.RESOURCE.DEVICE,
+        verb: rbac_1.VERB.LIST,
+    },
+];
+const getFleetDisabledReason = (t, { canEdit, canList, size, hasContainer }) => {
+    if (!canList) {
+        return t('You do not have permissions to list fleets');
+    }
+    if (!canEdit) {
+        return t('You do not have permissions to edit fleets');
+    }
+    if (size === 0) {
+        return t('No fleet is available');
+    }
+    if (!hasContainer) {
+        return t('Container artifact not available');
+    }
+    return undefined;
+};
+const getDeviceDisabledReason = (t, { canEdit, canList, size, hasContainer }) => {
+    if (!canList) {
+        return t('You do not have permissions to list devices');
+    }
+    if (!canEdit) {
+        return t('You do not have permissions to edit devices');
+    }
+    if (size === 0) {
+        return t('No device is available');
+    }
+    if (!hasContainer) {
+        return t('Container artifact not available');
+    }
+    return undefined;
+};
+const SpecificationsStep = ({ catalogItem, showNewDevice }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    const { loading, checkPermissions } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [canEditFleet, canListFleet, canEditDevice, canListDevice] = checkPermissions(targetPermissions);
+    const fleetRadioRef = React.useRef(null);
+    const deviceRadioRef = React.useRef(null);
+    const newDeviceRadioRef = React.useRef(null);
+    const { fleets, isLoading: fleetsLoading } = (0, useFleets_1.useFleets)({});
+    const { devices, isLoading: devicesLoading } = (0, useDevices_1.useDevicesPaginated)({
+        onlyDecommissioned: false,
+        onlyFleetless: true,
+    });
+    const unmanagedFleetsCount = fleets.filter((f) => { var _a; return !((_a = f.metadata) === null || _a === void 0 ? void 0 : _a.owner); }).length;
+    const hasContainer = catalogItem.spec.versions.some((v) => v.version === values.version && v.references[alpha_1.CatalogItemArtifactType.CatalogItemArtifactTypeContainer]);
+    const fleetDisabledReason = getFleetDisabledReason(t, {
+        canEdit: canEditFleet,
+        canList: canListFleet,
+        size: unmanagedFleetsCount,
+        hasContainer,
+    });
+    React.useEffect(() => {
+        if (!loading && !fleetsLoading && fleetDisabledReason && values.target === 'fleet') {
+            setFieldValue('target', undefined);
+        }
+    }, [fleetDisabledReason, setFieldValue, loading, fleetsLoading, values.target]);
+    const deviceDisabledReason = getDeviceDisabledReason(t, {
+        canEdit: canEditDevice,
+        canList: canListDevice,
+        size: devices.length,
+        hasContainer,
+    });
+    React.useEffect(() => {
+        if (!loading && !devicesLoading && deviceDisabledReason && values.target === 'device') {
+            setFieldValue('device', undefined);
+        }
+    }, [deviceDisabledReason, setFieldValue, loading, devicesLoading, values.target]);
+    return (React.createElement(FlightCtlForm_1.default, null,
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Title, { headingLevel: "h3" }, t('Deployment specifications'))),
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Grid, null,
+                    React.createElement(react_core_1.GridItem, { lg: 6, md: 8, sm: 12 },
+                        React.createElement(exports.InstallSpec, { catalogItem: catalogItem })))),
+            React.createElement(react_core_1.StackItem, null, fleetsLoading || devicesLoading ? (React.createElement(react_core_1.EmptyState, { titleText: t('Loading targets'), headingLevel: "h4", icon: react_core_1.Spinner })) : (React.createElement(React.Fragment, null,
+                React.createElement(react_core_1.FormGroup, { label: t('Target type'), isRequired: true },
+                    React.createElement(react_core_1.Stack, { hasGutter: true },
+                        React.createElement(react_core_1.StackItem, null,
+                            React.createElement(WithTooltip_1.default, { showTooltip: !!fleetDisabledReason, content: fleetDisabledReason, triggerRef: fleetRadioRef },
+                                React.createElement(RadioField_1.default, { id: "fleet-radio", name: "target", checkedValue: "fleet", label: React.createElement("span", { ref: fleetRadioRef }, t('Existing Fleet')), description: t('Deploy to all devices in a fleet'), isDisabled: !!fleetDisabledReason }))),
+                        React.createElement(react_core_1.StackItem, null,
+                            React.createElement(WithTooltip_1.default, { showTooltip: !!deviceDisabledReason, content: deviceDisabledReason, triggerRef: deviceRadioRef },
+                                React.createElement(RadioField_1.default, { id: "device-radio", name: "target", checkedValue: "device", label: React.createElement("span", { ref: deviceRadioRef }, t('Existing Device')), description: t('Deploy to a single fleetless device'), isDisabled: !!deviceDisabledReason }))),
+                        showNewDevice && (React.createElement(react_core_1.StackItem, null,
+                            React.createElement(RadioField_1.default, { id: "new-device-radio", name: "target", checkedValue: "new-device", label: React.createElement("span", { ref: newDeviceRadioRef }, t('New Device')), description: t('Provision a brand new, unenrolled device') })))))))))));
+};
+exports.default = SpecificationsStep;
+//# sourceMappingURL=SpecificationsStep.js.map

package/dist/ui-components/src/components/Catalog/InstallWizard/steps/SpecificationsStep.js.map

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

package/dist/ui-components/src/components/Catalog/InstallWizard/types.d.ts

@@ -0,0 +1,31 @@
+import { Device, Fleet } from '@flightctl/types';
+import { AssetSelection } from '../../DynamicForm/DynamicForm';
+import { CatalogItemArtifactType } from '@flightctl/types/alpha';
+export declare const specificationsStepId = "specifications";
+export declare const selectTargetStepId = "select-target";
+export declare const appConfigStepId = "app-config";
+export declare const reviewStepId = "review";
+export type InstallSpecFormik = {
+    version: string;
+    channel: string;
+};
+export type TargetPickerFormik = {
+    target: 'fleet' | 'device' | 'new-device' | undefined;
+    fleet: Fleet | undefined;
+    device: Device | undefined;
+};
+export type InstallOsFormik = InstallSpecFormik & TargetPickerFormik & {
+    deploymentTarget: CatalogItemArtifactType | undefined;
+};
+export type DynamicFormConfigFormik = {
+    appName: string;
+    configureVia: 'editor' | 'form';
+    editorContent: string;
+    selectedAssets: AssetSelection[];
+    formValues: Record<string, unknown> | undefined;
+    configSchema: Record<string, unknown> | undefined;
+    /** Set by AppConfigStep when form view is used; used by wizard footer validation */
+    dynamicFormValid: boolean;
+};
+export type InstallAppFormik = DynamicFormConfigFormik & InstallSpecFormik & TargetPickerFormik;
+//# sourceMappingURL=types.d.ts.map

package/dist/ui-components/src/components/Catalog/InstallWizard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/InstallWizard/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AACrD,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAClD,eAAO,MAAM,eAAe,eAAe,CAAC;AAC5C,eAAO,MAAM,YAAY,WAAW,CAAC;AAErC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAC;IACtD,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAC7C,kBAAkB,GAAG;IACnB,gBAAgB,EAAE,uBAAuB,GAAG,SAAS,CAAC;CACvD,CAAC;AAEJ,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAClD,oFAAoF;IACpF,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GAAG,iBAAiB,GAAG,kBAAkB,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reviewStepId = exports.appConfigStepId = exports.selectTargetStepId = exports.specificationsStepId = void 0;
+exports.specificationsStepId = 'specifications';
+exports.selectTargetStepId = 'select-target';
+exports.appConfigStepId = 'app-config';
+exports.reviewStepId = 'review';
+//# sourceMappingURL=types.js.map

package/dist/ui-components/src/components/Catalog/InstallWizard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/components/Catalog/InstallWizard/types.ts"],"names":[],"mappings":";;;AAIa,QAAA,oBAAoB,GAAG,gBAAgB,CAAC;AACxC,QAAA,kBAAkB,GAAG,eAAe,CAAC;AACrC,QAAA,eAAe,GAAG,YAAY,CAAC;AAC/B,QAAA,YAAY,GAAG,QAAQ,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/utils.d.ts

@@ -0,0 +1,7 @@
+import { CatalogItem } from '@flightctl/types/alpha';
+import { ApplicationProviderSpec } from '@flightctl/types';
+import { FormikHelpers } from 'formik';
+import { DynamicFormConfigFormik } from './types';
+export declare const getInitialAppConfig: (catalogItem: CatalogItem, version: string | undefined, existingApp?: ApplicationProviderSpec, currentLabels?: Record<string, string>) => DynamicFormConfigFormik;
+export declare const applyInitialConfig: (setFieldValue: FormikHelpers<unknown>["setFieldValue"], appConfig: DynamicFormConfigFormik) => void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui-components/src/components/Catalog/InstallWizard/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/InstallWizard/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,OAAO,EAAE,uBAAuB,EAAqB,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AASvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAKlD,eAAO,MAAM,mBAAmB,GAC9B,aAAa,WAAW,EACxB,SAAS,MAAM,GAAG,SAAS,EAC3B,cAAc,uBAAuB,EACrC,gBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACrC,uBAqEF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,eAAe,aAAa,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,EACtD,WAAW,uBAAuB,SAQnC,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/utils.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyInitialConfig = exports.getInitialAppConfig = void 0;
+const tslib_1 = require("tslib");
+const validator_ajv8_1 = tslib_1.__importDefault(require("@rjsf/validator-ajv8"));
+const utils_1 = require("@rjsf/utils");
+const merge_1 = tslib_1.__importDefault(require("lodash/merge"));
+const const_1 = require("../const");
+const YamlEditor_1 = require("../../common/CodeEditor/YamlEditor");
+const appSpecFilteredKeys = ['name', 'image', 'appType'];
+const getInitialAppConfig = (catalogItem, version, existingApp, currentLabels) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const configSchema = (_b = (_a = catalogItem.spec.versions.find((v) => v.version === version)) === null || _a === void 0 ? void 0 : _a.configSchema) !== null && _b !== void 0 ? _b : (_c = catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.spec.defaults) === null || _c === void 0 ? void 0 : _c.configSchema;
+    let defaultConfig = (_e = (_d = catalogItem.spec.versions.find((v) => v.version === version)) === null || _d === void 0 ? void 0 : _d.config) !== null && _e !== void 0 ? _e : (_f = catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.spec.defaults) === null || _f === void 0 ? void 0 : _f.config;
+    let formValues = {};
+    if (configSchema) {
+        const schemaUtils = (0, utils_1.createSchemaUtils)(validator_ajv8_1.default, configSchema);
+        formValues = schemaUtils.getDefaultFormState(configSchema);
+    }
+    const selectedAssets = [];
+    if (existingApp) {
+        const appConfig = Object.keys(existingApp).reduce((acc, key) => {
+            if (!appSpecFilteredKeys.includes(key)) {
+                acc[key] = existingApp[key];
+            }
+            return acc;
+        }, {});
+        formValues = (0, merge_1.default)({}, formValues, appConfig);
+        defaultConfig = (0, merge_1.default)({}, defaultConfig || {}, appConfig);
+        if (currentLabels) {
+            const existingVolumes = formValues['volumes'];
+            if (Array.isArray(existingVolumes)) {
+                existingVolumes.forEach((vol, idx) => {
+                    const volumeName = vol.name;
+                    if (volumeName) {
+                        const volumeCatalog = currentLabels[`${(0, const_1.getAppVolumeName)(existingApp.name, volumeName, const_1.APP_VOLUME_CATALOG_LABEL_KEY)}`];
+                        const volumeChannel = currentLabels[`${(0, const_1.getAppVolumeName)(existingApp.name, volumeName, const_1.APP_VOLUME_CHANNEL_LABEL_KEY)}`];
+                        const volumeItem = currentLabels[`${(0, const_1.getAppVolumeName)(existingApp.name, volumeName, const_1.APP_VOLUME_ITEM_LABEL_KEY)}`];
+                        if (volumeCatalog && volumeChannel && volumeItem) {
+                            selectedAssets.push({
+                                assetCatalog: volumeCatalog,
+                                assetChannel: volumeChannel,
+                                assetItemName: volumeItem,
+                                volumeIndex: idx,
+                                assetVersion: '', // populated async by the parent
+                            });
+                        }
+                    }
+                });
+            }
+        }
+    }
+    const dynamicFormValid = configSchema
+        ? ((_g = validator_ajv8_1.default.validateFormData(formValues, configSchema).errors) === null || _g === void 0 ? void 0 : _g.length) === 0
+        : true;
+    return {
+        appName: (existingApp === null || existingApp === void 0 ? void 0 : existingApp.name) || '',
+        configureVia: configSchema ? 'form' : 'editor',
+        editorContent: defaultConfig ? (0, YamlEditor_1.convertObjToYAMLString)(defaultConfig) : '',
+        selectedAssets,
+        formValues,
+        configSchema,
+        dynamicFormValid,
+    };
+};
+exports.getInitialAppConfig = getInitialAppConfig;
+const applyInitialConfig = (setFieldValue, appConfig) => {
+    setFieldValue('configSchema', appConfig.configSchema, true);
+    setFieldValue('configureVia', appConfig.configureVia, true);
+    setFieldValue('dynamicFormValid', appConfig.dynamicFormValid, true);
+    setFieldValue('editorContent', appConfig.editorContent, true);
+    setFieldValue('formValues', appConfig.formValues, true);
+    setFieldValue('selectedAssets', appConfig.selectedAssets, true);
+};
+exports.applyInitialConfig = applyInitialConfig;
+//# sourceMappingURL=utils.js.map

package/dist/ui-components/src/components/Catalog/InstallWizard/utils.js.map

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

package/dist/ui-components/src/components/Catalog/InstalledSoftware.d.ts

@@ -0,0 +1,20 @@
+import { DeviceSpec } from '@flightctl/types';
+import * as React from 'react';
+import { CatalogItem } from '@flightctl/types/alpha';
+export declare const CatalogItemTitle: ({ item, appName, version, channel, }: {
+    item: CatalogItem;
+    appName?: string;
+    version?: string;
+    channel: string;
+}) => React.JSX.Element;
+type InstalledSoftwareProps = {
+    labels: Record<string, string> | undefined;
+    spec: DeviceSpec | undefined;
+    onDeleteOs: () => Promise<void>;
+    onDeleteApp: (appName: string) => Promise<void>;
+    onEdit: (catalogId: string, catalogItemId: string, appName?: string) => void;
+    canEdit: boolean;
+};
+declare const InstalledSoftware: ({ labels, spec, onDeleteOs, onDeleteApp, onEdit, canEdit }: InstalledSoftwareProps) => React.JSX.Element;
+export default InstalledSoftware;
+//# sourceMappingURL=InstalledSoftware.d.ts.map

package/dist/ui-components/src/components/Catalog/InstalledSoftware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledSoftware.d.ts","sourceRoot":"","sources":["../../../../../src/components/Catalog/InstalledSoftware.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAsB,MAAM,wBAAwB,CAAC;AA+DzE,eAAO,MAAM,gBAAgB,GAAI,sCAK9B;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,sBA4BA,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC3C,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC7B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAIF,QAAA,MAAM,iBAAiB,GAAI,4DAA4D,sBAAsB,sBA8O5G,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/ui-components/src/components/Catalog/InstalledSoftware.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CatalogItemTitle = void 0;
+const tslib_1 = require("tslib");
+const arrow_circle_up_icon_1 = require("@patternfly/react-icons/dist/js/icons/arrow-circle-up-icon");
+const react_table_1 = require("@patternfly/react-table");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const cube_icon_1 = require("@patternfly/react-icons/dist/js/icons/cube-icon");
+const utils_1 = require("./utils");
+const useFetch_1 = require("../../hooks/useFetch");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const DeleteModal_1 = tslib_1.__importDefault(require("../modals/DeleteModal/DeleteModal"));
+const const_1 = require("./const");
+const useCatalogs_1 = require("./useCatalogs");
+const UpdateInfo = ({ onClick, catalogItem, channel, catalogItemVersion, canEdit }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const updates = (0, utils_1.getUpdates)(catalogItem, channel, catalogItemVersion.version);
+    if (!updates.length) {
+        return false;
+    }
+    return canEdit ? (React.createElement(react_core_1.Button, { variant: "link", isInline: true, onClick: onClick, icon: React.createElement(arrow_circle_up_icon_1.ArrowCircleUpIcon, null) }, t('Update available'))) : (React.createElement(react_core_1.Label, { variant: "outline", color: "blue" }, t('Update available')));
+};
+const CatalogItemTitle = ({ item, appName, version, channel, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' }, alignContent: { default: 'alignContentCenter' } },
+        React.createElement(react_core_1.FlexItem, null,
+            React.createElement("img", { src: (0, utils_1.getCatalogItemIcon)(item), alt: `${item.metadata.name} icon`, style: { maxWidth: '40px' } })),
+        React.createElement(react_core_1.FlexItem, null,
+            React.createElement(react_core_1.Stack, null,
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement(react_core_1.Title, { headingLevel: "h3" }, item.spec.displayName || item.metadata.name)),
+                appName && (React.createElement(react_core_1.StackItem, null,
+                    React.createElement(react_core_1.Title, { headingLevel: "h6" }, appName))),
+                version && (React.createElement(react_core_1.StackItem, null,
+                    React.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.small }, t('Version: {{version}}, Channel: {{channel}}', { version, channel }))))))));
+};
+exports.CatalogItemTitle = CatalogItemTitle;
+const InstalledSoftware = ({ labels, spec, onDeleteOs, onDeleteApp, onEdit, canEdit }) => {
+    var _a, _b;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [appItems, setAppItems] = React.useState();
+    const [appsLoading, setAppsLoading] = React.useState(true);
+    const [deleteOs, setDeleteOs] = React.useState(false);
+    const [appToDelete, setAppToDelete] = React.useState();
+    const osItemId = labels === null || labels === void 0 ? void 0 : labels[const_1.OS_ITEM_LABEL_KEY];
+    const osChannel = labels === null || labels === void 0 ? void 0 : labels[const_1.OS_CHANNEL_LABEL_KEY];
+    const osCatalog = labels === null || labels === void 0 ? void 0 : labels[const_1.OS_CATALOG_LABEL_KEY];
+    const { get } = (0, useFetch_1.useFetch)();
+    const apps = React.useMemo(() => {
+        if (!labels) {
+            return [];
+        }
+        return Object.keys(labels).reduce((acc, key) => {
+            var _a;
+            if (key.endsWith(const_1.APP_ITEM_LABEL_KEY)) {
+                const appName = key.slice(0, -(const_1.APP_ITEM_LABEL_KEY.length + 1));
+                const item = labels[`${appName}.${const_1.APP_ITEM_LABEL_KEY}`];
+                const catalog = labels[`${appName}.${const_1.APP_CATALOG_LABEL_KEY}`];
+                const channel = labels[`${appName}.${const_1.APP_CHANNEL_LABEL_KEY}`];
+                if (item && catalog && channel && ((_a = spec === null || spec === void 0 ? void 0 : spec.applications) === null || _a === void 0 ? void 0 : _a.find((a) => a.name === appName))) {
+                    acc.push({
+                        item,
+                        catalog,
+                        channel,
+                        name: appName,
+                    });
+                }
+            }
+            return acc;
+        }, []);
+    }, [labels, spec === null || spec === void 0 ? void 0 : spec.applications]);
+    React.useEffect(() => {
+        (async () => {
+            const appRequests = apps.map((app) => get(`catalogs/${app.catalog}/items/${app.item}`));
+            const results = await Promise.allSettled(appRequests);
+            const items = [];
+            results.forEach((r, idx) => {
+                if (r.status === 'rejected') {
+                    // eslint-disable-next-line no-console
+                    console.warn(`Failed to fetch catalog item ${apps[idx].catalog}/${apps[idx].item}`);
+                }
+                else {
+                    items.push({
+                        item: r.value,
+                        name: apps[idx].name,
+                    });
+                }
+            });
+            setAppItems(items);
+            setAppsLoading(false);
+        })();
+    }, [apps, get]);
+    const [osItem, osLoading] = (0, useCatalogs_1.useCatalogItem)(osCatalog, osItemId);
+    if (osLoading || appsLoading) {
+        return React.createElement(react_core_1.EmptyState, { titleText: t('Loading installed software'), headingLevel: "h4", icon: react_core_1.Spinner });
+    }
+    const catalogItemVersion = osItem === null || osItem === void 0 ? void 0 : osItem.spec.versions.find((v) => {
+        var _a;
+        const imageUri = (0, utils_1.getFullContainerURI)(osItem.spec.artifacts, v);
+        return !!imageUri && !!((_a = spec === null || spec === void 0 ? void 0 : spec.os) === null || _a === void 0 ? void 0 : _a.image) && imageUri === spec.os.image && v.channels.includes(osChannel || '');
+    });
+    const hasOs = !!(osItem && osCatalog && osChannel && catalogItemVersion && spec);
+    const hasApps = !!(appItems && appItems.length > 0);
+    const isEmpty = !hasOs && !hasApps;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.Card, null,
+            React.createElement(react_core_1.CardTitle, null, t('Deployed Software')),
+            React.createElement(react_core_1.CardBody, null, isEmpty ? (React.createElement(react_core_1.EmptyState, { headingLevel: "h4", icon: cube_icon_1.CubeIcon, titleText: t('No software deployed') },
+                React.createElement(react_core_1.EmptyStateBody, null, t('Select an operating system or application from the catalog below.')))) : (React.createElement(react_core_1.Stack, { hasGutter: true },
+                osItem && osCatalog && osChannel && catalogItemVersion && spec && (React.createElement(react_core_1.StackItem, { key: osItem.metadata.name },
+                    React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' } },
+                        React.createElement(react_core_1.FlexItem, { grow: { default: 'grow' } },
+                            React.createElement(exports.CatalogItemTitle, { item: osItem, channel: osChannel, version: catalogItemVersion.version })),
+                        React.createElement(react_core_1.FlexItem, null,
+                            React.createElement(UpdateInfo, { catalogItem: osItem, catalogItemVersion: catalogItemVersion, channel: osChannel, onClick: () => onEdit(osItem.metadata.catalog, osItem.metadata.name || ''), canEdit: canEdit })),
+                        (osItem.spec.deprecation || catalogItemVersion.deprecation) && (React.createElement(react_core_1.FlexItem, null,
+                            React.createElement(react_core_1.Popover, { bodyContent: ((_a = osItem.spec.deprecation) === null || _a === void 0 ? void 0 : _a.message) || ((_b = catalogItemVersion.deprecation) === null || _b === void 0 ? void 0 : _b.message), withFocusTrap: true, triggerAction: "click" },
+                                React.createElement(react_core_1.Label, { variant: "outline", color: "orange" }, t('Deprecated'))))),
+                        canEdit && (React.createElement(react_core_1.FlexItem, null,
+                            React.createElement(react_table_1.ActionsColumn, { items: [
+                                    {
+                                        title: t('Edit'),
+                                        onClick: () => onEdit(osItem.metadata.catalog, osItem.metadata.name || ''),
+                                    },
+                                    {
+                                        title: t('Delete'),
+                                        onClick: () => setDeleteOs(true),
+                                    },
+                                ] })))))), appItems === null || appItems === void 0 ? void 0 :
+                appItems.map((app, index) => {
+                    var _a, _b, _c;
+                    const appChannel = (labels === null || labels === void 0 ? void 0 : labels[`${app.name}.${const_1.APP_CHANNEL_LABEL_KEY}`]) || '';
+                    const appSpec = (_a = spec === null || spec === void 0 ? void 0 : spec.applications) === null || _a === void 0 ? void 0 : _a.find((a) => a.name === app.name);
+                    const itemVersion = appSpec &&
+                        app.item.spec.versions.find((v) => {
+                            const refUri = (0, utils_1.getFullContainerURI)(app.item.spec.artifacts, v);
+                            const imageMatches = refUri === appSpec.image;
+                            return imageMatches && v.channels.includes(appChannel);
+                        });
+                    const actions = [
+                        ...(itemVersion
+                            ? [
+                                {
+                                    title: t('Edit'),
+                                    onClick: () => onEdit(app.item.metadata.catalog, app.item.metadata.name || '', app.name),
+                                },
+                            ]
+                            : []),
+                        {
+                            title: t('Delete'),
+                            onClick: () => setAppToDelete(app.name),
+                        },
+                    ];
+                    return (React.createElement(React.Fragment, { key: app.name },
+                        (hasOs || index > 0) && React.createElement(react_core_1.Divider, null),
+                        React.createElement(react_core_1.StackItem, null,
+                            React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' } },
+                                React.createElement(react_core_1.FlexItem, { grow: { default: 'grow' } },
+                                    React.createElement(exports.CatalogItemTitle, { item: app.item, channel: appChannel, version: itemVersion === null || itemVersion === void 0 ? void 0 : itemVersion.version, appName: app.name })),
+                                React.createElement(react_core_1.FlexItem, null, itemVersion && (React.createElement(UpdateInfo, { catalogItem: app.item, catalogItemVersion: itemVersion, channel: appChannel, onClick: () => onEdit(app.item.metadata.catalog, app.item.metadata.name || '', app.name), canEdit: canEdit }))),
+                                (app.item.spec.deprecation || (itemVersion === null || itemVersion === void 0 ? void 0 : itemVersion.deprecation)) && (React.createElement(react_core_1.FlexItem, null,
+                                    React.createElement(react_core_1.Popover, { bodyContent: ((_b = app.item.spec.deprecation) === null || _b === void 0 ? void 0 : _b.message) || ((_c = itemVersion === null || itemVersion === void 0 ? void 0 : itemVersion.deprecation) === null || _c === void 0 ? void 0 : _c.message), withFocusTrap: true, triggerAction: "click" },
+                                        React.createElement(react_core_1.Label, { variant: "outline", color: "orange" }, t('Deprecated'))))),
+                                canEdit && (React.createElement(react_core_1.FlexItem, null,
+                                    React.createElement(react_table_1.ActionsColumn, { items: actions })))))));
+                }))))),
+        deleteOs && (React.createElement(DeleteModal_1.default, { onClose: () => setDeleteOs(false), onDelete: async () => {
+                await onDeleteOs();
+                setDeleteOs(false);
+            }, resourceName: (osItem === null || osItem === void 0 ? void 0 : osItem.spec.displayName) || (osItem === null || osItem === void 0 ? void 0 : osItem.metadata.name) || '', resourceType: t('operating system') })),
+        appToDelete && (React.createElement(DeleteModal_1.default, { onClose: () => setAppToDelete(undefined), onDelete: async () => {
+                await onDeleteApp(appToDelete);
+                setAppToDelete(undefined);
+            }, resourceName: appToDelete, resourceType: t('application') }))));
+};
+exports.default = InstalledSoftware;
+//# sourceMappingURL=InstalledSoftware.js.map

package/dist/ui-components/src/components/Catalog/InstalledSoftware.js.map

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

package/dist/ui-components/src/components/Catalog/ResourceCatalog/ResourceCatalogPage.d.ts

@@ -0,0 +1,21 @@
+import { DeviceSpec, PatchRequest } from '@flightctl/types';
+import * as React from 'react';
+import { CatalogItem } from '@flightctl/types/alpha';
+import './ResourceCatalogPage.css';
+type ResourceCatalogPageProps = {
+    specPath: string;
+    canEdit: boolean;
+    hasOwner?: boolean;
+    spec: DeviceSpec | undefined;
+    currentLabels: Record<string, string> | undefined;
+    onPatch: (allPatches: PatchRequest) => Promise<void>;
+    onEdit: (catalogId: string, catalogItemId: string, appName?: string) => void;
+    onInstall: (installItem: {
+        item: CatalogItem;
+        channel: string;
+        version: string;
+    }) => void;
+};
+declare const ResourceCatalogPage: ({ currentLabels, spec, onPatch, specPath, canEdit, hasOwner, onEdit, onInstall, }: ResourceCatalogPageProps) => React.JSX.Element;
+export default ResourceCatalogPage;
+//# sourceMappingURL=ResourceCatalogPage.d.ts.map

package/dist/ui-components/src/components/Catalog/ResourceCatalog/ResourceCatalogPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCatalogPage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/ResourceCatalog/ResourceCatalogPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAKrD,OAAO,2BAA2B,CAAC;AAEnC,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAClD,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,SAAS,EAAE,CAAC,WAAW,EAAE;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3F,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,mFAS1B,wBAAwB,sBAmC1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}