@kuadrant/kuadrant-backstage-plugin-frontend 0.0.1-test.1-d62c1cdb → 0.0.1-test.1-464d7760

package/dist/components/CreateAPIProductDialog/CreateAPIProductDialog.esm.js

@@ -1,35 +1,41 @@
 import React, { useState } from 'react';
-import { Dialog, DialogTitle, DialogContent, Grid, TextField, MenuItem, Typography, Box, Chip, Button, DialogActions } from '@material-ui/core';
+import { makeStyles, Dialog, DialogTitle, DialogContent, Grid, TextField, MenuItem, Typography, Box, Chip, Button, DialogActions } from '@material-ui/core';
 import { useApi, configApiRef, fetchApiRef } from '@backstage/core-plugin-api';
 import { Alert } from '@material-ui/lab';
 import useAsync from 'react-use/lib/useAsync';
 
+const useStyles = makeStyles({
+  asterisk: {
+    color: "#f44336"
+  }
+});
 const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
+  const classes = useStyles();
   const config = useApi(configApiRef);
   const fetchApi = useApi(fetchApiRef);
   const backendUrl = config.getString("backend.baseUrl");
   const [name, setName] = useState("");
-  const [namespace, setNamespace] = useState("");
   const [displayName, setDisplayName] = useState("");
   const [description, setDescription] = useState("");
   const [version, setVersion] = useState("v1");
   const [approvalMode, setApprovalMode] = useState("manual");
+  const [publishStatus, setPublishStatus] = useState("Published");
   const [tags, setTags] = useState([]);
   const [tagInput, setTagInput] = useState("");
-  const [selectedPlanPolicy, setSelectedPlanPolicy] = useState("");
+  const [selectedHTTPRoute, setSelectedHTTPRoute] = useState("");
   const [contactEmail, setContactEmail] = useState("");
   const [contactTeam, setContactTeam] = useState("");
   const [docsURL, setDocsURL] = useState("");
   const [openAPISpec, setOpenAPISpec] = useState("");
   const [error, setError] = useState("");
   const [creating, setCreating] = useState(false);
-  const { value: planPolicies, loading: planPoliciesLoading } = useAsync(async () => {
-    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/planpolicies`);
+  const { value: httpRoutes, loading: httpRoutesLoading } = useAsync(async () => {
+    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/httproutes`);
     const data = await response.json();
     return (data.items || []).filter(
-      (policy) => !namespace || policy.metadata.namespace === namespace
+      (route) => route.metadata.annotations?.["backstage.io/expose"] === "true"
     );
-  }, [backendUrl, fetchApi, open, namespace]);
+  }, [backendUrl, fetchApi, open]);
   const handleAddTag = () => {
     if (tagInput.trim() && !tags.includes(tagInput.trim())) {
       setTags([...tags, tagInput.trim()]);
@@ -43,13 +49,11 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
     setError("");
     setCreating(true);
     try {
-      if (!selectedPlanPolicy) {
-        throw new Error("Please select a PlanPolicy");
-      }
-      const [selectedPlanNamespace, selectedPlanName] = selectedPlanPolicy.split("/");
-      if (selectedPlanNamespace !== namespace) {
-        throw new Error(`PlanPolicy must be in the same namespace as the APIProduct (${namespace}). Selected PlanPolicy is in ${selectedPlanNamespace}.`);
+      if (!selectedHTTPRoute) {
+        throw new Error("Please select an HTTPRoute");
       }
+      const [selectedRouteNamespace, selectedRouteName] = selectedHTTPRoute.split("/");
+      const namespace = selectedRouteNamespace;
       const apiProduct = {
         apiVersion: "extensions.kuadrant.io/v1alpha1",
         kind: "APIProduct",
@@ -62,13 +66,14 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
           description,
           version,
           approvalMode,
+          publishStatus,
           tags,
-          planPolicyRef: {
-            name: selectedPlanName,
-            namespace: selectedPlanNamespace
+          targetRef: {
+            group: "gateway.networking.k8s.io",
+            kind: "HTTPRoute",
+            name: selectedRouteName,
+            namespace: selectedRouteNamespace
           },
-          plans: [],
-          // controller will inject plans from planPolicyRef
           ...contactEmail || contactTeam ? {
             contact: {
               ...contactEmail && { email: contactEmail },
@@ -104,14 +109,14 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
   };
   const handleClose = () => {
     setName("");
-    setNamespace("");
     setDisplayName("");
     setDescription("");
     setVersion("v1");
     setApprovalMode("manual");
+    setPublishStatus("Published");
     setTags([]);
     setTagInput("");
-    setSelectedPlanPolicy("");
+    setSelectedHTTPRoute("");
     setContactEmail("");
     setContactTeam("");
     setDocsURL("");
@@ -129,18 +134,12 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
       placeholder: "my-api",
       helperText: "Kubernetes resource name (lowercase, hyphens)",
       margin: "normal",
-      required: true
-    }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      fullWidth: true,
-      label: "Namespace",
-      value: namespace,
-      onChange: (e) => setNamespace(e.target.value),
-      placeholder: "default",
-      margin: "normal",
-      required: true
+      required: true,
+      InputLabelProps: {
+        classes: {
+          asterisk: classes.asterisk
+        }
+      }
     }
   )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
     TextField,
@@ -151,7 +150,12 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
       onChange: (e) => setDisplayName(e.target.value),
       placeholder: "My API",
       margin: "normal",
-      required: true
+      required: true,
+      InputLabelProps: {
+        classes: {
+          asterisk: classes.asterisk
+        }
+      }
     }
   )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
     TextField,
@@ -176,6 +180,19 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
     },
     /* @__PURE__ */ React.createElement(MenuItem, { value: "manual" }, "Manual"),
     /* @__PURE__ */ React.createElement(MenuItem, { value: "automatic" }, "Automatic")
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      select: true,
+      label: "Publish Status",
+      value: publishStatus,
+      onChange: (e) => setPublishStatus(e.target.value),
+      margin: "normal",
+      helperText: "Draft: hidden from catalog. Published: visible to consumers."
+    },
+    /* @__PURE__ */ React.createElement(MenuItem, { value: "Draft" }, "Draft"),
+    /* @__PURE__ */ React.createElement(MenuItem, { value: "Published" }, "Published")
   )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
     TextField,
     {
@@ -187,7 +204,12 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
       margin: "normal",
       multiline: true,
       rows: 2,
-      required: true
+      required: true,
+      InputLabelProps: {
+        classes: {
+          asterisk: classes.asterisk
+        }
+      }
     }
   )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2", gutterBottom: true, style: { marginTop: 16 } }, "Tags"), /* @__PURE__ */ React.createElement(Box, { display: "flex", flexWrap: "wrap", marginBottom: 1, style: { gap: 8 } }, tags.map((tag) => /* @__PURE__ */ React.createElement(
     Chip,
@@ -212,25 +234,30 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
     {
       fullWidth: true,
       select: true,
-      label: "PlanPolicy",
-      value: selectedPlanPolicy,
-      onChange: (e) => setSelectedPlanPolicy(e.target.value),
+      label: "HTTPRoute",
+      value: selectedHTTPRoute,
+      onChange: (e) => setSelectedHTTPRoute(e.target.value),
       margin: "normal",
       required: true,
-      helperText: "Select an existing PlanPolicy resource",
-      disabled: planPoliciesLoading
+      helperText: "Select an HTTPRoute (backstage.io/expose: true). APIProduct will be created in the same namespace.",
+      disabled: httpRoutesLoading,
+      InputLabelProps: {
+        classes: {
+          asterisk: classes.asterisk
+        }
+      }
     },
-    planPoliciesLoading && /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, "Loading..."),
-    !planPoliciesLoading && planPolicies && planPolicies.length === 0 && /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, "No PlanPolicies available"),
-    !planPoliciesLoading && planPolicies && planPolicies.map((policy) => /* @__PURE__ */ React.createElement(
+    httpRoutesLoading && /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, "Loading..."),
+    !httpRoutesLoading && httpRoutes && httpRoutes.length === 0 && /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, "No HTTPRoutes available"),
+    !httpRoutesLoading && httpRoutes && httpRoutes.map((route) => /* @__PURE__ */ React.createElement(
       MenuItem,
       {
-        key: `${policy.metadata.namespace}/${policy.metadata.name}`,
-        value: `${policy.metadata.namespace}/${policy.metadata.name}`
+        key: `${route.metadata.namespace}/${route.metadata.name}`,
+        value: `${route.metadata.namespace}/${route.metadata.name}`
       },
-      policy.metadata.name,
+      route.metadata.name,
       " (",
-      policy.metadata.namespace,
+      route.metadata.namespace,
       ")"
     ))
   )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
@@ -279,7 +306,7 @@ const CreateAPIProductDialog = ({ open, onClose, onSuccess }) => {
       onClick: handleCreate,
       color: "primary",
       variant: "contained",
-      disabled: creating || !name || !namespace || !displayName || !description || !selectedPlanPolicy
+      disabled: creating || !name || !displayName || !description || !selectedHTTPRoute
     },
     creating ? "Creating..." : "Create"
   )));

package/dist/components/CreateAPIProductDialog/CreateAPIProductDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateAPIProductDialog.esm.js","sources":["../../../src/components/CreateAPIProductDialog/CreateAPIProductDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Button,\n  TextField,\n  Box,\n  Typography,\n  Chip,\n  Grid,\n  MenuItem,\n} from '@material-ui/core';\nimport { useApi, configApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { Alert } from '@material-ui/lab';\nimport useAsync from 'react-use/lib/useAsync';\n\ninterface CreateAPIProductDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess: () => void;\n}\n\nexport const CreateAPIProductDialog = ({ open, onClose, onSuccess }: CreateAPIProductDialogProps) => {\n  const config = useApi(configApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const backendUrl = config.getString('backend.baseUrl');\n\n  const [name, setName] = useState('');\n  const [namespace, setNamespace] = useState('');\n  const [displayName, setDisplayName] = useState('');\n  const [description, setDescription] = useState('');\n  const [version, setVersion] = useState('v1');\n  const [approvalMode, setApprovalMode] = useState<'automatic' | 'manual'>('manual');\n  const [tags, setTags] = useState<string[]>([]);\n  const [tagInput, setTagInput] = useState('');\n  const [selectedPlanPolicy, setSelectedPlanPolicy] = useState('');\n  const [contactEmail, setContactEmail] = useState('');\n  const [contactTeam, setContactTeam] = useState('');\n  const [docsURL, setDocsURL] = useState('');\n  const [openAPISpec, setOpenAPISpec] = useState('');\n  const [error, setError] = useState('');\n  const [creating, setCreating] = useState(false);\n\n  const { value: planPolicies, loading: planPoliciesLoading } = useAsync(async () => {\n    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/planpolicies`);\n    const data = await response.json();\n    // filter to only show planpolicies in the same namespace as the apiproduct\n    return (data.items || []).filter((policy: any) =>\n      !namespace || policy.metadata.namespace === namespace\n    );\n  }, [backendUrl, fetchApi, open, namespace]);\n\n  const handleAddTag = () => {\n    if (tagInput.trim() && !tags.includes(tagInput.trim())) {\n      setTags([...tags, tagInput.trim()]);\n      setTagInput('');\n    }\n  };\n\n  const handleDeleteTag = (tagToDelete: string) => {\n    setTags(tags.filter(tag => tag !== tagToDelete));\n  };\n\n  const handleCreate = async () => {\n    setError('');\n    setCreating(true);\n\n    try {\n      if (!selectedPlanPolicy) {\n        throw new Error('Please select a PlanPolicy');\n      }\n\n      const [selectedPlanNamespace, selectedPlanName] = selectedPlanPolicy.split('/');\n\n      // Validate namespace matching\n      if (selectedPlanNamespace !== namespace) {\n        throw new Error(`PlanPolicy must be in the same namespace as the APIProduct (${namespace}). Selected PlanPolicy is in ${selectedPlanNamespace}.`);\n      }\n\n      const apiProduct = {\n        apiVersion: 'extensions.kuadrant.io/v1alpha1',\n        kind: 'APIProduct',\n        metadata: {\n          name,\n          namespace,\n        },\n        spec: {\n          displayName,\n          description,\n          version,\n          approvalMode,\n          tags,\n          planPolicyRef: {\n            name: selectedPlanName,\n            namespace: selectedPlanNamespace,\n          },\n          plans: [], // controller will inject plans from planPolicyRef\n          ...(contactEmail || contactTeam ? {\n            contact: {\n              ...(contactEmail && { email: contactEmail }),\n              ...(contactTeam && { team: contactTeam }),\n            },\n          } : {}),\n          ...(docsURL || openAPISpec ? {\n            documentation: {\n              ...(docsURL && { docsURL }),\n              ...(openAPISpec && { openAPISpec }),\n            },\n          } : {}),\n        },\n      };\n\n      const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify(apiProduct),\n      });\n\n      if (!response.ok) {\n        const errorData = await response.json();\n        throw new Error(errorData.error || 'failed to create apiproduct');\n      }\n\n      onSuccess();\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  const handleClose = () => {\n    setName('');\n    setNamespace('');\n    setDisplayName('');\n    setDescription('');\n    setVersion('v1');\n    setApprovalMode('manual');\n    setTags([]);\n    setTagInput('');\n    setSelectedPlanPolicy('');\n    setContactEmail('');\n    setContactTeam('');\n    setDocsURL('');\n    setOpenAPISpec('');\n    setError('');\n    onClose();\n  };\n\n  return (\n    <Dialog open={open} onClose={handleClose} maxWidth=\"md\" fullWidth>\n      <DialogTitle>Create API Product</DialogTitle>\n      <DialogContent>\n        {error && (\n          <Alert severity=\"error\" style={{ marginBottom: 16 }}>\n            {error}\n          </Alert>\n        )}\n\n        <Grid container spacing={2}>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Name\"\n              value={name}\n              onChange={e => setName(e.target.value)}\n              placeholder=\"my-api\"\n              helperText=\"Kubernetes resource name (lowercase, hyphens)\"\n              margin=\"normal\"\n              required\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Namespace\"\n              value={namespace}\n              onChange={e => setNamespace(e.target.value)}\n              placeholder=\"default\"\n              margin=\"normal\"\n              required\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Display Name\"\n              value={displayName}\n              onChange={e => setDisplayName(e.target.value)}\n              placeholder=\"My API\"\n              margin=\"normal\"\n              required\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Version\"\n              value={version}\n              onChange={e => setVersion(e.target.value)}\n              placeholder=\"v1\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              select\n              label=\"Approval Mode\"\n              value={approvalMode}\n              onChange={e => setApprovalMode(e.target.value as 'automatic' | 'manual')}\n              margin=\"normal\"\n              helperText=\"Automatic: keys are created immediately. Manual: requires approval.\"\n            >\n              <MenuItem value=\"manual\">Manual</MenuItem>\n              <MenuItem value=\"automatic\">Automatic</MenuItem>\n            </TextField>\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              label=\"Description\"\n              value={description}\n              onChange={e => setDescription(e.target.value)}\n              placeholder=\"API description\"\n              margin=\"normal\"\n              multiline\n              rows={2}\n              required\n            />\n          </Grid>\n\n          <Grid item xs={12}>\n            <Typography variant=\"subtitle2\" gutterBottom style={{ marginTop: 16 }}>\n              Tags\n            </Typography>\n            <Box display=\"flex\" flexWrap=\"wrap\" marginBottom={1} style={{ gap: 8 }}>\n              {tags.map(tag => (\n                <Chip\n                  key={tag}\n                  label={tag}\n                  onDelete={() => handleDeleteTag(tag)}\n                  size=\"small\"\n                />\n              ))}\n            </Box>\n            <Box display=\"flex\" style={{ gap: 8 }}>\n              <TextField\n                fullWidth\n                size=\"small\"\n                value={tagInput}\n                onChange={e => setTagInput(e.target.value)}\n                onKeyPress={e => e.key === 'Enter' && handleAddTag()}\n                placeholder=\"Add tag\"\n              />\n              <Button onClick={handleAddTag} variant=\"outlined\" size=\"small\">\n                Add\n              </Button>\n            </Box>\n          </Grid>\n\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              select\n              label=\"PlanPolicy\"\n              value={selectedPlanPolicy}\n              onChange={e => setSelectedPlanPolicy(e.target.value)}\n              margin=\"normal\"\n              required\n              helperText=\"Select an existing PlanPolicy resource\"\n              disabled={planPoliciesLoading}\n            >\n              {planPoliciesLoading && (\n                <MenuItem value=\"\">Loading...</MenuItem>\n              )}\n              {!planPoliciesLoading && planPolicies && planPolicies.length === 0 && (\n                <MenuItem value=\"\">No PlanPolicies available</MenuItem>\n              )}\n              {!planPoliciesLoading && planPolicies && planPolicies.map((policy: any) => (\n                <MenuItem\n                  key={`${policy.metadata.namespace}/${policy.metadata.name}`}\n                  value={`${policy.metadata.namespace}/${policy.metadata.name}`}\n                >\n                  {policy.metadata.name} ({policy.metadata.namespace})\n                </MenuItem>\n              ))}\n            </TextField>\n          </Grid>\n\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Contact Email\"\n              value={contactEmail}\n              onChange={e => setContactEmail(e.target.value)}\n              placeholder=\"api-team@example.com\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Contact Team\"\n              value={contactTeam}\n              onChange={e => setContactTeam(e.target.value)}\n              placeholder=\"platform-team\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Docs URL\"\n              value={docsURL}\n              onChange={e => setDocsURL(e.target.value)}\n              placeholder=\"https://api.example.com/docs\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"OpenAPI Spec URL\"\n              value={openAPISpec}\n              onChange={e => setOpenAPISpec(e.target.value)}\n              placeholder=\"https://api.example.com/openapi.json\"\n              margin=\"normal\"\n            />\n          </Grid>\n        </Grid>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={handleClose}>Cancel</Button>\n        <Button\n          onClick={handleCreate}\n          color=\"primary\"\n          variant=\"contained\"\n          disabled={creating || !name || !namespace || !displayName || !description || !selectedPlanPolicy}\n        >\n          {creating ? 'Creating...' : 'Create'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CreateAPIProductDialog.esm.js","sources":["../../../src/components/CreateAPIProductDialog/CreateAPIProductDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Button,\n  TextField,\n  Box,\n  Typography,\n  Chip,\n  Grid,\n  MenuItem,\n  makeStyles,\n} from '@material-ui/core';\nimport { useApi, configApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { Alert } from '@material-ui/lab';\nimport useAsync from 'react-use/lib/useAsync';\n\nconst useStyles = makeStyles({\n  asterisk: {\n    color: '#f44336',\n  },\n});\n\ninterface CreateAPIProductDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess: () => void;\n}\n\nexport const CreateAPIProductDialog = ({ open, onClose, onSuccess }: CreateAPIProductDialogProps) => {\n  const classes = useStyles();\n  const config = useApi(configApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const backendUrl = config.getString('backend.baseUrl');\n\n  const [name, setName] = useState('');\n  const [displayName, setDisplayName] = useState('');\n  const [description, setDescription] = useState('');\n  const [version, setVersion] = useState('v1');\n  const [approvalMode, setApprovalMode] = useState<'automatic' | 'manual'>('manual');\n  const [publishStatus, setPublishStatus] = useState<'Draft' | 'Published'>('Published');\n  const [tags, setTags] = useState<string[]>([]);\n  const [tagInput, setTagInput] = useState('');\n  const [selectedHTTPRoute, setSelectedHTTPRoute] = useState('');\n  const [contactEmail, setContactEmail] = useState('');\n  const [contactTeam, setContactTeam] = useState('');\n  const [docsURL, setDocsURL] = useState('');\n  const [openAPISpec, setOpenAPISpec] = useState('');\n  const [error, setError] = useState('');\n  const [creating, setCreating] = useState(false);\n\n  const { value: httpRoutes, loading: httpRoutesLoading } = useAsync(async () => {\n    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/httproutes`);\n    const data = await response.json();\n    // filter to only show httproutes annotated for backstage exposure\n    return (data.items || []).filter((route: any) =>\n      route.metadata.annotations?.['backstage.io/expose'] === 'true'\n    );\n  }, [backendUrl, fetchApi, open]);\n\n  const handleAddTag = () => {\n    if (tagInput.trim() && !tags.includes(tagInput.trim())) {\n      setTags([...tags, tagInput.trim()]);\n      setTagInput('');\n    }\n  };\n\n  const handleDeleteTag = (tagToDelete: string) => {\n    setTags(tags.filter(tag => tag !== tagToDelete));\n  };\n\n  const handleCreate = async () => {\n    setError('');\n    setCreating(true);\n\n    try {\n      if (!selectedHTTPRoute) {\n        throw new Error('Please select an HTTPRoute');\n      }\n\n      const [selectedRouteNamespace, selectedRouteName] = selectedHTTPRoute.split('/');\n\n      // derive namespace from selected httproute\n      const namespace = selectedRouteNamespace;\n\n      const apiProduct = {\n        apiVersion: 'extensions.kuadrant.io/v1alpha1',\n        kind: 'APIProduct',\n        metadata: {\n          name,\n          namespace,\n        },\n        spec: {\n          displayName,\n          description,\n          version,\n          approvalMode,\n          publishStatus,\n          tags,\n          targetRef: {\n            group: 'gateway.networking.k8s.io',\n            kind: 'HTTPRoute',\n            name: selectedRouteName,\n            namespace: selectedRouteNamespace,\n          },\n          ...(contactEmail || contactTeam ? {\n            contact: {\n              ...(contactEmail && { email: contactEmail }),\n              ...(contactTeam && { team: contactTeam }),\n            },\n          } : {}),\n          ...(docsURL || openAPISpec ? {\n            documentation: {\n              ...(docsURL && { docsURL }),\n              ...(openAPISpec && { openAPISpec }),\n            },\n          } : {}),\n        },\n      };\n\n      const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify(apiProduct),\n      });\n\n      if (!response.ok) {\n        const errorData = await response.json();\n        throw new Error(errorData.error || 'failed to create apiproduct');\n      }\n\n      onSuccess();\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  const handleClose = () => {\n    setName('');\n    setDisplayName('');\n    setDescription('');\n    setVersion('v1');\n    setApprovalMode('manual');\n    setPublishStatus('Published');\n    setTags([]);\n    setTagInput('');\n    setSelectedHTTPRoute('');\n    setContactEmail('');\n    setContactTeam('');\n    setDocsURL('');\n    setOpenAPISpec('');\n    setError('');\n    onClose();\n  };\n\n  return (\n    <Dialog open={open} onClose={handleClose} maxWidth=\"md\" fullWidth>\n      <DialogTitle>Create API Product</DialogTitle>\n      <DialogContent>\n        {error && (\n          <Alert severity=\"error\" style={{ marginBottom: 16 }}>\n            {error}\n          </Alert>\n        )}\n\n        <Grid container spacing={2}>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Name\"\n              value={name}\n              onChange={e => setName(e.target.value)}\n              placeholder=\"my-api\"\n              helperText=\"Kubernetes resource name (lowercase, hyphens)\"\n              margin=\"normal\"\n              required\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Display Name\"\n              value={displayName}\n              onChange={e => setDisplayName(e.target.value)}\n              placeholder=\"My API\"\n              margin=\"normal\"\n              required\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Version\"\n              value={version}\n              onChange={e => setVersion(e.target.value)}\n              placeholder=\"v1\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              select\n              label=\"Approval Mode\"\n              value={approvalMode}\n              onChange={e => setApprovalMode(e.target.value as 'automatic' | 'manual')}\n              margin=\"normal\"\n              helperText=\"Automatic: keys are created immediately. Manual: requires approval.\"\n            >\n              <MenuItem value=\"manual\">Manual</MenuItem>\n              <MenuItem value=\"automatic\">Automatic</MenuItem>\n            </TextField>\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              select\n              label=\"Publish Status\"\n              value={publishStatus}\n              onChange={e => setPublishStatus(e.target.value as 'Draft' | 'Published')}\n              margin=\"normal\"\n              helperText=\"Draft: hidden from catalog. Published: visible to consumers.\"\n            >\n              <MenuItem value=\"Draft\">Draft</MenuItem>\n              <MenuItem value=\"Published\">Published</MenuItem>\n            </TextField>\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              label=\"Description\"\n              value={description}\n              onChange={e => setDescription(e.target.value)}\n              placeholder=\"API description\"\n              margin=\"normal\"\n              multiline\n              rows={2}\n              required\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n\n          <Grid item xs={12}>\n            <Typography variant=\"subtitle2\" gutterBottom style={{ marginTop: 16 }}>\n              Tags\n            </Typography>\n            <Box display=\"flex\" flexWrap=\"wrap\" marginBottom={1} style={{ gap: 8 }}>\n              {tags.map(tag => (\n                <Chip\n                  key={tag}\n                  label={tag}\n                  onDelete={() => handleDeleteTag(tag)}\n                  size=\"small\"\n                />\n              ))}\n            </Box>\n            <Box display=\"flex\" style={{ gap: 8 }}>\n              <TextField\n                fullWidth\n                size=\"small\"\n                value={tagInput}\n                onChange={e => setTagInput(e.target.value)}\n                onKeyPress={e => e.key === 'Enter' && handleAddTag()}\n                placeholder=\"Add tag\"\n              />\n              <Button onClick={handleAddTag} variant=\"outlined\" size=\"small\">\n                Add\n              </Button>\n            </Box>\n          </Grid>\n\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              select\n              label=\"HTTPRoute\"\n              value={selectedHTTPRoute}\n              onChange={e => setSelectedHTTPRoute(e.target.value)}\n              margin=\"normal\"\n              required\n              helperText=\"Select an HTTPRoute (backstage.io/expose: true). APIProduct will be created in the same namespace.\"\n              disabled={httpRoutesLoading}\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            >\n              {httpRoutesLoading && (\n                <MenuItem value=\"\">Loading...</MenuItem>\n              )}\n              {!httpRoutesLoading && httpRoutes && httpRoutes.length === 0 && (\n                <MenuItem value=\"\">No HTTPRoutes available</MenuItem>\n              )}\n              {!httpRoutesLoading && httpRoutes && httpRoutes.map((route: any) => (\n                <MenuItem\n                  key={`${route.metadata.namespace}/${route.metadata.name}`}\n                  value={`${route.metadata.namespace}/${route.metadata.name}`}\n                >\n                  {route.metadata.name} ({route.metadata.namespace})\n                </MenuItem>\n              ))}\n            </TextField>\n          </Grid>\n\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Contact Email\"\n              value={contactEmail}\n              onChange={e => setContactEmail(e.target.value)}\n              placeholder=\"api-team@example.com\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Contact Team\"\n              value={contactTeam}\n              onChange={e => setContactTeam(e.target.value)}\n              placeholder=\"platform-team\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Docs URL\"\n              value={docsURL}\n              onChange={e => setDocsURL(e.target.value)}\n              placeholder=\"https://api.example.com/docs\"\n              margin=\"normal\"\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"OpenAPI Spec URL\"\n              value={openAPISpec}\n              onChange={e => setOpenAPISpec(e.target.value)}\n              placeholder=\"https://api.example.com/openapi.json\"\n              margin=\"normal\"\n            />\n          </Grid>\n        </Grid>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={handleClose}>Cancel</Button>\n        <Button\n          onClick={handleCreate}\n          color=\"primary\"\n          variant=\"contained\"\n          disabled={creating || !name || !displayName || !description || !selectedHTTPRoute}\n        >\n          {creating ? 'Creating...' : 'Create'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/EditAPIProductDialog/EditAPIProductDialog.esm.js

@@ -0,0 +1,274 @@
+import React, { useState, useEffect } from 'react';
+import { makeStyles, Dialog, DialogTitle, DialogContent, Grid, TextField, MenuItem, Typography, Box, Chip, Button, DialogActions } from '@material-ui/core';
+import { useApi, configApiRef, fetchApiRef } from '@backstage/core-plugin-api';
+import { Alert } from '@material-ui/lab';
+import { Progress } from '@backstage/core-components';
+
+const useStyles = makeStyles({
+  asterisk: {
+    color: "#f44336"
+  }
+});
+const EditAPIProductDialog = ({ open, onClose, onSuccess, namespace, name }) => {
+  const classes = useStyles();
+  const config = useApi(configApiRef);
+  const fetchApi = useApi(fetchApiRef);
+  const backendUrl = config.getString("backend.baseUrl");
+  const [loading, setLoading] = useState(false);
+  const [displayName, setDisplayName] = useState("");
+  const [description, setDescription] = useState("");
+  const [version, setVersion] = useState("v1");
+  const [publishStatus, setPublishStatus] = useState("Draft");
+  const [approvalMode, setApprovalMode] = useState("manual");
+  const [tags, setTags] = useState([]);
+  const [targetRef, setTargetRef] = useState(null);
+  const [tagInput, setTagInput] = useState("");
+  const [contactEmail, setContactEmail] = useState("");
+  const [contactTeam, setContactTeam] = useState("");
+  const [docsURL, setDocsURL] = useState("");
+  const [openAPISpec, setOpenAPISpec] = useState("");
+  const [error, setError] = useState("");
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    if (open && namespace && name) {
+      setLoading(true);
+      setError("");
+      fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts/${namespace}/${name}`).then((res) => res.json()).then((data) => {
+        setDisplayName(data.spec.displayName || "");
+        setDescription(data.spec.description || "");
+        setVersion(data.spec.version || "v1");
+        setPublishStatus(data.spec.publishStatus || "Draft");
+        setApprovalMode(data.spec.approvalMode || "manual");
+        setTags(data.spec.tags || []);
+        setTargetRef(data.spec.targetRef || null);
+        setContactEmail(data.spec.contact?.email || "");
+        setContactTeam(data.spec.contact?.team || "");
+        setDocsURL(data.spec.documentation?.docsURL || "");
+        setOpenAPISpec(data.spec.documentation?.openAPISpec || "");
+        setLoading(false);
+      }).catch((err) => {
+        setError(err.message || "Failed to load API Product");
+        setLoading(false);
+      });
+    }
+  }, [open, namespace, name, backendUrl, fetchApi]);
+  const handleAddTag = () => {
+    if (tagInput.trim() && !tags.includes(tagInput.trim())) {
+      setTags([...tags, tagInput.trim()]);
+      setTagInput("");
+    }
+  };
+  const handleDeleteTag = (tagToDelete) => {
+    setTags(tags.filter((tag) => tag !== tagToDelete));
+  };
+  const handleSave = async () => {
+    setError("");
+    setSaving(true);
+    try {
+      const patch = {
+        spec: {
+          displayName,
+          description,
+          version,
+          publishStatus,
+          approvalMode,
+          tags,
+          targetRef,
+          ...contactEmail || contactTeam ? {
+            contact: {
+              ...contactEmail && { email: contactEmail },
+              ...contactTeam && { team: contactTeam }
+            }
+          } : {},
+          ...docsURL || openAPISpec ? {
+            documentation: {
+              ...docsURL && { docsURL },
+              ...openAPISpec && { openAPISpec }
+            }
+          } : {}
+        }
+      };
+      const response = await fetchApi.fetch(
+        `${backendUrl}/api/kuadrant/apiproducts/${namespace}/${name}`,
+        {
+          method: "PATCH",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(patch)
+        }
+      );
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || "failed to update apiproduct");
+      }
+      onSuccess();
+      onClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Dialog, { open, onClose, maxWidth: "md", fullWidth: true }, /* @__PURE__ */ React.createElement(DialogTitle, null, "Edit API Product"), /* @__PURE__ */ React.createElement(DialogContent, null, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error", style: { marginBottom: 16 } }, error), loading ? /* @__PURE__ */ React.createElement(Progress, null) : /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Name",
+      value: name,
+      disabled: true,
+      helperText: "Kubernetes resource name (immutable)",
+      margin: "normal"
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Namespace",
+      value: namespace,
+      disabled: true,
+      helperText: "Derived from HTTPRoute (immutable)",
+      margin: "normal"
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Display Name",
+      value: displayName,
+      onChange: (e) => setDisplayName(e.target.value),
+      placeholder: "My API",
+      margin: "normal",
+      required: true,
+      InputLabelProps: {
+        classes: {
+          asterisk: classes.asterisk
+        }
+      }
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Version",
+      value: version,
+      onChange: (e) => setVersion(e.target.value),
+      placeholder: "v1",
+      margin: "normal"
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      select: true,
+      label: "Publish Status",
+      value: publishStatus,
+      onChange: (e) => setPublishStatus(e.target.value),
+      margin: "normal",
+      helperText: "Draft: Hidden from catalog. Published: Visible in catalog."
+    },
+    /* @__PURE__ */ React.createElement(MenuItem, { value: "Draft" }, "Draft (Hidden)"),
+    /* @__PURE__ */ React.createElement(MenuItem, { value: "Published" }, "Published (Visible)")
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      select: true,
+      label: "Approval Mode",
+      value: approvalMode,
+      onChange: (e) => setApprovalMode(e.target.value),
+      margin: "normal",
+      helperText: "Automatic: keys created immediately. Manual: requires approval."
+    },
+    /* @__PURE__ */ React.createElement(MenuItem, { value: "manual" }, "Manual"),
+    /* @__PURE__ */ React.createElement(MenuItem, { value: "automatic" }, "Automatic")
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Description",
+      value: description,
+      onChange: (e) => setDescription(e.target.value),
+      placeholder: "API description",
+      margin: "normal",
+      multiline: true,
+      rows: 2,
+      required: true,
+      InputLabelProps: {
+        classes: {
+          asterisk: classes.asterisk
+        }
+      }
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2", gutterBottom: true, style: { marginTop: 16 } }, "Tags"), /* @__PURE__ */ React.createElement(Box, { display: "flex", flexWrap: "wrap", marginBottom: 1, style: { gap: 8 } }, tags.map((tag) => /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      key: tag,
+      label: tag,
+      onDelete: () => handleDeleteTag(tag),
+      size: "small"
+    }
+  ))), /* @__PURE__ */ React.createElement(Box, { display: "flex", style: { gap: 8 } }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      size: "small",
+      value: tagInput,
+      onChange: (e) => setTagInput(e.target.value),
+      onKeyPress: (e) => e.key === "Enter" && handleAddTag(),
+      placeholder: "Add tag"
+    }
+  ), /* @__PURE__ */ React.createElement(Button, { onClick: handleAddTag, variant: "outlined", size: "small" }, "Add"))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Contact Email",
+      value: contactEmail,
+      onChange: (e) => setContactEmail(e.target.value),
+      placeholder: "api-team@example.com",
+      margin: "normal"
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Contact Team",
+      value: contactTeam,
+      onChange: (e) => setContactTeam(e.target.value),
+      placeholder: "platform-team",
+      margin: "normal"
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "Docs URL",
+      value: docsURL,
+      onChange: (e) => setDocsURL(e.target.value),
+      placeholder: "https://api.example.com/docs",
+      margin: "normal"
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      fullWidth: true,
+      label: "OpenAPI Spec URL",
+      value: openAPISpec,
+      onChange: (e) => setOpenAPISpec(e.target.value),
+      placeholder: "https://api.example.com/openapi.json",
+      margin: "normal"
+    }
+  )))), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: onClose }, "Cancel"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: handleSave,
+      color: "primary",
+      variant: "contained",
+      disabled: saving || loading || !displayName || !description
+    },
+    saving ? "Saving..." : "Save"
+  )));
+};
+
+export { EditAPIProductDialog };
+//# sourceMappingURL=EditAPIProductDialog.esm.js.map