@backstage-community/plugin-bazaar 0.9.1 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-bazaar
 
+## 0.11.0
+
+### Minor Changes
+
+- 716ba31: Backstage version bump to v1.39.0
+
+## 0.10.0
+
+### Minor Changes
+
+- 5e5f531: Backstage version bump to v1.38.1
+
 ## 0.9.1
 
 ### Patch Changes

package/dist/components/About/About.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
@@ -11,14 +11,26 @@ const useStyles = makeStyles({
 });
 const About = () => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 5 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "About Bazaar" }, /* @__PURE__ */ React.createElement(Typography, { className: classes.subheader, variant: "body1" }, "What is the Bazaar?"), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "The Bazaar is a place where teams can propose projects for cross-functional team development. Essentially a marketplace for internal projects suitable for", " ", /* @__PURE__ */ React.createElement(
-    Link,
-    {
-      target: "_blank",
-      to: "https://en.wikipedia.org/wiki/Inner_source"
-    },
-    "Inner Sourcing"
-  ), '. With "Inner Sourcing", we mean projects that are developed internally within a company, but with Open Source best practices.'), /* @__PURE__ */ React.createElement(Typography, { className: classes.subheader, variant: "body1" }, "Why?"), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "Many companies today are of high need to increase the ease of cross-team cooperation. In large organizations, engineers often have limited ways of discovering or announcing the projects which could benefit from a wider development effort in terms of different expertise, experiences, and teams spread across the organization. With no good way to find these existing internal projects to join, the possibility of working with Inner Sourcing practices suffers."), /* @__PURE__ */ React.createElement(Typography, { className: classes.subheader, variant: "body1" }, "How?"), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "The Bazaar allows engineers and teams to open up and announce their new and exciting projects for transparent cooperation in other parts of larger organizations. The Bazaar ensures that new Inner Sourcing friendly projects gain visibility through Backstage and a way for interested engineers to show their interest and in the future contribute with their specific skill set. The Bazaar also provides an easy way to manage, catalog, and browse these Inner Sourcing friendly projects and components."))));
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 4, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, children: /* @__PURE__ */ jsxs(InfoCard, { title: "About Bazaar", children: [
+    /* @__PURE__ */ jsx(Typography, { className: classes.subheader, variant: "body1", children: "What is the Bazaar?" }),
+    /* @__PURE__ */ jsxs(Typography, { paragraph: true, children: [
+      "The Bazaar is a place where teams can propose projects for cross-functional team development. Essentially a marketplace for internal projects suitable for",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          target: "_blank",
+          to: "https://en.wikipedia.org/wiki/Inner_source",
+          children: "Inner Sourcing"
+        }
+      ),
+      '. With "Inner Sourcing", we mean projects that are developed internally within a company, but with Open Source best practices.'
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.subheader, variant: "body1", children: "Why?" }),
+    /* @__PURE__ */ jsx(Typography, { paragraph: true, children: "Many companies today are of high need to increase the ease of cross-team cooperation. In large organizations, engineers often have limited ways of discovering or announcing the projects which could benefit from a wider development effort in terms of different expertise, experiences, and teams spread across the organization. With no good way to find these existing internal projects to join, the possibility of working with Inner Sourcing practices suffers." }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.subheader, variant: "body1", children: "How?" }),
+    /* @__PURE__ */ jsx(Typography, { paragraph: true, children: "The Bazaar allows engineers and teams to open up and announce their new and exciting projects for transparent cooperation in other parts of larger organizations. The Bazaar ensures that new Inner Sourcing friendly projects gain visibility through Backstage and a way for interested engineers to show their interest and in the future contribute with their specific skill set. The Bazaar also provides an easy way to manage, catalog, and browse these Inner Sourcing friendly projects and components." })
+  ] }) }) });
 };
 
 export { About };

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

@@ -1 +1 @@
-{"version":3,"file":"About.esm.js","sources":["../../../src/components/About/About.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { InfoCard, Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  subheader: {\n    fontWeight: 'bold',\n  },\n});\n\nexport const About = () => {\n  const classes = useStyles();\n  return (\n    <Grid container spacing={4}>\n      <Grid item xs={5}>\n        <InfoCard title=\"About Bazaar\">\n          <Typography className={classes.subheader} variant=\"body1\">\n            What is the Bazaar?\n          </Typography>\n          <Typography paragraph>\n            The Bazaar is a place where teams can propose projects for\n            cross-functional team development. Essentially a marketplace for\n            internal projects suitable for{' '}\n            <Link\n              target=\"_blank\"\n              to=\"https://en.wikipedia.org/wiki/Inner_source\"\n            >\n              Inner Sourcing\n            </Link>\n            . With \"Inner Sourcing\", we mean projects that are developed\n            internally within a company, but with Open Source best practices.\n          </Typography>\n          <Typography className={classes.subheader} variant=\"body1\">\n            Why?\n          </Typography>\n          <Typography paragraph>\n            Many companies today are of high need to increase the ease of\n            cross-team cooperation. In large organizations, engineers often have\n            limited ways of discovering or announcing the projects which could\n            benefit from a wider development effort in terms of different\n            expertise, experiences, and teams spread across the organization.\n            With no good way to find these existing internal projects to join,\n            the possibility of working with Inner Sourcing practices suffers.\n          </Typography>\n          <Typography className={classes.subheader} variant=\"body1\">\n            How?\n          </Typography>\n          <Typography paragraph>\n            The Bazaar allows engineers and teams to open up and announce their\n            new and exciting projects for transparent cooperation in other parts\n            of larger organizations. The Bazaar ensures that new Inner Sourcing\n            friendly projects gain visibility through Backstage and a way for\n            interested engineers to show their interest and in the future\n            contribute with their specific skill set. The Bazaar also provides\n            an easy way to manage, catalog, and browse these Inner Sourcing\n            friendly projects and components.\n          </Typography>\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA;AAAA,IACT,UAAY,EAAA;AAAA;AAEhB,CAAC,CAAA;AAEM,MAAM,QAAQ,MAAM;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAA,sCACZ,QAAS,EAAA,EAAA,KAAA,EAAM,cACd,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,qBAE1D,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAA,EAAC,8JAGW,GAC/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,QAAA;AAAA,MACP,EAAG,EAAA;AAAA,KAAA;AAAA,IACJ;AAAA,GAEM,EAAA,gIAGT,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,SAAW,EAAA,OAAA,EAAQ,WAAQ,MAE1D,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAS,IAAC,EAAA,EAAA,4cAQtB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EAAW,SAAQ,OAAQ,EAAA,EAAA,MAE1D,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAS,EAAA,IAAA,EAAA,EAAC,mfAStB,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"About.esm.js","sources":["../../../src/components/About/About.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { InfoCard, Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  subheader: {\n    fontWeight: 'bold',\n  },\n});\n\nexport const About = () => {\n  const classes = useStyles();\n  return (\n    <Grid container spacing={4}>\n      <Grid item xs={5}>\n        <InfoCard title=\"About Bazaar\">\n          <Typography className={classes.subheader} variant=\"body1\">\n            What is the Bazaar?\n          </Typography>\n          <Typography paragraph>\n            The Bazaar is a place where teams can propose projects for\n            cross-functional team development. Essentially a marketplace for\n            internal projects suitable for{' '}\n            <Link\n              target=\"_blank\"\n              to=\"https://en.wikipedia.org/wiki/Inner_source\"\n            >\n              Inner Sourcing\n            </Link>\n            . With \"Inner Sourcing\", we mean projects that are developed\n            internally within a company, but with Open Source best practices.\n          </Typography>\n          <Typography className={classes.subheader} variant=\"body1\">\n            Why?\n          </Typography>\n          <Typography paragraph>\n            Many companies today are of high need to increase the ease of\n            cross-team cooperation. In large organizations, engineers often have\n            limited ways of discovering or announcing the projects which could\n            benefit from a wider development effort in terms of different\n            expertise, experiences, and teams spread across the organization.\n            With no good way to find these existing internal projects to join,\n            the possibility of working with Inner Sourcing practices suffers.\n          </Typography>\n          <Typography className={classes.subheader} variant=\"body1\">\n            How?\n          </Typography>\n          <Typography paragraph>\n            The Bazaar allows engineers and teams to open up and announce their\n            new and exciting projects for transparent cooperation in other parts\n            of larger organizations. The Bazaar ensures that new Inner Sourcing\n            friendly projects gain visibility through Backstage and a way for\n            interested engineers to show their interest and in the future\n            contribute with their specific skill set. The Bazaar also provides\n            an easy way to manage, catalog, and browse these Inner Sourcing\n            friendly projects and components.\n          </Typography>\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA;AAAA,IACT,UAAY,EAAA;AAAA;AAEhB,CAAC,CAAA;AAEM,MAAM,QAAQ,MAAM;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EACb,QAAC,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAS,OAAM,cACd,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,SAAW,EAAA,OAAA,EAAQ,SAAQ,QAE1D,EAAA,qBAAA,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,QAAA,EAAA;AAAA,MAAA,4JAAA;AAAA,MAGW,GAAA;AAAA,sBAC/B,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,MAAO,EAAA,QAAA;AAAA,UACP,EAAG,EAAA,4CAAA;AAAA,UACJ,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAAO;AAAA,KAGT,EAAA,CAAA;AAAA,wBACC,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,OAAA,EAAQ,SAAQ,QAE1D,EAAA,MAAA,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAC,QAQtB,EAAA,4cAAA,EAAA,CAAA;AAAA,wBACC,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,OAAA,EAAQ,SAAQ,QAE1D,EAAA,MAAA,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAC,QAStB,EAAA,mfAAA,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/AddProjectDialog/AddProjectDialog.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
 import { ProjectDialog } from '../ProjectDialog/ProjectDialog.esm.js';
@@ -49,7 +50,7 @@ const AddProjectDialog = ({
     handleClose();
     reset(defaultValues);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ProjectDialog,
     {
       handleSave: handleSubmit,
@@ -57,7 +58,7 @@ const AddProjectDialog = ({
       isAddForm: true,
       defaultValues,
       open,
-      projectSelector: /* @__PURE__ */ React.createElement(
+      projectSelector: /* @__PURE__ */ jsx(
         ProjectSelector,
         {
           onChange: handleEntityClick,

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

@@ -1 +1 @@
-{"version":3,"file":"AddProjectDialog.esm.js","sources":["../../../src/components/AddProjectDialog/AddProjectDialog.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { UseFormReset, UseFormGetValues } from 'react-hook-form';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { ProjectDialog } from '../ProjectDialog';\nimport { ProjectSelector } from '../ProjectSelector';\nimport { BazaarProject, FormValues, Size, Status } from '../../types';\nimport { bazaarApiRef } from '../../api';\n\ntype Props = {\n  catalogEntities: Entity[];\n  open: boolean;\n  handleClose: () => void;\n  fetchBazaarProjects: () => Promise<BazaarProject[]>;\n  fetchCatalogEntities: () => Promise<Entity[]>;\n};\n\nexport const AddProjectDialog = ({\n  catalogEntities,\n  open,\n  handleClose,\n  fetchBazaarProjects,\n  fetchCatalogEntities,\n}: Props) => {\n  const bazaarApi = useApi(bazaarApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [selectedEntity, setSelectedEntity] = useState<Entity | null>(null);\n\n  const defaultValues = {\n    title: '',\n    community: '',\n    description: '',\n    docs: '',\n    status: 'proposed' as Status,\n    size: 'medium' as Size,\n    responsible: '',\n    startDate: null,\n    endDate: null,\n  };\n\n  const handleEntityClick = (entity: Entity) => {\n    setSelectedEntity(entity);\n  };\n\n  const handleSubmit: (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => Promise<void> = async (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => {\n    const formValues = getValues();\n\n    const response = await bazaarApi.addProject({\n      ...formValues,\n      entityRef: selectedEntity ? stringifyEntityRef(selectedEntity) : null,\n      startDate: formValues.startDate ?? null,\n      endDate: formValues.endDate ?? null,\n    } as BazaarProject);\n\n    if (response.status === 'ok') {\n      fetchBazaarProjects();\n      fetchCatalogEntities();\n      alertApi.post({\n        message: `Added project '${formValues.title}' to the Bazaar list`,\n        severity: 'success',\n        display: 'transient',\n      });\n    }\n\n    handleClose();\n    reset(defaultValues);\n  };\n\n  return (\n    <ProjectDialog\n      handleSave={handleSubmit}\n      title=\"Add project\"\n      isAddForm\n      defaultValues={defaultValues}\n      open={open}\n      projectSelector={\n        <ProjectSelector\n          onChange={handleEntityClick}\n          catalogEntities={catalogEntities || []}\n          disableClearable={false}\n          defaultValue={null}\n          label=\"Select a project\"\n        />\n      }\n      handleClose={handleClose}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAiCO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,eAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAwB,IAAI,CAAA;AAExE,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,EAAA;AAAA,IACP,SAAW,EAAA,EAAA;AAAA,IACX,WAAa,EAAA,EAAA;AAAA,IACb,IAAM,EAAA,EAAA;AAAA,IACN,MAAQ,EAAA,UAAA;AAAA,IACR,IAAM,EAAA,QAAA;AAAA,IACN,WAAa,EAAA,EAAA;AAAA,IACb,SAAW,EAAA,IAAA;AAAA,IACX,OAAS,EAAA;AAAA,GACX;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAmB,KAAA;AAC5C,IAAA,iBAAA,CAAkB,MAAM,CAAA;AAAA,GAC1B;AAEA,EAAM,MAAA,YAAA,GAGe,OACnB,SAAA,EACA,KACG,KAAA;AACH,IAAA,MAAM,aAAa,SAAU,EAAA;AAE7B,IAAM,MAAA,QAAA,GAAW,MAAM,SAAA,CAAU,UAAW,CAAA;AAAA,MAC1C,GAAG,UAAA;AAAA,MACH,SAAW,EAAA,cAAA,GAAiB,kBAAmB,CAAA,cAAc,CAAI,GAAA,IAAA;AAAA,MACjE,SAAA,EAAW,WAAW,SAAa,IAAA,IAAA;AAAA,MACnC,OAAA,EAAS,WAAW,OAAW,IAAA;AAAA,KACf,CAAA;AAElB,IAAI,IAAA,QAAA,CAAS,WAAW,IAAM,EAAA;AAC5B,MAAoB,mBAAA,EAAA;AACpB,MAAqB,oBAAA,EAAA;AACrB,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,CAAkB,eAAA,EAAA,UAAA,CAAW,KAAK,CAAA,oBAAA,CAAA;AAAA,QAC3C,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACV,CAAA;AAAA;AAGH,IAAY,WAAA,EAAA;AACZ,IAAA,KAAA,CAAM,aAAa,CAAA;AAAA,GACrB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,YAAA;AAAA,MACZ,KAAM,EAAA,aAAA;AAAA,MACN,SAAS,EAAA,IAAA;AAAA,MACT,aAAA;AAAA,MACA,IAAA;AAAA,MACA,eACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,iBAAA;AAAA,UACV,eAAA,EAAiB,mBAAmB,EAAC;AAAA,UACrC,gBAAkB,EAAA,KAAA;AAAA,UAClB,YAAc,EAAA,IAAA;AAAA,UACd,KAAM,EAAA;AAAA;AAAA,OACR;AAAA,MAEF;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"AddProjectDialog.esm.js","sources":["../../../src/components/AddProjectDialog/AddProjectDialog.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { UseFormReset, UseFormGetValues } from 'react-hook-form';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { ProjectDialog } from '../ProjectDialog';\nimport { ProjectSelector } from '../ProjectSelector';\nimport { BazaarProject, FormValues, Size, Status } from '../../types';\nimport { bazaarApiRef } from '../../api';\n\ntype Props = {\n  catalogEntities: Entity[];\n  open: boolean;\n  handleClose: () => void;\n  fetchBazaarProjects: () => Promise<BazaarProject[]>;\n  fetchCatalogEntities: () => Promise<Entity[]>;\n};\n\nexport const AddProjectDialog = ({\n  catalogEntities,\n  open,\n  handleClose,\n  fetchBazaarProjects,\n  fetchCatalogEntities,\n}: Props) => {\n  const bazaarApi = useApi(bazaarApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [selectedEntity, setSelectedEntity] = useState<Entity | null>(null);\n\n  const defaultValues = {\n    title: '',\n    community: '',\n    description: '',\n    docs: '',\n    status: 'proposed' as Status,\n    size: 'medium' as Size,\n    responsible: '',\n    startDate: null,\n    endDate: null,\n  };\n\n  const handleEntityClick = (entity: Entity) => {\n    setSelectedEntity(entity);\n  };\n\n  const handleSubmit: (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => Promise<void> = async (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => {\n    const formValues = getValues();\n\n    const response = await bazaarApi.addProject({\n      ...formValues,\n      entityRef: selectedEntity ? stringifyEntityRef(selectedEntity) : null,\n      startDate: formValues.startDate ?? null,\n      endDate: formValues.endDate ?? null,\n    } as BazaarProject);\n\n    if (response.status === 'ok') {\n      fetchBazaarProjects();\n      fetchCatalogEntities();\n      alertApi.post({\n        message: `Added project '${formValues.title}' to the Bazaar list`,\n        severity: 'success',\n        display: 'transient',\n      });\n    }\n\n    handleClose();\n    reset(defaultValues);\n  };\n\n  return (\n    <ProjectDialog\n      handleSave={handleSubmit}\n      title=\"Add project\"\n      isAddForm\n      defaultValues={defaultValues}\n      open={open}\n      projectSelector={\n        <ProjectSelector\n          onChange={handleEntityClick}\n          catalogEntities={catalogEntities || []}\n          disableClearable={false}\n          defaultValue={null}\n          label=\"Select a project\"\n        />\n      }\n      handleClose={handleClose}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAiCO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,eAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAwB,IAAI,CAAA;AAExE,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,EAAA;AAAA,IACP,SAAW,EAAA,EAAA;AAAA,IACX,WAAa,EAAA,EAAA;AAAA,IACb,IAAM,EAAA,EAAA;AAAA,IACN,MAAQ,EAAA,UAAA;AAAA,IACR,IAAM,EAAA,QAAA;AAAA,IACN,WAAa,EAAA,EAAA;AAAA,IACb,SAAW,EAAA,IAAA;AAAA,IACX,OAAS,EAAA;AAAA,GACX;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAmB,KAAA;AAC5C,IAAA,iBAAA,CAAkB,MAAM,CAAA;AAAA,GAC1B;AAEA,EAAM,MAAA,YAAA,GAGe,OACnB,SAAA,EACA,KACG,KAAA;AACH,IAAA,MAAM,aAAa,SAAU,EAAA;AAE7B,IAAM,MAAA,QAAA,GAAW,MAAM,SAAA,CAAU,UAAW,CAAA;AAAA,MAC1C,GAAG,UAAA;AAAA,MACH,SAAW,EAAA,cAAA,GAAiB,kBAAmB,CAAA,cAAc,CAAI,GAAA,IAAA;AAAA,MACjE,SAAA,EAAW,WAAW,SAAa,IAAA,IAAA;AAAA,MACnC,OAAA,EAAS,WAAW,OAAW,IAAA;AAAA,KACf,CAAA;AAElB,IAAI,IAAA,QAAA,CAAS,WAAW,IAAM,EAAA;AAC5B,MAAoB,mBAAA,EAAA;AACpB,MAAqB,oBAAA,EAAA;AACrB,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,CAAkB,eAAA,EAAA,UAAA,CAAW,KAAK,CAAA,oBAAA,CAAA;AAAA,QAC3C,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACV,CAAA;AAAA;AAGH,IAAY,WAAA,EAAA;AACZ,IAAA,KAAA,CAAM,aAAa,CAAA;AAAA,GACrB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,YAAA;AAAA,MACZ,KAAM,EAAA,aAAA;AAAA,MACN,SAAS,EAAA,IAAA;AAAA,MACT,aAAA;AAAA,MACA,IAAA;AAAA,MACA,eACE,kBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,iBAAA;AAAA,UACV,eAAA,EAAiB,mBAAmB,EAAC;AAAA,UACrC,gBAAkB,EAAA,KAAA;AAAA,UAClB,YAAc,EAAA,IAAA;AAAA,UACd,KAAM,EAAA;AAAA;AAAA,OACR;AAAA,MAEF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/BazaarOverviewCard/BazaarOverviewCard.esm.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { ProjectPreview } from '../ProjectPreview/ProjectPreview.esm.js';
 import useAsyncFn from 'react-use/esm/useAsyncFn';
 import { stringifyEntityRef } from '@backstage/catalog-model';
@@ -78,28 +79,28 @@ const BazaarOverviewCard = (props) => {
     }
   }, [bazaarProjects, catalogEntities]);
   if (catalogEntities.error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { error: catalogEntities.error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { error: catalogEntities.error });
   }
   if (bazaarProjects.error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { error: bazaarProjects.error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { error: bazaarProjects.error });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     InfoCard,
     {
       title: title ?? defaultTitle,
-      action: /* @__PURE__ */ React.createElement(IconButton, null, /* @__PURE__ */ React.createElement(Link, { to: bazaarLink.link, title: bazaarLink.title }, /* @__PURE__ */ React.createElement(StorefrontIcon, null)))
-    },
-    /* @__PURE__ */ React.createElement(
-      ProjectPreview,
-      {
-        bazaarProjects: bazaarProjects.value || [],
-        fetchBazaarProjects,
-        catalogEntities: unlinkedCatalogEntities || [],
-        useTablePagination: false,
-        gridSize: fullWidth ? 2 : 4,
-        height: fullHeight ? "large" : "small"
-      }
-    )
+      action: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(Link, { to: bazaarLink.link, title: bazaarLink.title, children: /* @__PURE__ */ jsx(StorefrontIcon, {}) }) }),
+      children: /* @__PURE__ */ jsx(
+        ProjectPreview,
+        {
+          bazaarProjects: bazaarProjects.value || [],
+          fetchBazaarProjects,
+          catalogEntities: unlinkedCatalogEntities || [],
+          useTablePagination: false,
+          gridSize: fullWidth ? 2 : 4,
+          height: fullHeight ? "large" : "small"
+        }
+      )
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BazaarOverviewCard.esm.js","sources":["../../../src/components/BazaarOverviewCard/BazaarOverviewCard.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { ProjectPreview } from '../ProjectPreview/ProjectPreview';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport type { BazaarProject } from '../../types';\nimport { bazaarApiRef } from '../../api';\nimport { fetchCatalogItems } from '../../util/fetchMethods';\nimport { parseBazaarProject } from '../../util/parseMethods';\nimport { ErrorPanel, InfoCard, Link } from '@backstage/core-components';\nimport { bazaarPlugin } from '../../plugin';\nimport IconButton from '@material-ui/core/IconButton';\nimport StorefrontIcon from '@material-ui/icons/Storefront';\n\n/** @public */\nexport type BazaarOverviewCardProps = {\n  title?: string;\n  order: 'latest' | 'random';\n  fullWidth?: boolean;\n  fullHeight?: boolean;\n};\n\nconst getUnlinkedCatalogEntities = (\n  bazaarProjects: BazaarProject[],\n  catalogEntities: Entity[],\n) => {\n  const bazaarProjectRefs = bazaarProjects.map(\n    (project: BazaarProject) => project.entityRef,\n  );\n\n  return catalogEntities.filter((entity: Entity) => {\n    return !bazaarProjectRefs?.includes(stringifyEntityRef(entity));\n  });\n};\n\n/** @public */\nexport const BazaarOverviewCard = (props: BazaarOverviewCardProps) => {\n  const { title, order, fullWidth = false, fullHeight = false } = props;\n  const bazaarApi = useApi(bazaarApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const root = useRouteRef(bazaarPlugin.routes.root);\n\n  const defaultTitle =\n    order === 'latest' ? 'Bazaar Latest Projects' : 'Bazaar Random Projects';\n\n  const bazaarLink = {\n    title: 'Go to Bazaar',\n    link: `${root()}`,\n  };\n\n  const [unlinkedCatalogEntities, setUnlinkedCatalogEntities] =\n    useState<Entity[]>();\n\n  const [catalogEntities, fetchCatalogEntities] = useAsyncFn(async () => {\n    return await fetchCatalogItems(catalogApi);\n  });\n\n  const [bazaarProjects, fetchBazaarProjects] = useAsyncFn(async () => {\n    const limit = fullWidth ? 6 : 3;\n    const response = await bazaarApi.getProjects(limit, order);\n    return response.data.map(parseBazaarProject) as BazaarProject[];\n  });\n\n  const catalogEntityRefs = catalogEntities.value?.map((project: Entity) =>\n    stringifyEntityRef(project),\n  );\n\n  useEffect(() => {\n    const filterBrokenLinks = () => {\n      if (catalogEntityRefs) {\n        bazaarProjects.value?.forEach(async (project: BazaarProject) => {\n          if (project.entityRef) {\n            if (!catalogEntityRefs?.includes(project.entityRef)) {\n              await bazaarApi.updateProject({\n                ...project,\n                entityRef: null,\n              });\n            }\n          }\n        });\n      }\n    };\n    filterBrokenLinks();\n  }, [\n    bazaarApi,\n    bazaarProjects.value,\n    catalogEntityRefs,\n    catalogEntities.value,\n  ]);\n\n  useEffect(() => {\n    fetchCatalogEntities();\n    fetchBazaarProjects();\n  }, [fetchBazaarProjects, fetchCatalogEntities]);\n\n  useEffect(() => {\n    const unlinkedCEntities = getUnlinkedCatalogEntities(\n      bazaarProjects.value || [],\n      catalogEntities.value || [],\n    );\n\n    if (unlinkedCEntities) {\n      setUnlinkedCatalogEntities(unlinkedCEntities);\n    }\n  }, [bazaarProjects, catalogEntities]);\n\n  if (catalogEntities.error) {\n    return <ErrorPanel error={catalogEntities.error} />;\n  }\n\n  if (bazaarProjects.error) {\n    return <ErrorPanel error={bazaarProjects.error} />;\n  }\n\n  return (\n    <InfoCard\n      title={title ?? defaultTitle}\n      action={\n        <IconButton>\n          <Link to={bazaarLink.link} title={bazaarLink.title}>\n            <StorefrontIcon />\n          </Link>\n        </IconButton>\n      }\n    >\n      <ProjectPreview\n        bazaarProjects={bazaarProjects.value || []}\n        fetchBazaarProjects={fetchBazaarProjects}\n        catalogEntities={unlinkedCatalogEntities || []}\n        useTablePagination={false}\n        gridSize={fullWidth ? 2 : 4}\n        height={fullHeight ? 'large' : 'small'}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuCA,MAAM,0BAAA,GAA6B,CACjC,cAAA,EACA,eACG,KAAA;AACH,EAAA,MAAM,oBAAoB,cAAe,CAAA,GAAA;AAAA,IACvC,CAAC,YAA2B,OAAQ,CAAA;AAAA,GACtC;AAEA,EAAO,OAAA,eAAA,CAAgB,MAAO,CAAA,CAAC,MAAmB,KAAA;AAChD,IAAA,OAAO,CAAC,iBAAA,EAAmB,QAAS,CAAA,kBAAA,CAAmB,MAAM,CAAC,CAAA;AAAA,GAC/D,CAAA;AACH,CAAA;AAGa,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,YAAY,KAAO,EAAA,UAAA,GAAa,OAAU,GAAA,KAAA;AAChE,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,IAAO,GAAA,WAAA,CAAY,YAAa,CAAA,MAAA,CAAO,IAAI,CAAA;AAEjD,EAAM,MAAA,YAAA,GACJ,KAAU,KAAA,QAAA,GAAW,wBAA2B,GAAA,wBAAA;AAElD,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,KAAO,EAAA,cAAA;AAAA,IACP,IAAA,EAAM,CAAG,EAAA,IAAA,EAAM,CAAA;AAAA,GACjB;AAEA,EAAA,MAAM,CAAC,uBAAA,EAAyB,0BAA0B,CAAA,GACxD,QAAmB,EAAA;AAErB,EAAA,MAAM,CAAC,eAAA,EAAiB,oBAAoB,CAAA,GAAI,WAAW,YAAY;AACrE,IAAO,OAAA,MAAM,kBAAkB,UAAU,CAAA;AAAA,GAC1C,CAAA;AAED,EAAA,MAAM,CAAC,cAAA,EAAgB,mBAAmB,CAAA,GAAI,WAAW,YAAY;AACnE,IAAM,MAAA,KAAA,GAAQ,YAAY,CAAI,GAAA,CAAA;AAC9B,IAAA,MAAM,QAAW,GAAA,MAAM,SAAU,CAAA,WAAA,CAAY,OAAO,KAAK,CAAA;AACzD,IAAO,OAAA,QAAA,CAAS,IAAK,CAAA,GAAA,CAAI,kBAAkB,CAAA;AAAA,GAC5C,CAAA;AAED,EAAM,MAAA,iBAAA,GAAoB,gBAAgB,KAAO,EAAA,GAAA;AAAA,IAAI,CAAC,OACpD,KAAA,kBAAA,CAAmB,OAAO;AAAA,GAC5B;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,IAAI,iBAAmB,EAAA;AACrB,QAAe,cAAA,CAAA,KAAA,EAAO,OAAQ,CAAA,OAAO,OAA2B,KAAA;AAC9D,UAAA,IAAI,QAAQ,SAAW,EAAA;AACrB,YAAA,IAAI,CAAC,iBAAA,EAAmB,QAAS,CAAA,OAAA,CAAQ,SAAS,CAAG,EAAA;AACnD,cAAA,MAAM,UAAU,aAAc,CAAA;AAAA,gBAC5B,GAAG,OAAA;AAAA,gBACH,SAAW,EAAA;AAAA,eACZ,CAAA;AAAA;AACH;AACF,SACD,CAAA;AAAA;AACH,KACF;AACA,IAAkB,iBAAA,EAAA;AAAA,GACjB,EAAA;AAAA,IACD,SAAA;AAAA,IACA,cAAe,CAAA,KAAA;AAAA,IACf,iBAAA;AAAA,IACA,eAAgB,CAAA;AAAA,GACjB,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAqB,oBAAA,EAAA;AACrB,IAAoB,mBAAA,EAAA;AAAA,GACnB,EAAA,CAAC,mBAAqB,EAAA,oBAAoB,CAAC,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,iBAAoB,GAAA,0BAAA;AAAA,MACxB,cAAA,CAAe,SAAS,EAAC;AAAA,MACzB,eAAA,CAAgB,SAAS;AAAC,KAC5B;AAEA,IAAA,IAAI,iBAAmB,EAAA;AACrB,MAAA,0BAAA,CAA2B,iBAAiB,CAAA;AAAA;AAC9C,GACC,EAAA,CAAC,cAAgB,EAAA,eAAe,CAAC,CAAA;AAEpC,EAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,eAAA,CAAgB,KAAO,EAAA,CAAA;AAAA;AAGnD,EAAA,IAAI,eAAe,KAAO,EAAA;AACxB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,cAAA,CAAe,KAAO,EAAA,CAAA;AAAA;AAGlD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAO,KAAS,IAAA,YAAA;AAAA,MAChB,MACE,kBAAA,KAAA,CAAA,aAAA,CAAC,UACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,UAAA,CAAW,IAAM,EAAA,KAAA,EAAO,UAAW,CAAA,KAAA,EAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,CAClB,CACF;AAAA,KAAA;AAAA,oBAGF,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAgB,cAAe,CAAA,KAAA,IAAS,EAAC;AAAA,QACzC,mBAAA;AAAA,QACA,eAAA,EAAiB,2BAA2B,EAAC;AAAA,QAC7C,kBAAoB,EAAA,KAAA;AAAA,QACpB,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA;AAAA,QAC1B,MAAA,EAAQ,aAAa,OAAU,GAAA;AAAA;AAAA;AACjC,GACF;AAEJ;;;;"}
+{"version":3,"file":"BazaarOverviewCard.esm.js","sources":["../../../src/components/BazaarOverviewCard/BazaarOverviewCard.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useState } from 'react';\nimport { ProjectPreview } from '../ProjectPreview/ProjectPreview';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport type { BazaarProject } from '../../types';\nimport { bazaarApiRef } from '../../api';\nimport { fetchCatalogItems } from '../../util/fetchMethods';\nimport { parseBazaarProject } from '../../util/parseMethods';\nimport { ErrorPanel, InfoCard, Link } from '@backstage/core-components';\nimport { bazaarPlugin } from '../../plugin';\nimport IconButton from '@material-ui/core/IconButton';\nimport StorefrontIcon from '@material-ui/icons/Storefront';\n\n/** @public */\nexport type BazaarOverviewCardProps = {\n  title?: string;\n  order: 'latest' | 'random';\n  fullWidth?: boolean;\n  fullHeight?: boolean;\n};\n\nconst getUnlinkedCatalogEntities = (\n  bazaarProjects: BazaarProject[],\n  catalogEntities: Entity[],\n) => {\n  const bazaarProjectRefs = bazaarProjects.map(\n    (project: BazaarProject) => project.entityRef,\n  );\n\n  return catalogEntities.filter((entity: Entity) => {\n    return !bazaarProjectRefs?.includes(stringifyEntityRef(entity));\n  });\n};\n\n/** @public */\nexport const BazaarOverviewCard = (props: BazaarOverviewCardProps) => {\n  const { title, order, fullWidth = false, fullHeight = false } = props;\n  const bazaarApi = useApi(bazaarApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const root = useRouteRef(bazaarPlugin.routes.root);\n\n  const defaultTitle =\n    order === 'latest' ? 'Bazaar Latest Projects' : 'Bazaar Random Projects';\n\n  const bazaarLink = {\n    title: 'Go to Bazaar',\n    link: `${root()}`,\n  };\n\n  const [unlinkedCatalogEntities, setUnlinkedCatalogEntities] =\n    useState<Entity[]>();\n\n  const [catalogEntities, fetchCatalogEntities] = useAsyncFn(async () => {\n    return await fetchCatalogItems(catalogApi);\n  });\n\n  const [bazaarProjects, fetchBazaarProjects] = useAsyncFn(async () => {\n    const limit = fullWidth ? 6 : 3;\n    const response = await bazaarApi.getProjects(limit, order);\n    return response.data.map(parseBazaarProject) as BazaarProject[];\n  });\n\n  const catalogEntityRefs = catalogEntities.value?.map((project: Entity) =>\n    stringifyEntityRef(project),\n  );\n\n  useEffect(() => {\n    const filterBrokenLinks = () => {\n      if (catalogEntityRefs) {\n        bazaarProjects.value?.forEach(async (project: BazaarProject) => {\n          if (project.entityRef) {\n            if (!catalogEntityRefs?.includes(project.entityRef)) {\n              await bazaarApi.updateProject({\n                ...project,\n                entityRef: null,\n              });\n            }\n          }\n        });\n      }\n    };\n    filterBrokenLinks();\n  }, [\n    bazaarApi,\n    bazaarProjects.value,\n    catalogEntityRefs,\n    catalogEntities.value,\n  ]);\n\n  useEffect(() => {\n    fetchCatalogEntities();\n    fetchBazaarProjects();\n  }, [fetchBazaarProjects, fetchCatalogEntities]);\n\n  useEffect(() => {\n    const unlinkedCEntities = getUnlinkedCatalogEntities(\n      bazaarProjects.value || [],\n      catalogEntities.value || [],\n    );\n\n    if (unlinkedCEntities) {\n      setUnlinkedCatalogEntities(unlinkedCEntities);\n    }\n  }, [bazaarProjects, catalogEntities]);\n\n  if (catalogEntities.error) {\n    return <ErrorPanel error={catalogEntities.error} />;\n  }\n\n  if (bazaarProjects.error) {\n    return <ErrorPanel error={bazaarProjects.error} />;\n  }\n\n  return (\n    <InfoCard\n      title={title ?? defaultTitle}\n      action={\n        <IconButton>\n          <Link to={bazaarLink.link} title={bazaarLink.title}>\n            <StorefrontIcon />\n          </Link>\n        </IconButton>\n      }\n    >\n      <ProjectPreview\n        bazaarProjects={bazaarProjects.value || []}\n        fetchBazaarProjects={fetchBazaarProjects}\n        catalogEntities={unlinkedCatalogEntities || []}\n        useTablePagination={false}\n        gridSize={fullWidth ? 2 : 4}\n        height={fullHeight ? 'large' : 'small'}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CardContentFields/AboutField.esm.js

@@ -1,8 +1,8 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useElementFilter } from '@backstage/core-plugin-api';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 
 const useStyles = makeStyles((theme) => ({
   value: {
@@ -25,8 +25,11 @@ function AboutField(props) {
   const { label, value, gridSizes, children } = props;
   const classes = useStyles();
   const childElements = useElementFilter(children, (c) => c.getElements());
-  const content = childElements.length > 0 ? childElements : /* @__PURE__ */ React.createElement(Typography, { variant: "body2", className: classes.value }, value || `unknown`);
-  return /* @__PURE__ */ React.createElement(Grid, { item: true, ...gridSizes }, /* @__PURE__ */ React.createElement(Typography, { variant: "h2", className: classes.label }, label), content);
+  const content = childElements.length > 0 ? childElements : /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.value, children: value || `unknown` });
+  return /* @__PURE__ */ jsxs(Grid, { item: true, ...gridSizes, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h2", className: classes.label, children: label }),
+    content
+  ] });
 }
 
 export { AboutField };

package/dist/components/CardContentFields/AboutField.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutField.esm.js","sources":["../../../src/components/CardContentFields/AboutField.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\n/**\n * Props for {@link AboutField}.\n */\nexport interface AboutFieldProps {\n  label: string;\n  value?: string;\n  gridSizes?: Record<string, number>;\n  children?: React.ReactNode;\n}\n\nexport function AboutField(props: AboutFieldProps) {\n  const { label, value, gridSizes, children } = props;\n  const classes = useStyles();\n\n  const childElements = useElementFilter(children, c => c.getElements());\n\n  // Content is either children or a string prop `value`\n  const content =\n    childElements.length > 0 ? (\n      childElements\n    ) : (\n      <Typography variant=\"body2\" className={classes.value}>\n        {value || `unknown`}\n      </Typography>\n    );\n  return (\n    <Grid item {...gridSizes}>\n      <Typography variant=\"h2\" className={classes.label}>\n        {label}\n      </Typography>\n      {content}\n    </Grid>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,aAAe,EAAA,WAAA;AAAA,IACf,QAAU,EAAA,MAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,aAAe,EAAA,GAAA;AAAA,IACf,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAYK,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,SAAA,EAAW,UAAa,GAAA,KAAA;AAC9C,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,gBAAgB,gBAAiB,CAAA,QAAA,EAAU,CAAK,CAAA,KAAA,CAAA,CAAE,aAAa,CAAA;AAGrE,EAAA,MAAM,OACJ,GAAA,aAAA,CAAc,MAAS,GAAA,CAAA,GACrB,aAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAA,EAC5C,SAAS,CACZ,OAAA,CAAA,CAAA;AAEJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAE,GAAG,SACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAW,EAAA,OAAA,CAAQ,KACzC,EAAA,EAAA,KACH,GACC,OACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AboutField.esm.js","sources":["../../../src/components/CardContentFields/AboutField.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport * as React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\n/**\n * Props for {@link AboutField}.\n */\nexport interface AboutFieldProps {\n  label: string;\n  value?: string;\n  gridSizes?: Record<string, number>;\n  children?: React.ReactNode;\n}\n\nexport function AboutField(props: AboutFieldProps) {\n  const { label, value, gridSizes, children } = props;\n  const classes = useStyles();\n\n  const childElements = useElementFilter(children, c => c.getElements());\n\n  // Content is either children or a string prop `value`\n  const content =\n    childElements.length > 0 ? (\n      childElements\n    ) : (\n      <Typography variant=\"body2\" className={classes.value}>\n        {value || `unknown`}\n      </Typography>\n    );\n  return (\n    <Grid item {...gridSizes}>\n      <Typography variant=\"h2\" className={classes.label}>\n        {label}\n      </Typography>\n      {content}\n    </Grid>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,aAAe,EAAA,WAAA;AAAA,IACf,QAAU,EAAA,MAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,aAAe,EAAA,GAAA;AAAA,IACf,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAYK,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,SAAA,EAAW,UAAa,GAAA,KAAA;AAC9C,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,gBAAgB,gBAAiB,CAAA,QAAA,EAAU,CAAK,CAAA,KAAA,CAAA,CAAE,aAAa,CAAA;AAGrE,EAAA,MAAM,OACJ,GAAA,aAAA,CAAc,MAAS,GAAA,CAAA,GACrB,aAEA,mBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAC5C,mBAAS,CACZ,OAAA,CAAA,EAAA,CAAA;AAEJ,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAE,GAAG,SACb,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAK,SAAW,EAAA,OAAA,CAAQ,OACzC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CardContentFields/CardContentFields.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
@@ -40,57 +40,71 @@ const CardContentFields = ({
   const currentPage = window.location.pathname;
   const isEntityPage = currentPage.includes("/catalog/");
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: descriptionSize }, /* @__PURE__ */ React.createElement(AboutField, { label: "Description" }, bazaarProject.description.split("\n").map((str, i) => /* @__PURE__ */ React.createElement(Typography, { key: i, variant: "body2", paragraph: true }, str)))), /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      style: {
-        display: "flex",
-        justifyContent: "flex-end"
-      },
-      item: true,
-      xs: membersSize
-    },
-    /* @__PURE__ */ React.createElement(AboutField, { label: "Latest members" }, members.length ? members.slice(0, 7).map((member) => {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            textAlign: "left",
-            backgroundColor: "",
-            marginBottom: "0.3rem",
-            marginTop: "0.3rem",
-            display: "block"
-          },
-          key: member.userId
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: descriptionSize, children: /* @__PURE__ */ jsx(AboutField, { label: "Description", children: bazaarProject.description.split("\n").map((str, i) => /* @__PURE__ */ jsx(Typography, { variant: "body2", paragraph: true, children: str }, i)) }) }),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        style: {
+          display: "flex",
+          justifyContent: "flex-end"
         },
-        /* @__PURE__ */ React.createElement(
-          Avatar,
-          {
-            displayName: member.userId,
-            classes,
-            picture: member.picture
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          Link,
-          {
-            target: "_blank",
-            to: member.userRef ? `${catalogEntityRoute(
-              parseEntityRef(member.userRef)
-            )}` : `http://github.com/${member.userId}`
-          },
-          member?.userId
-        )
-      );
-    }) : /* @__PURE__ */ React.createElement("div", null))
-  ), !isEntityPage && isMember && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(AboutField, { label: "I've joined the project, what's next?" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", paragraph: true }, 'To learn more about this project, click the "Entity Page" link, where you can view more information about the effort and navigate to the source code itself to begin collaborating.'))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Status" }, /* @__PURE__ */ React.createElement(StatusTag, { status: bazaarProject.status }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "size" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, bazaarProject.size))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Start date" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, bazaarProject.startDate?.substring(0, 10) || ""))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "End date" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, bazaarProject.endDate?.substring(0, 10) || ""))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Responsible" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, (() => {
-    try {
-      parseEntityRef(bazaarProject.responsible);
-      return /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: bazaarProject.responsible });
-    } catch {
-      return bazaarProject.responsible || "";
-    }
-  })(), " ")))))));
+        item: true,
+        xs: membersSize,
+        children: /* @__PURE__ */ jsx(AboutField, { label: "Latest members", children: members.length ? members.slice(0, 7).map((member) => {
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                textAlign: "left",
+                backgroundColor: "",
+                marginBottom: "0.3rem",
+                marginTop: "0.3rem",
+                display: "block"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Avatar,
+                  {
+                    displayName: member.userId,
+                    classes,
+                    picture: member.picture
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    target: "_blank",
+                    to: member.userRef ? `${catalogEntityRoute(
+                      parseEntityRef(member.userRef)
+                    )}` : `http://github.com/${member.userId}`,
+                    children: member?.userId
+                  }
+                )
+              ]
+            },
+            member.userId
+          );
+        }) : /* @__PURE__ */ jsx("div", {}) })
+      }
+    ),
+    !isEntityPage && isMember && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(AboutField, { label: "I've joined the project, what's next?", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", paragraph: true, children: 'To learn more about this project, click the "Entity Page" link, where you can view more information about the effort and navigate to the source code itself to begin collaborating.' }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(AboutField, { label: "Status", children: /* @__PURE__ */ jsx(StatusTag, { status: bazaarProject.status }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(AboutField, { label: "size", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: bazaarProject.size }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(AboutField, { label: "Start date", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: bazaarProject.startDate?.substring(0, 10) || "" }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(AboutField, { label: "End date", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: bazaarProject.endDate?.substring(0, 10) || "" }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(AboutField, { label: "Responsible", children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+      (() => {
+        try {
+          parseEntityRef(bazaarProject.responsible);
+          return /* @__PURE__ */ jsx(EntityRefLink, { entityRef: bazaarProject.responsible });
+        } catch {
+          return bazaarProject.responsible || "";
+        }
+      })(),
+      " "
+    ] }) }) })
+  ] }) }) }) });
 };
 
 export { CardContentFields };

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

@@ -1 +1 @@
-{"version":3,"file":"CardContentFields.esm.js","sources":["../../../src/components/CardContentFields/CardContentFields.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\n\nimport { GridSize } from '@material-ui/core/Grid';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Avatar, Link } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { AboutField } from './AboutField';\nimport { StatusTag } from '../StatusTag';\nimport { Member, BazaarProject } from '../../types';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\n\ntype Props = {\n  bazaarProject: BazaarProject;\n  members: Member[];\n  descriptionSize: GridSize;\n  membersSize: GridSize;\n  isMember: boolean;\n};\n\nconst useStyles = makeStyles(\n  {\n    avatar: {\n      width: '19px',\n      height: '19px',\n      float: 'left',\n      marginRight: '0.3rem',\n      marginTop: '0rem',\n      marginBottom: '0rem',\n      alignItems: 'left',\n    },\n    avatarText: {\n      fontSize: '8px',\n      textAlign: 'left',\n    },\n  },\n  { name: 'CardContentFields' },\n);\n\nexport const CardContentFields = ({\n  bazaarProject,\n  members,\n  descriptionSize,\n  membersSize,\n  isMember,\n}: Props) => {\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const currentPage = window.location.pathname;\n  const isEntityPage = currentPage.includes('/catalog/');\n  const classes = useStyles();\n  return (\n    <div>\n      <Card>\n        <CardContent>\n          <Grid container>\n            <Grid item xs={descriptionSize}>\n              <AboutField label=\"Description\">\n                {bazaarProject.description\n                  .split('\\n')\n                  .map((str: string, i: number) => (\n                    <Typography key={i} variant=\"body2\" paragraph>\n                      {str}\n                    </Typography>\n                  ))}\n              </AboutField>\n            </Grid>\n\n            <Grid\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n              }}\n              item\n              xs={membersSize}\n            >\n              <AboutField label=\"Latest members\">\n                {members.length ? (\n                  members.slice(0, 7).map((member: Member) => {\n                    return (\n                      <div\n                        style={{\n                          textAlign: 'left',\n                          backgroundColor: '',\n                          marginBottom: '0.3rem',\n                          marginTop: '0.3rem',\n                          display: 'block',\n                        }}\n                        key={member.userId}\n                      >\n                        <Avatar\n                          displayName={member.userId}\n                          classes={classes}\n                          picture={member.picture}\n                        />\n                        <Link\n                          target=\"_blank\"\n                          to={\n                            member.userRef\n                              ? `${catalogEntityRoute(\n                                  parseEntityRef(member.userRef),\n                                )}`\n                              : `http://github.com/${member.userId}`\n                          }\n                        >\n                          {member?.userId}\n                        </Link>\n                      </div>\n                    );\n                  })\n                ) : (\n                  <div />\n                )}\n              </AboutField>\n            </Grid>\n\n            {!isEntityPage && isMember && (\n              <Grid item xs={12}>\n                <AboutField label=\"I've joined the project, what's next?\">\n                  <Typography variant=\"body2\" paragraph>\n                    To learn more about this project, click the \"Entity Page\"\n                    link, where you can view more information about the effort\n                    and navigate to the source code itself to begin\n                    collaborating.\n                  </Typography>\n                </AboutField>\n              </Grid>\n            )}\n\n            <Grid item xs={2}>\n              <AboutField label=\"Status\">\n                <StatusTag status={bazaarProject.status} />\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"size\">\n                <Typography variant=\"body2\">{bazaarProject.size}</Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"Start date\">\n                <Typography variant=\"body2\">\n                  {bazaarProject.startDate?.substring(0, 10) || ''}\n                </Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"End date\">\n                <Typography variant=\"body2\">\n                  {bazaarProject.endDate?.substring(0, 10) || ''}\n                </Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={4}>\n              <AboutField label=\"Responsible\">\n                <Typography variant=\"body2\">\n                  {(() => {\n                    try {\n                      parseEntityRef(bazaarProject.responsible);\n                      return (\n                        <EntityRefLink entityRef={bazaarProject.responsible} />\n                      );\n                    } catch {\n                      return bazaarProject.responsible || '';\n                    }\n                  })()}{' '}\n                </Typography>\n              </AboutField>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CardContentFields.esm.js","sources":["../../../src/components/CardContentFields/CardContentFields.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Grid from '@material-ui/core/Grid';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\n\nimport { GridSize } from '@material-ui/core/Grid';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Avatar, Link } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { AboutField } from './AboutField';\nimport { StatusTag } from '../StatusTag';\nimport { Member, BazaarProject } from '../../types';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\n\ntype Props = {\n  bazaarProject: BazaarProject;\n  members: Member[];\n  descriptionSize: GridSize;\n  membersSize: GridSize;\n  isMember: boolean;\n};\n\nconst useStyles = makeStyles(\n  {\n    avatar: {\n      width: '19px',\n      height: '19px',\n      float: 'left',\n      marginRight: '0.3rem',\n      marginTop: '0rem',\n      marginBottom: '0rem',\n      alignItems: 'left',\n    },\n    avatarText: {\n      fontSize: '8px',\n      textAlign: 'left',\n    },\n  },\n  { name: 'CardContentFields' },\n);\n\nexport const CardContentFields = ({\n  bazaarProject,\n  members,\n  descriptionSize,\n  membersSize,\n  isMember,\n}: Props) => {\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const currentPage = window.location.pathname;\n  const isEntityPage = currentPage.includes('/catalog/');\n  const classes = useStyles();\n  return (\n    <div>\n      <Card>\n        <CardContent>\n          <Grid container>\n            <Grid item xs={descriptionSize}>\n              <AboutField label=\"Description\">\n                {bazaarProject.description\n                  .split('\\n')\n                  .map((str: string, i: number) => (\n                    <Typography key={i} variant=\"body2\" paragraph>\n                      {str}\n                    </Typography>\n                  ))}\n              </AboutField>\n            </Grid>\n\n            <Grid\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n              }}\n              item\n              xs={membersSize}\n            >\n              <AboutField label=\"Latest members\">\n                {members.length ? (\n                  members.slice(0, 7).map((member: Member) => {\n                    return (\n                      <div\n                        style={{\n                          textAlign: 'left',\n                          backgroundColor: '',\n                          marginBottom: '0.3rem',\n                          marginTop: '0.3rem',\n                          display: 'block',\n                        }}\n                        key={member.userId}\n                      >\n                        <Avatar\n                          displayName={member.userId}\n                          classes={classes}\n                          picture={member.picture}\n                        />\n                        <Link\n                          target=\"_blank\"\n                          to={\n                            member.userRef\n                              ? `${catalogEntityRoute(\n                                  parseEntityRef(member.userRef),\n                                )}`\n                              : `http://github.com/${member.userId}`\n                          }\n                        >\n                          {member?.userId}\n                        </Link>\n                      </div>\n                    );\n                  })\n                ) : (\n                  <div />\n                )}\n              </AboutField>\n            </Grid>\n\n            {!isEntityPage && isMember && (\n              <Grid item xs={12}>\n                <AboutField label=\"I've joined the project, what's next?\">\n                  <Typography variant=\"body2\" paragraph>\n                    To learn more about this project, click the \"Entity Page\"\n                    link, where you can view more information about the effort\n                    and navigate to the source code itself to begin\n                    collaborating.\n                  </Typography>\n                </AboutField>\n              </Grid>\n            )}\n\n            <Grid item xs={2}>\n              <AboutField label=\"Status\">\n                <StatusTag status={bazaarProject.status} />\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"size\">\n                <Typography variant=\"body2\">{bazaarProject.size}</Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"Start date\">\n                <Typography variant=\"body2\">\n                  {bazaarProject.startDate?.substring(0, 10) || ''}\n                </Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"End date\">\n                <Typography variant=\"body2\">\n                  {bazaarProject.endDate?.substring(0, 10) || ''}\n                </Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={4}>\n              <AboutField label=\"Responsible\">\n                <Typography variant=\"body2\">\n                  {(() => {\n                    try {\n                      parseEntityRef(bazaarProject.responsible);\n                      return (\n                        <EntityRefLink entityRef={bazaarProject.responsible} />\n                      );\n                    } catch {\n                      return bazaarProject.responsible || '';\n                    }\n                  })()}{' '}\n                </Typography>\n              </AboutField>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ConfirmationDialog/ConfirmationDialog.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import { CustomDialogTitle, DialogContent, DialogActions } from '../CustomDialogTitle/CustomDialogTitle.esm.js';
@@ -10,18 +10,23 @@ const ConfirmationDialog = ({
   type,
   handleSubmit
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       fullWidth: true,
       maxWidth: "xs",
       onClose: handleClose,
       "aria-labelledby": "customized-dialog-title",
-      open
-    },
-    /* @__PURE__ */ React.createElement(CustomDialogTitle, { id: "customized-dialog-title", onClose: handleClose }, type.charAt(0).toLocaleUpperCase("en-US") + type.slice(1), " project"),
-    /* @__PURE__ */ React.createElement(DialogContent, { dividers: true }, message),
-    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: handleSubmit, color: "primary", type: "submit" }, type))
+      open,
+      children: [
+        /* @__PURE__ */ jsxs(CustomDialogTitle, { id: "customized-dialog-title", onClose: handleClose, children: [
+          type.charAt(0).toLocaleUpperCase("en-US") + type.slice(1),
+          " project"
+        ] }),
+        /* @__PURE__ */ jsx(DialogContent, { dividers: true, children: message }),
+        /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, color: "primary", type: "submit", children: type }) })
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.esm.js","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport {\n  CustomDialogTitle,\n  DialogActions,\n  DialogContent,\n} from '../CustomDialogTitle';\n\ntype Props = {\n  open: boolean;\n  handleClose: () => void;\n  message: (string | JSX.Element)[];\n  type: 'delete' | 'unlink';\n  handleSubmit: () => void;\n};\n\nexport const ConfirmationDialog = ({\n  open,\n  handleClose,\n  message,\n  type,\n  handleSubmit,\n}: Props) => {\n  return (\n    <Dialog\n      fullWidth\n      maxWidth=\"xs\"\n      onClose={handleClose}\n      aria-labelledby=\"customized-dialog-title\"\n      open={open}\n    >\n      <CustomDialogTitle id=\"customized-dialog-title\" onClose={handleClose}>\n        {type.charAt(0).toLocaleUpperCase('en-US') + type.slice(1)} project\n      </CustomDialogTitle>\n\n      <DialogContent dividers>{message}</DialogContent>\n\n      <DialogActions>\n        <Button onClick={handleSubmit} color=\"primary\" type=\"submit\">\n          {type}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;AAiCO,MAAM,qBAAqB,CAAC;AAAA,EACjC,IAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,QAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,WAAA;AAAA,MACT,iBAAgB,EAAA,yBAAA;AAAA,MAChB;AAAA,KAAA;AAAA,wCAEC,iBAAkB,EAAA,EAAA,EAAA,EAAG,yBAA0B,EAAA,OAAA,EAAS,eACtD,IAAK,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,kBAAkB,OAAO,CAAA,GAAI,KAAK,KAAM,CAAA,CAAC,GAAE,UAC7D,CAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,QAAQ,EAAA,IAAA,EAAA,EAAE,OAAQ,CAAA;AAAA,oBAEjC,KAAA,CAAA,aAAA,CAAC,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,YAAc,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAK,QACjD,EAAA,EAAA,IACH,CACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"ConfirmationDialog.esm.js","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport {\n  CustomDialogTitle,\n  DialogActions,\n  DialogContent,\n} from '../CustomDialogTitle';\n\ntype Props = {\n  open: boolean;\n  handleClose: () => void;\n  message: (string | JSX.Element)[];\n  type: 'delete' | 'unlink';\n  handleSubmit: () => void;\n};\n\nexport const ConfirmationDialog = ({\n  open,\n  handleClose,\n  message,\n  type,\n  handleSubmit,\n}: Props) => {\n  return (\n    <Dialog\n      fullWidth\n      maxWidth=\"xs\"\n      onClose={handleClose}\n      aria-labelledby=\"customized-dialog-title\"\n      open={open}\n    >\n      <CustomDialogTitle id=\"customized-dialog-title\" onClose={handleClose}>\n        {type.charAt(0).toLocaleUpperCase('en-US') + type.slice(1)} project\n      </CustomDialogTitle>\n\n      <DialogContent dividers>{message}</DialogContent>\n\n      <DialogActions>\n        <Button onClick={handleSubmit} color=\"primary\" type=\"submit\">\n          {type}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;AAgCO,MAAM,qBAAqB,CAAC;AAAA,EACjC,IAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,QAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,WAAA;AAAA,MACT,iBAAgB,EAAA,yBAAA;AAAA,MAChB,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,iBAAkB,EAAA,EAAA,EAAA,EAAG,yBAA0B,EAAA,OAAA,EAAS,WACtD,EAAA,QAAA,EAAA;AAAA,UAAK,IAAA,CAAA,MAAA,CAAO,CAAC,CAAE,CAAA,iBAAA,CAAkB,OAAO,CAAI,GAAA,IAAA,CAAK,MAAM,CAAC,CAAA;AAAA,UAAE;AAAA,SAC7D,EAAA,CAAA;AAAA,wBAEC,GAAA,CAAA,aAAA,EAAA,EAAc,QAAQ,EAAA,IAAA,EAAE,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA,wBAEjC,GAAA,CAAC,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,YAAc,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAK,QACjD,EAAA,QAAA,EAAA,IAAA,EACH,CACF,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CustomDialogTitle/CustomDialogTitle.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import Typography from '@material-ui/core/Typography';
@@ -33,15 +33,18 @@ const DialogActions = withStyles((theme) => ({
 const CustomDialogTitle = withStyles(styles)(
   (props) => {
     const { children, classes, onClose, ...other } = props;
-    return /* @__PURE__ */ React.createElement(MuiDialogTitle, { disableTypography: true, className: classes.root, ...other }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, children), onClose ? /* @__PURE__ */ React.createElement(
-      IconButton,
-      {
-        "aria-label": "close",
-        className: classes.closeButton,
-        onClick: onClose
-      },
-      /* @__PURE__ */ React.createElement(CloseIcon, null)
-    ) : null);
+    return /* @__PURE__ */ jsxs(MuiDialogTitle, { disableTypography: true, className: classes.root, ...other, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", children }),
+      onClose ? /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "aria-label": "close",
+          className: classes.closeButton,
+          onClick: onClose,
+          children: /* @__PURE__ */ jsx(CloseIcon, {})
+        }
+      ) : null
+    ] });
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"CustomDialogTitle.esm.js","sources":["../../../src/components/CustomDialogTitle/CustomDialogTitle.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport Typography from '@material-ui/core/Typography';\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\nimport {\n  Theme,\n  WithStyles,\n  withStyles,\n  createStyles,\n} from '@material-ui/core/styles';\nimport MuiDialogContent from '@material-ui/core/DialogContent';\nimport MuiDialogActions from '@material-ui/core/DialogActions';\n\n/*\n  DialogTitleProps, DialogTitle, DialogContent and DialogActions \n  are copied from the git-release plugin\n*/\n\nexport interface DialogTitleProps extends WithStyles<typeof styles> {\n  id: string;\n  children: React.ReactNode;\n  onClose: () => void;\n}\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    root: {\n      margin: 0,\n      padding: theme.spacing(2),\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  });\n\nexport const DialogContent = withStyles((theme: Theme) => ({\n  root: {\n    padding: theme.spacing(2),\n  },\n}))(MuiDialogContent);\n\nexport const DialogActions = withStyles((theme: Theme) => ({\n  root: {\n    margin: 0,\n    padding: theme.spacing(1),\n  },\n}))(MuiDialogActions);\n\nexport const CustomDialogTitle = withStyles(styles)(\n  (props: DialogTitleProps) => {\n    const { children, classes, onClose, ...other } = props;\n    return (\n      <MuiDialogTitle disableTypography className={classes.root} {...other}>\n        <Typography variant=\"h6\">{children}</Typography>\n        {onClose ? (\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={onClose}\n          >\n            <CloseIcon />\n          </IconButton>\n        ) : null}\n      </MuiDialogTitle>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AAyCA,MAAM,MAAA,GAAS,CAAC,KAAA,KACd,YAAa,CAAA;AAAA,EACX,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,CAAA;AAAA,IACR,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC1B;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAEjC,CAAC,CAAA;AAEU,MAAA,aAAA,GAAgB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EACzD,IAAM,EAAA;AAAA,IACJ,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE5B,CAAA,CAAE,EAAE,gBAAgB;AAEP,MAAA,aAAA,GAAgB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EACzD,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,CAAA;AAAA,IACR,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE5B,CAAA,CAAE,EAAE,gBAAgB;AAEP,MAAA,iBAAA,GAAoB,WAAW,MAAM,CAAA;AAAA,EAChD,CAAC,KAA4B,KAAA;AAC3B,IAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,OAAS,EAAA,GAAG,OAAU,GAAA,KAAA;AACjD,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,iBAAiB,EAAA,IAAA,EAAC,WAAW,OAAQ,CAAA,IAAA,EAAO,GAAG,KAAA,EAAA,sCAC5D,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,QAAS,GAClC,OACC,mBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,OAAA;AAAA,QACX,WAAW,OAAQ,CAAA,WAAA;AAAA,QACnB,OAAS,EAAA;AAAA,OAAA;AAAA,0CAER,SAAU,EAAA,IAAA;AAAA,QAEX,IACN,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"CustomDialogTitle.esm.js","sources":["../../../src/components/CustomDialogTitle/CustomDialogTitle.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport * as React from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport Typography from '@material-ui/core/Typography';\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\nimport {\n  Theme,\n  WithStyles,\n  withStyles,\n  createStyles,\n} from '@material-ui/core/styles';\nimport MuiDialogContent from '@material-ui/core/DialogContent';\nimport MuiDialogActions from '@material-ui/core/DialogActions';\n\n/*\n  DialogTitleProps, DialogTitle, DialogContent and DialogActions \n  are copied from the git-release plugin\n*/\n\nexport interface DialogTitleProps extends WithStyles<typeof styles> {\n  id: string;\n  children: React.ReactNode;\n  onClose: () => void;\n}\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    root: {\n      margin: 0,\n      padding: theme.spacing(2),\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  });\n\nexport const DialogContent = withStyles((theme: Theme) => ({\n  root: {\n    padding: theme.spacing(2),\n  },\n}))(MuiDialogContent);\n\nexport const DialogActions = withStyles((theme: Theme) => ({\n  root: {\n    margin: 0,\n    padding: theme.spacing(1),\n  },\n}))(MuiDialogActions);\n\nexport const CustomDialogTitle = withStyles(styles)(\n  (props: DialogTitleProps) => {\n    const { children, classes, onClose, ...other } = props;\n    return (\n      <MuiDialogTitle disableTypography className={classes.root} {...other}>\n        <Typography variant=\"h6\">{children}</Typography>\n        {onClose ? (\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={onClose}\n          >\n            <CloseIcon />\n          </IconButton>\n        ) : null}\n      </MuiDialogTitle>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AAyCA,MAAM,MAAA,GAAS,CAAC,KAAA,KACd,YAAa,CAAA;AAAA,EACX,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,CAAA;AAAA,IACR,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC1B;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAEjC,CAAC,CAAA;AAEU,MAAA,aAAA,GAAgB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EACzD,IAAM,EAAA;AAAA,IACJ,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE5B,CAAA,CAAE,EAAE,gBAAgB;AAEP,MAAA,aAAA,GAAgB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EACzD,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,CAAA;AAAA,IACR,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE5B,CAAA,CAAE,EAAE,gBAAgB;AAEP,MAAA,iBAAA,GAAoB,WAAW,MAAM,CAAA;AAAA,EAChD,CAAC,KAA4B,KAAA;AAC3B,IAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,OAAS,EAAA,GAAG,OAAU,GAAA,KAAA;AACjD,IACE,uBAAA,IAAA,CAAC,kBAAe,iBAAiB,EAAA,IAAA,EAAC,WAAW,OAAQ,CAAA,IAAA,EAAO,GAAG,KAC7D,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAM,QAAS,EAAA,CAAA;AAAA,MAClC,OACC,mBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAW,EAAA,OAAA;AAAA,UACX,WAAW,OAAQ,CAAA,WAAA;AAAA,UACnB,OAAS,EAAA,OAAA;AAAA,UAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,OAEX,GAAA;AAAA,KACN,EAAA,CAAA;AAAA;AAGN;;;;"}