@flightctl/ui-components 0.0.3 → 0.0.5

package/dist/src/components/Device/EditDeviceWizard/deviceSpecUtils.js

@@ -1,10 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConfigTemplatesValues = exports.getAPIConfig = exports.getDeviceSpecConfigPatches = void 0;
-const tslib_1 = require("tslib");
-const yaml = tslib_1.__importStar(require("js-yaml"));
-const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+exports.formatFileMode = exports.getConfigTemplatesValues = exports.getApplicationValues = exports.getAPIConfig = exports.getDeviceSpecConfigPatches = exports.getConfigType = void 0;
+const types_1 = require("@flightctl/types");
 const deviceSpec_1 = require("../../../types/deviceSpec");
+const DEFAULT_INLINE_FILE_MODE = 420; // In Octal: 0644
+const DEFAULT_INLINE_FILE_USER = 'root';
+const DEFAULT_INLINE_FILE_GROUP = 'root';
+const getConfigType = (config) => {
+    if ((0, deviceSpec_1.isGitProviderSpec)(config)) {
+        return deviceSpec_1.ConfigType.GIT;
+    }
+    else if ((0, deviceSpec_1.isInlineProviderSpec)(config)) {
+        return deviceSpec_1.ConfigType.INLINE;
+    }
+    else if ((0, deviceSpec_1.isHttpProviderSpec)(config)) {
+        return deviceSpec_1.ConfigType.HTTP;
+    }
+    else if ((0, deviceSpec_1.isKubeProviderSpec)(config)) {
+        return deviceSpec_1.ConfigType.K8S_SECRET;
+    }
+    // Fallback in case a new configType is added to the Backend which the UI doesn't support yet
+    return undefined;
+};
+exports.getConfigType = getConfigType;
 const isSameGitConf = (a, b) => {
     const aRef = a.gitRef;
     const bRef = b.gitRef;
@@ -30,8 +48,23 @@ const isSameSecretConf = (a, b) => {
         aRef.namespace === bRef.namespace &&
         aRef.mountPath === bRef.mountPath);
 };
+const isSameInlineConfigValue = (a, b, defaultValue) => {
+    const aValue = a === undefined ? defaultValue : a;
+    const bValue = b === undefined ? defaultValue : b;
+    return aValue === bValue;
+};
 const isSameInlineConf = (a, b) => {
-    return a.name === b.name && (0, isEqual_1.default)(a.inline, b.inline);
+    return (a.name === b.name &&
+        a.inline.length === b.inline.length &&
+        a.inline.every((aInline, index) => {
+            const bInline = b.inline[index];
+            return (aInline.path === bInline.path &&
+                isSameInlineConfigValue(aInline.user, bInline.user, DEFAULT_INLINE_FILE_USER) &&
+                isSameInlineConfigValue(aInline.group, bInline.group, DEFAULT_INLINE_FILE_GROUP) &&
+                isSameInlineConfigValue(aInline.mode, bInline.mode, DEFAULT_INLINE_FILE_MODE) &&
+                isSameInlineConfigValue(aInline.contentEncoding, bInline.contentEncoding, types_1.FileSpec.contentEncoding.PLAIN) &&
+                aInline.content === bInline.content);
+        }));
 };
 const getDeviceSpecConfigPatches = (currentConfigs, newConfigs, configPath) => {
     const allPatches = [];
@@ -59,17 +92,19 @@ const getDeviceSpecConfigPatches = (currentConfigs, newConfigs, configPath) => {
         const hasConfigChanges = newConfigs.some((newConfig) => {
             // Attempts to find a new config which has been changed from "currentConfigs"
             const isUnchanged = currentConfigs.some((conf) => {
-                if (conf.configType !== newConfig.configType) {
+                const currentType = (0, exports.getConfigType)(conf);
+                const newType = (0, exports.getConfigType)(newConfig);
+                if (currentType !== newType) {
                     return false;
                 }
-                switch (conf.configType) {
-                    case 'GitConfigProviderSpec':
+                switch (newType) {
+                    case deviceSpec_1.ConfigType.GIT:
                         return isSameGitConf(newConfig, conf);
-                    case 'HttpConfigProviderSpec':
+                    case deviceSpec_1.ConfigType.HTTP:
                         return isSameHttpConf(newConfig, conf);
-                    case 'KubernetesSecretProviderSpec':
+                    case deviceSpec_1.ConfigType.K8S_SECRET:
                         return isSameSecretConf(newConfig, conf);
-                    case 'InlineConfigProviderSpec':
+                    case deviceSpec_1.ConfigType.INLINE:
                         return isSameInlineConf(newConfig, conf);
                 }
                 return false;
@@ -90,7 +125,6 @@ exports.getDeviceSpecConfigPatches = getDeviceSpecConfigPatches;
 const getAPIConfig = (ct) => {
     if ((0, deviceSpec_1.isGitConfigTemplate)(ct)) {
         return {
-            configType: 'GitConfigProviderSpec',
             name: ct.name,
             gitRef: {
                 path: ct.path,
@@ -102,7 +136,6 @@ const getAPIConfig = (ct) => {
     }
     if ((0, deviceSpec_1.isKubeSecretTemplate)(ct)) {
         return {
-            configType: 'KubernetesSecretProviderSpec',
             name: ct.name,
             secretRef: {
                 mountPath: ct.mountPath,
@@ -113,7 +146,6 @@ const getAPIConfig = (ct) => {
     }
     if ((0, deviceSpec_1.isHttpConfigTemplate)(ct)) {
         return {
-            configType: 'HttpConfigProviderSpec',
             name: ct.name,
             httpRef: {
                 repository: ct.repository,
@@ -123,18 +155,37 @@ const getAPIConfig = (ct) => {
         };
     }
     return {
-        configType: 'InlineConfigProviderSpec',
-        inline: yaml.load(ct.inline),
         name: ct.name,
+        inline: ct.files.map((file) => {
+            return {
+                path: file.path,
+                content: file.content,
+                group: file.group,
+                user: file.user,
+                mode: file.permissions ? parseInt(file.permissions, 8) : undefined,
+                contentEncoding: file.base64 ? types_1.FileSpec.contentEncoding.BASE64 : undefined,
+            };
+        }),
     };
 };
 exports.getAPIConfig = getAPIConfig;
+const getApplicationValues = (deviceSpec) => {
+    const map = (deviceSpec === null || deviceSpec === void 0 ? void 0 : deviceSpec.applications) || [];
+    return map.map((app) => {
+        return {
+            name: app.name || '',
+            image: app.image,
+            variables: Object.entries(app.envVars || {}).map(([varName, varValue]) => ({ name: varName, value: varValue })),
+        };
+    });
+};
+exports.getApplicationValues = getApplicationValues;
 const getConfigTemplatesValues = (deviceSpec) => {
     var _a;
     return ((_a = deviceSpec === null || deviceSpec === void 0 ? void 0 : deviceSpec.config) === null || _a === void 0 ? void 0 : _a.map((c) => {
         if ((0, deviceSpec_1.isGitProviderSpec)(c)) {
             return {
-                type: 'git',
+                type: deviceSpec_1.ConfigType.GIT,
                 name: c.name,
                 path: c.gitRef.path,
                 mountPath: c.gitRef.mountPath,
@@ -144,7 +195,7 @@ const getConfigTemplatesValues = (deviceSpec) => {
         }
         if ((0, deviceSpec_1.isKubeProviderSpec)(c)) {
             return {
-                type: 'secret',
+                type: deviceSpec_1.ConfigType.K8S_SECRET,
                 name: c.name,
                 mountPath: c.secretRef.mountPath,
                 secretName: c.secretRef.name,
@@ -153,7 +204,7 @@ const getConfigTemplatesValues = (deviceSpec) => {
         }
         if ((0, deviceSpec_1.isHttpProviderSpec)(c)) {
             return {
-                type: 'http',
+                type: deviceSpec_1.ConfigType.HTTP,
                 name: c.name,
                 repository: c.httpRef.repository,
                 suffix: c.httpRef.suffix,
@@ -161,11 +212,26 @@ const getConfigTemplatesValues = (deviceSpec) => {
             };
         }
         return {
-            type: 'inline',
+            type: deviceSpec_1.ConfigType.INLINE,
             name: c.name,
-            inline: yaml.dump(c.inline),
+            files: c.inline.map((inline) => {
+                return {
+                    user: inline.user,
+                    group: inline.group,
+                    path: inline.path,
+                    permissions: inline.mode !== undefined ? (0, exports.formatFileMode)(inline.mode) : undefined,
+                    content: inline.content,
+                    base64: inline.contentEncoding === types_1.FileSpec.contentEncoding.BASE64,
+                };
+            }),
         };
     })) || [];
 };
 exports.getConfigTemplatesValues = getConfigTemplatesValues;
+const formatFileMode = (mode) => {
+    const modeStr = typeof mode === 'number' ? mode.toString(8) : mode;
+    const prefixSize = 4 - modeStr.length;
+    return prefixSize > 0 ? `${'0'.repeat(prefixSize)}${modeStr}` : modeStr;
+};
+exports.formatFileMode = formatFileMode;
 //# sourceMappingURL=deviceSpecUtils.js.map

package/dist/src/components/Device/EditDeviceWizard/deviceSpecUtils.js.map

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

package/dist/src/components/Device/EditDeviceWizard/steps/ApplicationsForm.css

@@ -0,0 +1,4 @@
+.fctl-application-template__variable-name {
+  display: flex;
+  align-items: flex-end;
+}

package/dist/src/components/Device/EditDeviceWizard/steps/ApplicationsForm.d.ts

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

package/dist/src/components/Device/EditDeviceWizard/steps/ApplicationsForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationsForm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ApplicationsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,wBAAwB,CAAC;AA6EhC,QAAA,MAAM,gBAAgB,yBA+CrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/ApplicationsForm.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const minus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/minus-circle-icon");
+const plus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/plus-circle-icon");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const ExpandableFormSection_1 = tslib_1.__importDefault(require("../../../form/ExpandableFormSection"));
+require("./ApplicationsForm.css");
+const ApplicationSection = ({ index }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const fieldName = `applications[${index}]`;
+    const [{ value: app }] = (0, formik_1.useField)(fieldName);
+    return (React.createElement(ExpandableFormSection_1.default, { title: t('Application'), fieldName: fieldName, description: app.name || app.image },
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(react_core_1.FormGroup, { label: t('Image'), isRequired: true },
+                React.createElement(TextField_1.default, { "aria-label": t('Image'), name: `applications.${index}.image`, value: app.image })),
+            React.createElement(react_core_1.FormGroup, { label: t('Application name') },
+                React.createElement(TextField_1.default, { "aria-label": t('Application name'), name: `applications.${index}.name`, value: app.name, helperText: t('The image name will be used if no name is specified') })),
+            React.createElement(formik_1.FieldArray, { name: `applications.${index}.variables` }, ({ push, remove }) => (React.createElement(react_core_1.FormSection, null,
+                app.variables.map((variable, varIndex) => (React.createElement(react_core_1.Split, { hasGutter: true, key: varIndex },
+                    React.createElement(react_core_1.SplitItem, { className: "fctl-application-template__variable-name" },
+                        React.createElement(react_core_1.FormGroup, { label: t('Variable {{ number }}', { number: varIndex + 1 }) })),
+                    React.createElement(react_core_1.SplitItem, null,
+                        React.createElement(react_core_1.FormGroup, { label: t('Name'), isRequired: true },
+                            React.createElement(TextField_1.default, { "aria-label": t('Name'), name: `applications.${index}.variables.${varIndex}.name`, value: variable.name }))),
+                    React.createElement(react_core_1.SplitItem, { isFilled: true },
+                        React.createElement(react_core_1.FormGroup, { label: t('Value'), isRequired: true },
+                            React.createElement(TextField_1.default, { "aria-label": t('Value'), name: `applications.${index}.variables.${varIndex}.value`, value: variable.value }))),
+                    React.createElement(react_core_1.SplitItem, null,
+                        React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "end", onClick: () => remove(varIndex) }))))),
+                React.createElement(react_core_1.FormGroup, null,
+                    React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(plus_circle_icon_1.PlusCircleIcon, null), iconPosition: "start", onClick: () => {
+                            push({ name: '', value: '' });
+                        } }, t('Add a variable')))))))));
+};
+const ApplicationsForm = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values } = (0, formik_1.useFormikContext)();
+    return (React.createElement(formik_1.FieldArray, { name: "applications" }, ({ push, remove }) => (React.createElement(React.Fragment, null,
+        values.applications.map((_app, index) => (React.createElement(react_core_1.FormSection, { key: index },
+            React.createElement(react_core_1.Split, { hasGutter: true },
+                React.createElement(react_core_1.SplitItem, { isFilled: true },
+                    React.createElement(ApplicationSection, { index: index })),
+                React.createElement(react_core_1.SplitItem, null,
+                    React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(index) })))))),
+        React.createElement(react_core_1.FormSection, null,
+            React.createElement(react_core_1.FormGroup, null,
+                React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(plus_circle_icon_1.PlusCircleIcon, null), iconPosition: "start", onClick: () => {
+                        push({
+                            name: '',
+                            image: '',
+                            variables: [],
+                        });
+                    } }, t('Add application'))))))));
+};
+exports.default = ApplicationsForm;
+//# sourceMappingURL=ApplicationsForm.js.map

package/dist/src/components/Device/EditDeviceWizard/steps/ApplicationsForm.js.map

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

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type ConfigInlineTemplateFormProps = {
+    index: number;
+};
+declare const ConfigInlineTemplateForm: ({ index }: ConfigInlineTemplateFormProps) => React.JSX.Element;
+export default ConfigInlineTemplateForm;
+//# sourceMappingURL=ConfigInlineTemplateForm.d.ts.map

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInlineTemplateForm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2F/B,KAAK,6BAA6B,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,wBAAwB,cAAe,6BAA6B,sBA+DzE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.js

@@ -3,13 +3,97 @@ 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 = require("@patternfly/react-icons/dist/js/icons/plus-circle-icon");
+const minus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/minus-circle-icon");
+const formik_1 = require("formik");
 const useTranslation_1 = require("../../../../hooks/useTranslation");
-const HelperTextItems_1 = require("../../../common/HelperTextItems");
-const TextAreaField_1 = tslib_1.__importDefault(require("../../../form/TextAreaField"));
+const FormSelectTypeahead_1 = tslib_1.__importDefault(require("../../../form/FormSelectTypeahead"));
+const ExpandableFormSection_1 = tslib_1.__importDefault(require("../../../form/ExpandableFormSection"));
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const UploadField_1 = tslib_1.__importDefault(require("../../../form/UploadField"));
+const CheckboxField_1 = tslib_1.__importDefault(require("../../../form/CheckboxField"));
+const deviceSpecUtils_1 = require("../deviceSpecUtils");
+const MAX_INLINE_FILE_SIZE_BYTES = 1024 * 1024;
+const FileForm = ({ fieldName }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [{ value: file }] = (0, formik_1.useField)(fieldName);
+    const permissions = React.useMemo(() => ({
+        '0777': t('(0777) Read, write, and execute permissions for all users.'),
+        '0755': t("(0755) Read and execute permission for all users. The file's owner also has write permission."),
+        '0750': t("(0750) Read and execute permission for the owner and group. The file's owner also has write permission."),
+        '0700': t("(0700) Read, write, and execute permissions for the file's owner only."),
+        '0666': t('(0666) Read and write permissions for all users. No execute permissions for others.'),
+        '0664': t('(0664) Read and write permissions for the owner and group. Read-only permission for all others.'),
+        '0660': t('(0660) Read and write permissions for the owner and group.'),
+        '0644': t('(0644) Read and write permissions for the owner. Read-only permission for all others.'),
+        '0640': t('(0640) Read and write permissions for the owner, and read-only permission for the group.'),
+        '0600': t('(0600) Read and write permissions for the owner.'),
+        '0400': t('(0400) Read permission for the owner.'),
+    }), [t]);
+    return (React.createElement(ExpandableFormSection_1.default, { title: t('File'), fieldName: fieldName, description: file.path },
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(react_core_1.FormGroup, { label: t('File path on the device'), isRequired: true },
+                React.createElement(TextField_1.default, { name: `${fieldName}.path` })),
+            React.createElement(UploadField_1.default, { label: t('Content'), name: `${fieldName}.content`, maxFileBytes: MAX_INLINE_FILE_SIZE_BYTES, isRequired: true }),
+            React.createElement(react_core_1.FormGroup, null,
+                React.createElement(CheckboxField_1.default, { name: `${fieldName}.base64`, label: t('Content is base64 encoded') })),
+            React.createElement(react_core_1.FormGroup, { label: t('Permissions') },
+                React.createElement(FormSelectTypeahead_1.default, { name: `${fieldName}.permissions`, placeholderText: t('Select permissions'), helperText: t('Select from the list or type in the permission code in octal notation'), defaultId: "0644", items: permissions, validateNewItem: (value) => {
+                        try {
+                            if (value !== '' && value.length <= 4) {
+                                const valNum = Number(`0o${value}`);
+                                if (isFinite(valNum) && valNum >= 0 && valNum <= 0o7777) {
+                                    return undefined;
+                                }
+                            }
+                        }
+                        catch (_a) {
+                            return t('Invalid permissions');
+                        }
+                        return t('Invalid permissions');
+                    }, transformNewItem: deviceSpecUtils_1.formatFileMode })),
+            React.createElement(react_core_1.FormGroup, { label: t('User') },
+                React.createElement(TextField_1.default, { name: `${fieldName}.user`, placeholder: "root" })),
+            React.createElement(react_core_1.FormGroup, { label: t('Group') },
+                React.createElement(TextField_1.default, { name: `${fieldName}.group`, placeholder: "root" })))));
+};
 const ConfigInlineTemplateForm = ({ index }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
-    return (React.createElement(react_core_1.FormGroup, { label: t('Inline'), isRequired: true },
-        React.createElement(TextAreaField_1.default, { name: `configTemplates.${index}.inline`, helperText: React.createElement(HelperTextItems_1.IgnitionFileHelperText, null) })));
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    const inlineConfig = values.configTemplates[index];
+    React.useEffect(() => {
+        var _a;
+        if (!((_a = inlineConfig.files) === null || _a === void 0 ? void 0 : _a.length)) {
+            setFieldValue(`configTemplates.${index}.files`, [
+                {
+                    path: '',
+                    content: '',
+                },
+            ]);
+        }
+        // eslint-disable-next-line
+    }, []);
+    return (React.createElement(formik_1.FieldArray, { name: `configTemplates.${index}.files` }, ({ push, remove }) => {
+        var _a;
+        return (React.createElement(React.Fragment, null, (_a = inlineConfig.files) === null || _a === void 0 ? void 0 :
+            _a.map((_, fileIndex) => {
+                const fieldName = `configTemplates[${index}].files[${fileIndex}]`;
+                return (React.createElement(react_core_1.FormSection, { key: fileIndex },
+                    React.createElement(react_core_1.Split, { hasGutter: true },
+                        React.createElement(react_core_1.SplitItem, { isFilled: true },
+                            React.createElement(FileForm, { fieldName: fieldName })),
+                        inlineConfig.files.length > 1 && (React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(fileIndex) }))))));
+            }),
+            React.createElement(react_core_1.FormSection, null,
+                React.createElement(react_core_1.FormGroup, null,
+                    React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(plus_circle_icon_1.PlusCircleIcon, null), iconPosition: "start", onClick: () => {
+                            push({
+                                path: '',
+                                content: '',
+                            });
+                        } }, t('Add file'))))));
+    }));
 };
 exports.default = ConfigInlineTemplateForm;
 //# sourceMappingURL=ConfigInlineTemplateForm.js.map

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigInlineTemplateForm.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAmD;AAEnD,qEAAkE;AAClE,qEAAyE;AACzE,wFAAwD;AAMxD,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC5E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU;QACvC,oBAAC,uBAAa,IAAC,IAAI,EAAE,mBAAmB,KAAK,SAAS,EAAE,UAAU,EAAE,oBAAC,wCAAsB,OAAG,GAAI,CACxF,CACb,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ConfigInlineTemplateForm.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type ConfigK8sSecretTemplateFormProps = {
+    index: number;
+};
+declare const ConfigK8sSecretTemplateForm: ({ index }: ConfigK8sSecretTemplateFormProps) => React.JSX.Element;
+export default ConfigK8sSecretTemplateForm;
+//# sourceMappingURL=ConfigK8sSecretTemplateForm.d.ts.map

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigK8sSecretTemplateForm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,KAAK,gCAAgC,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,2BAA2B,cAAe,gCAAgC,sBAiC/E,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.js

@@ -12,11 +12,11 @@ const ConfigK8sSecretTemplateForm = ({ index }) => {
     const template = values.configTemplates[index];
     return (React.createElement(React.Fragment, null,
         React.createElement(react_core_1.FormGroup, { label: t('Secret name'), isRequired: true },
-            React.createElement(TextField_1.default, { "aria-label": t('Secret name'), value: template.secretName, name: `configTemplates.${index}.secretName` })),
+            React.createElement(TextField_1.default, { "aria-label": t('Secret name'), value: template.secretName, name: `configTemplates.${index}.secretName`, isDisabled: true })),
         React.createElement(react_core_1.FormGroup, { label: t('Secret namespace'), isRequired: true },
-            React.createElement(TextField_1.default, { "aria-label": t('Secret namespace'), name: `configTemplates.${index}.secretNs`, value: template.secretNs })),
+            React.createElement(TextField_1.default, { "aria-label": t('Secret namespace'), name: `configTemplates.${index}.secretNs`, value: template.secretNs, isDisabled: true })),
         React.createElement(react_core_1.FormGroup, { label: t('Mount path'), isRequired: true },
-            React.createElement(TextField_1.default, { "aria-label": t('Mount path'), name: `configTemplates.${index}.mountPath`, value: template.mountPath, placeholder: t('/absolute/path') }))));
+            React.createElement(TextField_1.default, { "aria-label": t('Mount path'), name: `configTemplates.${index}.mountPath`, value: template.mountPath, placeholder: t('/absolute/path'), isDisabled: true }))));
 };
 exports.default = ConfigK8sSecretTemplateForm;
 //# sourceMappingURL=ConfigK8sSecretTemplateForm.js.map

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigK8sSecretTemplateForm.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAA0C;AAC1C,uDAAmD;AAEnD,qEAAkE;AAElE,gFAAgD;AAQhD,MAAM,2BAA2B,GAAG,CAAC,EAAE,KAAK,EAAoC,EAAE,EAAE;IAClF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAA8B,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,KAAK,CAAuB,CAAC;IACrE,OAAO,CACL;QACE,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,UAAU;YAC5C,oBAAC,mBAAS,kBACI,CAAC,CAAC,aAAa,CAAC,EAC5B,KAAK,EAAE,QAAQ,CAAC,UAAU,EAC1B,IAAI,EAAE,mBAAmB,KAAK,aAAa,GAC3C,CACQ;QACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,UAAU;YACjD,oBAAC,mBAAS,kBACI,CAAC,CAAC,kBAAkB,CAAC,EACjC,IAAI,EAAE,mBAAmB,KAAK,WAAW,EACzC,KAAK,EAAE,QAAQ,CAAC,QAAQ,GACxB,CACQ;QACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU;YAC3C,oBAAC,mBAAS,kBACI,CAAC,CAAC,YAAY,CAAC,EAC3B,IAAI,EAAE,mBAAmB,KAAK,YAAY,EAC1C,KAAK,EAAE,QAAQ,CAAC,SAAS,EACzB,WAAW,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAChC,CACQ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}
+{"version":3,"file":"ConfigK8sSecretTemplateForm.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAA0C;AAC1C,uDAAmD;AAEnD,qEAAkE;AAElE,gFAAgD;AAQhD,MAAM,2BAA2B,GAAG,CAAC,EAAE,KAAK,EAAoC,EAAE,EAAE;IAClF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAA8B,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,KAAK,CAAuB,CAAC;IACrE,OAAO,CACL;QACE,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,UAAU;YAC5C,oBAAC,mBAAS,kBACI,CAAC,CAAC,aAAa,CAAC,EAC5B,KAAK,EAAE,QAAQ,CAAC,UAAU,EAC1B,IAAI,EAAE,mBAAmB,KAAK,aAAa,EAC3C,UAAU,SACV,CACQ;QACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,UAAU;YACjD,oBAAC,mBAAS,kBACI,CAAC,CAAC,kBAAkB,CAAC,EACjC,IAAI,EAAE,mBAAmB,KAAK,WAAW,EACzC,KAAK,EAAE,QAAQ,CAAC,QAAQ,EACxB,UAAU,SACV,CACQ;QACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU;YAC3C,oBAAC,mBAAS,kBACI,CAAC,CAAC,YAAY,CAAC,EAC3B,IAAI,EAAE,mBAAmB,KAAK,YAAY,EAC1C,KAAK,EAAE,QAAQ,CAAC,SAAS,EACzB,WAAW,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAChC,UAAU,SACV,CACQ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigTemplateForm.d.ts

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

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigTemplateForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigTemplateForm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigTemplateForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuG/B,QAAA,MAAM,kBAAkB,yBAoEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigTemplateForm.js

@@ -6,12 +6,12 @@ const react_core_1 = require("@patternfly/react-core");
 const formik_1 = require("formik");
 const minus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/minus-circle-icon");
 const plus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/plus-circle-icon");
-const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const types_1 = require("@flightctl/types");
+const deviceSpec_1 = require("../../../../types/deviceSpec");
 const useTranslation_1 = require("../../../../hooks/useTranslation");
 const useFetchPeriodically_1 = require("../../../../hooks/useFetchPeriodically");
 const error_1 = require("../../../../utils/error");
 const generic_1 = require("../../../../utils/sort/generic");
-const WithTooltip_1 = tslib_1.__importDefault(require("../../../common/WithTooltip"));
 const validations_1 = require("../../../form/validations");
 const FieldHelperText_1 = tslib_1.__importDefault(require("../../../form/FieldHelperText"));
 const FormSelect_1 = tslib_1.__importDefault(require("../../../form/FormSelect"));
@@ -19,7 +19,7 @@ const RichValidationTextField_1 = tslib_1.__importDefault(require("../../../form
 const ConfigWithRepositoryTemplateForm_1 = tslib_1.__importDefault(require("./ConfigWithRepositoryTemplateForm"));
 const ConfigK8sSecretTemplateForm_1 = tslib_1.__importDefault(require("./ConfigK8sSecretTemplateForm"));
 const ConfigInlineTemplateForm_1 = tslib_1.__importDefault(require("./ConfigInlineTemplateForm"));
-require("./ConfigTemplateForm.css");
+const ExpandableFormSection_1 = tslib_1.__importDefault(require("../../../form/ExpandableFormSection"));
 const useValidateOnMount = () => {
     const { validateForm } = (0, formik_1.useFormikContext)();
     // validate new config section on mount
@@ -28,37 +28,32 @@ const useValidateOnMount = () => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 };
-const ConfigSection = ({ ct, index, repositories, repoRefetch }) => {
+const ConfigSection = ({ index, repositories, repoRefetch }) => {
     const { t } = (0, useTranslation_1.useTranslation)();
-    const [isExpanded, setIsExpanded] = React.useState(true);
     const fieldName = `configTemplates[${index}]`;
-    const { setFieldTouched } = (0, formik_1.useFormikContext)();
-    const [{ value: template }, { error }, { setTouched }] = (0, formik_1.useField)(fieldName);
+    const [{ value: { name, type }, },] = (0, formik_1.useField)(fieldName);
     useValidateOnMount();
-    return (React.createElement(react_core_1.ExpandableSection, { toggleContent: React.createElement(react_core_1.Split, { hasGutter: true },
-            React.createElement(react_core_1.SplitItem, null, t('Configurations/applications')),
-            !isExpanded && !!template.name && React.createElement(react_core_1.SplitItem, { style: { color: 'black' } }, template.name),
-            !isExpanded && error && (React.createElement(react_core_1.SplitItem, null,
-                React.createElement(WithTooltip_1.default, { showTooltip: true, content: t('Invalid configuration') },
-                    React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, { className: "fctl-config-template--error" }))))), isIndented: true, isExpanded: isExpanded, onToggle: (_, expanded) => {
-            setTouched(true);
-            Object.keys(error || {}).forEach((key) => {
-                setFieldTouched(`${fieldName}.${key}`, true);
-            });
-            setIsExpanded(expanded);
-        } },
+    const items = React.useMemo(() => {
+        const options = {
+            [deviceSpec_1.ConfigType.GIT]: { label: t('Git configuration') },
+            [deviceSpec_1.ConfigType.HTTP]: { label: t('Http configuration') },
+            [deviceSpec_1.ConfigType.INLINE]: { label: t('Inline configuration') },
+        };
+        if (type === deviceSpec_1.ConfigType.K8S_SECRET) {
+            options[deviceSpec_1.ConfigType.K8S_SECRET] = { label: t('Kubernetes secret provider') };
+        }
+        return options;
+        // The k8s secret option must remain active for this config even when the users switch the configType to a different one
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [t]);
+    return (React.createElement(ExpandableFormSection_1.default, { title: t('Configurations'), fieldName: fieldName, description: name },
         React.createElement(react_core_1.Grid, { hasGutter: true },
             React.createElement(RichValidationTextField_1.default, { fieldName: `${fieldName}.name`, "aria-label": t('Source name'), validations: (0, validations_1.getDnsSubdomainValidations)(t), isRequired: true }),
             React.createElement(react_core_1.FormGroup, { label: t('Source type'), isRequired: true },
-                React.createElement(FormSelect_1.default, { items: {
-                        git: t('Git config provider'),
-                        http: t('Http config provider'),
-                        // secret: t('Kubernetes secret provider'), not supported yet
-                        inline: t('Inline config provider'),
-                    }, name: `${fieldName}.type`, placeholderText: t('Select a source type') })),
-            ct.type === 'secret' && React.createElement(ConfigK8sSecretTemplateForm_1.default, { index: index }),
-            ct.type === 'inline' && React.createElement(ConfigInlineTemplateForm_1.default, { index: index }),
-            (ct.type === 'http' || ct.type === 'git') && (React.createElement(ConfigWithRepositoryTemplateForm_1.default, { repoType: ct.type, index: index, repositories: repositories, repoRefetch: repoRefetch })))));
+                React.createElement(FormSelect_1.default, { items: items, name: `${fieldName}.type`, placeholderText: t('Select a source type') })),
+            type === deviceSpec_1.ConfigType.K8S_SECRET && React.createElement(ConfigK8sSecretTemplateForm_1.default, { index: index }),
+            type === deviceSpec_1.ConfigType.INLINE && React.createElement(ConfigInlineTemplateForm_1.default, { index: index }),
+            (type === deviceSpec_1.ConfigType.GIT || type === deviceSpec_1.ConfigType.HTTP) && (React.createElement(ConfigWithRepositoryTemplateForm_1.default, { repoType: type === deviceSpec_1.ConfigType.HTTP ? types_1.RepoSpecType.HTTP : types_1.RepoSpecType.GIT, index: index, repositories: repositories, repoRefetch: repoRefetch })))));
 };
 const ConfigTemplateForm = () => {
     const { t } = (0, useTranslation_1.useTranslation)();
@@ -76,10 +71,10 @@ const ConfigTemplateForm = () => {
             React.createElement(react_core_1.Spinner, null)));
     }
     return (React.createElement(formik_1.FieldArray, { name: "configTemplates" }, ({ push, remove }) => (React.createElement(React.Fragment, null,
-        values.configTemplates.map((ct, index) => (React.createElement(react_core_1.FormSection, { key: index },
+        values.configTemplates.map((_, index) => (React.createElement(react_core_1.FormSection, { key: index },
             React.createElement(react_core_1.Split, { hasGutter: true },
                 React.createElement(react_core_1.SplitItem, { isFilled: true },
-                    React.createElement(ConfigSection, { ct: ct, index: index, repositories: repositories, repoRefetch: refetch })),
+                    React.createElement(ConfigSection, { index: index, repositories: repositories, repoRefetch: refetch })),
                 React.createElement(react_core_1.SplitItem, null,
                     React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(index) })))))),
         React.createElement(react_core_1.FormSection, null,
@@ -89,7 +84,7 @@ const ConfigTemplateForm = () => {
                             name: '',
                             type: '',
                         });
-                    } }, t('Add configurations/applications')))),
+                    } }, t('Add configuration')))),
         React.createElement(FieldHelperText_1.default, { error: generalError })))));
 };
 exports.default = ConfigTemplateForm;