@backstage-community/plugin-bazaar 0.5.1 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"InputSelector.esm.js","sources":["../../../src/components/InputSelector/InputSelector.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 InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport { Controller, Control, FieldError } from 'react-hook-form';\nimport { FormValues } from '../../types';\n\ntype Props = {\n  options: string[];\n  control: Control<FormValues, object>;\n  name: 'status' | 'size';\n  error?: FieldError | undefined;\n};\n\nexport const InputSelector = ({ name, options, control, error }: Props) => {\n  const label = name.charAt(0).toLocaleUpperCase('en-US') + name.slice(1);\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={{\n        required: true,\n      }}\n      render={({ field }) => (\n        <FormControl fullWidth>\n          <InputLabel\n            required\n            htmlFor=\"demo-simple-select-outlined\"\n            id=\"demo-simple-select-outlined-label\"\n            style={{\n              marginTop: '0.25rem',\n            }}\n          >\n            {label}\n          </InputLabel>\n          <Select\n            {...field}\n            labelId=\"demo-simple-select-outlined-label\"\n            id=\"demo-simple-select-outlined\"\n            label={label}\n            error={!!error}\n          >\n            {options.map(option => {\n              return (\n                <MenuItem key={option} value={option}>\n                  {option}\n                </MenuItem>\n              );\n            })}\n          </Select>\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA+BO,MAAM,gBAAgB,CAAC,EAAE,MAAM,OAAS,EAAA,OAAA,EAAS,OAAmB,KAAA;AACzE,EAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,kBAAkB,OAAO,CAAA,GAAI,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AAEtE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,uBACR,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,WAAS,IACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,QAAQ,EAAA,IAAA;AAAA,UACR,OAAQ,EAAA,6BAAA;AAAA,UACR,EAAG,EAAA,mCAAA;AAAA,UACH,KAAO,EAAA;AAAA,YACL,SAAW,EAAA,SAAA;AAAA,WACb;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OAEH,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,OAAQ,EAAA,mCAAA;AAAA,UACR,EAAG,EAAA,6BAAA;AAAA,UACH,KAAA;AAAA,UACA,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,SAAA;AAAA,QAER,OAAA,CAAQ,IAAI,CAAU,MAAA,KAAA;AACrB,UAAA,2CACG,QAAS,EAAA,EAAA,GAAA,EAAK,MAAQ,EAAA,KAAA,EAAO,UAC3B,MACH,CAAA,CAAA;AAAA,SAEH,CAAA;AAAA,OAEL,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"InputSelector.esm.js","sources":["../../../src/components/InputSelector/InputSelector.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 InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport { Controller, Control, FieldError } from 'react-hook-form';\nimport { FormValues } from '../../types';\n\ntype Props = {\n  options: string[];\n  control: Control<FormValues, object>;\n  name: 'status' | 'size';\n  error?: FieldError | undefined;\n};\n\nexport const InputSelector = ({ name, options, control, error }: Props) => {\n  const label = name.charAt(0).toLocaleUpperCase('en-US') + name.slice(1);\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={{\n        required: true,\n      }}\n      render={({ field }) => (\n        <FormControl fullWidth>\n          <InputLabel\n            required\n            htmlFor=\"demo-simple-select-outlined\"\n            id=\"demo-simple-select-outlined-label\"\n            style={{\n              marginTop: '0.25rem',\n            }}\n          >\n            {label}\n          </InputLabel>\n          <Select\n            {...field}\n            labelId=\"demo-simple-select-outlined-label\"\n            id=\"demo-simple-select-outlined\"\n            label={label}\n            error={!!error}\n          >\n            {options.map(option => {\n              return (\n                <MenuItem key={option} value={option}>\n                  {option}\n                </MenuItem>\n              );\n            })}\n          </Select>\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA+BO,MAAM,gBAAgB,CAAC,EAAE,MAAM,OAAS,EAAA,OAAA,EAAS,OAAmB,KAAA;AACzE,EAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,kBAAkB,OAAO,CAAA,GAAI,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA;AAEtE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,uBACR,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,WAAS,IACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,QAAQ,EAAA,IAAA;AAAA,UACR,OAAQ,EAAA,6BAAA;AAAA,UACR,EAAG,EAAA,mCAAA;AAAA,UACH,KAAO,EAAA;AAAA,YACL,SAAW,EAAA;AAAA;AACb,SAAA;AAAA,QAEC;AAAA,OAEH,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,OAAQ,EAAA,mCAAA;AAAA,UACR,EAAG,EAAA,6BAAA;AAAA,UACH,KAAA;AAAA,UACA,KAAA,EAAO,CAAC,CAAC;AAAA,SAAA;AAAA,QAER,OAAA,CAAQ,IAAI,CAAU,MAAA,KAAA;AACrB,UAAA,2CACG,QAAS,EAAA,EAAA,GAAA,EAAK,MAAQ,EAAA,KAAA,EAAO,UAC3B,MACH,CAAA;AAAA,SAEH;AAAA,OAEL;AAAA;AAAA,GAEJ;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LinkProjectDialog.esm.js","sources":["../../../src/components/LinkProjectDialog/LinkProjectDialog.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 Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ProjectSelector } from '../ProjectSelector';\nimport { CustomDialogTitle } from '../CustomDialogTitle';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\n\nimport { bazaarApiRef } from '../../api';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\n\nimport { BazaarProject } from '../../types';\n\ntype Props = {\n  openProjectSelector: boolean;\n  handleProjectSelectorClose: () => void;\n  catalogEntities: Entity[];\n  bazaarProject: BazaarProject;\n  fetchBazaarProject: () => Promise<BazaarProject | null>;\n  initEntity: Entity;\n};\n\nconst useStyles = makeStyles({\n  content: { padding: '0 1rem' },\n});\n\nexport const LinkProjectDialog = ({\n  openProjectSelector,\n  handleProjectSelectorClose,\n  catalogEntities,\n  bazaarProject,\n  fetchBazaarProject,\n  initEntity,\n}: Props) => {\n  const classes = useStyles();\n  const bazaarApi = useApi(bazaarApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [selectedEntity, setSelectedEntity] = useState(initEntity);\n  const [selectedEntityName, setSelectedEntityName] = useState('');\n  const handleEntityClick = (entity: Entity) => {\n    setSelectedEntity(entity);\n    setSelectedEntityName(entity.metadata.name);\n  };\n\n  const handleSubmit = async () => {\n    handleProjectSelectorClose();\n\n    const updateResponse = await bazaarApi.updateProject({\n      ...bazaarProject,\n      entityRef: stringifyEntityRef(selectedEntity!),\n    });\n    if (updateResponse.status === 'ok') {\n      fetchBazaarProject();\n      alertApi.post({\n        message: `linked entity '${selectedEntityName}' to the project ${bazaarProject.title}`,\n        severity: 'success',\n        display: 'transient',\n      });\n    }\n  };\n\n  return (\n    <Dialog onClose={handleProjectSelectorClose} open={openProjectSelector}>\n      <CustomDialogTitle\n        id=\"customized-dialog-title\"\n        onClose={handleProjectSelectorClose}\n      >\n        Select entity\n      </CustomDialogTitle>\n      <DialogContent className={classes.content} dividers>\n        <ProjectSelector\n          label=\"\"\n          onChange={handleEntityClick}\n          catalogEntities={catalogEntities || []}\n          disableClearable\n          defaultValue={catalogEntities[0] || null}\n        />\n      </DialogContent>\n\n      <DialogActions>\n        <Button onClick={handleSubmit} color=\"primary\" type=\"submit\">\n          OK\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["DialogContent","DialogActions"],"mappings":";;;;;;;;;;;;AAwCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,OAAA,EAAS,EAAE,OAAA,EAAS,QAAS,EAAA;AAC/B,CAAC,CAAA,CAAA;AAEM,MAAM,oBAAoB,CAAC;AAAA,EAChC,mBAAA;AAAA,EACA,0BAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,UAAA;AACF,CAAa,KAAA;AACX,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,UAAU,CAAA,CAAA;AAC/D,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AAC/D,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAmB,KAAA;AAC5C,IAAA,iBAAA,CAAkB,MAAM,CAAA,CAAA;AACxB,IAAsB,qBAAA,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AAAA,GAC5C,CAAA;AAEA,EAAA,MAAM,eAAe,YAAY;AAC/B,IAA2B,0BAAA,EAAA,CAAA;AAE3B,IAAM,MAAA,cAAA,GAAiB,MAAM,SAAA,CAAU,aAAc,CAAA;AAAA,MACnD,GAAG,aAAA;AAAA,MACH,SAAA,EAAW,mBAAmB,cAAe,CAAA;AAAA,KAC9C,CAAA,CAAA;AACD,IAAI,IAAA,cAAA,CAAe,WAAW,IAAM,EAAA;AAClC,MAAmB,kBAAA,EAAA,CAAA;AACnB,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAS,EAAA,CAAA,eAAA,EAAkB,kBAAkB,CAAA,iBAAA,EAAoB,cAAc,KAAK,CAAA,CAAA;AAAA,QACpF,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA,WAAA;AAAA,OACV,CAAA,CAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,0BAAA,EAA4B,MAAM,mBACjD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,yBAAA;AAAA,MACH,OAAS,EAAA,0BAAA;AAAA,KAAA;AAAA,IACV,eAAA;AAAA,qBAGA,KAAA,CAAA,aAAA,CAAAA,gBAAA,EAAA,EAAc,WAAW,OAAQ,CAAA,OAAA,EAAS,UAAQ,IACjD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,EAAA;AAAA,MACN,QAAU,EAAA,iBAAA;AAAA,MACV,eAAA,EAAiB,mBAAmB,EAAC;AAAA,MACrC,gBAAgB,EAAA,IAAA;AAAA,MAChB,YAAA,EAAc,eAAgB,CAAA,CAAC,CAAK,IAAA,IAAA;AAAA,KAAA;AAAA,GAExC,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAA,sCACE,MAAO,EAAA,EAAA,OAAA,EAAS,YAAc,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAK,QAAS,EAAA,EAAA,IAE7D,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinkProjectDialog.esm.js","sources":["../../../src/components/LinkProjectDialog/LinkProjectDialog.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 Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ProjectSelector } from '../ProjectSelector';\nimport { CustomDialogTitle } from '../CustomDialogTitle';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\n\nimport { bazaarApiRef } from '../../api';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\n\nimport { BazaarProject } from '../../types';\n\ntype Props = {\n  openProjectSelector: boolean;\n  handleProjectSelectorClose: () => void;\n  catalogEntities: Entity[];\n  bazaarProject: BazaarProject;\n  fetchBazaarProject: () => Promise<BazaarProject | null>;\n  initEntity: Entity;\n};\n\nconst useStyles = makeStyles({\n  content: { padding: '0 1rem' },\n});\n\nexport const LinkProjectDialog = ({\n  openProjectSelector,\n  handleProjectSelectorClose,\n  catalogEntities,\n  bazaarProject,\n  fetchBazaarProject,\n  initEntity,\n}: Props) => {\n  const classes = useStyles();\n  const bazaarApi = useApi(bazaarApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [selectedEntity, setSelectedEntity] = useState(initEntity);\n  const [selectedEntityName, setSelectedEntityName] = useState('');\n  const handleEntityClick = (entity: Entity) => {\n    setSelectedEntity(entity);\n    setSelectedEntityName(entity.metadata.name);\n  };\n\n  const handleSubmit = async () => {\n    handleProjectSelectorClose();\n\n    const updateResponse = await bazaarApi.updateProject({\n      ...bazaarProject,\n      entityRef: stringifyEntityRef(selectedEntity!),\n    });\n    if (updateResponse.status === 'ok') {\n      fetchBazaarProject();\n      alertApi.post({\n        message: `linked entity '${selectedEntityName}' to the project ${bazaarProject.title}`,\n        severity: 'success',\n        display: 'transient',\n      });\n    }\n  };\n\n  return (\n    <Dialog onClose={handleProjectSelectorClose} open={openProjectSelector}>\n      <CustomDialogTitle\n        id=\"customized-dialog-title\"\n        onClose={handleProjectSelectorClose}\n      >\n        Select entity\n      </CustomDialogTitle>\n      <DialogContent className={classes.content} dividers>\n        <ProjectSelector\n          label=\"\"\n          onChange={handleEntityClick}\n          catalogEntities={catalogEntities || []}\n          disableClearable\n          defaultValue={catalogEntities[0] || null}\n        />\n      </DialogContent>\n\n      <DialogActions>\n        <Button onClick={handleSubmit} color=\"primary\" type=\"submit\">\n          OK\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["DialogContent","DialogActions"],"mappings":";;;;;;;;;;;;AAwCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,OAAA,EAAS,EAAE,OAAA,EAAS,QAAS;AAC/B,CAAC,CAAA;AAEM,MAAM,oBAAoB,CAAC;AAAA,EAChC,mBAAA;AAAA,EACA,0BAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,UAAU,CAAA;AAC/D,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAAS,EAAE,CAAA;AAC/D,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAmB,KAAA;AAC5C,IAAA,iBAAA,CAAkB,MAAM,CAAA;AACxB,IAAsB,qBAAA,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA;AAAA,GAC5C;AAEA,EAAA,MAAM,eAAe,YAAY;AAC/B,IAA2B,0BAAA,EAAA;AAE3B,IAAM,MAAA,cAAA,GAAiB,MAAM,SAAA,CAAU,aAAc,CAAA;AAAA,MACnD,GAAG,aAAA;AAAA,MACH,SAAA,EAAW,mBAAmB,cAAe;AAAA,KAC9C,CAAA;AACD,IAAI,IAAA,cAAA,CAAe,WAAW,IAAM,EAAA;AAClC,MAAmB,kBAAA,EAAA;AACnB,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAS,EAAA,CAAA,eAAA,EAAkB,kBAAkB,CAAA,iBAAA,EAAoB,cAAc,KAAK,CAAA,CAAA;AAAA,QACpF,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACV,CAAA;AAAA;AACH,GACF;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,0BAAA,EAA4B,MAAM,mBACjD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,yBAAA;AAAA,MACH,OAAS,EAAA;AAAA,KAAA;AAAA,IACV;AAAA,qBAGA,KAAA,CAAA,aAAA,CAAAA,gBAAA,EAAA,EAAc,WAAW,OAAQ,CAAA,OAAA,EAAS,UAAQ,IACjD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,EAAA;AAAA,MACN,QAAU,EAAA,iBAAA;AAAA,MACV,eAAA,EAAiB,mBAAmB,EAAC;AAAA,MACrC,gBAAgB,EAAA,IAAA;AAAA,MAChB,YAAA,EAAc,eAAgB,CAAA,CAAC,CAAK,IAAA;AAAA;AAAA,GAExC,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAA,sCACE,MAAO,EAAA,EAAA,OAAA,EAAS,YAAc,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAK,QAAS,EAAA,EAAA,IAE7D,CACF,CACF,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectCard.esm.js","sources":["../../../src/components/ProjectCard/ProjectCard.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 { ItemCardHeader } from '@backstage/core-components';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardContent from '@material-ui/core/CardContent';\nimport Dialog from '@material-ui/core/Dialog';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { StatusTag } from '../StatusTag/StatusTag';\nimport { BazaarProject } from '../../types';\nimport { DateTime } from 'luxon';\nimport { HomePageBazaarInfoCard } from '../HomePageBazaarInfoCard';\nimport { Entity } from '@backstage/catalog-model';\n\ntype Props = {\n  project: BazaarProject;\n  fetchBazaarProjects: () => Promise<BazaarProject[]>;\n  catalogEntities: Entity[];\n  height: 'large' | 'small';\n};\n\ntype StyleProps = {\n  height: 'large' | 'small';\n};\n\nconst useStyles = makeStyles(theme => ({\n  description: (props: StyleProps) => ({\n    height: props.height === 'large' ? '10rem' : '4rem',\n    WebkitBackgroundClip: 'text',\n    backgroundImage: `linear-gradient(180deg, ${theme.palette.textContrast} 0%, ${theme.palette.textContrast} 60%, transparent 100%)`,\n    color: 'transparent',\n  }),\n  statusTag: {\n    display: 'inline-block',\n    whiteSpace: 'nowrap',\n    marginBottom: '0.8rem',\n  },\n  memberCount: {\n    float: 'right',\n  },\n  header: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    height: '5rem',\n  },\n}));\n\nexport const ProjectCard = ({\n  project,\n  fetchBazaarProjects,\n  catalogEntities,\n  height,\n}: Props) => {\n  const classes = useStyles({ height });\n  const [openCard, setOpenCard] = useState(false);\n  const { id, title, status, updatedAt, description, membersCount } = project;\n\n  const handleClose = () => {\n    setOpenCard(false);\n    fetchBazaarProjects();\n  };\n\n  return (\n    <div>\n      <Dialog fullWidth onClose={handleClose} open={openCard}>\n        <HomePageBazaarInfoCard\n          initProject={project}\n          handleClose={handleClose}\n          initEntity={catalogEntities[0] || null}\n        />\n      </Dialog>\n\n      <Card key={id}>\n        <CardActionArea onClick={() => setOpenCard(true)}>\n          <ItemCardHeader\n            classes={{ root: classes.header }}\n            title={title}\n            subtitle={`updated ${DateTime.fromISO(\n              new Date(updatedAt!).toISOString(),\n            ).toRelative({\n              base: DateTime.now(),\n            })}`}\n          />\n          <CardContent>\n            <StatusTag styles={classes.statusTag} status={status} />\n            <Typography variant=\"body2\" className={classes.memberCount}>\n              {Number(membersCount) === Number(1)\n                ? `${membersCount} member`\n                : `${membersCount} members`}\n            </Typography>\n            <Typography variant=\"body2\" className={classes.description}>\n              {description}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n      </Card>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProjectCard.esm.js","sources":["../../../src/components/ProjectCard/ProjectCard.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 { ItemCardHeader } from '@backstage/core-components';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardContent from '@material-ui/core/CardContent';\nimport Dialog from '@material-ui/core/Dialog';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { StatusTag } from '../StatusTag/StatusTag';\nimport { BazaarProject } from '../../types';\nimport { DateTime } from 'luxon';\nimport { HomePageBazaarInfoCard } from '../HomePageBazaarInfoCard';\nimport { Entity } from '@backstage/catalog-model';\n\ntype Props = {\n  project: BazaarProject;\n  fetchBazaarProjects: () => Promise<BazaarProject[]>;\n  catalogEntities: Entity[];\n  height: 'large' | 'small';\n};\n\ntype StyleProps = {\n  height: 'large' | 'small';\n};\n\nconst useStyles = makeStyles(theme => ({\n  description: (props: StyleProps) => ({\n    height: props.height === 'large' ? '10rem' : '4rem',\n    WebkitBackgroundClip: 'text',\n    backgroundImage: `linear-gradient(180deg, ${theme.palette.textContrast} 0%, ${theme.palette.textContrast} 60%, transparent 100%)`,\n    color: 'transparent',\n  }),\n  statusTag: {\n    display: 'inline-block',\n    whiteSpace: 'nowrap',\n    marginBottom: '0.8rem',\n  },\n  memberCount: {\n    float: 'right',\n  },\n  header: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    height: '5rem',\n  },\n}));\n\nexport const ProjectCard = ({\n  project,\n  fetchBazaarProjects,\n  catalogEntities,\n  height,\n}: Props) => {\n  const classes = useStyles({ height });\n  const [openCard, setOpenCard] = useState(false);\n  const { id, title, status, updatedAt, description, membersCount } = project;\n\n  const handleClose = () => {\n    setOpenCard(false);\n    fetchBazaarProjects();\n  };\n\n  return (\n    <div>\n      <Dialog fullWidth onClose={handleClose} open={openCard}>\n        <HomePageBazaarInfoCard\n          initProject={project}\n          handleClose={handleClose}\n          initEntity={catalogEntities[0] || null}\n        />\n      </Dialog>\n\n      <Card key={id}>\n        <CardActionArea onClick={() => setOpenCard(true)}>\n          <ItemCardHeader\n            classes={{ root: classes.header }}\n            title={title}\n            subtitle={`updated ${DateTime.fromISO(\n              new Date(updatedAt!).toISOString(),\n            ).toRelative({\n              base: DateTime.now(),\n            })}`}\n          />\n          <CardContent>\n            <StatusTag styles={classes.statusTag} status={status} />\n            <Typography variant=\"body2\" className={classes.memberCount}>\n              {Number(membersCount) === Number(1)\n                ? `${membersCount} member`\n                : `${membersCount} members`}\n            </Typography>\n            <Typography variant=\"body2\" className={classes.description}>\n              {description}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n      </Card>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDialog.esm.js","sources":["../../../src/components/ProjectDialog/ProjectDialog.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, { useEffect, useState } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport { useForm, UseFormReset, UseFormGetValues } from 'react-hook-form';\nimport { InputField } from '../InputField/InputField';\nimport { InputSelector } from '../InputSelector/InputSelector';\nimport { FormValues } from '../../types';\nimport { DoubleDateSelector } from '../DoubleDateSelector/DoubleDateSelector';\nimport {\n  CustomDialogTitle,\n  DialogActions,\n  DialogContent,\n} from '../CustomDialogTitle';\nimport { fetchUsers } from '../../util/fetchMethods';\nimport { UserSelector } from '../UserSelector';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\n\ntype Props = {\n  handleSave: (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => Promise<void>;\n  isAddForm: boolean;\n  title: string;\n  defaultValues: FormValues;\n  open: boolean;\n  projectSelector?: JSX.Element;\n  deleteButton?: JSX.Element;\n  handleClose: () => void;\n};\n\nexport const ProjectDialog = ({\n  handleSave,\n  isAddForm,\n  title,\n  defaultValues,\n  open,\n  projectSelector,\n  deleteButton,\n  handleClose,\n}: Props) => {\n  const catalogApi = useApi(catalogApiRef);\n  const [users, setUsers] = useState<Entity[]>([]);\n\n  const {\n    handleSubmit,\n    reset,\n    control,\n    getValues,\n    formState: { errors },\n    setValue,\n  } = useForm<FormValues>({\n    mode: 'onChange',\n    defaultValues,\n  });\n\n  const handleSaveForm = () => {\n    handleSave(getValues, reset);\n  };\n\n  const handleCloseDialog = () => {\n    handleClose();\n    reset(defaultValues);\n  };\n\n  useEffect(() => {\n    fetchUsers(catalogApi).then(setUsers);\n  }, [catalogApi]);\n\n  return (\n    <div>\n      <Dialog\n        fullWidth\n        maxWidth=\"xs\"\n        onClose={handleCloseDialog}\n        aria-labelledby=\"customized-dialog-title\"\n        open={open}\n      >\n        <CustomDialogTitle\n          id=\"customized-dialog-title\"\n          onClose={handleCloseDialog}\n        >\n          {title}\n        </CustomDialogTitle>\n        <DialogContent style={{ padding: '1rem', paddingTop: '0rem' }} dividers>\n          <InputField\n            error={errors.title}\n            control={control}\n            rules={{\n              required: true,\n            }}\n            inputType=\"title\"\n            helperText=\"Please enter a title for your project\"\n          />\n          <InputField\n            error={errors.description}\n            control={control}\n            rules={{\n              required: true,\n            }}\n            inputType=\"description\"\n            helperText=\"Please enter a description\"\n          />\n\n          <InputSelector\n            control={control}\n            name=\"status\"\n            options={['proposed', 'ongoing', 'completed']}\n          />\n\n          <InputSelector\n            control={control}\n            name=\"size\"\n            options={['small', 'medium', 'large']}\n          />\n\n          <UserSelector\n            users={users}\n            disableClearable={false}\n            defaultValue={defaultValues.responsible}\n            label=\"Select or enter responsible user\"\n            name=\"responsible\"\n            control={control}\n            rules={{ required: 'Please select or enter a responsible user' }}\n          />\n\n          {isAddForm && projectSelector}\n\n          <InputField\n            error={errors.community}\n            control={control}\n            rules={{\n              required: false,\n              pattern: RegExp('^(https?)://'),\n            }}\n            inputType=\"community\"\n            helperText=\"Please enter a link starting with http/https\"\n            placeholder=\"Community link to e.g. Teams or Discord\"\n          />\n\n          <InputField\n            error={errors.docs}\n            control={control}\n            rules={{\n              required: false,\n              pattern: RegExp('^(https?)://'),\n            }}\n            inputType=\"docs\"\n            helperText=\"Please enter a link starting with http/https\"\n            placeholder=\"Project docs link\"\n          />\n\n          <DoubleDateSelector setValue={setValue} control={control} />\n        </DialogContent>\n\n        <DialogActions>\n          {!isAddForm && deleteButton}\n          <Button\n            onClick={handleSubmit(handleSaveForm)}\n            color=\"primary\"\n            type=\"submit\"\n          >\n            Submit\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProjectDialog.esm.js","sources":["../../../src/components/ProjectDialog/ProjectDialog.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, { useEffect, useState } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport { useForm, UseFormReset, UseFormGetValues } from 'react-hook-form';\nimport { InputField } from '../InputField/InputField';\nimport { InputSelector } from '../InputSelector/InputSelector';\nimport { FormValues } from '../../types';\nimport { DoubleDateSelector } from '../DoubleDateSelector/DoubleDateSelector';\nimport {\n  CustomDialogTitle,\n  DialogActions,\n  DialogContent,\n} from '../CustomDialogTitle';\nimport { fetchUsers } from '../../util/fetchMethods';\nimport { UserSelector } from '../UserSelector';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\n\ntype Props = {\n  handleSave: (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => Promise<void>;\n  isAddForm: boolean;\n  title: string;\n  defaultValues: FormValues;\n  open: boolean;\n  projectSelector?: JSX.Element;\n  deleteButton?: JSX.Element;\n  handleClose: () => void;\n};\n\nexport const ProjectDialog = ({\n  handleSave,\n  isAddForm,\n  title,\n  defaultValues,\n  open,\n  projectSelector,\n  deleteButton,\n  handleClose,\n}: Props) => {\n  const catalogApi = useApi(catalogApiRef);\n  const [users, setUsers] = useState<Entity[]>([]);\n\n  const {\n    handleSubmit,\n    reset,\n    control,\n    getValues,\n    formState: { errors },\n    setValue,\n  } = useForm<FormValues>({\n    mode: 'onChange',\n    defaultValues,\n  });\n\n  const handleSaveForm = () => {\n    handleSave(getValues, reset);\n  };\n\n  const handleCloseDialog = () => {\n    handleClose();\n    reset(defaultValues);\n  };\n\n  useEffect(() => {\n    fetchUsers(catalogApi).then(setUsers);\n  }, [catalogApi]);\n\n  return (\n    <div>\n      <Dialog\n        fullWidth\n        maxWidth=\"xs\"\n        onClose={handleCloseDialog}\n        aria-labelledby=\"customized-dialog-title\"\n        open={open}\n      >\n        <CustomDialogTitle\n          id=\"customized-dialog-title\"\n          onClose={handleCloseDialog}\n        >\n          {title}\n        </CustomDialogTitle>\n        <DialogContent style={{ padding: '1rem', paddingTop: '0rem' }} dividers>\n          <InputField\n            error={errors.title}\n            control={control}\n            rules={{\n              required: true,\n            }}\n            inputType=\"title\"\n            helperText=\"Please enter a title for your project\"\n          />\n          <InputField\n            error={errors.description}\n            control={control}\n            rules={{\n              required: true,\n            }}\n            inputType=\"description\"\n            helperText=\"Please enter a description\"\n          />\n\n          <InputSelector\n            control={control}\n            name=\"status\"\n            options={['proposed', 'ongoing', 'completed']}\n          />\n\n          <InputSelector\n            control={control}\n            name=\"size\"\n            options={['small', 'medium', 'large']}\n          />\n\n          <UserSelector\n            users={users}\n            disableClearable={false}\n            defaultValue={defaultValues.responsible}\n            label=\"Select or enter responsible user\"\n            name=\"responsible\"\n            control={control}\n            rules={{ required: 'Please select or enter a responsible user' }}\n          />\n\n          {isAddForm && projectSelector}\n\n          <InputField\n            error={errors.community}\n            control={control}\n            rules={{\n              required: false,\n              pattern: RegExp('^(https?)://'),\n            }}\n            inputType=\"community\"\n            helperText=\"Please enter a link starting with http/https\"\n            placeholder=\"Community link to e.g. Teams or Discord\"\n          />\n\n          <InputField\n            error={errors.docs}\n            control={control}\n            rules={{\n              required: false,\n              pattern: RegExp('^(https?)://'),\n            }}\n            inputType=\"docs\"\n            helperText=\"Please enter a link starting with http/https\"\n            placeholder=\"Project docs link\"\n          />\n\n          <DoubleDateSelector setValue={setValue} control={control} />\n        </DialogContent>\n\n        <DialogActions>\n          {!isAddForm && deleteButton}\n          <Button\n            onClick={handleSubmit(handleSaveForm)}\n            color=\"primary\"\n            type=\"submit\"\n          >\n            Submit\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectPreview.esm.js","sources":["../../../src/components/ProjectPreview/ProjectPreview.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, { ChangeEvent, useState } from 'react';\nimport { ProjectCard } from '../ProjectCard/ProjectCard';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport { GridSize } from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { BazaarProject } from '../../types';\nimport { Entity } from '@backstage/catalog-model';\n\ntype Props = {\n  bazaarProjects: BazaarProject[];\n  fetchBazaarProjects: () => Promise<BazaarProject[]>;\n  catalogEntities: Entity[];\n  useTablePagination?: boolean;\n  gridSize?: GridSize;\n  height: 'large' | 'small';\n};\n\nconst useStyles = makeStyles({\n  content: {\n    width: '100%',\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n  },\n  empty: {\n    height: '10rem',\n    textAlign: 'center',\n    verticalAlign: 'middle',\n    lineHeight: '10rem',\n  },\n  pagination: {\n    marginTop: '1rem',\n    marginLeft: 'auto',\n    marginRight: '0',\n  },\n});\n\nexport const ProjectPreview = ({\n  bazaarProjects,\n  fetchBazaarProjects,\n  catalogEntities,\n  useTablePagination = true,\n  gridSize = 2,\n  height = 'large',\n}: Props) => {\n  const classes = useStyles();\n  const [page, setPage] = useState(1);\n  const [rows, setRows] = useState(12);\n\n  const handlePageChange = (_: any, newPage: number) => {\n    setPage(newPage + 1);\n  };\n\n  const handleRowChange = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => {\n    setRows(parseInt(event.target.value, 10));\n    setPage(1);\n  };\n\n  if (!bazaarProjects.length) {\n    return (\n      <div className={classes.empty}>Please add projects to the Bazaar.</div>\n    );\n  }\n\n  return (\n    <Box className={classes.content}>\n      <Grid wrap=\"wrap\" container spacing={3}>\n        {bazaarProjects\n          .slice((page - 1) * rows, rows * page)\n          .map((bazaarProject: BazaarProject, i: number) => {\n            return (\n              <Grid key={i} item xs={gridSize}>\n                <ProjectCard\n                  project={bazaarProject}\n                  key={i}\n                  fetchBazaarProjects={fetchBazaarProjects}\n                  catalogEntities={catalogEntities}\n                  height={height}\n                />\n              </Grid>\n            );\n          })}\n      </Grid>\n\n      {useTablePagination && (\n        <TablePagination\n          component=\"div\"\n          className={classes.pagination}\n          rowsPerPageOptions={[12, 24, 48, 96]}\n          count={bazaarProjects?.length}\n          page={page - 1}\n          onPageChange={handlePageChange}\n          rowsPerPage={rows}\n          onRowsPerPageChange={handleRowChange}\n          backIconButtonProps={{ disabled: page === 1 }}\n          nextIconButtonProps={{\n            disabled: rows * page >= bazaarProjects.length,\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProjectPreview.esm.js","sources":["../../../src/components/ProjectPreview/ProjectPreview.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, { ChangeEvent, useState } from 'react';\nimport { ProjectCard } from '../ProjectCard/ProjectCard';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport { GridSize } from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { BazaarProject } from '../../types';\nimport { Entity } from '@backstage/catalog-model';\n\ntype Props = {\n  bazaarProjects: BazaarProject[];\n  fetchBazaarProjects: () => Promise<BazaarProject[]>;\n  catalogEntities: Entity[];\n  useTablePagination?: boolean;\n  gridSize?: GridSize;\n  height: 'large' | 'small';\n};\n\nconst useStyles = makeStyles({\n  content: {\n    width: '100%',\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n  },\n  empty: {\n    height: '10rem',\n    textAlign: 'center',\n    verticalAlign: 'middle',\n    lineHeight: '10rem',\n  },\n  pagination: {\n    marginTop: '1rem',\n    marginLeft: 'auto',\n    marginRight: '0',\n  },\n});\n\nexport const ProjectPreview = ({\n  bazaarProjects,\n  fetchBazaarProjects,\n  catalogEntities,\n  useTablePagination = true,\n  gridSize = 2,\n  height = 'large',\n}: Props) => {\n  const classes = useStyles();\n  const [page, setPage] = useState(1);\n  const [rows, setRows] = useState(12);\n\n  const handlePageChange = (_: any, newPage: number) => {\n    setPage(newPage + 1);\n  };\n\n  const handleRowChange = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => {\n    setRows(parseInt(event.target.value, 10));\n    setPage(1);\n  };\n\n  if (!bazaarProjects.length) {\n    return (\n      <div className={classes.empty}>Please add projects to the Bazaar.</div>\n    );\n  }\n\n  return (\n    <Box className={classes.content}>\n      <Grid wrap=\"wrap\" container spacing={3}>\n        {bazaarProjects\n          .slice((page - 1) * rows, rows * page)\n          .map((bazaarProject: BazaarProject, i: number) => {\n            return (\n              <Grid key={i} item xs={gridSize}>\n                <ProjectCard\n                  project={bazaarProject}\n                  key={i}\n                  fetchBazaarProjects={fetchBazaarProjects}\n                  catalogEntities={catalogEntities}\n                  height={height}\n                />\n              </Grid>\n            );\n          })}\n      </Grid>\n\n      {useTablePagination && (\n        <TablePagination\n          component=\"div\"\n          className={classes.pagination}\n          rowsPerPageOptions={[12, 24, 48, 96]}\n          count={bazaarProjects?.length}\n          page={page - 1}\n          onPageChange={handlePageChange}\n          rowsPerPage={rows}\n          onRowsPerPageChange={handleRowChange}\n          backIconButtonProps={{ disabled: page === 1 }}\n          nextIconButtonProps={{\n            disabled: rows * page >= bazaarProjects.length,\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectSelector.esm.js","sources":["../../../src/components/ProjectSelector/ProjectSelector.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 { Entity } from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\n\ntype Props = {\n  catalogEntities: Entity[];\n  onChange: (entity: Entity) => void;\n  disableClearable: boolean;\n  defaultValue: Entity | null | undefined;\n  label: string;\n};\n\nconst useStyles = makeStyles({\n  container: { width: '100%', minWidth: '22rem' },\n  autocomplete: { overflow: 'hidden' },\n});\n\nexport const ProjectSelector = ({\n  catalogEntities,\n  onChange,\n  disableClearable,\n  defaultValue,\n  label,\n}: Props) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.container}>\n      <Autocomplete\n        className={classes.autocomplete}\n        fullWidth\n        disableClearable={disableClearable}\n        defaultValue={defaultValue}\n        options={catalogEntities}\n        getOptionLabel={option => option?.metadata?.name}\n        renderOption={option => (\n          <Typography component=\"span\">{option?.metadata?.name}</Typography>\n        )}\n        renderInput={params => <TextField {...params} label={label} />}\n        onChange={(_, data) => {\n          onChange(data!);\n        }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA+BA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,UAAU,OAAQ,EAAA;AAAA,EAC9C,YAAA,EAAc,EAAE,QAAA,EAAU,QAAS,EAAA;AACrC,CAAC,CAAA,CAAA;AAEM,MAAM,kBAAkB,CAAC;AAAA,EAC9B,eAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AACF,CAAa,KAAA;AACX,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,SACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,YAAA;AAAA,MACnB,SAAS,EAAA,IAAA;AAAA,MACT,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAS,EAAA,eAAA;AAAA,MACT,cAAA,EAAgB,CAAU,MAAA,KAAA,MAAA,EAAQ,QAAU,EAAA,IAAA;AAAA,MAC5C,YAAA,EAAc,4BACX,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAU,MAAQ,EAAA,EAAA,MAAA,EAAQ,UAAU,IAAK,CAAA;AAAA,MAEvD,aAAa,CAAU,MAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,QAAQ,KAAc,EAAA,CAAA;AAAA,MAC5D,QAAA,EAAU,CAAC,CAAA,EAAG,IAAS,KAAA;AACrB,QAAA,QAAA,CAAS,IAAK,CAAA,CAAA;AAAA,OAChB;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ProjectSelector.esm.js","sources":["../../../src/components/ProjectSelector/ProjectSelector.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 { Entity } from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\n\ntype Props = {\n  catalogEntities: Entity[];\n  onChange: (entity: Entity) => void;\n  disableClearable: boolean;\n  defaultValue: Entity | null | undefined;\n  label: string;\n};\n\nconst useStyles = makeStyles({\n  container: { width: '100%', minWidth: '22rem' },\n  autocomplete: { overflow: 'hidden' },\n});\n\nexport const ProjectSelector = ({\n  catalogEntities,\n  onChange,\n  disableClearable,\n  defaultValue,\n  label,\n}: Props) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.container}>\n      <Autocomplete\n        className={classes.autocomplete}\n        fullWidth\n        disableClearable={disableClearable}\n        defaultValue={defaultValue}\n        options={catalogEntities}\n        getOptionLabel={option => option?.metadata?.name}\n        renderOption={option => (\n          <Typography component=\"span\">{option?.metadata?.name}</Typography>\n        )}\n        renderInput={params => <TextField {...params} label={label} />}\n        onChange={(_, data) => {\n          onChange(data!);\n        }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA+BA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,UAAU,OAAQ,EAAA;AAAA,EAC9C,YAAA,EAAc,EAAE,QAAA,EAAU,QAAS;AACrC,CAAC,CAAA;AAEM,MAAM,kBAAkB,CAAC;AAAA,EAC9B,eAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,SACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,YAAA;AAAA,MACnB,SAAS,EAAA,IAAA;AAAA,MACT,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAS,EAAA,eAAA;AAAA,MACT,cAAA,EAAgB,CAAU,MAAA,KAAA,MAAA,EAAQ,QAAU,EAAA,IAAA;AAAA,MAC5C,YAAA,EAAc,4BACX,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAU,MAAQ,EAAA,EAAA,MAAA,EAAQ,UAAU,IAAK,CAAA;AAAA,MAEvD,aAAa,CAAU,MAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,QAAQ,KAAc,EAAA,CAAA;AAAA,MAC5D,QAAA,EAAU,CAAC,CAAA,EAAG,IAAS,KAAA;AACrB,QAAA,QAAA,CAAS,IAAK,CAAA;AAAA;AAChB;AAAA,GAEJ,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SortMethodSelector.esm.js","sources":["../../../src/components/SortMethodSelector/SortMethodSelector.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, { ChangeEvent, ReactNode } from 'react';\nimport FormControl from '@material-ui/core/FormControl';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles({\n  select: {\n    fontSize: 'xx-large',\n    fontWeight: 'bold',\n    width: '16rem',\n  },\n});\n\ntype Props = {\n  sortMethodNbr: number;\n  handleSortMethodChange:\n    | ((\n        event: ChangeEvent<{ name?: string | undefined; value: unknown }>,\n        child: ReactNode,\n      ) => void)\n    | undefined;\n};\n\nexport const SortMethodSelector = ({\n  sortMethodNbr,\n  handleSortMethodChange,\n}: Props) => {\n  const classes = useStyles();\n  return (\n    <FormControl fullWidth>\n      <Select\n        className={classes.select}\n        disableUnderline\n        value={sortMethodNbr}\n        onChange={handleSortMethodChange}\n      >\n        <MenuItem value={0}>Latest updated</MenuItem>\n        <MenuItem value={1}>A-Z</MenuItem>\n        <MenuItem value={2}>Z-A</MenuItem>\n        <MenuItem value={3}>Most members</MenuItem>\n      </Select>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA,UAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA,OAAA;AAAA,GACT;AACF,CAAC,CAAA,CAAA;AAYM,MAAM,qBAAqB,CAAC;AAAA,EACjC,aAAA;AAAA,EACA,sBAAA;AACF,CAAa,KAAA;AACX,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAS,IACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,gBAAgB,EAAA,IAAA;AAAA,MAChB,KAAO,EAAA,aAAA;AAAA,MACP,QAAU,EAAA,sBAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,gBAAc,CAAA;AAAA,oBACjC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,KAAG,CAAA;AAAA,oBACtB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,KAAG,CAAA;AAAA,oBACtB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,cAAY,CAAA;AAAA,GAEpC,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SortMethodSelector.esm.js","sources":["../../../src/components/SortMethodSelector/SortMethodSelector.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, { ChangeEvent, ReactNode } from 'react';\nimport FormControl from '@material-ui/core/FormControl';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles({\n  select: {\n    fontSize: 'xx-large',\n    fontWeight: 'bold',\n    width: '16rem',\n  },\n});\n\ntype Props = {\n  sortMethodNbr: number;\n  handleSortMethodChange:\n    | ((\n        event: ChangeEvent<{ name?: string | undefined; value: unknown }>,\n        child: ReactNode,\n      ) => void)\n    | undefined;\n};\n\nexport const SortMethodSelector = ({\n  sortMethodNbr,\n  handleSortMethodChange,\n}: Props) => {\n  const classes = useStyles();\n  return (\n    <FormControl fullWidth>\n      <Select\n        className={classes.select}\n        disableUnderline\n        value={sortMethodNbr}\n        onChange={handleSortMethodChange}\n      >\n        <MenuItem value={0}>Latest updated</MenuItem>\n        <MenuItem value={1}>A-Z</MenuItem>\n        <MenuItem value={2}>Z-A</MenuItem>\n        <MenuItem value={3}>Most members</MenuItem>\n      </Select>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA,UAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA;AAAA;AAEX,CAAC,CAAA;AAYM,MAAM,qBAAqB,CAAC;AAAA,EACjC,aAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAS,IACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,gBAAgB,EAAA,IAAA;AAAA,MAChB,KAAO,EAAA,aAAA;AAAA,MACP,QAAU,EAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,gBAAc,CAAA;AAAA,oBACjC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,KAAG,CAAA;AAAA,oBACtB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,KAAG,CAAA;AAAA,oBACtB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,cAAY;AAAA,GAEpC,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SortView.esm.js","sources":["../../../src/components/SortView/SortView.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, { ChangeEvent, useEffect, useState } from 'react';\nimport { Content, SupportButton } from '@backstage/core-components';\nimport { AddProjectDialog } from '../AddProjectDialog';\nimport { ProjectPreview } from '../ProjectPreview/ProjectPreview';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { BazaarProject } from '../../types';\nimport { bazaarApiRef } from '../../api';\nimport Alert from '@material-ui/lab/Alert';\nimport SearchBar from 'material-ui-search-bar';\nimport {\n  sortByDate,\n  sortByMembers,\n  sortByTitle,\n  sortByTitleDescending,\n} from '../../util/sortMethods';\nimport { SortMethodSelector } from '../SortMethodSelector';\nimport { fetchCatalogItems } from '../../util/fetchMethods';\nimport { parseBazaarProject } from '../../util/parseMethods';\n\nconst useStyles = makeStyles({\n  button: { minWidth: '11rem' },\n  container: {\n    marginTop: '2rem',\n  },\n  header: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    margin: '0 auto',\n    marginBottom: '1.2rem',\n  },\n  search: {\n    marginRight: '1rem',\n    height: '2.5rem',\n    width: '35rem',\n  },\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 type SortViewProps = {\n  fullWidth?: boolean;\n  fullHeight?: boolean;\n};\n\n/** @public */\nexport const SortView = (props: SortViewProps) => {\n  const { fullWidth = true, fullHeight = true } = props;\n  const bazaarApi = useApi(bazaarApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const classes = useStyles();\n  const sortMethods = [\n    sortByDate,\n    sortByTitle,\n    sortByTitleDescending,\n    sortByMembers,\n  ];\n  const [sortMethodNbr, setSortMethodNbr] = useState(0);\n  const [openAdd, setOpenAdd] = useState(false);\n  const [searchValue, setSearchValue] = useState('');\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 response = await bazaarApi.getProjects();\n    const dbProjects: BazaarProject[] = [];\n\n    response.data.forEach((project: any) => {\n      dbProjects.push(parseBazaarProject(project));\n    });\n\n    return dbProjects;\n  });\n\n  const catalogEntityRefs = catalogEntities.value?.map((project: Entity) =>\n    stringifyEntityRef(project),\n  );\n\n  const getSearchResults = () => {\n    return bazaarProjects.value\n      ?.filter(project => project.title.includes(searchValue))\n      .sort(sortMethods[sortMethodNbr]);\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  const handleSortMethodChange = (\n    event: ChangeEvent<{ name?: string | undefined; value: unknown }>,\n  ) => {\n    setSortMethodNbr(\n      typeof event.target.value === 'number' ? event.target.value : 0,\n    );\n  };\n\n  if (catalogEntities.error)\n    return <Alert severity=\"error\">{catalogEntities.error.message}</Alert>;\n\n  if (bazaarProjects.error)\n    return <Alert severity=\"error\">{bazaarProjects.error.message}</Alert>;\n\n  return (\n    <Content noPadding>\n      <div className={classes.header}>\n        <SortMethodSelector\n          sortMethodNbr={sortMethodNbr}\n          handleSortMethodChange={handleSortMethodChange}\n        />\n\n        <SearchBar\n          className={classes.search}\n          value={searchValue}\n          onChange={newSortMethod => {\n            setSearchValue(newSortMethod);\n          }}\n          onCancelSearch={() => {\n            setSearchValue('');\n          }}\n        />\n        <Button\n          className={classes.button}\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            setOpenAdd(true);\n          }}\n        >\n          Add project\n        </Button>\n        <AddProjectDialog\n          catalogEntities={unlinkedCatalogEntities || []}\n          handleClose={() => {\n            setOpenAdd(false);\n          }}\n          open={openAdd}\n          fetchBazaarProjects={fetchBazaarProjects}\n          fetchCatalogEntities={fetchCatalogEntities}\n        />\n        <SupportButton />\n      </div>\n      <ProjectPreview\n        bazaarProjects={getSearchResults() || []}\n        fetchBazaarProjects={fetchBazaarProjects}\n        catalogEntities={unlinkedCatalogEntities || []}\n        gridSize={fullWidth ? 2 : 4}\n        height={fullHeight ? 'large' : 'small'}\n      />\n      <Content noPadding className={classes.container} />\n    </Content>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SortView.esm.js","sources":["../../../src/components/SortView/SortView.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, { ChangeEvent, useEffect, useState } from 'react';\nimport { Content, SupportButton } from '@backstage/core-components';\nimport { AddProjectDialog } from '../AddProjectDialog';\nimport { ProjectPreview } from '../ProjectPreview/ProjectPreview';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { BazaarProject } from '../../types';\nimport { bazaarApiRef } from '../../api';\nimport Alert from '@material-ui/lab/Alert';\nimport SearchBar from 'material-ui-search-bar';\nimport {\n  sortByDate,\n  sortByMembers,\n  sortByTitle,\n  sortByTitleDescending,\n} from '../../util/sortMethods';\nimport { SortMethodSelector } from '../SortMethodSelector';\nimport { fetchCatalogItems } from '../../util/fetchMethods';\nimport { parseBazaarProject } from '../../util/parseMethods';\n\nconst useStyles = makeStyles({\n  button: { minWidth: '11rem' },\n  container: {\n    marginTop: '2rem',\n  },\n  header: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    margin: '0 auto',\n    marginBottom: '1.2rem',\n  },\n  search: {\n    marginRight: '1rem',\n    height: '2.5rem',\n    width: '35rem',\n  },\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 type SortViewProps = {\n  fullWidth?: boolean;\n  fullHeight?: boolean;\n};\n\n/** @public */\nexport const SortView = (props: SortViewProps) => {\n  const { fullWidth = true, fullHeight = true } = props;\n  const bazaarApi = useApi(bazaarApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const classes = useStyles();\n  const sortMethods = [\n    sortByDate,\n    sortByTitle,\n    sortByTitleDescending,\n    sortByMembers,\n  ];\n  const [sortMethodNbr, setSortMethodNbr] = useState(0);\n  const [openAdd, setOpenAdd] = useState(false);\n  const [searchValue, setSearchValue] = useState('');\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 response = await bazaarApi.getProjects();\n    const dbProjects: BazaarProject[] = [];\n\n    response.data.forEach((project: any) => {\n      dbProjects.push(parseBazaarProject(project));\n    });\n\n    return dbProjects;\n  });\n\n  const catalogEntityRefs = catalogEntities.value?.map((project: Entity) =>\n    stringifyEntityRef(project),\n  );\n\n  const getSearchResults = () => {\n    return bazaarProjects.value\n      ?.filter(project => project.title.includes(searchValue))\n      .sort(sortMethods[sortMethodNbr]);\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  const handleSortMethodChange = (\n    event: ChangeEvent<{ name?: string | undefined; value: unknown }>,\n  ) => {\n    setSortMethodNbr(\n      typeof event.target.value === 'number' ? event.target.value : 0,\n    );\n  };\n\n  if (catalogEntities.error)\n    return <Alert severity=\"error\">{catalogEntities.error.message}</Alert>;\n\n  if (bazaarProjects.error)\n    return <Alert severity=\"error\">{bazaarProjects.error.message}</Alert>;\n\n  return (\n    <Content noPadding>\n      <div className={classes.header}>\n        <SortMethodSelector\n          sortMethodNbr={sortMethodNbr}\n          handleSortMethodChange={handleSortMethodChange}\n        />\n\n        <SearchBar\n          className={classes.search}\n          value={searchValue}\n          onChange={newSortMethod => {\n            setSearchValue(newSortMethod);\n          }}\n          onCancelSearch={() => {\n            setSearchValue('');\n          }}\n        />\n        <Button\n          className={classes.button}\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            setOpenAdd(true);\n          }}\n        >\n          Add project\n        </Button>\n        <AddProjectDialog\n          catalogEntities={unlinkedCatalogEntities || []}\n          handleClose={() => {\n            setOpenAdd(false);\n          }}\n          open={openAdd}\n          fetchBazaarProjects={fetchBazaarProjects}\n          fetchCatalogEntities={fetchCatalogEntities}\n        />\n        <SupportButton />\n      </div>\n      <ProjectPreview\n        bazaarProjects={getSearchResults() || []}\n        fetchBazaarProjects={fetchBazaarProjects}\n        catalogEntities={unlinkedCatalogEntities || []}\n        gridSize={fullWidth ? 2 : 4}\n        height={fullHeight ? 'large' : 'small'}\n      />\n      <Content noPadding className={classes.container} />\n    </Content>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"StatusTag.esm.js","sources":["../../../src/components/StatusTag/StatusTag.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 {\n  StatusOK,\n  StatusPending,\n  StatusWarning,\n} from '@backstage/core-components';\nimport { Status } from '../../types';\n\ninterface StatusComponent {\n  [key: string]: JSX.Element | undefined;\n}\n\nconst statuses: StatusComponent = {\n  proposed: <StatusWarning>proposed</StatusWarning>,\n  ongoing: <StatusPending>ongoing</StatusPending>,\n  completed: <StatusOK>completed</StatusOK>,\n};\n\ntype Props = {\n  status: Status;\n  styles?: string;\n};\n\nexport const StatusTag = ({ status, styles }: Props) => {\n  return <div className={styles}>{statuses[status]}</div>;\n};\n"],"names":[],"mappings":";;;AA4BA,MAAM,QAA4B,GAAA;AAAA,EAChC,QAAA,kBAAW,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,UAAQ,CAAA;AAAA,EACjC,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,SAAO,CAAA;AAAA,EAC/B,SAAA,kBAAY,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAS,WAAS,CAAA;AAChC,CAAA,CAAA;AAOO,MAAM,SAAY,GAAA,CAAC,EAAE,MAAA,EAAQ,QAAoB,KAAA;AACtD,EAAA,2CAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAS,EAAA,EAAA,QAAA,CAAS,MAAM,CAAE,CAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"StatusTag.esm.js","sources":["../../../src/components/StatusTag/StatusTag.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 {\n  StatusOK,\n  StatusPending,\n  StatusWarning,\n} from '@backstage/core-components';\nimport { Status } from '../../types';\n\ninterface StatusComponent {\n  [key: string]: JSX.Element | undefined;\n}\n\nconst statuses: StatusComponent = {\n  proposed: <StatusWarning>proposed</StatusWarning>,\n  ongoing: <StatusPending>ongoing</StatusPending>,\n  completed: <StatusOK>completed</StatusOK>,\n};\n\ntype Props = {\n  status: Status;\n  styles?: string;\n};\n\nexport const StatusTag = ({ status, styles }: Props) => {\n  return <div className={styles}>{statuses[status]}</div>;\n};\n"],"names":[],"mappings":";;;AA4BA,MAAM,QAA4B,GAAA;AAAA,EAChC,QAAA,kBAAW,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,UAAQ,CAAA;AAAA,EACjC,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,SAAO,CAAA;AAAA,EAC/B,SAAA,kBAAY,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAS,WAAS;AAChC,CAAA;AAOO,MAAM,SAAY,GAAA,CAAC,EAAE,MAAA,EAAQ,QAAoB,KAAA;AACtD,EAAA,2CAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAS,EAAA,EAAA,QAAA,CAAS,MAAM,CAAE,CAAA;AACnD;;;;"}

package/dist/components/UserSelector/UserSelector.esm.js

@@ -1,11 +1,13 @@
-import React, { useState, useEffect } from 'react';
+import React, { useCallback } from 'react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import Autocomplete, { createFilterOptions } from '@material-ui/lab/Autocomplete';
 import TextField from '@material-ui/core/TextField';
 import { makeStyles } from '@material-ui/core/styles';
 import { Controller } from 'react-hook-form';
 import { useApi } from '@backstage/core-plugin-api';
+import useAsync from 'react-use/esm/useAsync';
 import { entityPresentationApiRef, EntityDisplayName } from '@backstage/plugin-catalog-react';
+import { VirtualizedListbox } from '../VirtualizedListbox/VirtualizedListbox.esm.js';
 
 const useStyles = makeStyles({
   container: { width: "100%", minWidth: "22rem" },
@@ -22,30 +24,30 @@ const UserSelector = ({
 }) => {
   const classes = useStyles();
   const entityPresentationApi = useApi(entityPresentationApiRef);
-  const [entityPresentations, setEntityPresentations] = useState(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const fetchPresentations = async () => {
-      const presentations = /* @__PURE__ */ new Map();
+  const { value: entityData, loading } = useAsync(async () => {
+    const entityRefToPresentation = new Map(
       await Promise.all(
         users.map(async (user) => {
           const presentation = await entityPresentationApi.forEntity(user).promise;
-          presentations.set(stringifyEntityRef(user), presentation);
+          return [stringifyEntityRef(user), presentation];
         })
-      );
-      setEntityPresentations(presentations);
-    };
-    fetchPresentations();
-  }, [users, entityPresentationApi]);
-  const getOptionLabel = (option) => {
-    if (typeof option === "string") return option;
-    const entityRef = stringifyEntityRef(option);
-    return entityPresentations.get(entityRef)?.primaryTitle ?? option.metadata.name;
-  };
+      )
+    );
+    return { users, entityRefToPresentation };
+  }, [users]);
+  const getOptionLabel = useCallback(
+    (option) => {
+      if (typeof option === "string") return option;
+      const entityRef = stringifyEntityRef(option);
+      return entityData?.entityRefToPresentation.get(entityRef)?.primaryTitle ?? option.metadata.name;
+    },
+    [entityData]
+  );
   const filterOptions = createFilterOptions({
     stringify: (option) => {
       if (typeof option === "string") return option;
       const entityRef = stringifyEntityRef(option);
-      return entityPresentations.get(entityRef)?.primaryTitle ?? option.metadata.name;
+      return entityData?.entityRefToPresentation.get(entityRef)?.primaryTitle ?? option.metadata.name;
     }
   });
   return /* @__PURE__ */ React.createElement("div", { className: classes.container }, /* @__PURE__ */ React.createElement(
@@ -59,6 +61,7 @@ const UserSelector = ({
         Autocomplete,
         {
           className: classes.autocomplete,
+          loading,
           fullWidth: true,
           freeSolo: true,
           disableClearable,
@@ -93,7 +96,8 @@ const UserSelector = ({
               filtered.push(params.inputValue);
             }
             return filtered;
-          }
+          },
+          ListboxComponent: VirtualizedListbox
         }
       )
     }

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

@@ -1 +1 @@
-{"version":3,"file":"UserSelector.esm.js","sources":["../../../src/components/UserSelector/UserSelector.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 */\nimport React, { useState, useEffect } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport Autocomplete, {\n  createFilterOptions,\n} from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Controller, Control } from 'react-hook-form';\nimport { FormValues } from '../../types';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  entityPresentationApiRef,\n  EntityDisplayName,\n  EntityRefPresentationSnapshot,\n} from '@backstage/plugin-catalog-react';\n\ntype Props = {\n  users: Entity[];\n  disableClearable: boolean;\n  defaultValue: string | null;\n  label: string;\n  name: 'responsible';\n  control: Control<FormValues, object>;\n  rules?: Record<string, any>;\n};\n\nconst useStyles = makeStyles({\n  container: { width: '100%', minWidth: '22rem' },\n  autocomplete: { overflow: 'hidden' },\n});\n\nexport const UserSelector = ({\n  users,\n  disableClearable,\n  defaultValue,\n  label,\n  name,\n  control,\n  rules,\n}: Props) => {\n  const classes = useStyles();\n  const entityPresentationApi = useApi(entityPresentationApiRef);\n  const [entityPresentations, setEntityPresentations] = useState<\n    Map<string, EntityRefPresentationSnapshot>\n  >(new Map());\n\n  useEffect(() => {\n    const fetchPresentations = async () => {\n      const presentations = new Map<string, EntityRefPresentationSnapshot>();\n      await Promise.all(\n        users.map(async user => {\n          const presentation = await entityPresentationApi.forEntity(user)\n            .promise;\n          presentations.set(stringifyEntityRef(user), presentation);\n        }),\n      );\n      setEntityPresentations(presentations);\n    };\n\n    fetchPresentations();\n  }, [users, entityPresentationApi]);\n\n  const getOptionLabel = (option: Entity | string) => {\n    // option can be a string due to freeSolo.\n    if (typeof option === 'string') return option;\n    const entityRef = stringifyEntityRef(option);\n\n    return (\n      entityPresentations.get(entityRef)?.primaryTitle ?? option.metadata.name\n    );\n  };\n\n  const filterOptions = createFilterOptions<Entity | string>({\n    stringify: option => {\n      if (typeof option === 'string') return option;\n      const entityRef = stringifyEntityRef(option);\n      return (\n        entityPresentations.get(entityRef)?.primaryTitle ?? option.metadata.name\n      );\n    },\n  });\n\n  return (\n    <div className={classes.container}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        defaultValue={defaultValue ?? ''}\n        render={({ field: { onChange, value }, fieldState: { error } }) => (\n          <Autocomplete\n            className={classes.autocomplete}\n            fullWidth\n            freeSolo\n            disableClearable={disableClearable}\n            value={value}\n            options={users}\n            getOptionLabel={getOptionLabel}\n            renderOption={option =>\n              typeof option === 'string' ? (\n                option\n              ) : (\n                <EntityDisplayName entityRef={option} />\n              )\n            }\n            renderInput={params => (\n              <TextField\n                {...params}\n                label={label}\n                required={!!rules?.required}\n                error={!!error}\n                helperText={error?.message}\n              />\n            )}\n            onChange={(_, data) => {\n              if (typeof data === 'string') {\n                onChange(data);\n              } else if (data) {\n                onChange(stringifyEntityRef(data));\n              } else {\n                onChange('');\n              }\n            }}\n            filterOptions={(options, params) => {\n              const filtered = filterOptions(options, params);\n              if (\n                params.inputValue !== '' &&\n                !options.some(\n                  option => getOptionLabel(option) === params.inputValue,\n                )\n              ) {\n                filtered.push(params.inputValue);\n              }\n              return filtered;\n            }}\n          />\n        )}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserSelector.esm.js","sources":["../../../src/components/UserSelector/UserSelector.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 */\nimport React, { useCallback } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport Autocomplete, {\n  createFilterOptions,\n} from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Controller, Control } from 'react-hook-form';\nimport { FormValues } from '../../types';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  entityPresentationApiRef,\n  EntityDisplayName,\n} from '@backstage/plugin-catalog-react';\nimport { VirtualizedListbox } from '../VirtualizedListbox';\n\ntype Props = {\n  users: Entity[];\n  disableClearable: boolean;\n  defaultValue: string | null;\n  label: string;\n  name: 'responsible';\n  control: Control<FormValues, object>;\n  rules?: Record<string, any>;\n};\n\nconst useStyles = makeStyles({\n  container: { width: '100%', minWidth: '22rem' },\n  autocomplete: { overflow: 'hidden' },\n});\n\nexport const UserSelector = ({\n  users,\n  disableClearable,\n  defaultValue,\n  label,\n  name,\n  control,\n  rules,\n}: Props) => {\n  const classes = useStyles();\n  const entityPresentationApi = useApi(entityPresentationApiRef);\n\n  const { value: entityData, loading } = useAsync(async () => {\n    const entityRefToPresentation = new Map(\n      await Promise.all(\n        users.map(async user => {\n          const presentation = await entityPresentationApi.forEntity(user)\n            .promise;\n          return [stringifyEntityRef(user), presentation] as const;\n        }),\n      ),\n    );\n\n    return { users, entityRefToPresentation };\n  }, [users]);\n\n  const getOptionLabel = useCallback(\n    (option: Entity | string) => {\n      // option can be a string due to freeSolo.\n      if (typeof option === 'string') return option;\n      const entityRef = stringifyEntityRef(option);\n      return (\n        entityData?.entityRefToPresentation.get(entityRef)?.primaryTitle ??\n        option.metadata.name\n      );\n    },\n    [entityData],\n  );\n\n  const filterOptions = createFilterOptions<Entity | string>({\n    stringify: option => {\n      if (typeof option === 'string') return option;\n      const entityRef = stringifyEntityRef(option);\n      return (\n        entityData?.entityRefToPresentation.get(entityRef)?.primaryTitle ??\n        option.metadata.name\n      );\n    },\n  });\n\n  return (\n    <div className={classes.container}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        defaultValue={defaultValue ?? ''}\n        render={({ field: { onChange, value }, fieldState: { error } }) => (\n          <Autocomplete\n            className={classes.autocomplete}\n            loading={loading}\n            fullWidth\n            freeSolo\n            disableClearable={disableClearable}\n            value={value}\n            options={users}\n            getOptionLabel={getOptionLabel}\n            renderOption={option =>\n              typeof option === 'string' ? (\n                option\n              ) : (\n                <EntityDisplayName entityRef={option} />\n              )\n            }\n            renderInput={params => (\n              <TextField\n                {...params}\n                label={label}\n                required={!!rules?.required}\n                error={!!error}\n                helperText={error?.message}\n              />\n            )}\n            onChange={(_, data) => {\n              if (typeof data === 'string') {\n                onChange(data);\n              } else if (data) {\n                onChange(stringifyEntityRef(data));\n              } else {\n                onChange('');\n              }\n            }}\n            filterOptions={(options, params) => {\n              const filtered = filterOptions(options, params);\n              if (\n                params.inputValue !== '' &&\n                !options.some(\n                  option => getOptionLabel(option) === params.inputValue,\n                )\n              ) {\n                filtered.push(params.inputValue);\n              }\n              return filtered;\n            }}\n            ListboxComponent={VirtualizedListbox}\n          />\n        )}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/VirtualizedListbox/VirtualizedListbox.esm.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { FixedSizeList } from 'react-window';
+
+const renderRow = (props) => {
+  const { data, index, style } = props;
+  return React.cloneElement(data[index], { style });
+};
+const OuterElementContext = React.createContext({});
+const OuterElementType = React.forwardRef(
+  (props, ref) => {
+    const outerProps = React.useContext(OuterElementContext);
+    return /* @__PURE__ */ React.createElement("div", { ref, ...props, ...outerProps });
+  }
+);
+OuterElementType.displayName = "OuterElementType";
+const VirtualizedListbox = React.forwardRef((props, ref) => {
+  const { children, ...other } = props;
+  const itemData = React.Children.toArray(children);
+  const itemCount = itemData.length;
+  const itemSize = 36;
+  const itemsToShow = Math.min(10, itemCount) + 0.5;
+  const height = itemsToShow * itemSize;
+  return /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement(OuterElementContext.Provider, { value: other }, /* @__PURE__ */ React.createElement(
+    FixedSizeList,
+    {
+      height,
+      width: "100%",
+      itemCount,
+      itemSize,
+      itemData,
+      outerElementType: OuterElementType
+    },
+    renderRow
+  )));
+});
+
+export { VirtualizedListbox };
+//# sourceMappingURL=VirtualizedListbox.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListbox.esm.js","sources":["../../../src/components/VirtualizedListbox/VirtualizedListbox.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 */\nimport React from 'react';\nimport { FixedSizeList, ListChildComponentProps } from 'react-window';\n\ntype HTMLDivProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst renderRow = (props: ListChildComponentProps) => {\n  const { data, index, style } = props;\n  return React.cloneElement(data[index], { style });\n};\n\n// Context needed to keep Autocomplete working correctly : https://v4.mui.com/components/autocomplete/#Virtualize.tsx\nconst OuterElementContext = React.createContext<HTMLDivProps>({});\n\nconst OuterElementType = React.forwardRef<HTMLDivElement, HTMLDivProps>(\n  (props, ref) => {\n    const outerProps = React.useContext(OuterElementContext);\n    return <div ref={ref} {...props} {...outerProps} />;\n  },\n);\n\nOuterElementType.displayName = 'OuterElementType';\n\nexport const VirtualizedListbox = React.forwardRef<\n  HTMLDivElement,\n  HTMLDivProps\n>((props, ref) => {\n  const { children, ...other } = props;\n  const itemData = React.Children.toArray(children);\n  const itemCount = itemData.length;\n\n  const itemSize = 36;\n  const itemsToShow = Math.min(10, itemCount) + 0.5;\n  const height = itemsToShow * itemSize;\n\n  return (\n    <div ref={ref}>\n      <OuterElementContext.Provider value={other}>\n        <FixedSizeList\n          height={height}\n          width=\"100%\"\n          itemCount={itemCount}\n          itemSize={itemSize}\n          itemData={itemData}\n          outerElementType={OuterElementType}\n        >\n          {renderRow}\n        </FixedSizeList>\n      </OuterElementContext.Provider>\n    </div>\n  );\n});\n"],"names":[],"mappings":";;;AAoBA,MAAM,SAAA,GAAY,CAAC,KAAmC,KAAA;AACpD,EAAA,MAAM,EAAE,IAAA,EAAM,KAAO,EAAA,KAAA,EAAU,GAAA,KAAA;AAC/B,EAAA,OAAO,MAAM,YAAa,CAAA,IAAA,CAAK,KAAK,CAAG,EAAA,EAAE,OAAO,CAAA;AAClD,CAAA;AAGA,MAAM,mBAAsB,GAAA,KAAA,CAAM,aAA4B,CAAA,EAAE,CAAA;AAEhE,MAAM,mBAAmB,KAAM,CAAA,UAAA;AAAA,EAC7B,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA,UAAA,GAAa,KAAM,CAAA,UAAA,CAAW,mBAAmB,CAAA;AACvD,IAAA,2CAAQ,KAAI,EAAA,EAAA,GAAA,EAAW,GAAG,KAAA,EAAQ,GAAG,UAAY,EAAA,CAAA;AAAA;AAErD,CAAA;AAEA,gBAAA,CAAiB,WAAc,GAAA,kBAAA;AAExB,MAAM,kBAAqB,GAAA,KAAA,CAAM,UAGtC,CAAA,CAAC,OAAO,GAAQ,KAAA;AAChB,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,KAAA,EAAU,GAAA,KAAA;AAC/B,EAAA,MAAM,QAAW,GAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAA;AAChD,EAAA,MAAM,YAAY,QAAS,CAAA,MAAA;AAE3B,EAAA,MAAM,QAAW,GAAA,EAAA;AACjB,EAAA,MAAM,WAAc,GAAA,IAAA,CAAK,GAAI,CAAA,EAAA,EAAI,SAAS,CAAI,GAAA,GAAA;AAC9C,EAAA,MAAM,SAAS,WAAc,GAAA,QAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,GACH,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAoB,QAApB,EAAA,EAA6B,OAAO,KACnC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAM,EAAA,MAAA;AAAA,MACN,SAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAkB,EAAA;AAAA,KAAA;AAAA,IAEjB;AAAA,GAEL,CACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 { rootRouteRef } from './routes';\nimport {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  identityApiRef,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { bazaarApiRef, BazaarClient } from './api';\n\n/** @public */\nexport const bazaarPlugin = createPlugin({\n  id: 'bazaar',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: bazaarApiRef,\n      deps: {\n        identityApi: identityApiRef,\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ identityApi, discoveryApi, fetchApi }) =>\n        new BazaarClient({ identityApi, discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/** @public */\nexport const BazaarPage = bazaarPlugin.provide(\n  createRoutableExtension({\n    name: 'BazaarPage',\n    component: () => import('./components/HomePage').then(m => m.HomePage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;AA4BO,MAAM,eAAe,YAAa,CAAA;AAAA,EACvC,EAAI,EAAA,QAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,YAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,cAAA;AAAA,QACb,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,OACZ;AAAA,MACA,OAAS,EAAA,CAAC,EAAE,WAAA,EAAa,YAAc,EAAA,QAAA,EACrC,KAAA,IAAI,YAAa,CAAA,EAAE,WAAa,EAAA,YAAA,EAAc,UAAU,CAAA;AAAA,KAC3D,CAAA;AAAA,GACH;AACF,CAAC,EAAA;AAGM,MAAM,aAAa,YAAa,CAAA,OAAA;AAAA,EACrC,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,YAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,oCAAuB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,QAAQ,CAAA;AAAA,IACrE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 { rootRouteRef } from './routes';\nimport {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  identityApiRef,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { bazaarApiRef, BazaarClient } from './api';\n\n/** @public */\nexport const bazaarPlugin = createPlugin({\n  id: 'bazaar',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: bazaarApiRef,\n      deps: {\n        identityApi: identityApiRef,\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ identityApi, discoveryApi, fetchApi }) =>\n        new BazaarClient({ identityApi, discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/** @public */\nexport const BazaarPage = bazaarPlugin.provide(\n  createRoutableExtension({\n    name: 'BazaarPage',\n    component: () => import('./components/HomePage').then(m => m.HomePage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;AA4BO,MAAM,eAAe,YAAa,CAAA;AAAA,EACvC,EAAI,EAAA,QAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,YAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,cAAA;AAAA,QACb,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,OAAS,EAAA,CAAC,EAAE,WAAA,EAAa,YAAc,EAAA,QAAA,EACrC,KAAA,IAAI,YAAa,CAAA,EAAE,WAAa,EAAA,YAAA,EAAc,UAAU;AAAA,KAC3D;AAAA;AAEL,CAAC;AAGM,MAAM,aAAa,YAAa,CAAA,OAAA;AAAA,EACrC,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,YAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,oCAAuB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,QAAQ,CAAA;AAAA,IACrE,UAAY,EAAA;AAAA,GACb;AACH;;;;"}

package/dist/routes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"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 { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'bazaar',\n});\n"],"names":[],"mappings":";;AAkBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,QAAA;AACN,CAAC;;;;"}
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"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 { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'bazaar',\n});\n"],"names":[],"mappings":";;AAkBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;;;;"}

package/dist/util/fetchMethods.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchMethods.esm.js","sources":["../../src/util/fetchMethods.ts"],"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 { sortMembers } from './sortMethods';\nimport { parseMember } from './parseMethods';\nimport { BazaarProject, Member } from '../types';\nimport { BazaarApi } from '../api';\nimport { Entity } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/plugin-catalog-react';\n\nexport const fetchProjectMembers = async (\n  bazaarApi: BazaarApi,\n  project: BazaarProject,\n): Promise<Member[]> => {\n  const response = await bazaarApi.getMembers(project.id);\n\n  if (response.data.length > 0) {\n    const dbMembers = response.data.map((member: any) => {\n      return parseMember(member);\n    });\n\n    dbMembers.sort(sortMembers);\n    return dbMembers;\n  }\n  return [];\n};\n\nexport const fetchCatalogItems = async (\n  catalogApi: CatalogApi,\n): Promise<Entity[]> => {\n  const entities = await catalogApi.getEntities({\n    filter: {\n      kind: ['Component', 'Resource'],\n    },\n    fields: ['kind', 'metadata.name', 'metadata.namespace'],\n  });\n\n  return entities.items;\n};\n\nexport const fetchUsers = async (catalogApi: CatalogApi): Promise<Entity[]> => {\n  const entities = await catalogApi.getEntities({\n    filter: {\n      kind: ['User'],\n    },\n    fields: ['kind', 'metadata.name', 'metadata.namespace'],\n  });\n\n  return entities.items;\n};\n"],"names":[],"mappings":";;;AAuBa,MAAA,mBAAA,GAAsB,OACjC,SAAA,EACA,OACsB,KAAA;AACtB,EAAA,MAAM,QAAW,GAAA,MAAM,SAAU,CAAA,UAAA,CAAW,QAAQ,EAAE,CAAA,CAAA;AAEtD,EAAI,IAAA,QAAA,CAAS,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC5B,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,IAAK,CAAA,GAAA,CAAI,CAAC,MAAgB,KAAA;AACnD,MAAA,OAAO,YAAY,MAAM,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAA,SAAA,CAAU,KAAK,WAAW,CAAA,CAAA;AAC1B,IAAO,OAAA,SAAA,CAAA;AAAA,GACT;AACA,EAAA,OAAO,EAAC,CAAA;AACV,EAAA;AAEa,MAAA,iBAAA,GAAoB,OAC/B,UACsB,KAAA;AACtB,EAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA;AAAA,MACN,IAAA,EAAM,CAAC,WAAA,EAAa,UAAU,CAAA;AAAA,KAChC;AAAA,IACA,MAAQ,EAAA,CAAC,MAAQ,EAAA,eAAA,EAAiB,oBAAoB,CAAA;AAAA,GACvD,CAAA,CAAA;AAED,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB,EAAA;AAEa,MAAA,UAAA,GAAa,OAAO,UAA8C,KAAA;AAC7E,EAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA;AAAA,MACN,IAAA,EAAM,CAAC,MAAM,CAAA;AAAA,KACf;AAAA,IACA,MAAQ,EAAA,CAAC,MAAQ,EAAA,eAAA,EAAiB,oBAAoB,CAAA;AAAA,GACvD,CAAA,CAAA;AAED,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB;;;;"}
+{"version":3,"file":"fetchMethods.esm.js","sources":["../../src/util/fetchMethods.ts"],"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 { sortMembers } from './sortMethods';\nimport { parseMember } from './parseMethods';\nimport { BazaarProject, Member } from '../types';\nimport { BazaarApi } from '../api';\nimport { Entity } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/plugin-catalog-react';\n\nexport const fetchProjectMembers = async (\n  bazaarApi: BazaarApi,\n  project: BazaarProject,\n): Promise<Member[]> => {\n  const response = await bazaarApi.getMembers(project.id);\n\n  if (response.data.length > 0) {\n    const dbMembers = response.data.map((member: any) => {\n      return parseMember(member);\n    });\n\n    dbMembers.sort(sortMembers);\n    return dbMembers;\n  }\n  return [];\n};\n\nexport const fetchCatalogItems = async (\n  catalogApi: CatalogApi,\n): Promise<Entity[]> => {\n  const entities = await catalogApi.getEntities({\n    filter: {\n      kind: ['Component', 'Resource'],\n    },\n    fields: ['kind', 'metadata.name', 'metadata.namespace'],\n  });\n\n  return entities.items;\n};\n\nexport const fetchUsers = async (catalogApi: CatalogApi): Promise<Entity[]> => {\n  const entities = await catalogApi.getEntities({\n    filter: {\n      kind: ['User'],\n    },\n    fields: ['kind', 'metadata.name', 'metadata.namespace'],\n  });\n\n  return entities.items;\n};\n"],"names":[],"mappings":";;;AAuBa,MAAA,mBAAA,GAAsB,OACjC,SAAA,EACA,OACsB,KAAA;AACtB,EAAA,MAAM,QAAW,GAAA,MAAM,SAAU,CAAA,UAAA,CAAW,QAAQ,EAAE,CAAA;AAEtD,EAAI,IAAA,QAAA,CAAS,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC5B,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,IAAK,CAAA,GAAA,CAAI,CAAC,MAAgB,KAAA;AACnD,MAAA,OAAO,YAAY,MAAM,CAAA;AAAA,KAC1B,CAAA;AAED,IAAA,SAAA,CAAU,KAAK,WAAW,CAAA;AAC1B,IAAO,OAAA,SAAA;AAAA;AAET,EAAA,OAAO,EAAC;AACV;AAEa,MAAA,iBAAA,GAAoB,OAC/B,UACsB,KAAA;AACtB,EAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA;AAAA,MACN,IAAA,EAAM,CAAC,WAAA,EAAa,UAAU;AAAA,KAChC;AAAA,IACA,MAAQ,EAAA,CAAC,MAAQ,EAAA,eAAA,EAAiB,oBAAoB;AAAA,GACvD,CAAA;AAED,EAAA,OAAO,QAAS,CAAA,KAAA;AAClB;AAEa,MAAA,UAAA,GAAa,OAAO,UAA8C,KAAA;AAC7E,EAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA;AAAA,MACN,IAAA,EAAM,CAAC,MAAM;AAAA,KACf;AAAA,IACA,MAAQ,EAAA,CAAC,MAAQ,EAAA,eAAA,EAAiB,oBAAoB;AAAA,GACvD,CAAA;AAED,EAAA,OAAO,QAAS,CAAA,KAAA;AAClB;;;;"}

package/dist/util/parseMethods.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseMethods.esm.js","sources":["../../src/util/parseMethods.ts"],"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 { BazaarProject, Member } from '../types';\n\nexport const parseBazaarProject = (metadata: any): BazaarProject => {\n  return {\n    id: metadata.id,\n    entityRef: metadata.entity_ref,\n    title: metadata.title,\n    community: metadata.community,\n    description: metadata.description,\n    status: metadata.status,\n    updatedAt: metadata.updated_at,\n    membersCount: metadata.members_count,\n    size: metadata.size,\n    startDate: metadata.start_date,\n    endDate: metadata.end_date,\n    responsible: metadata.responsible,\n    docs: metadata.docs,\n  } as BazaarProject;\n};\n\nexport const parseMember = (member: any): Member => {\n  return {\n    itemId: member.item_id,\n    userId: member.user_id,\n    userRef: member.user_ref,\n    joinDate: member.join_date,\n    picture: member.picture,\n  } as Member;\n};\n\nexport const parseBazaarResponse = async (response: any) => {\n  if (response) {\n    const metadata = await response.json().then((resp: any) => resp.data[0]);\n\n    if (metadata) {\n      return parseBazaarProject(metadata);\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"AAkBa,MAAA,kBAAA,GAAqB,CAAC,QAAiC,KAAA;AAClE,EAAO,OAAA;AAAA,IACL,IAAI,QAAS,CAAA,EAAA;AAAA,IACb,WAAW,QAAS,CAAA,UAAA;AAAA,IACpB,OAAO,QAAS,CAAA,KAAA;AAAA,IAChB,WAAW,QAAS,CAAA,SAAA;AAAA,IACpB,aAAa,QAAS,CAAA,WAAA;AAAA,IACtB,QAAQ,QAAS,CAAA,MAAA;AAAA,IACjB,WAAW,QAAS,CAAA,UAAA;AAAA,IACpB,cAAc,QAAS,CAAA,aAAA;AAAA,IACvB,MAAM,QAAS,CAAA,IAAA;AAAA,IACf,WAAW,QAAS,CAAA,UAAA;AAAA,IACpB,SAAS,QAAS,CAAA,QAAA;AAAA,IAClB,aAAa,QAAS,CAAA,WAAA;AAAA,IACtB,MAAM,QAAS,CAAA,IAAA;AAAA,GACjB,CAAA;AACF,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,MAAwB,KAAA;AAClD,EAAO,OAAA;AAAA,IACL,QAAQ,MAAO,CAAA,OAAA;AAAA,IACf,QAAQ,MAAO,CAAA,OAAA;AAAA,IACf,SAAS,MAAO,CAAA,QAAA;AAAA,IAChB,UAAU,MAAO,CAAA,SAAA;AAAA,IACjB,SAAS,MAAO,CAAA,OAAA;AAAA,GAClB,CAAA;AACF,EAAA;AAEa,MAAA,mBAAA,GAAsB,OAAO,QAAkB,KAAA;AAC1D,EAAA,IAAI,QAAU,EAAA;AACZ,IAAM,MAAA,QAAA,GAAW,MAAM,QAAA,CAAS,IAAK,EAAA,CAAE,IAAK,CAAA,CAAC,IAAc,KAAA,IAAA,CAAK,IAAK,CAAA,CAAC,CAAC,CAAA,CAAA;AAEvE,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAO,mBAAmB,QAAQ,CAAA,CAAA;AAAA,KACpC;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"parseMethods.esm.js","sources":["../../src/util/parseMethods.ts"],"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 { BazaarProject, Member } from '../types';\n\nexport const parseBazaarProject = (metadata: any): BazaarProject => {\n  return {\n    id: metadata.id,\n    entityRef: metadata.entity_ref,\n    title: metadata.title,\n    community: metadata.community,\n    description: metadata.description,\n    status: metadata.status,\n    updatedAt: metadata.updated_at,\n    membersCount: metadata.members_count,\n    size: metadata.size,\n    startDate: metadata.start_date,\n    endDate: metadata.end_date,\n    responsible: metadata.responsible,\n    docs: metadata.docs,\n  } as BazaarProject;\n};\n\nexport const parseMember = (member: any): Member => {\n  return {\n    itemId: member.item_id,\n    userId: member.user_id,\n    userRef: member.user_ref,\n    joinDate: member.join_date,\n    picture: member.picture,\n  } as Member;\n};\n\nexport const parseBazaarResponse = async (response: any) => {\n  if (response) {\n    const metadata = await response.json().then((resp: any) => resp.data[0]);\n\n    if (metadata) {\n      return parseBazaarProject(metadata);\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"AAkBa,MAAA,kBAAA,GAAqB,CAAC,QAAiC,KAAA;AAClE,EAAO,OAAA;AAAA,IACL,IAAI,QAAS,CAAA,EAAA;AAAA,IACb,WAAW,QAAS,CAAA,UAAA;AAAA,IACpB,OAAO,QAAS,CAAA,KAAA;AAAA,IAChB,WAAW,QAAS,CAAA,SAAA;AAAA,IACpB,aAAa,QAAS,CAAA,WAAA;AAAA,IACtB,QAAQ,QAAS,CAAA,MAAA;AAAA,IACjB,WAAW,QAAS,CAAA,UAAA;AAAA,IACpB,cAAc,QAAS,CAAA,aAAA;AAAA,IACvB,MAAM,QAAS,CAAA,IAAA;AAAA,IACf,WAAW,QAAS,CAAA,UAAA;AAAA,IACpB,SAAS,QAAS,CAAA,QAAA;AAAA,IAClB,aAAa,QAAS,CAAA,WAAA;AAAA,IACtB,MAAM,QAAS,CAAA;AAAA,GACjB;AACF;AAEa,MAAA,WAAA,GAAc,CAAC,MAAwB,KAAA;AAClD,EAAO,OAAA;AAAA,IACL,QAAQ,MAAO,CAAA,OAAA;AAAA,IACf,QAAQ,MAAO,CAAA,OAAA;AAAA,IACf,SAAS,MAAO,CAAA,QAAA;AAAA,IAChB,UAAU,MAAO,CAAA,SAAA;AAAA,IACjB,SAAS,MAAO,CAAA;AAAA,GAClB;AACF;AAEa,MAAA,mBAAA,GAAsB,OAAO,QAAkB,KAAA;AAC1D,EAAA,IAAI,QAAU,EAAA;AACZ,IAAM,MAAA,QAAA,GAAW,MAAM,QAAA,CAAS,IAAK,EAAA,CAAE,IAAK,CAAA,CAAC,IAAc,KAAA,IAAA,CAAK,IAAK,CAAA,CAAC,CAAC,CAAA;AAEvE,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAO,mBAAmB,QAAQ,CAAA;AAAA;AACpC;AAEF,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/util/sortMethods.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortMethods.esm.js","sources":["../../src/util/sortMethods.ts"],"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 { BazaarProject, Member } from '../types';\n\nexport const sortMembers = (m1: Member, m2: Member) => {\n  return new Date(m2.joinDate!).getTime() - new Date(m1.joinDate!).getTime();\n};\n\nexport const sortByDate = (a: BazaarProject, b: BazaarProject): number => {\n  const dateA = new Date(a.updatedAt!).getTime();\n  const dateB = new Date(b.updatedAt!).getTime();\n  return dateB - dateA;\n};\n\nexport const sortByTitle = (a: BazaarProject, b: BazaarProject) => {\n  return a.title.localeCompare(b.title);\n};\n\nexport const sortByTitleDescending = (a: BazaarProject, b: BazaarProject) => {\n  return b.title.localeCompare(a.title);\n};\n\nexport const sortByMembers = (a: BazaarProject, b: BazaarProject) => {\n  return b.membersCount - a.membersCount;\n};\n"],"names":[],"mappings":"AAkBa,MAAA,WAAA,GAAc,CAAC,EAAA,EAAY,EAAe,KAAA;AACrD,EAAA,OAAO,IAAI,IAAA,CAAK,EAAG,CAAA,QAAS,CAAE,CAAA,OAAA,EAAY,GAAA,IAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,CAAE,OAAQ,EAAA,CAAA;AAC3E,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,CAAA,EAAkB,CAA6B,KAAA;AACxE,EAAA,MAAM,QAAQ,IAAI,IAAA,CAAK,CAAE,CAAA,SAAU,EAAE,OAAQ,EAAA,CAAA;AAC7C,EAAA,MAAM,QAAQ,IAAI,IAAA,CAAK,CAAE,CAAA,SAAU,EAAE,OAAQ,EAAA,CAAA;AAC7C,EAAA,OAAO,KAAQ,GAAA,KAAA,CAAA;AACjB,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,CAAA,EAAkB,CAAqB,KAAA;AACjE,EAAA,OAAO,CAAE,CAAA,KAAA,CAAM,aAAc,CAAA,CAAA,CAAE,KAAK,CAAA,CAAA;AACtC,EAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,CAAA,EAAkB,CAAqB,KAAA;AAC3E,EAAA,OAAO,CAAE,CAAA,KAAA,CAAM,aAAc,CAAA,CAAA,CAAE,KAAK,CAAA,CAAA;AACtC,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,CAAA,EAAkB,CAAqB,KAAA;AACnE,EAAO,OAAA,CAAA,CAAE,eAAe,CAAE,CAAA,YAAA,CAAA;AAC5B;;;;"}
+{"version":3,"file":"sortMethods.esm.js","sources":["../../src/util/sortMethods.ts"],"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 { BazaarProject, Member } from '../types';\n\nexport const sortMembers = (m1: Member, m2: Member) => {\n  return new Date(m2.joinDate!).getTime() - new Date(m1.joinDate!).getTime();\n};\n\nexport const sortByDate = (a: BazaarProject, b: BazaarProject): number => {\n  const dateA = new Date(a.updatedAt!).getTime();\n  const dateB = new Date(b.updatedAt!).getTime();\n  return dateB - dateA;\n};\n\nexport const sortByTitle = (a: BazaarProject, b: BazaarProject) => {\n  return a.title.localeCompare(b.title);\n};\n\nexport const sortByTitleDescending = (a: BazaarProject, b: BazaarProject) => {\n  return b.title.localeCompare(a.title);\n};\n\nexport const sortByMembers = (a: BazaarProject, b: BazaarProject) => {\n  return b.membersCount - a.membersCount;\n};\n"],"names":[],"mappings":"AAkBa,MAAA,WAAA,GAAc,CAAC,EAAA,EAAY,EAAe,KAAA;AACrD,EAAA,OAAO,IAAI,IAAA,CAAK,EAAG,CAAA,QAAS,CAAE,CAAA,OAAA,EAAY,GAAA,IAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,CAAE,OAAQ,EAAA;AAC3E;AAEa,MAAA,UAAA,GAAa,CAAC,CAAA,EAAkB,CAA6B,KAAA;AACxE,EAAA,MAAM,QAAQ,IAAI,IAAA,CAAK,CAAE,CAAA,SAAU,EAAE,OAAQ,EAAA;AAC7C,EAAA,MAAM,QAAQ,IAAI,IAAA,CAAK,CAAE,CAAA,SAAU,EAAE,OAAQ,EAAA;AAC7C,EAAA,OAAO,KAAQ,GAAA,KAAA;AACjB;AAEa,MAAA,WAAA,GAAc,CAAC,CAAA,EAAkB,CAAqB,KAAA;AACjE,EAAA,OAAO,CAAE,CAAA,KAAA,CAAM,aAAc,CAAA,CAAA,CAAE,KAAK,CAAA;AACtC;AAEa,MAAA,qBAAA,GAAwB,CAAC,CAAA,EAAkB,CAAqB,KAAA;AAC3E,EAAA,OAAO,CAAE,CAAA,KAAA,CAAM,aAAc,CAAA,CAAA,CAAE,KAAK,CAAA;AACtC;AAEa,MAAA,aAAA,GAAgB,CAAC,CAAA,EAAkB,CAAqB,KAAA;AACnE,EAAO,OAAA,CAAA,CAAE,eAAe,CAAE,CAAA,YAAA;AAC5B;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-bazaar",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "bazaar",
@@ -37,12 +37,12 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.7.1",
-    "@backstage/catalog-model": "^1.7.0",
-    "@backstage/core-components": "^0.15.1",
-    "@backstage/core-plugin-api": "^1.10.0",
-    "@backstage/errors": "^1.2.4",
-    "@backstage/plugin-catalog-react": "^1.14.0",
+    "@backstage/catalog-client": "^1.9.0",
+    "@backstage/catalog-model": "^1.7.2",
+    "@backstage/core-components": "^0.16.2",
+    "@backstage/core-plugin-api": "^1.10.2",
+    "@backstage/errors": "^1.2.6",
+    "@backstage/plugin-catalog-react": "^1.15.0",
     "@date-io/luxon": "1.x",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
@@ -53,15 +53,18 @@
     "luxon": "^3.0.0",
     "material-ui-search-bar": "^1.0.0",
     "react-hook-form": "^7.13.0",
-    "react-use": "^17.2.4"
+    "react-use": "^17.2.4",
+    "react-window": "^1.8.10"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.28.0",
-    "@backstage/dev-utils": "^1.1.2",
+    "@backstage/cli": "^0.29.4",
+    "@backstage/dev-utils": "^1.1.5",
+    "@backstage/plugin-catalog": "^1.26.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
     "@types/react-dom": "^18.2.19",
+    "@types/react-window": "^1.8.8",
     "canvas": "^2.11.2",
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
@@ -72,5 +75,12 @@
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
+  "typesVersions": {
+    "*": {
+      "index": [
+        "dist/index.d.ts"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }