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

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

@@ -0,0 +1,173 @@
+"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 useAppContext_1 = require("../../../hooks/useAppContext");
+const useFetch_1 = require("../../../hooks/useFetch");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const GeneralInfoStep_1 = tslib_1.__importStar(require("./steps/GeneralInfoStep"));
+const TypeConfigStep_1 = tslib_1.__importStar(require("./steps/TypeConfigStep"));
+const VersionStep_1 = tslib_1.__importStar(require("./steps/VersionStep"));
+const ReviewStep_1 = tslib_1.__importStar(require("./steps/ReviewStep"));
+const utils_1 = require("./utils");
+const FlightCtlWizardFooter_1 = tslib_1.__importDefault(require("../../common/FlightCtlWizardFooter"));
+const LeaveFormConfirmation_1 = tslib_1.__importDefault(require("../../common/LeaveFormConfirmation"));
+const ErrorBoundary_1 = tslib_1.__importDefault(require("../../common/ErrorBoundary"));
+const error_1 = require("../../../utils/error");
+const PermissionsContext_1 = require("../../common/PermissionsContext");
+const PageWithPermissions_1 = tslib_1.__importDefault(require("../../common/PageWithPermissions"));
+const rbac_1 = require("../../../types/rbac");
+const orderedIds = [GeneralInfoStep_1.generalInfoStepId, TypeConfigStep_1.typeConfigStepId, VersionStep_1.versionStepId, ReviewStep_1.reviewStepId];
+const getValidStepIds = (formikErrors) => {
+    const validStepIds = [];
+    if ((0, GeneralInfoStep_1.isGeneralInfoStepValid)(formikErrors)) {
+        validStepIds.push(GeneralInfoStep_1.generalInfoStepId);
+    }
+    if ((0, TypeConfigStep_1.isTypeConfigStepValid)(formikErrors)) {
+        validStepIds.push(TypeConfigStep_1.typeConfigStepId);
+    }
+    if ((0, VersionStep_1.isVersionStepValid)(formikErrors)) {
+        validStepIds.push(VersionStep_1.versionStepId);
+    }
+    if (validStepIds.length === orderedIds.length - 1) {
+        validStepIds.push(ReviewStep_1.reviewStepId);
+    }
+    return validStepIds;
+};
+const isDisabledStep = (stepId, validStepIds) => {
+    const validIndex = validStepIds.indexOf(stepId);
+    return validIndex === -1 || validIndex !== orderedIds.indexOf(stepId);
+};
+const validateStep = (activeStepId, errors) => {
+    switch (activeStepId) {
+        case GeneralInfoStep_1.generalInfoStepId:
+            return (0, GeneralInfoStep_1.isGeneralInfoStepValid)(errors);
+        case TypeConfigStep_1.typeConfigStepId:
+            return (0, TypeConfigStep_1.isTypeConfigStepValid)(errors);
+        case VersionStep_1.versionStepId:
+            return (0, VersionStep_1.isVersionStepValid)(errors);
+        case ReviewStep_1.reviewStepId:
+            return true;
+        default:
+            return false;
+    }
+};
+const AddCatalogItemWizard = () => {
+    var _a;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { router: { useParams }, } = (0, useAppContext_1.useAppContext)();
+    const { catalogId, itemId } = useParams();
+    const isEdit = !!catalogId && !!itemId;
+    const { post, patch, get } = (0, useFetch_1.useFetch)();
+    const [initErr, setInitErr] = React.useState();
+    const [error, setError] = React.useState();
+    const [isLoading, setIsLoading] = React.useState(isEdit);
+    const [editItem, setEditItem] = React.useState();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const [currentStep, setCurrentStep] = React.useState();
+    React.useEffect(() => {
+        if (!isEdit) {
+            return;
+        }
+        const fetchItem = async () => {
+            try {
+                const item = await get(`catalogs/${catalogId}/items/${itemId}`);
+                setEditItem(item);
+            }
+            catch (e) {
+                setInitErr(e);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        void fetchItem();
+    }, [get, isEdit, catalogId, itemId]);
+    const initialValues = editItem ? (0, utils_1.getInitialValuesFromItem)(editItem) : (0, utils_1.getInitialValues)();
+    const isReadOnly = !!((_a = editItem === null || editItem === void 0 ? void 0 : editItem.metadata) === null || _a === void 0 ? void 0 : _a.owner);
+    let pageTitle;
+    if (isReadOnly) {
+        pageTitle = t('View {{ name }}', { name: (editItem === null || editItem === void 0 ? void 0 : editItem.spec.displayName) || (editItem === null || editItem === void 0 ? void 0 : editItem.metadata.name) });
+    }
+    else if (isEdit) {
+        pageTitle = t('Edit {{ name }}', { name: (editItem === null || editItem === void 0 ? void 0 : editItem.spec.displayName) || (editItem === null || editItem === void 0 ? void 0 : editItem.metadata.name) });
+    }
+    else {
+        pageTitle = t('Create catalog item');
+    }
+    let content = (React.createElement(react_core_1.PageSection, { hasBodyWrapper: false, type: "wizard" },
+        React.createElement(ErrorBoundary_1.default, null,
+            React.createElement(formik_1.Formik, { initialValues: initialValues, validationSchema: (0, utils_1.getValidationSchema)(t), validateOnMount: true, onSubmit: async (values) => {
+                    setError(undefined);
+                    try {
+                        if (isEdit) {
+                            const patchRequest = (0, utils_1.getCatalogItemPatches)(values, editItem);
+                            if (patchRequest.length) {
+                                await patch(`catalogs/${catalogId}/items/${itemId}`, patchRequest);
+                            }
+                        }
+                        else {
+                            const resource = (0, utils_1.getCatalogItemResource)(values, values.catalog);
+                            await post(`catalogs/${values.catalog}/items`, resource);
+                        }
+                        navigate(useNavigate_1.ROUTE.CATALOG);
+                    }
+                    catch (e) {
+                        setError(e);
+                    }
+                } }, ({ errors: formikErrors }) => {
+                const validStepIds = getValidStepIds(formikErrors);
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(LeaveFormConfirmation_1.default, null),
+                    React.createElement(react_core_1.Wizard, { footer: React.createElement(FlightCtlWizardFooter_1.default, { firstStepId: GeneralInfoStep_1.generalInfoStepId, submitStepId: ReviewStep_1.reviewStepId, validateStep: (activeStepId, errors) => validateStep(activeStepId, errors), isReadOnly: isReadOnly, saveButtonText: isEdit ? t('Save') : t('Create') }), onStepChange: (_, step) => {
+                            if (error) {
+                                setError(undefined);
+                            }
+                            setCurrentStep(step);
+                        } },
+                        React.createElement(react_core_1.WizardStep, { name: t('General info'), id: GeneralInfoStep_1.generalInfoStepId }, (!currentStep || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === GeneralInfoStep_1.generalInfoStepId) && (React.createElement(GeneralInfoStep_1.default, { isEdit: isEdit, isReadOnly: isReadOnly }))),
+                        React.createElement(react_core_1.WizardStep, { name: t('Type and configuration'), id: TypeConfigStep_1.typeConfigStepId, isDisabled: isDisabledStep(GeneralInfoStep_1.generalInfoStepId, validStepIds) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === TypeConfigStep_1.typeConfigStepId && React.createElement(TypeConfigStep_1.default, { isEdit: isEdit, isReadOnly: isReadOnly })),
+                        React.createElement(react_core_1.WizardStep, { name: t('Versions'), id: VersionStep_1.versionStepId, isDisabled: isDisabledStep(TypeConfigStep_1.typeConfigStepId, validStepIds) || isDisabledStep(GeneralInfoStep_1.generalInfoStepId, validStepIds) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === VersionStep_1.versionStepId && React.createElement(VersionStep_1.default, { isReadOnly: isReadOnly, isEdit: isEdit })),
+                        React.createElement(react_core_1.WizardStep, { name: isReadOnly ? t('Review') : isEdit ? t('Review and save') : t('Review and create'), id: ReviewStep_1.reviewStepId, isDisabled: isDisabledStep(VersionStep_1.versionStepId, validStepIds) ||
+                                isDisabledStep(TypeConfigStep_1.typeConfigStepId, validStepIds) ||
+                                isDisabledStep(GeneralInfoStep_1.generalInfoStepId, validStepIds) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === ReviewStep_1.reviewStepId && (React.createElement(ReviewStep_1.default, { error: error, isEdit: isEdit, isReadOnly: isReadOnly }))))));
+            }))));
+    if (isLoading) {
+        content = (React.createElement(react_core_1.PageSection, null,
+            React.createElement(react_core_1.Bullseye, null,
+                React.createElement(react_core_1.Spinner, null))));
+    }
+    if (initErr) {
+        content = (React.createElement(react_core_1.PageSection, null,
+            React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('Failed to fetch catalog item {{item}}', { item: itemId }) }, (0, error_1.getErrorMessage)(initErr))));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.PageSection, { hasBodyWrapper: false, type: "breadcrumb" },
+            React.createElement(react_core_1.Breadcrumb, null,
+                React.createElement(react_core_1.BreadcrumbItem, null,
+                    React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.CATALOG }, t('Software Catalog'))),
+                React.createElement(react_core_1.BreadcrumbItem, { isActive: true }, pageTitle))),
+        React.createElement(react_core_1.PageSection, { hasBodyWrapper: false },
+            React.createElement(react_core_1.Title, { headingLevel: "h1", size: "3xl" }, pageTitle)),
+        content));
+};
+const addCatalogItemWizardPermissions = [
+    { kind: rbac_1.RESOURCE.CATALOG, verb: rbac_1.VERB.LIST },
+    { kind: rbac_1.RESOURCE.CATALOG_ITEM, verb: rbac_1.VERB.GET },
+    { kind: rbac_1.RESOURCE.CATALOG_ITEM, verb: rbac_1.VERB.CREATE },
+    { kind: rbac_1.RESOURCE.CATALOG_ITEM, verb: rbac_1.VERB.PATCH },
+];
+const AddCatalogItemWizardWithPermissions = () => {
+    const { router: { useParams }, } = (0, useAppContext_1.useAppContext)();
+    const { catalogId, itemId } = useParams();
+    const isEdit = !!catalogId && !!itemId;
+    const { checkPermissions, loading } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [canListCatalogs, canGet, canCreate, canPatch] = checkPermissions(addCatalogItemWizardPermissions);
+    return (React.createElement(PageWithPermissions_1.default, { allowed: canListCatalogs && (isEdit ? canPatch && canGet : canCreate), loading: loading },
+        React.createElement(AddCatalogItemWizard, null)));
+};
+exports.default = AddCatalogItemWizardWithPermissions;
+//# sourceMappingURL=AddCatalogItemWizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddCatalogItemWizard.js","sourceRoot":"","sources":["../../../../../../src/components/Catalog/AddCatalogItemWizard/AddCatalogItemWizard.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAWgC;AAEhC,mCAA8C;AAE9C,gEAA6D;AAC7D,sDAAmD;AACnD,kEAA+D;AAC/D,4DAAsE;AACtE,mFAAqG;AACrG,iFAAiG;AACjG,2EAAqF;AACrF,yEAA8D;AAC9D,mCAMiB;AAEjB,uGAAuE;AACvE,uGAAuE;AACvE,uFAAuD;AACvD,gDAAuD;AACvD,wEAAwE;AACxE,mGAAmE;AACnE,8CAAqD;AAErD,MAAM,UAAU,GAAG,CAAC,mCAAiB,EAAE,iCAAgB,EAAE,2BAAa,EAAE,yBAAY,CAAC,CAAC;AAEtF,MAAM,eAAe,GAAG,CAAC,YAAoD,EAAY,EAAE;IACzF,MAAM,YAAY,GAAa,EAAE,CAAC;IAClC,IAAI,IAAA,wCAAsB,EAAC,YAAY,CAAC,EAAE,CAAC;QACzC,YAAY,CAAC,IAAI,CAAC,mCAAiB,CAAC,CAAC;IACvC,CAAC;IACD,IAAI,IAAA,sCAAqB,EAAC,YAAY,CAAC,EAAE,CAAC;QACxC,YAAY,CAAC,IAAI,CAAC,iCAAgB,CAAC,CAAC;IACtC,CAAC;IACD,IAAI,IAAA,gCAAkB,EAAC,YAAY,CAAC,EAAE,CAAC;QACrC,YAAY,CAAC,IAAI,CAAC,2BAAa,CAAC,CAAC;IACnC,CAAC;IACD,IAAI,YAAY,CAAC,MAAM,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAClD,YAAY,CAAC,IAAI,CAAC,yBAAY,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,YAAsB,EAAE,EAAE;IAChE,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,OAAO,UAAU,KAAK,CAAC,CAAC,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,YAAoB,EAAE,MAA8C,EAAE,EAAE;IAC5F,QAAQ,YAAY,EAAE,CAAC;QACrB,KAAK,mCAAiB;YACpB,OAAO,IAAA,wCAAsB,EAAC,MAAM,CAAC,CAAC;QACxC,KAAK,iCAAgB;YACnB,OAAO,IAAA,sCAAqB,EAAC,MAAM,CAAC,CAAC;QACvC,KAAK,2BAAa;YAChB,OAAO,IAAA,gCAAkB,EAAC,MAAM,CAAC,CAAC;QACpC,KAAK,yBAAY;YACf,OAAO,IAAI,CAAC;QACd;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EACJ,MAAM,EAAE,EAAE,SAAS,EAAE,GACtB,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,EAAyC,CAAC;IACjF,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC;IAEvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAe,CAAC;IAC9D,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAkB,CAAC;IAEvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QACD,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YAC3B,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,MAAM,GAAG,CAAc,YAAY,SAAS,UAAU,MAAM,EAAE,CAAC,CAAC;gBAC7E,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,UAAU,CAAC,CAAC,CAAC,CAAC;YAChB,CAAC;oBAAS,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QACF,KAAK,SAAS,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAA,gCAAwB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,wBAAgB,GAAE,CAAC;IACzF,MAAM,UAAU,GAAG,CAAC,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,0CAAE,KAAK,CAAA,CAAC;IAE/C,IAAI,SAAiB,CAAC;IACtB,IAAI,UAAU,EAAE,CAAC;QACf,SAAS,GAAG,CAAC,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,WAAW,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CAAC,IAAI,CAAA,EAAE,CAAC,CAAC;IACpG,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,SAAS,GAAG,CAAC,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,WAAW,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CAAC,IAAI,CAAA,EAAE,CAAC,CAAC;IACpG,CAAC;SAAM,CAAC;QACN,SAAS,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,GAAoB,CAC7B,oBAAC,wBAAW,IAAC,cAAc,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ;QAC/C,oBAAC,uBAAa;YACZ,oBAAC,eAAM,IACL,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,IAAA,2BAAmB,EAAC,CAAC,CAAC,EACxC,eAAe,QACf,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;oBACzB,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACpB,IAAI,CAAC;wBACH,IAAI,MAAM,EAAE,CAAC;4BACX,MAAM,YAAY,GAAG,IAAA,6BAAqB,EAAC,MAAM,EAAE,QAAS,CAAC,CAAC;4BAC9D,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;gCACxB,MAAM,KAAK,CAAc,YAAY,SAAS,UAAU,MAAM,EAAE,EAAE,YAAY,CAAC,CAAC;4BAClF,CAAC;wBACH,CAAC;6BAAM,CAAC;4BACN,MAAM,QAAQ,GAAG,IAAA,8BAAsB,EAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;4BAChE,MAAM,IAAI,CAAc,YAAY,MAAM,CAAC,OAAO,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBACxE,CAAC;wBACD,QAAQ,CAAC,mBAAK,CAAC,OAAO,CAAC,CAAC;oBAC1B,CAAC;oBAAC,OAAO,CAAC,EAAE,CAAC;wBACX,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC;gBACH,CAAC,IAEA,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE;gBAC5B,MAAM,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;gBAEnD,OAAO,CACL;oBACE,oBAAC,+BAAqB,OAAG;oBACzB,oBAAC,mBAAM,IACL,MAAM,EACJ,oBAAC,+BAAqB,IACpB,WAAW,EAAE,mCAAiB,EAC9B,YAAY,EAAE,yBAAY,EAC1B,YAAY,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,EAC1E,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAChD,EAEJ,YAAY,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;4BACxB,IAAI,KAAK,EAAE,CAAC;gCACV,QAAQ,CAAC,SAAS,CAAC,CAAC;4BACtB,CAAC;4BACD,cAAc,CAAC,IAAI,CAAC,CAAC;wBACvB,CAAC;wBAED,oBAAC,uBAAU,IAAC,IAAI,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,mCAAiB,IACvD,CAAC,CAAC,WAAW,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,MAAK,mCAAiB,CAAC,IAAI,CAC1D,oBAAC,yBAAe,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CAC5D,CACU;wBACb,oBAAC,uBAAU,IACT,IAAI,EAAE,CAAC,CAAC,wBAAwB,CAAC,EACjC,EAAE,EAAE,iCAAgB,EACpB,UAAU,EAAE,cAAc,CAAC,mCAAiB,EAAE,YAAY,CAAC,IAE1D,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,MAAK,iCAAgB,IAAI,oBAAC,wBAAc,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CACxF;wBACb,oBAAC,uBAAU,IACT,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,EACnB,EAAE,EAAE,2BAAa,EACjB,UAAU,EACR,cAAc,CAAC,iCAAgB,EAAE,YAAY,CAAC,IAAI,cAAc,CAAC,mCAAiB,EAAE,YAAY,CAAC,IAGlG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,MAAK,2BAAa,IAAI,oBAAC,qBAAW,IAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,CAClF;wBACb,oBAAC,uBAAU,IACT,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACvF,EAAE,EAAE,yBAAY,EAChB,UAAU,EACR,cAAc,CAAC,2BAAa,EAAE,YAAY,CAAC;gCAC3C,cAAc,CAAC,iCAAgB,EAAE,YAAY,CAAC;gCAC9C,cAAc,CAAC,mCAAiB,EAAE,YAAY,CAAC,IAGhD,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,MAAK,yBAAY,IAAI,CACnC,oBAAC,oBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CACrE,CACU,CACN,CACR,CACJ,CAAC;YACJ,CAAC,CACM,CACK,CACJ,CACf,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,GAAG,CACR,oBAAC,wBAAW;YACV,oBAAC,qBAAQ;gBACP,oBAAC,oBAAO,OAAG,CACF,CACC,CACf,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,GAAG,CACR,oBAAC,wBAAW;YACV,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,uCAAuC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,IACjG,IAAA,uBAAe,EAAC,OAAO,CAAC,CACnB,CACI,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL;QACE,oBAAC,wBAAW,IAAC,cAAc,EAAE,KAAK,EAAE,IAAI,EAAC,YAAY;YACnD,oBAAC,uBAAU;gBACT,oBAAC,2BAAc;oBACb,oBAAC,kBAAI,IAAC,EAAE,EAAE,mBAAK,CAAC,OAAO,IAAG,CAAC,CAAC,kBAAkB,CAAC,CAAQ,CACxC;gBACjB,oBAAC,2BAAc,IAAC,QAAQ,UAAE,SAAS,CAAkB,CAC1C,CACD;QACd,oBAAC,wBAAW,IAAC,cAAc,EAAE,KAAK;YAChC,oBAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,IAChC,SAAS,CACJ,CACI;QACb,OAAO,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,+BAA+B,GAAG;IACtC,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,WAAI,CAAC,IAAI,EAAE;IAC3C,EAAE,IAAI,EAAE,eAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,WAAI,CAAC,GAAG,EAAE;IAC/C,EAAE,IAAI,EAAE,eAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,WAAI,CAAC,MAAM,EAAE;IAClD,EAAE,IAAI,EAAE,eAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,WAAI,CAAC,KAAK,EAAE;CAClD,CAAC;AAEF,MAAM,mCAAmC,GAAG,GAAG,EAAE;IAC/C,MAAM,EACJ,MAAM,EAAE,EAAE,SAAS,EAAE,GACtB,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,EAAyC,CAAC;IACjF,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC;IACvC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,IAAA,0CAAqB,GAAE,CAAC;IAC9D,MAAM,CAAC,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC,+BAA+B,CAAC,CAAC;IACzG,OAAO,CACL,oBAAC,6BAAmB,IAAC,OAAO,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO;QAC1G,oBAAC,oBAAoB,OAAG,CACJ,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mCAAmC,CAAC"}

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/ChannelsSelect.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+type ChannelsSelectProps = {
+    name: string;
+    availableChannels: string[];
+    isDisabled?: boolean;
+};
+declare const ChannelsSelect: ({ name, availableChannels, isDisabled }: ChannelsSelectProps) => React.JSX.Element;
+export default ChannelsSelect;
+//# sourceMappingURL=ChannelsSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelsSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/AddCatalogItemWizard/ChannelsSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yCAAyC,mBAAmB,sBAsLnF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/ChannelsSelect.js

@@ -0,0 +1,115 @@
+"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 times_icon_1 = require("@patternfly/react-icons/dist/js/icons/times-icon");
+const check_icon_1 = require("@patternfly/react-icons/dist/js/icons/check-icon");
+const formik_1 = require("formik");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const FieldHelperText_1 = tslib_1.__importDefault(require("../../form/FieldHelperText"));
+const validations_1 = require("../../form/validations");
+const ChannelsSelect = ({ name, availableChannels, isDisabled }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [{ value: selected }, meta, { setValue, setTouched }] = (0, formik_1.useField)(name);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [inputValue, setInputValue] = React.useState('');
+    const textInputRef = React.useRef(null);
+    const allOptions = React.useMemo(() => {
+        const merged = new Set([...availableChannels, ...selected]);
+        return Array.from(merged).sort();
+    }, [availableChannels, selected]);
+    const trimmedInput = inputValue.trim();
+    const filteredOptions = allOptions.filter((option) => !trimmedInput || option.toLowerCase().includes(trimmedInput.toLowerCase()));
+    const isNewChannel = trimmedInput && !allOptions.some((opt) => opt.toLowerCase() === trimmedInput.toLowerCase());
+    const dnsErrors = trimmedInput ? (0, validations_1.getKubernetesDnsSubdomainErrors)(trimmedInput) : {};
+    const isValidDnsSubdomain = trimmedInput ? Object.keys(dnsErrors).length === 0 : true;
+    const showCreateOption = isNewChannel && isValidDnsSubdomain;
+    const toggleSelection = (channel) => {
+        const newSelected = selected.includes(channel) ? selected.filter((s) => s !== channel) : [...selected, channel];
+        void setValue(newSelected, true);
+        setTouched(true);
+    };
+    const handleSelect = (_event, value) => {
+        var _a;
+        if (value === undefined) {
+            return;
+        }
+        const channel = String(value);
+        toggleSelection(channel);
+        setInputValue('');
+        (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const handleCreateOption = () => {
+        var _a;
+        const newChannel = inputValue.trim();
+        if (newChannel && !selected.includes(newChannel)) {
+            void setValue([...selected, newChannel], true);
+            setTouched(true);
+        }
+        setInputValue('');
+        (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const removeChannel = (channel) => {
+        void setValue(selected.filter((s) => s !== channel), true);
+        setTouched(true);
+    };
+    const clearAll = () => {
+        void setValue([], true);
+        setTouched(true);
+    };
+    const onInputKeyDown = (event) => {
+        if (event.key !== 'Enter' || !isNewChannel) {
+            return;
+        }
+        event.preventDefault();
+        if (isValidDnsSubdomain) {
+            handleCreateOption();
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.Select, { isOpen: isOpen, selected: selected, onSelect: handleSelect, onOpenChange: (open) => {
+                if (!open && !meta.touched) {
+                    setTouched(true);
+                }
+                setIsOpen(open);
+                setInputValue('');
+            }, toggle: (toggleRef) => (React.createElement(react_core_1.MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: () => {
+                    var _a;
+                    if (isDisabled) {
+                        return;
+                    }
+                    setIsOpen(!isOpen);
+                    (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }, isExpanded: isOpen, isFullWidth: true, isDisabled: isDisabled },
+                React.createElement(react_core_1.TextInputGroup, { isPlain: true },
+                    React.createElement(react_core_1.TextInputGroupMain, { value: inputValue, onChange: (_, val) => {
+                            setInputValue(val);
+                            if (!isOpen) {
+                                setIsOpen(true);
+                            }
+                        }, onKeyDown: onInputKeyDown, onClick: () => {
+                            if (!isOpen) {
+                                setIsOpen(true);
+                            }
+                        }, placeholder: selected.length === 0 ? t('Select or create channels') : undefined, autoComplete: "off", innerRef: textInputRef },
+                        React.createElement(react_core_1.LabelGroup, null, selected.map((channel) => (React.createElement(react_core_1.Label, { key: channel, onClose: () => removeChannel(channel) }, channel))))),
+                    selected.length > 0 && (React.createElement(react_core_1.TextInputGroupUtilities, null,
+                        React.createElement(react_core_1.Button, { variant: "plain", onClick: (e) => {
+                                e.stopPropagation();
+                                clearAll();
+                            }, "aria-label": t('Clear all') },
+                            React.createElement(times_icon_1.TimesIcon, null))))))) },
+            React.createElement(react_core_1.SelectList, null,
+                filteredOptions.map((option) => (React.createElement(react_core_1.SelectOption, { key: option, value: option, hasCheckbox: true, isSelected: selected.includes(option) }, option))),
+                showCreateOption && (React.createElement(react_core_1.SelectOption, { value: trimmedInput, onClick: handleCreateOption }, t('Create "{{channel}}" channel', { channel: trimmedInput }))),
+                isNewChannel && !isValidDnsSubdomain && (React.createElement(react_core_1.SelectOption, { isDisabled: true },
+                    React.createElement(react_core_1.HelperText, { component: "ul" }, (0, validations_1.getDnsSubdomainValidations)(t).map((validation) => {
+                        const hasError = dnsErrors[validation.key] === 'failed';
+                        return (React.createElement(react_core_1.HelperTextItem, { key: validation.key, component: "li", variant: hasError ? 'error' : 'success', icon: hasError ? React.createElement(times_icon_1.TimesIcon, null) : React.createElement(check_icon_1.CheckIcon, null) }, validation.message));
+                    })))),
+                !filteredOptions.length && !isNewChannel && (React.createElement(react_core_1.SelectOption, { isDisabled: true }, t('Type to create new channel'))))),
+        React.createElement(FieldHelperText_1.default, { meta: meta })));
+};
+exports.default = ChannelsSelect;
+//# sourceMappingURL=ChannelsSelect.js.map

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/ChannelsSelect.js.map

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

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/CreateCatalogModal.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Catalog } from '@flightctl/types/alpha';
+type CreateCatalogModalProps = {
+    onClose: VoidFunction;
+    onSuccess: (catalog: Catalog) => void;
+    catalog?: Catalog;
+};
+declare const CreateCatalogModal: ({ onClose, onSuccess, catalog }: CreateCatalogModalProps) => React.JSX.Element;
+export default CreateCatalogModal;
+//# sourceMappingURL=CreateCatalogModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCatalogModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/AddCatalogItemWizard/CreateCatalogModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAcjD,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,iCAAiC,uBAAuB,sBA4InF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/CreateCatalogModal.js

@@ -0,0 +1,100 @@
+"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 Yup = tslib_1.__importStar(require("yup"));
+const useFetch_1 = require("../../../hooks/useFetch");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const validations_1 = require("../../form/validations");
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../form/FlightCtlForm"));
+const NameField_1 = tslib_1.__importDefault(require("../../form/NameField"));
+const TextField_1 = tslib_1.__importDefault(require("../../form/TextField"));
+const IconUploadField_1 = tslib_1.__importDefault(require("../../form/IconUploadField"));
+const error_1 = require("../../../utils/error");
+const TextAreaField_1 = tslib_1.__importDefault(require("../../form/TextAreaField"));
+const utils_1 = require("./utils");
+const CreateCatalogModal = ({ onClose, onSuccess, catalog }) => {
+    var _a;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { post, patch } = (0, useFetch_1.useFetch)();
+    const [error, setError] = React.useState();
+    const isEdit = !!catalog;
+    const isReadOnly = !!((_a = catalog === null || catalog === void 0 ? void 0 : catalog.metadata) === null || _a === void 0 ? void 0 : _a.owner);
+    const validationSchema = React.useMemo(() => Yup.object().shape({
+        name: (0, validations_1.validKubernetesDnsSubdomain)(t, { isRequired: true }),
+        displayName: Yup.string(),
+        shortDescription: Yup.string(),
+        icon: Yup.string().test('url-or-data-uri', t('Must be a valid URL or data URI'), (value) => !value || /^(https?:\/\/|data:)/.test(value)),
+        provider: Yup.string(),
+        support: (0, validations_1.validURLSchema)(t),
+    }), [t]);
+    const initialValues = {
+        name: (catalog === null || catalog === void 0 ? void 0 : catalog.metadata.name) || '',
+        displayName: (catalog === null || catalog === void 0 ? void 0 : catalog.spec.displayName) || '',
+        shortDescription: (catalog === null || catalog === void 0 ? void 0 : catalog.spec.shortDescription) || '',
+        icon: (catalog === null || catalog === void 0 ? void 0 : catalog.spec.icon) || '',
+        provider: (catalog === null || catalog === void 0 ? void 0 : catalog.spec.provider) || '',
+        support: (catalog === null || catalog === void 0 ? void 0 : catalog.spec.support) || '',
+    };
+    let title;
+    if (isReadOnly) {
+        title = t('View catalog');
+    }
+    else if (isEdit) {
+        title = t('Edit catalog');
+    }
+    else {
+        title = t('Create catalog');
+    }
+    return (React.createElement(react_core_1.Modal, { variant: "medium", isOpen: true, onClose: onClose },
+        React.createElement(formik_1.Formik, { initialValues: initialValues, validationSchema: validationSchema, validateOnMount: true, onSubmit: async (values) => {
+                if (isReadOnly) {
+                    return;
+                }
+                setError(undefined);
+                try {
+                    if (isEdit) {
+                        const patches = (0, utils_1.getCatalogPatches)(catalog, values);
+                        if (patches.length) {
+                            const result = await patch(`catalogs/${catalog.metadata.name}`, patches);
+                            onSuccess(result);
+                        }
+                    }
+                    else {
+                        const result = await post('catalogs', (0, utils_1.getCatalogResource)(values));
+                        onSuccess(result);
+                    }
+                }
+                catch (e) {
+                    setError(e);
+                }
+            } }, ({ isSubmitting, isValid, submitForm, dirty }) => (React.createElement(React.Fragment, null,
+            React.createElement(react_core_1.ModalHeader, { title: title }),
+            React.createElement(react_core_1.ModalBody, null,
+                React.createElement(FlightCtlForm_1.default, null,
+                    React.createElement(NameField_1.default, { name: "name", "aria-label": t('Name'), isRequired: true, isDisabled: isEdit, resourceType: "catalogs", validations: (0, validations_1.getDnsSubdomainValidations)(t) }),
+                    React.createElement(react_core_1.FormGroup, { label: t('Display name') },
+                        React.createElement(TextField_1.default, { name: "displayName", "aria-label": t('Display name'), isDisabled: isReadOnly })),
+                    React.createElement(react_core_1.FormGroup, { label: t('Short description') },
+                        React.createElement(TextAreaField_1.default, { name: "shortDescription", "aria-label": t('Short description'), isDisabled: isReadOnly })),
+                    React.createElement(react_core_1.FormGroup, { label: t('Icon') },
+                        React.createElement(IconUploadField_1.default, { name: "icon", isDisabled: isReadOnly })),
+                    React.createElement(react_core_1.FormGroup, { label: t('Provider') },
+                        React.createElement(TextField_1.default, { name: "provider", "aria-label": t('Provider'), isDisabled: isReadOnly })),
+                    React.createElement(react_core_1.FormGroup, { label: t('Support') },
+                        React.createElement(TextField_1.default, { name: "support", "aria-label": t('Support'), placeholder: "https://example.com/support", isDisabled: isReadOnly })))),
+            React.createElement(react_core_1.ModalFooter, null,
+                React.createElement(react_core_1.Stack, { hasGutter: true },
+                    !!error && (React.createElement(react_core_1.StackItem, null,
+                        React.createElement(react_core_1.Alert, { variant: "danger", isInline: true, title: (0, error_1.getErrorMessage)(error) }))),
+                    React.createElement(react_core_1.StackItem, null,
+                        React.createElement(react_core_1.Split, { hasGutter: true },
+                            !isReadOnly && (React.createElement(react_core_1.SplitItem, null,
+                                React.createElement(react_core_1.Button, { variant: "primary", onClick: submitForm, isDisabled: !isValid || isSubmitting || !dirty, isLoading: isSubmitting }, isEdit ? t('Save') : t('Create')))),
+                            React.createElement(react_core_1.SplitItem, null,
+                                React.createElement(react_core_1.Button, { variant: "link", onClick: onClose, isDisabled: isSubmitting }, isReadOnly ? t('Close') : t('Cancel'))))))))))));
+};
+exports.default = CreateCatalogModal;
+//# sourceMappingURL=CreateCatalogModal.js.map

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/CreateCatalogModal.js.map

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

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/steps/GeneralInfoStep.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { FormikErrors } from 'formik';
+import { AddCatalogItemFormValues } from '../types';
+export declare const generalInfoStepId = "general-info";
+export declare const isGeneralInfoStepValid: (errors: FormikErrors<AddCatalogItemFormValues>) => boolean;
+declare const GeneralInfoStep: ({ isEdit, isReadOnly }: {
+    isEdit?: boolean;
+    isReadOnly?: boolean;
+}) => React.JSX.Element;
+export default GeneralInfoStep;
+//# sourceMappingURL=GeneralInfoStep.d.ts.map

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/steps/GeneralInfoStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralInfoStep.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Catalog/AddCatalogItemWizard/steps/GeneralInfoStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAoB,MAAM,QAAQ,CAAC;AAIxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAepD,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAEhD,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,CAAC,wBAAwB,CAAC,YAUpF,CAAC;AAIF,QAAA,MAAM,eAAe,GAAI,wBAAwB;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,sBA4J1F,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/steps/GeneralInfoStep.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGeneralInfoStepValid = exports.generalInfoStepId = void 0;
+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 NameField_1 = tslib_1.__importDefault(require("../../../form/NameField"));
+const validations_1 = require("../../../form/validations");
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const TextAreaField_1 = tslib_1.__importDefault(require("../../../form/TextAreaField"));
+const IconUploadField_1 = tslib_1.__importDefault(require("../../../form/IconUploadField"));
+const CheckboxField_1 = tslib_1.__importDefault(require("../../../form/CheckboxField"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+const FormSelect_1 = tslib_1.__importDefault(require("../../../form/FormSelect"));
+const CreateCatalogModal_1 = tslib_1.__importDefault(require("../CreateCatalogModal"));
+const useFetchPeriodically_1 = require("../../../../hooks/useFetchPeriodically");
+const error_1 = require("../../../../utils/error");
+const PermissionsContext_1 = require("../../../common/PermissionsContext");
+const rbac_1 = require("../../../../types/rbac");
+exports.generalInfoStepId = 'general-info';
+const isGeneralInfoStepValid = (errors) => {
+    return (!errors.catalog &&
+        !errors.name &&
+        !errors.homepage &&
+        !errors.supportUrl &&
+        !errors.documentationUrl &&
+        !errors.deprecationMessage &&
+        !errors.icon);
+};
+exports.isGeneralInfoStepValid = isGeneralInfoStepValid;
+const createCatalogPermission = [{ kind: rbac_1.RESOURCE.CATALOG, verb: rbac_1.VERB.CREATE }];
+const GeneralInfoStep = ({ isEdit, isReadOnly }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    const [createModalOpen, setCreateModalOpen] = React.useState(false);
+    const { checkPermissions } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [canCreateCatalog] = checkPermissions(createCatalogPermission);
+    const [catalogList, catalogsLoading, catalogsErr, refetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: 'catalogs',
+    });
+    React.useEffect(() => {
+        const unownedCatalogs = ((catalogList === null || catalogList === void 0 ? void 0 : catalogList.items) || []).filter((c) => !c.metadata.owner);
+        if (unownedCatalogs.length === 1 && !values.catalog) {
+            void setFieldValue('catalog', unownedCatalogs[0].metadata.name, true);
+        }
+    }, [catalogList === null || catalogList === void 0 ? void 0 : catalogList.items, values.catalog, setFieldValue]);
+    const catalogItems = ((catalogList === null || catalogList === void 0 ? void 0 : catalogList.items) || [])
+        .sort((a, b) => {
+        const aOwned = !!a.metadata.owner;
+        const bOwned = !!b.metadata.owner;
+        if (aOwned !== bOwned) {
+            return aOwned ? 1 : -1;
+        }
+        const aName = a.spec.displayName || a.metadata.name || '';
+        const bName = b.spec.displayName || b.metadata.name || '';
+        return aName.localeCompare(bName);
+    })
+        .reduce((acc, curr) => {
+        acc[curr.metadata.name || ''] = {
+            label: curr.spec.displayName || curr.metadata.name,
+            isDisabled: !!curr.metadata.owner,
+            description: curr.metadata.owner ? t('Catalog is owned by Resource sync') : undefined,
+        };
+        return acc;
+    }, {});
+    let content = (React.createElement(FlightCtlForm_1.default, null,
+        React.createElement(react_core_1.FormGroup, { label: t('Catalog'), isRequired: true },
+            React.createElement(FormSelect_1.default, { name: "catalog", items: catalogItems, placeholderText: t('Select a catalog'), isDisabled: isEdit || isReadOnly, addAction: !isEdit && !isReadOnly && canCreateCatalog
+                    ? { label: t('Create catalog'), onAdd: () => setCreateModalOpen(true) }
+                    : undefined })),
+        React.createElement(NameField_1.default, { name: "name", "aria-label": t('Name'), isRequired: true, isDisabled: isEdit || isReadOnly, resourceType: `catalogs/${values.catalog}/items`, validations: (0, validations_1.getDnsSubdomainValidations)(t) }),
+        React.createElement(react_core_1.FormGroup, { label: t('Display name') },
+            React.createElement(TextField_1.default, { name: "displayName", "aria-label": t('Display name'), isDisabled: isReadOnly })),
+        React.createElement(react_core_1.FormGroup, { label: t('Icon') },
+            React.createElement(IconUploadField_1.default, { name: "icon", isDisabled: isReadOnly })),
+        React.createElement(react_core_1.FormGroup, { label: t('Short description') },
+            React.createElement(TextAreaField_1.default, { name: "shortDescription", "aria-label": t('Short description'), isDisabled: isReadOnly })),
+        React.createElement(react_core_1.FormGroup, { label: t('Provider') },
+            React.createElement(TextField_1.default, { name: "provider", "aria-label": t('Provider'), isDisabled: isReadOnly })),
+        React.createElement(react_core_1.FormGroup, { label: t('Homepage') },
+            React.createElement(TextField_1.default, { name: "homepage", "aria-label": t('Homepage'), placeholder: "https://example.com", isDisabled: isReadOnly })),
+        React.createElement(react_core_1.FormGroup, { label: t('Support URL') },
+            React.createElement(TextField_1.default, { name: "supportUrl", "aria-label": t('Support URL'), placeholder: "https://example.com/support", isDisabled: isReadOnly })),
+        React.createElement(react_core_1.FormGroup, { label: t('Documentation URL') },
+            React.createElement(TextField_1.default, { name: "documentationUrl", "aria-label": t('Documentation URL'), placeholder: "https://example.com/docs", isDisabled: isReadOnly })),
+        isEdit && (React.createElement(CheckboxField_1.default, { name: "deprecated", label: t('Deprecated'), isDisabled: isReadOnly },
+            React.createElement(react_core_1.FormGroup, { label: t('Deprecation message'), isRequired: true },
+                React.createElement(TextAreaField_1.default, { name: "deprecationMessage", "aria-label": t('Deprecation message'), isRequired: true, isDisabled: isReadOnly })),
+            React.createElement(react_core_1.FormGroup, { label: t('Replacement') },
+                React.createElement(TextField_1.default, { name: "deprecationReplacement", "aria-label": t('Replacement'), helperText: t('Name of the replacement catalog item'), isDisabled: isReadOnly }))))));
+    if (catalogsLoading) {
+        content = React.createElement(react_core_1.Spinner, null);
+    }
+    if (catalogsErr) {
+        content = (React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('Failed to fetch catalogs') }, (0, error_1.getErrorMessage)(catalogsErr)));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(react_core_1.GridItem, null,
+                React.createElement(react_core_1.Title, { headingLevel: "h2", size: "lg" }, t('General info'))),
+            React.createElement(react_core_1.GridItem, { lg: 6, md: 8, sm: 12 }, content)),
+        createModalOpen && (React.createElement(CreateCatalogModal_1.default, { onClose: () => setCreateModalOpen(false), onSuccess: (catalog) => {
+                setCreateModalOpen(false);
+                refetch();
+                void setFieldValue('catalog', catalog.metadata.name, true);
+            } }))));
+};
+exports.default = GeneralInfoStep;
+//# sourceMappingURL=GeneralInfoStep.js.map

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/steps/GeneralInfoStep.js.map

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

package/dist/ui-components/src/components/Catalog/AddCatalogItemWizard/steps/ReviewStep.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare const reviewStepId = "review";
+declare const ReviewStep: ({ error, isEdit, isReadOnly }: {
+    error: unknown;
+    isEdit?: boolean;
+    isReadOnly?: boolean;
+}) => React.JSX.Element;
+export default ReviewStep;
+//# sourceMappingURL=ReviewStep.d.ts.map