@flightctl/ui-components 1.0.2 → 1.1.0-rc4

package/dist/ui-components/src/components/common/CodeEditor/YamlEditor.js

@@ -0,0 +1,180 @@
+"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 js_yaml_1 = require("js-yaml");
+const fast_json_patch_1 = require("fast-json-patch");
+const types_1 = require("@flightctl/types");
+const labels_1 = require("../../../utils/labels");
+const patch_1 = require("../../../utils/patch");
+const error_1 = require("../../../utils/error");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const useFetch_1 = require("../../../hooks/useFetch");
+const YamlEditorBase_1 = tslib_1.__importDefault(require("./YamlEditorBase"));
+require("./YamlEditor.css");
+const convertObjToYAMLString = (obj) => {
+    let yaml = '';
+    if (obj) {
+        try {
+            yaml = (0, js_yaml_1.dump)(obj, { lineWidth: -1 });
+        }
+        catch (e) {
+            yaml = `# Error converting object to YAML\n# ${(0, error_1.getErrorMessage)(e)}`;
+        }
+    }
+    return yaml;
+};
+const getResourceEndpoint = (obj) => {
+    const kind = obj.kind;
+    const resourceName = obj.metadata.name || '';
+    switch (kind) {
+        case types_1.ResourceKind.FLEET:
+            return `fleets/${resourceName}`;
+        case types_1.ResourceKind.DEVICE:
+            return `devices/${resourceName}`;
+        case types_1.ResourceKind.REPOSITORY:
+            return `repositories/${resourceName}`;
+        case types_1.ResourceKind.AUTH_PROVIDER:
+            return `authproviders/${resourceName}`;
+        default:
+            throw new Error(`Unsupported resource kind: ${kind}`);
+    }
+};
+const mutablePaths = ['/spec', '/metadata/labels'];
+const supportedOps = ['add', 'replace', 'remove', 'test'];
+const getFallbackPatches = (original, updated) => {
+    var _a, _b;
+    let fallbackPatch = [];
+    const originalLabels = ((_a = original.metadata) === null || _a === void 0 ? void 0 : _a.labels) || {};
+    const updatedLabels = (0, labels_1.fromAPILabel)(((_b = updated.metadata) === null || _b === void 0 ? void 0 : _b.labels) || {});
+    const labelPatches = (0, patch_1.getLabelPatches)('/metadata/labels', originalLabels, updatedLabels);
+    if (labelPatches.length > 0) {
+        fallbackPatch = labelPatches;
+    }
+    if (JSON.stringify(original.spec) !== JSON.stringify(updated.spec)) {
+        fallbackPatch.push({
+            op: 'replace',
+            path: '/spec',
+            value: updated.spec,
+        });
+    }
+    return fallbackPatch;
+};
+const getFilename = (obj) => {
+    var _a;
+    let filename;
+    if (obj.kind === types_1.ResourceKind.DEVICE) {
+        filename = (_a = obj.metadata.labels) === null || _a === void 0 ? void 0 : _a.alias;
+    }
+    return filename || obj.metadata.name;
+};
+const createPatchList = (original, updated) => {
+    const rawComparePatches = (0, fast_json_patch_1.compare)(original, updated);
+    const mutableFieldPatches = rawComparePatches.filter((op) => mutablePaths.some((path) => op.path.startsWith(path)));
+    const hasOnlySupportedOperations = mutableFieldPatches.every((patch) => supportedOps.includes(patch.op));
+    if (hasOnlySupportedOperations) {
+        return mutableFieldPatches;
+    }
+    // Some changes associated with the unsupported operations could be lost.
+    // To prevent that, we'll use a fallback that patches the top-level mutable fields that were modified.
+    return getFallbackPatches(original, updated);
+};
+const YamlEditor = ({ apiObj, refetch, disabledEditReason, canEdit = true, }) => {
+    const [yaml, setYaml] = React.useState(convertObjToYAMLString(apiObj));
+    const [yamlResourceVersion, setYamlResourceVersion] = React.useState(apiObj.metadata.resourceVersion || '0');
+    const [doUpdate, setDoUpdate] = React.useState(false);
+    const [isSaving, setIsSaving] = React.useState(false);
+    const [saveError, setSaveError] = React.useState(undefined);
+    const [isSavedSuccessfully, setIsSavedSuccessfully] = React.useState(false);
+    const editorRef = React.useRef(null);
+    const { router: { useNavigate }, } = (0, useAppContext_1.useAppContext)();
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const navigate = useNavigate();
+    const { patch } = (0, useFetch_1.useFetch)();
+    const resourceName = getFilename(apiObj);
+    const needsReload = yamlResourceVersion !== apiObj.metadata.resourceVersion;
+    React.useEffect(() => {
+        if (doUpdate) {
+            const newYaml = convertObjToYAMLString(apiObj);
+            setYaml(newYaml);
+            // When users click reload, we force Monaco Editor to update its content
+            if (editorRef.current) {
+                editorRef.current.setValue(newYaml);
+            }
+            setYamlResourceVersion(apiObj.metadata.resourceVersion || '0');
+            setDoUpdate(false);
+        }
+    }, [doUpdate, apiObj]);
+    const handleSave = async (updatedYaml) => {
+        var _a;
+        if (!updatedYaml) {
+            return;
+        }
+        let updatedObj;
+        try {
+            updatedObj = (0, js_yaml_1.load)(updatedYaml);
+        }
+        catch (error) {
+            setSaveError({ hasConflict: false, message: (0, error_1.getErrorMessage)(error) });
+            return;
+        }
+        setSaveError(undefined);
+        setIsSavedSuccessfully(false);
+        setIsSaving(true);
+        try {
+            const patchList = createPatchList(apiObj, updatedObj);
+            if (patchList.length === 0) {
+                // TODO - Check with UX team if the user should be aware that there are no valid changes
+                return;
+            }
+            // This operation ensures that the patch only succeeds if we are updating the latest resourceVersion
+            patchList.unshift({
+                op: 'test',
+                path: '/metadata/resourceVersion',
+                value: yamlResourceVersion,
+            });
+            const endpoint = getResourceEndpoint(apiObj);
+            const resultObject = await patch(endpoint, patchList);
+            const newResourceVersion = ((_a = resultObject.metadata) === null || _a === void 0 ? void 0 : _a.resourceVersion) || 'unknown';
+            setYaml(convertObjToYAMLString(resultObject));
+            setYamlResourceVersion(newResourceVersion);
+            setIsSavedSuccessfully(true);
+            refetch();
+        }
+        catch (error) {
+            const hasResourceConflict = (0, error_1.isResourceVersionTestFailure)(error);
+            if (hasResourceConflict) {
+                setSaveError({ hasConflict: true, message: '' });
+            }
+            else {
+                setSaveError({ hasConflict: false, message: (0, error_1.getErrorMessage)(error) });
+            }
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    return (React.createElement("div", { className: "fctl-yaml-editor" },
+        React.createElement(YamlEditorBase_1.default, { filename: resourceName, code: yaml, onCancel: () => {
+                navigate('../.');
+            }, onReload: () => {
+                refetch();
+                setIsSavedSuccessfully(false);
+                setSaveError(undefined);
+                setDoUpdate(true);
+            }, onSave: canEdit ? handleSave : undefined, isSaving: isSaving, disabledEditReason: canEdit ? disabledEditReason : undefined, editorRef: editorRef }),
+        isSavedSuccessfully && (React.createElement(react_core_1.Alert, { isInline: true, variant: "success", title: t('{{ resourceName }} has been updated to version {{ version }}', {
+                resourceName,
+                version: yamlResourceVersion,
+            }), actionClose: React.createElement(react_core_1.AlertActionCloseButton, { onClose: () => setIsSavedSuccessfully(false) }) })),
+        saveError && (React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('Yaml could not be saved') }, saveError.hasConflict ? (React.createElement(react_core_1.Stack, null,
+            React.createElement(react_core_1.StackItem, null, t('A newer version of the resource has been detected.')),
+            React.createElement(react_core_1.StackItem, null, t('First, copy your changes to a safe location, then click ʼReloadʼ to get the latest version, and reapply your changes.')))) : (React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null, t('The current YAML is invalid. Fix the errors, or click ʼReloadʼ to discard your changes.')),
+            React.createElement(react_core_1.StackItem, null, saveError.message))))),
+        needsReload && (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: t('This object has been updated.') }, t('Click reload to see the new version.')))));
+};
+exports.default = YamlEditor;
+//# sourceMappingURL=YamlEditor.js.map

package/dist/ui-components/src/components/common/CodeEditor/YamlEditor.js.map

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

package/dist/ui-components/src/components/common/CodeEditor/YamlEditorBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YamlEditorBase.d.ts","sourceRoot":"","sources":["../../../../../../src/components/common/CodeEditor/YamlEditorBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,KAAK,YAAY,MAAM,wCAAwC,CAAC;AAS5E,OAAO,sBAAsB,CAAC;AAM9B,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,oGAUrB,mBAAmB,sBAiHrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/ui-components/src/components/common/CodeEditor/YamlEditorBase.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const monaco = tslib_1.__importStar(require("monaco-editor"));
+const react_1 = require("@monaco-editor/react");
+const react_core_1 = require("@patternfly/react-core");
+const react_code_editor_1 = require("@patternfly/react-code-editor");
+const download_icon_1 = require("@patternfly/react-icons/dist/js/icons/download-icon");
+const file_saver_1 = require("file-saver");
+const ErrorBoundary_1 = tslib_1.__importDefault(require("../ErrorBoundary"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../form/FlightCtlForm"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useThemePreferences_1 = require("../../../hooks/useThemePreferences");
+// TODO add useShortcutPopover when adding saving capabilities to the YAML editor
+const CodeEditorTheme_1 = require("./CodeEditorTheme");
+require("./YamlEditorBase.css");
+// Avoid using monaco from CDN
+react_1.loader.config({ monaco });
+const YamlEditorBase = ({ filename, code, onCancel, onReload, onSave, isSaving, disabledEditReason, editorRef, readOnly = false, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const monacoRef = React.useRef(null);
+    const saveButtonRef = React.useRef(null);
+    const { resolvedTheme } = (0, useThemePreferences_1.useThemePreferences)();
+    const [editorMounted, setEditorMounted] = React.useState(false);
+    const downloadYaml = () => {
+        var _a;
+        const resource = (_a = editorRef === null || editorRef === void 0 ? void 0 : editorRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
+        if (resource) {
+            const blob = new Blob([resource], { type: 'text/yaml;charset=utf-8' });
+            (0, file_saver_1.saveAs)(blob, `${filename}.yaml`);
+        }
+    };
+    const handleSave = async () => {
+        var _a;
+        if (onSave) {
+            const yamlContent = (_a = editorRef === null || editorRef === void 0 ? void 0 : editorRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
+            await onSave(yamlContent);
+        }
+    };
+    // recalculate bounds when viewport is changed
+    React.useEffect(() => {
+        const handleResize = () => {
+            var _a, _b;
+            const editors = (_b = (_a = monacoRef.current) === null || _a === void 0 ? void 0 : _a.editor) === null || _b === void 0 ? void 0 : _b.getEditors();
+            editors === null || editors === void 0 ? void 0 : editors.forEach((editor) => {
+                editor.layout({ width: 0, height: 0 });
+                editor.layout();
+            });
+        };
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    React.useEffect(() => {
+        if (editorMounted) {
+            // Prevent all brackets/curly braces by being highlighted by default
+            monaco.languages.setLanguageConfiguration('yaml', {
+                colorizedBracketPairs: [],
+            });
+        }
+    }, [editorMounted]);
+    return (React.createElement(ErrorBoundary_1.default, null,
+        React.createElement(FlightCtlForm_1.default, null,
+            React.createElement(react_code_editor_1.CodeEditor, { className: "fctl-yaml-editor-base", copyButtonAriaLabel: t('Copy to clipboard'), copyButtonSuccessTooltipText: t('Content copied to clipboard'), copyButtonToolTipText: t('Copy to clipboard'), downloadButtonAriaLabel: t('Download yaml'), downloadButtonToolTipText: t('Download yaml'), shortcutsPopoverButtonText: t('View shortcuts'), emptyStateBody: t('Drag and drop a file or upload one.'), emptyStateButton: t('Browse'), emptyStateLink: t('Start from scratch'), emptyStateTitle: t('Start editing'), language: react_code_editor_1.Language.yaml, code: code, onEditorDidMount: (editor, instance) => {
+                    setEditorMounted(true);
+                    (0, CodeEditorTheme_1.defineConsoleThemes)(instance);
+                    monacoRef.current = instance;
+                    if (editorRef) {
+                        editorRef.current = editor;
+                    }
+                }, options: {
+                    theme: `console-${resolvedTheme}`,
+                    readOnly: readOnly || !!disabledEditReason,
+                } }),
+            React.createElement(react_core_1.ActionGroup, { className: "fctl-yaml-editor-base__action-group" },
+                onSave && (React.createElement(React.Fragment, null,
+                    disabledEditReason && React.createElement(react_core_1.Tooltip, { content: disabledEditReason, triggerRef: saveButtonRef }),
+                    React.createElement(react_core_1.Button, { ref: saveButtonRef, variant: "primary", "aria-label": t('Save'), onClick: handleSave, isLoading: isSaving, isAriaDisabled: isSaving || !!disabledEditReason }, t('Save')))),
+                onReload && (React.createElement(react_core_1.Button, { variant: "secondary", "aria-label": t('Reload'), onClick: onReload }, t('Reload'))),
+                React.createElement(react_core_1.Button, { variant: "secondary", "aria-label": t('Cancel'), onClick: onCancel }, t('Cancel')),
+                React.createElement(react_core_1.Button, { icon: React.createElement(download_icon_1.DownloadIcon, null), type: "submit", variant: "secondary", className: "pf-v6-u-ml-auto", "aria-label": t('Download'), onClick: downloadYaml }, t('Download'))))));
+};
+exports.default = YamlEditorBase;
+//# sourceMappingURL=YamlEditorBase.js.map

package/dist/ui-components/src/components/common/CodeEditor/YamlEditorBase.js.map

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

package/dist/ui-components/src/components/common/CodeEditor/useShortcutPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcutPopover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/common/CodeEditor/useShortcutPopover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAKtD,eAAO,MAAM,kBAAkB,GAAI,kBAAkB,YAAY,KAAG,YAgCnE,CAAC"}

package/dist/ui-components/src/components/common/CodeEditor/useShortcutPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcutPopover.js","sourceRoot":"","sources":["../../../../../../src/components/common/CodeEditor/useShortcutPopover.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,kEAA+D;AAC/D,kEAAkC;AAE3B,MAAM,kBAAkB,GAAG,CAAC,eAA8B,EAAgB,EAAE;IACjF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,YAAY,EAAE,CAAC,CAAC,gBAAgB,CAAC;QACjC,WAAW,EAAE,CACX;YACE;gBACE,8BAAC,kBAAQ,IAAC,OAAO,EAAC,IAAI,IAAE,CAAC,CAAC,2BAA2B,CAAC,CAAY;gBAClE,8BAAC,kBAAQ,IAAC,IAAI,QAAC,OAAO,EAAC,OAAO,IAC3B,CAAC,CAAC,wBAAwB,CAAC,CACnB;gBACX,8BAAC,kBAAQ,IAAC,IAAI,QAAC,KAAK,QAAC,OAAO,EAAC,GAAG,IAC7B,CAAC,CAAC,6EAA6E,CAAC,CACxE;gBACX,8BAAC,kBAAQ,IAAC,OAAO,QAAC,KAAK,QAAC,OAAO,EAAC,GAAG,IAChC,CAAC,CAAC,uBAAuB,CAAC,CAClB;gBACX,8BAAC,kBAAQ,IAAC,KAAK,UAAE,CAAC,CAAC,4BAA4B,CAAC,CAAY;gBAC5D,8BAAC,kBAAQ,IAAC,OAAO,QAAC,OAAO,EAAC,GAAG,IAC1B,CAAC,CAAC,MAAM,CAAC,CACD,CACL,CACF,CACT;QACD,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,eAAe;KACxB,CAAC,EACF,CAAC,CAAC,EAAE,eAAe,CAAC,CACrB,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,kBAAkB,sBAgC7B"}

package/dist/ui-components/src/components/common/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAI5E,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,8BAA8B,eAAe,sBAuChE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/ui-components/src/components/common/CopyButton.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const copy_icon_1 = require("@patternfly/react-icons/dist/js/icons/copy-icon");
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const CopyButton = ({ ariaLabel, text, variant }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [copied, setCopied] = React.useState(false);
+    const onCopy = () => {
+        void navigator.clipboard.writeText(text);
+        setCopied(true);
+    };
+    React.useEffect(() => {
+        let timeout;
+        if (copied) {
+            timeout = setTimeout(() => {
+                setCopied(false);
+            }, 1000);
+        }
+        return () => {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+        };
+    }, [copied]);
+    return (React.createElement(react_core_1.Tooltip, { content: copied ? t('Copied!') : ariaLabel || t('Copy text') },
+        React.createElement(react_core_1.Button, { variant: variant || 'plain', isInline: variant === 'link', onClick: onCopy, icon: React.createElement(react_core_1.Icon, { size: "sm" },
+                React.createElement(copy_icon_1.CopyIcon, null)), "aria-label": ariaLabel || t('Copy text') })));
+};
+exports.default = CopyButton;
+//# sourceMappingURL=CopyButton.js.map

package/dist/ui-components/src/components/common/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../../src/components/common/CopyButton.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,+EAA2E;AAC3E,uDAA4E;AAE5E,+DAA4D;AAQ5D,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAmB,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAkD,CAAC;QACvD,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,EAAE,CAAC;gBACZ,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,oBAAC,oBAAO,IAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,WAAW,CAAC;QACnE,oBAAC,mBAAM,IACL,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,QAAQ,EAAE,OAAO,KAAK,MAAM,EAC5B,OAAO,EAAE,MAAM,EACf,IAAI,EACF,oBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI;gBACb,oBAAC,oBAAQ,OAAG,CACP,gBAEG,SAAS,IAAI,CAAC,CAAC,WAAW,CAAC,GACvC,CACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/ui-components/src/components/common/EditableLabelControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableLabelControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/EditableLabelControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,yBAAyB,GAAG;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,0DAK3B,yBAAyB,sBAkD3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/ui-components/src/components/common/EditableLabelControl.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const EditableLabelControl = ({ addButtonText, defaultLabel, onAddLabel, isEditable = true, }) => {
+    const [isEditing, setIsEditing] = React.useState(false);
+    const [label, setLabel] = React.useState('');
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const onConfirmAdd = () => {
+        onAddLabel(label);
+        setIsEditing(false);
+        setLabel('');
+    };
+    const onDiscardAdd = () => {
+        setIsEditing(false);
+        setLabel('');
+    };
+    return isEditing ? (React.createElement(react_core_1.TextInput, { "aria-label": t('New label'), autoFocus: true, value: label, onChange: (ev) => {
+            setLabel(ev.currentTarget.value);
+        }, onBlur: onConfirmAdd, onKeyDown: (e) => {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                onConfirmAdd();
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                onDiscardAdd();
+            }
+        } })) : (React.createElement(react_core_1.Button, { "aria-label": addButtonText || t('Add label'), variant: "link", className: "pf-v6-u-ml-xs", isInline: true, isDisabled: !isEditable, onClick: () => {
+            setIsEditing(true);
+            setLabel(defaultLabel);
+        } }, addButtonText || t('Add label')));
+};
+exports.default = EditableLabelControl;
+//# sourceMappingURL=EditableLabelControl.js.map

package/dist/ui-components/src/components/common/EditableLabelControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableLabelControl.js","sourceRoot":"","sources":["../../../../../src/components/common/EditableLabelControl.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA2D;AAE3D,+DAA4D;AAS5D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,aAAa,EACb,YAAY,EACZ,UAAU,EACV,UAAU,GAAG,IAAI,GACS,EAAE,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,sBAAS,kBACI,CAAC,CAAC,WAAW,CAAC,EAC1B,SAAS,QACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAqC,EAAE,EAAE;YAClD,QAAQ,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EACD,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;YACjB,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;YACjB,CAAC;QACH,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAM,kBACO,aAAa,IAAI,CAAC,CAAC,WAAW,CAAC,EAC3C,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,eAAe,EACzB,QAAQ,QACR,UAAU,EAAE,CAAC,UAAU,EACvB,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACzB,CAAC,IAEA,aAAa,IAAI,CAAC,CAAC,WAAW,CAAC,CACzB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/ui-components/src/components/common/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAmB,MAAM,eAAe,CAAC;AAK3D,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,CAAC,EAAE,SAAS,CAAC;CACd;AAyCD,QAAA,MAAM,uBAAuB,8NAAmC,CAAC;AAEjE,eAAe,uBAAuB,CAAC"}

package/dist/ui-components/src/components/common/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../../src/components/common/ErrorBoundary.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,iDAA2D;AAC3D,uDAA+C;AAE/C,6CAAoD;AAapD,MAAM,aAAc,SAAQ,eAAK,CAAC,SAAuB;IAAzD;;QACE,UAAK,GAAG;YACN,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAW;YAC1C,IAAI,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE;SAC7B,CAAC;QAMF,sBAAiB,GAAG,CAAC,KAAY,EAAE,IAAqB,EAAE,EAAE;YAC1D,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC;IAkBJ,CAAC;IAhBC,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,8BAAC,kBAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,QAAQ;YACpE,CAAC,CAAC,uCAAuC,CAAC;YAC3C,+CAAU,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAW,CACrC,CACT,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IACJ,CAAC;;AAvBM,sCAAwB,GAAG,EAAC,WAAW,EAAE,EAAE;IAChD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAC,AAF8B,CAE7B;AAwBJ,MAAM,uBAAuB,GAAG,IAAA,+BAAe,GAAE,CAAC,aAAa,CAAC,CAAC;AAEjE,kBAAe,uBAAuB,CAAC"}

package/dist/ui-components/src/components/common/FlightCtlDescriptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightCtlDescriptionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/FlightCtlDescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG/E,QAAA,MAAM,wBAAwB,GAAI,uBAAuB,oBAAoB,sBAI5E,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/ui-components/src/components/common/FlightCtlDescriptionList.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+// eslint-disable-next-line no-restricted-imports
+const react_core_1 = require("@patternfly/react-core");
+// Wrapper that adds the PF4 class for description lists as their styles are not loaded in the Console
+const FlightCtlDescriptionList = ({ children, ...rest }) => (React.createElement(react_core_1.DescriptionList, { ...rest, className: "pf-c-description-list" }, children));
+exports.default = FlightCtlDescriptionList;
+//# sourceMappingURL=FlightCtlDescriptionList.js.map

package/dist/ui-components/src/components/common/FlightCtlDescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightCtlDescriptionList.js","sourceRoot":"","sources":["../../../../../src/components/common/FlightCtlDescriptionList.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,iDAAiD;AACjD,uDAA+E;AAE/E,sGAAsG;AACtG,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAwB,EAAE,EAAE,CAAC,CAChF,oBAAC,4BAAe,OAAK,IAAI,EAAE,SAAS,EAAC,uBAAuB,IACzD,QAAQ,CACO,CACnB,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}

package/dist/ui-components/src/components/common/FlightCtlWizardFooter.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { FormikErrors } from 'formik';
+export type FlightCtlWizardFooterProps<T extends Record<string, unknown>> = {
+    firstStepId: string;
+    submitStepId: string;
+    validateStep: (activeStepId: string, errors: FormikErrors<T>, values: T) => boolean;
+    isReadOnly?: boolean;
+    /** Text for the primary button when it will actually perform a save operation */
+    saveButtonText?: string;
+};
+declare const FlightCtlWizardFooter: <T extends Record<string, unknown>>({ firstStepId, submitStepId, validateStep, isReadOnly, saveButtonText, }: FlightCtlWizardFooterProps<T>) => React.JSX.Element;
+export default FlightCtlWizardFooter;
+//# sourceMappingURL=FlightCtlWizardFooter.d.ts.map

package/dist/ui-components/src/components/common/FlightCtlWizardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightCtlWizardFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/FlightCtlWizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAoB,MAAM,QAAQ,CAAC;AAcxD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC1E,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,0EAM/D,0BAA0B,CAAC,CAAC,CAAC,sBA8D/B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/ui-components/src/components/common/FlightCtlWizardFooter.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useNavigate_1 = require("../../hooks/useNavigate");
+const FlightCtlWizardFooter = ({ firstStepId, submitStepId, validateStep, isReadOnly = false, saveButtonText, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { goToNextStep, goToPrevStep, activeStep } = (0, react_core_1.useWizardContext)();
+    const { submitForm, isSubmitting, errors, values } = (0, formik_1.useFormikContext)();
+    const buttonRef = React.useRef(null);
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const isSubmitStep = activeStep.id === submitStepId;
+    const stepValid = validateStep(String(activeStep.id), errors, values);
+    const onMoveNext = () => {
+        var _a;
+        goToNextStep();
+        // Blur the button, otherwise it keeps the focus from the previous click
+        (_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    };
+    let primaryBtn;
+    if (isSubmitStep && !isReadOnly) {
+        primaryBtn = (React.createElement(react_core_1.Button, { variant: "primary", onClick: submitForm, isDisabled: isSubmitting, isLoading: isSubmitting }, saveButtonText || t('Save')));
+    }
+    else if (isSubmitStep) {
+        // Read-only "Review" step
+        primaryBtn = (React.createElement(react_core_1.Button, { variant: "primary", onClick: () => navigate(-1) }, t('Close')));
+    }
+    else {
+        primaryBtn = (React.createElement(react_core_1.Button, { variant: "primary", onClick: onMoveNext, isDisabled: !isReadOnly && !stepValid, ref: buttonRef }, t('Next')));
+    }
+    return (React.createElement(react_core_1.WizardFooterWrapper, null,
+        React.createElement(react_core_1.ActionList, null,
+            React.createElement(react_core_1.ActionListGroup, null,
+                React.createElement(react_core_1.ActionListItem, null,
+                    React.createElement(react_core_1.Button, { variant: "secondary", onClick: goToPrevStep, isDisabled: String(activeStep.id) === firstStepId || isSubmitting }, t('Back'))),
+                React.createElement(react_core_1.ActionListItem, null, primaryBtn)),
+            React.createElement(react_core_1.ActionListGroup, null,
+                React.createElement(react_core_1.ActionListItem, null,
+                    React.createElement(react_core_1.Button, { variant: "link", onClick: () => navigate(-1), isDisabled: isSubmitting }, t('Cancel')))))));
+};
+exports.default = FlightCtlWizardFooter;
+//# sourceMappingURL=FlightCtlWizardFooter.js.map

package/dist/ui-components/src/components/common/FlightCtlWizardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightCtlWizardFooter.js","sourceRoot":"","sources":["../../../../../src/components/common/FlightCtlWizardFooter.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAwD;AACxD,uDAQgC;AAEhC,+DAA4D;AAC5D,yDAAsD;AAWtD,MAAM,qBAAqB,GAAG,CAAoC,EAChE,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,cAAc,GACgB,EAAE,EAAE;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,6BAAgB,GAAE,CAAC;IACtE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAAK,CAAC;IAC3E,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,UAAU,CAAC,EAAE,KAAK,YAAY,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtE,MAAM,UAAU,GAAG,GAAG,EAAE;;QACtB,YAAY,EAAE,CAAC;QACf,wEAAwE;QACxE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,IAAI,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAI,UAA2B,CAAC;IAChC,IAAI,YAAY,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,UAAU,GAAG,CACX,oBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,IAC7F,cAAc,IAAI,CAAC,CAAC,MAAM,CAAC,CACrB,CACV,CAAC;IACJ,CAAC;SAAM,IAAI,YAAY,EAAE,CAAC;QACxB,0BAA0B;QAC1B,UAAU,GAAG,CACX,oBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAClD,CAAC,CAAC,OAAO,CAAC,CACJ,CACV,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,UAAU,GAAG,CACX,oBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,SAAS,IACjG,CAAC,CAAC,MAAM,CAAC,CACH,CACV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,oBAAC,gCAAmB;QAClB,oBAAC,uBAAU;YACT,oBAAC,4BAAe;gBACd,oBAAC,2BAAc;oBACb,oBAAC,mBAAM,IACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,WAAW,IAAI,YAAY,IAEhE,CAAC,CAAC,MAAM,CAAC,CACH,CACM;gBACjB,oBAAC,2BAAc,QAAE,UAAU,CAAkB,CAC7B;YAClB,oBAAC,4BAAe;gBACd,oBAAC,2BAAc;oBACb,oBAAC,mBAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,YAAY,IACzE,CAAC,CAAC,QAAQ,CAAC,CACL,CACM,CACD,CACP,CACO,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/dist/ui-components/src/components/common/LabelsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelsView.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/LabelsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CACxD;AAED,QAAA,MAAM,UAAU,GAAI,oBAAoB,eAAe,4BAgBtD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/ui-components/src/components/common/LabelsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelsView.js","sourceRoot":"","sources":["../../../../../src/components/common/LabelsView.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA2D;AAE3D,+DAA4D;AAO5D,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAChD,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,CACL,oBAAC,uBAAU,IAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,IAC/F,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/C,oBAAC,kBAAK,IAAC,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,IACvD,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAC1B,CACT,CAAC,CACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/ui-components/src/components/common/LearnMoreLink.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const LearnMoreLink: ({ text, link }: {
+    text?: string;
+    link: string;
+}) => React.JSX.Element;
+export default LearnMoreLink;
+//# sourceMappingURL=LearnMoreLink.d.ts.map

package/dist/ui-components/src/components/common/LearnMoreLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearnMoreLink.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/LearnMoreLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,aAAa,GAAI,gBAAgB;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBAgBrE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ui-components/src/components/common/LearnMoreLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearnMoreLink.js","sourceRoot":"","sources":["../../../../../src/components/common/LearnMoreLink.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,uDAAgD;AAChD,kIAA+F;AAE/F,+DAA4D;AAE5D,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAmC,EAAE,EAAE;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,mBAAM,IACL,SAAS,EAAC,GAAG,EACb,OAAO,EAAC,MAAM,EACd,QAAQ,QACR,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,oBAAC,gCAAmB,OAAG,EAC7B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,IAAI,IAET,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,CACjB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/ui-components/src/components/common/LeaveFormConfirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeaveFormConfirmation.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/LeaveFormConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyE/B,QAAA,MAAM,qBAAqB,gCAe1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/ui-components/src/components/common/LeaveFormConfirmation.js

@@ -0,0 +1,53 @@
+"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 useTranslation_1 = require("../../hooks/useTranslation");
+const useAppContext_1 = require("../../hooks/useAppContext");
+const ConfirmNavigationDialog = ({ blocker }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (blocker.state !== 'blocked') {
+        return null;
+    }
+    return (React.createElement(react_core_1.Modal, { isOpen: true, variant: "small" },
+        React.createElement(react_core_1.ModalHeader, { title: t('There are unsaved changes'), titleIconVariant: "warning" }),
+        React.createElement(react_core_1.ModalBody, null,
+            React.createElement(react_core_1.Content, { component: "p" }, t('Are you sure you want to leave the current page? Unsaved changes will be lost.'))),
+        React.createElement(react_core_1.ModalFooter, null,
+            React.createElement(react_core_1.Button, { key: "proceed", variant: "danger", onClick: () => {
+                    var _a;
+                    (_a = blocker.proceed) === null || _a === void 0 ? void 0 : _a.call(blocker);
+                } }, t('Discard changes')),
+            React.createElement(react_core_1.Button, { key: "stay", variant: "link", onClick: () => {
+                    var _a;
+                    (_a = blocker.reset) === null || _a === void 0 ? void 0 : _a.call(blocker);
+                } }, t('Stay here')))));
+};
+const RouterBlocker = ({ lock }) => {
+    const { router: { useBlocker }, } = (0, useAppContext_1.useAppContext)();
+    const shouldBlock = ({ currentLocation, nextLocation }) => {
+        return lock && currentLocation.pathname !== nextLocation.pathname;
+    };
+    const blocker = useBlocker === null || useBlocker === void 0 ? void 0 : useBlocker(shouldBlock);
+    return React.createElement(React.Fragment, null, blocker ? React.createElement(ConfirmNavigationDialog, { blocker: blocker }) : null);
+};
+const BrowserBlocker = ({ lock }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { router: { Prompt }, } = (0, useAppContext_1.useAppContext)();
+    return (Prompt &&
+        lock && React.createElement(Prompt, { message: t('Are you sure you want to leave the current page? Unsaved changes will be lost.') }));
+};
+const LeaveFormConfirmation = () => {
+    const { dirty, isSubmitting } = (0, formik_1.useFormikContext)();
+    const { appType, router: { useBlocker }, } = (0, useAppContext_1.useAppContext)();
+    const lock = !isSubmitting && dirty;
+    if (appType === useAppContext_1.FlightCtlApp.AAP) {
+        return null;
+    }
+    // workaround for OCP plugin where useBlocker is not yet available due to older react-router-dom version
+    return useBlocker ? React.createElement(RouterBlocker, { lock: lock }) : React.createElement(BrowserBlocker, { lock: lock });
+};
+exports.default = LeaveFormConfirmation;
+//# sourceMappingURL=LeaveFormConfirmation.js.map

package/dist/ui-components/src/components/common/LeaveFormConfirmation.js.map

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

package/dist/ui-components/src/components/common/OrganizationGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationGuard.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/OrganizationGuard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAoB,MAAM,kBAAkB,CAAC;AAMlE,UAAU,uBAAuB;IAC/B,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC,sBAAsB,EAAE,YAAY,EAAE,CAAC;IACvC,4BAA4B,EAAE,OAAO,CAAC;IACtC,kBAAkB,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD;AAID,eAAO,MAAM,2BAA2B,QAAO,uBAM9C,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,cAAc,KAAK,CAAC,iBAAiB,sBA8H/D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}