@backstage-community/plugin-bazaar 0.2.27 → 0.2.28

package/dist/components/HomePageBazaarInfoCard/HomePageBazaarInfoCard.esm.js

@@ -0,0 +1,218 @@
+import React, { useState, useEffect } from 'react';
+import Card from '@material-ui/core/Card';
+import CardHeader from '@material-ui/core/CardHeader';
+import Divider from '@material-ui/core/Divider';
+import IconButton from '@material-ui/core/IconButton';
+import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import { HeaderIconLinkRow } from '@backstage/core-components';
+import EditIcon from '@material-ui/icons/Edit';
+import ChatIcon from '@material-ui/icons/Chat';
+import PersonAddIcon from '@material-ui/icons/PersonAdd';
+import InsertLinkIcon from '@material-ui/icons/InsertLink';
+import DashboardIcon from '@material-ui/icons/Dashboard';
+import CloseIcon from '@material-ui/icons/Close';
+import LinkOffIcon from '@material-ui/icons/LinkOff';
+import Description from '@material-ui/icons/Description';
+import { EditProjectDialog } from '../EditProjectDialog/EditProjectDialog.esm.js';
+import ExitToAppIcon from '@material-ui/icons/ExitToApp';
+import { useRouteRef, useApi, identityApiRef, alertApiRef } from '@backstage/core-plugin-api';
+import { bazaarApiRef } from '../../api.esm.js';
+import Alert from '@material-ui/lab/Alert';
+import useAsyncFn from 'react-use/esm/useAsyncFn';
+import { entityRouteRef, catalogApiRef } from '@backstage/plugin-catalog-react';
+import { stringifyEntityRef, parseEntityRef } from '@backstage/catalog-model';
+import { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog.esm.js';
+import { CardContentFields } from '../CardContentFields/CardContentFields.esm.js';
+import { LinkProjectDialog } from '../LinkProjectDialog/LinkProjectDialog.esm.js';
+import { fetchCatalogItems, fetchProjectMembers } from '../../util/fetchMethods.esm.js';
+import { parseBazaarResponse } from '../../util/parseMethods.esm.js';
+
+const useStyles = makeStyles({
+  wordBreak: {
+    wordBreak: "break-all",
+    whiteSpace: "normal",
+    margin: "-0.25rem 0"
+  }
+});
+const HomePageBazaarInfoCard = ({
+  initProject,
+  handleClose,
+  initEntity
+}) => {
+  const classes = useStyles();
+  const entityLink = useRouteRef(entityRouteRef);
+  const bazaarApi = useApi(bazaarApiRef);
+  const identity = useApi(identityApiRef);
+  const alertApi = useApi(alertApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const [openEdit, setOpenEdit] = useState(false);
+  const [openProjectSelector, setOpenProjectSelector] = useState(false);
+  const [openUnlink, setOpenUnlink] = useState(false);
+  const [isMember, setIsMember] = useState(false);
+  const [catalogEntities, fetchCatalogEntities] = useAsyncFn(async () => {
+    const entities = await fetchCatalogItems(catalogApi);
+    const bazaarProjects = await bazaarApi.getProjects();
+    const bazaarLinkedRefs = bazaarProjects.data.filter((entity) => entity.entity_ref !== null).map((entity) => entity.entity_ref);
+    return entities.filter(
+      (entity) => !bazaarLinkedRefs.includes(stringifyEntityRef(entity))
+    );
+  });
+  const [bazaarProject, fetchBazaarProject] = useAsyncFn(async () => {
+    const response = await bazaarApi.getProjectById(initProject.id);
+    return await parseBazaarResponse(response);
+  });
+  const [members, fetchMembers] = useAsyncFn(async () => {
+    return fetchProjectMembers(bazaarApi, bazaarProject.value ?? initProject);
+  });
+  const [userId, fetchUserId] = useAsyncFn(async () => {
+    return await (await identity.getProfileInfo()).displayName;
+  });
+  useEffect(() => {
+    fetchMembers();
+    fetchBazaarProject();
+    fetchCatalogEntities();
+    fetchUserId();
+  }, [fetchMembers, fetchBazaarProject, fetchCatalogEntities, fetchUserId]);
+  useEffect(() => {
+    if (members.value && userId.value) {
+      setIsMember(
+        members.value?.map((member) => member.userId).indexOf(userId.value) >= 0
+      );
+    }
+  }, [bazaarProject.value, members, identity, userId.value]);
+  const handleMembersClick = async () => {
+    if (userId.value) {
+      if (!isMember) {
+        await bazaarApi.addMember(bazaarProject.value.id, userId.value);
+      } else {
+        await bazaarApi.deleteMember(bazaarProject.value.id, userId.value);
+      }
+      setIsMember(!isMember);
+      fetchMembers();
+    }
+  };
+  const getEntityPageLink = () => {
+    if (bazaarProject?.value?.entityRef) {
+      const { name, kind, namespace } = parseEntityRef(
+        bazaarProject.value.entityRef
+      );
+      return entityLink({ kind, namespace, name });
+    }
+    return "";
+  };
+  const handleLink = () => {
+    if (bazaarProject.value?.entityRef) {
+      setOpenUnlink(true);
+    } else {
+      fetchCatalogEntities();
+      setOpenProjectSelector(true);
+    }
+  };
+  const links = [
+    {
+      label: "Entity page",
+      icon: /* @__PURE__ */ React.createElement(DashboardIcon, null),
+      href: bazaarProject.value?.entityRef ? getEntityPageLink() : "",
+      disabled: bazaarProject.value?.entityRef === null
+    },
+    {
+      label: bazaarProject.value?.entityRef ? "Unlink project" : "Link project",
+      icon: bazaarProject.value?.entityRef ? /* @__PURE__ */ React.createElement(LinkOffIcon, null) : /* @__PURE__ */ React.createElement(InsertLinkIcon, null),
+      onClick: handleLink
+    },
+    {
+      label: isMember ? "Leave" : "Join",
+      icon: isMember ? /* @__PURE__ */ React.createElement(ExitToAppIcon, null) : /* @__PURE__ */ React.createElement(PersonAddIcon, null),
+      href: "",
+      onClick: async () => {
+        handleMembersClick();
+      }
+    },
+    {
+      label: "Community",
+      icon: /* @__PURE__ */ React.createElement(ChatIcon, null),
+      href: bazaarProject.value?.community,
+      disabled: !bazaarProject.value?.community || !isMember
+    },
+    {
+      label: "Docs",
+      icon: /* @__PURE__ */ React.createElement(Description, null),
+      href: bazaarProject.value?.docs,
+      disabled: bazaarProject.value?.docs === null || bazaarProject.value?.docs === ""
+    }
+  ];
+  const handleUnlinkSubmit = async () => {
+    const updateResponse = await bazaarApi.updateProject({
+      ...bazaarProject.value,
+      entityRef: null
+    });
+    if (updateResponse.status === "ok") {
+      setOpenUnlink(false);
+      fetchBazaarProject();
+      alertApi.post({
+        message: `Unlinked entity '${parseEntityRef(bazaarProject.value?.entityRef).name}' from the project ${bazaarProject.value?.title}`,
+        severity: "success",
+        display: "transient"
+      });
+    }
+  };
+  if (bazaarProject.error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, bazaarProject?.error?.message);
+  } else if (members.error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, members?.error?.message);
+  }
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    LinkProjectDialog,
+    {
+      openProjectSelector,
+      handleProjectSelectorClose: () => setOpenProjectSelector(false),
+      catalogEntities: catalogEntities.value || [],
+      bazaarProject: bazaarProject.value || initProject,
+      fetchBazaarProject,
+      initEntity
+    }
+  ), openUnlink && /* @__PURE__ */ React.createElement(
+    ConfirmationDialog,
+    {
+      open: openUnlink,
+      handleClose: () => setOpenUnlink(false),
+      message: [
+        "Are you sure you want to unlink ",
+        /* @__PURE__ */ React.createElement("b", { className: classes.wordBreak }, parseEntityRef(bazaarProject.value?.entityRef).name),
+        " from ",
+        /* @__PURE__ */ React.createElement("b", { className: classes.wordBreak }, bazaarProject.value?.title),
+        " ?"
+      ],
+      type: "unlink",
+      handleSubmit: handleUnlinkSubmit
+    }
+  ), /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(
+    EditProjectDialog,
+    {
+      bazaarProject: bazaarProject.value || initProject,
+      openEdit,
+      handleEditClose: () => setOpenEdit(false),
+      handleCardClose: handleClose,
+      fetchBazaarProject
+    }
+  ), /* @__PURE__ */ React.createElement(
+    CardHeader,
+    {
+      title: /* @__PURE__ */ React.createElement(Typography, { paragraph: true, className: classes.wordBreak }, bazaarProject.value?.title || initProject.title),
+      action: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButton, { onClick: () => setOpenEdit(true) }, /* @__PURE__ */ React.createElement(EditIcon, null)), /* @__PURE__ */ React.createElement(IconButton, { onClick: handleClose }, /* @__PURE__ */ React.createElement(CloseIcon, null))),
+      subheader: /* @__PURE__ */ React.createElement(HeaderIconLinkRow, { links })
+    }
+  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
+    CardContentFields,
+    {
+      bazaarProject: bazaarProject.value || initProject,
+      members: members.value || [],
+      descriptionSize: 9,
+      membersSize: 3
+    }
+  )));
+};
+
+export { HomePageBazaarInfoCard };
+//# sourceMappingURL=HomePageBazaarInfoCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HomePageBazaarInfoCard.esm.js","sources":["../../../src/components/HomePageBazaarInfoCard/HomePageBazaarInfoCard.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, useEffect } from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Divider from '@material-ui/core/Divider';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n} from '@backstage/core-components';\nimport EditIcon from '@material-ui/icons/Edit';\nimport ChatIcon from '@material-ui/icons/Chat';\nimport PersonAddIcon from '@material-ui/icons/PersonAdd';\nimport InsertLinkIcon from '@material-ui/icons/InsertLink';\nimport DashboardIcon from '@material-ui/icons/Dashboard';\nimport CloseIcon from '@material-ui/icons/Close';\nimport LinkOffIcon from '@material-ui/icons/LinkOff';\nimport Description from '@material-ui/icons/Description';\nimport { EditProjectDialog } from '../EditProjectDialog';\nimport ExitToAppIcon from '@material-ui/icons/ExitToApp';\nimport {\n  useApi,\n  identityApiRef,\n  useRouteRef,\n  alertApiRef,\n} from '@backstage/core-plugin-api';\nimport { Member, BazaarProject } from '../../types';\nimport { bazaarApiRef } from '../../api';\nimport Alert from '@material-ui/lab/Alert';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { catalogApiRef, entityRouteRef } from '@backstage/plugin-catalog-react';\n\nimport {\n  stringifyEntityRef,\n  Entity,\n  parseEntityRef,\n} from '@backstage/catalog-model';\n\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog';\nimport { CardContentFields } from '../CardContentFields/CardContentFields';\nimport { LinkProjectDialog } from '../LinkProjectDialog';\nimport {\n  fetchCatalogItems,\n  fetchProjectMembers,\n} from '../../util/fetchMethods';\nimport { parseBazaarResponse } from '../../util/parseMethods';\n\nconst useStyles = makeStyles({\n  wordBreak: {\n    wordBreak: 'break-all',\n    whiteSpace: 'normal',\n    margin: '-0.25rem 0',\n  },\n});\n\ntype Props = {\n  initProject: BazaarProject;\n  handleClose: () => void;\n  initEntity: Entity;\n};\n\nexport const HomePageBazaarInfoCard = ({\n  initProject,\n  handleClose,\n  initEntity,\n}: Props) => {\n  const classes = useStyles();\n  const entityLink = useRouteRef(entityRouteRef);\n  const bazaarApi = useApi(bazaarApiRef);\n  const identity = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const [openEdit, setOpenEdit] = useState(false);\n  const [openProjectSelector, setOpenProjectSelector] = useState(false);\n  const [openUnlink, setOpenUnlink] = useState(false);\n  const [isMember, setIsMember] = useState(false);\n\n  const [catalogEntities, fetchCatalogEntities] = useAsyncFn(async () => {\n    const entities = await fetchCatalogItems(catalogApi);\n    const bazaarProjects = await bazaarApi.getProjects();\n    const bazaarLinkedRefs: string[] = bazaarProjects.data\n      .filter((entity: any) => entity.entity_ref !== null)\n      .map((entity: any) => entity.entity_ref);\n\n    return entities.filter(\n      (entity: Entity) =>\n        !bazaarLinkedRefs.includes(stringifyEntityRef(entity)),\n    );\n  });\n\n  const [bazaarProject, fetchBazaarProject] = useAsyncFn(async () => {\n    const response = await bazaarApi.getProjectById(initProject.id);\n    return await parseBazaarResponse(response);\n  });\n\n  const [members, fetchMembers] = useAsyncFn(async () => {\n    return fetchProjectMembers(bazaarApi, bazaarProject.value ?? initProject);\n  });\n\n  const [userId, fetchUserId] = useAsyncFn(async () => {\n    return await (\n      await identity.getProfileInfo()\n    ).displayName;\n  });\n\n  useEffect(() => {\n    fetchMembers();\n    fetchBazaarProject();\n    fetchCatalogEntities();\n    fetchUserId();\n  }, [fetchMembers, fetchBazaarProject, fetchCatalogEntities, fetchUserId]);\n\n  useEffect(() => {\n    if (members.value && userId.value) {\n      setIsMember(\n        members.value\n          ?.map((member: Member) => member.userId)\n          .indexOf(userId.value) >= 0,\n      );\n    }\n  }, [bazaarProject.value, members, identity, userId.value]);\n\n  const handleMembersClick = async () => {\n    if (userId.value) {\n      if (!isMember) {\n        await bazaarApi.addMember(bazaarProject.value!.id, userId.value);\n      } else {\n        await bazaarApi.deleteMember(bazaarProject.value!.id, userId.value);\n      }\n      setIsMember(!isMember);\n      fetchMembers();\n    }\n  };\n\n  const getEntityPageLink = () => {\n    if (bazaarProject?.value?.entityRef) {\n      const { name, kind, namespace } = parseEntityRef(\n        bazaarProject.value.entityRef,\n      );\n      return entityLink({ kind, namespace, name });\n    }\n    return '';\n  };\n\n  const handleLink = () => {\n    if (bazaarProject.value?.entityRef) {\n      setOpenUnlink(true);\n    } else {\n      fetchCatalogEntities();\n      setOpenProjectSelector(true);\n    }\n  };\n\n  const links: IconLinkVerticalProps[] = [\n    {\n      label: 'Entity page',\n      icon: <DashboardIcon />,\n      href: bazaarProject.value?.entityRef ? getEntityPageLink() : '',\n      disabled: bazaarProject.value?.entityRef === null,\n    },\n    {\n      label: bazaarProject.value?.entityRef ? 'Unlink project' : 'Link project',\n      icon: bazaarProject.value?.entityRef ? (\n        <LinkOffIcon />\n      ) : (\n        <InsertLinkIcon />\n      ),\n      onClick: handleLink,\n    },\n    {\n      label: isMember ? 'Leave' : 'Join',\n      icon: isMember ? <ExitToAppIcon /> : <PersonAddIcon />,\n      href: '',\n      onClick: async () => {\n        handleMembersClick();\n      },\n    },\n    {\n      label: 'Community',\n      icon: <ChatIcon />,\n      href: bazaarProject.value?.community,\n      disabled: !bazaarProject.value?.community || !isMember,\n    },\n    {\n      label: 'Docs',\n      icon: <Description />,\n      href: bazaarProject.value?.docs,\n      disabled:\n        bazaarProject.value?.docs === null || bazaarProject.value?.docs === '',\n    },\n  ];\n\n  const handleUnlinkSubmit = async () => {\n    const updateResponse = await bazaarApi.updateProject({\n      ...bazaarProject.value,\n      entityRef: null,\n    });\n\n    if (updateResponse.status === 'ok') {\n      setOpenUnlink(false);\n      fetchBazaarProject();\n      alertApi.post({\n        message: `Unlinked entity '${\n          parseEntityRef(bazaarProject.value?.entityRef!).name\n        }' from the project ${bazaarProject.value?.title}`,\n        severity: 'success',\n        display: 'transient',\n      });\n    }\n  };\n\n  if (bazaarProject.error) {\n    return <Alert severity=\"error\">{bazaarProject?.error?.message}</Alert>;\n  } else if (members.error) {\n    return <Alert severity=\"error\">{members?.error?.message}</Alert>;\n  }\n\n  return (\n    <div>\n      <LinkProjectDialog\n        openProjectSelector={openProjectSelector}\n        handleProjectSelectorClose={() => setOpenProjectSelector(false)}\n        catalogEntities={catalogEntities.value || []}\n        bazaarProject={bazaarProject.value || initProject}\n        fetchBazaarProject={fetchBazaarProject}\n        initEntity={initEntity}\n      />\n\n      {openUnlink && (\n        <ConfirmationDialog\n          open={openUnlink}\n          handleClose={() => setOpenUnlink(false)}\n          message={[\n            'Are you sure you want to unlink ',\n            <b className={classes.wordBreak}>\n              {parseEntityRef(bazaarProject.value?.entityRef!).name}\n            </b>,\n            ' from ',\n            <b className={classes.wordBreak}>{bazaarProject.value?.title}</b>,\n            ' ?',\n          ]}\n          type=\"unlink\"\n          handleSubmit={handleUnlinkSubmit}\n        />\n      )}\n\n      <Card>\n        <EditProjectDialog\n          bazaarProject={bazaarProject.value || initProject}\n          openEdit={openEdit}\n          handleEditClose={() => setOpenEdit(false)}\n          handleCardClose={handleClose}\n          fetchBazaarProject={fetchBazaarProject}\n        />\n\n        <CardHeader\n          title={\n            <Typography paragraph className={classes.wordBreak}>\n              {bazaarProject.value?.title || initProject.title}\n            </Typography>\n          }\n          action={\n            <div>\n              <IconButton onClick={() => setOpenEdit(true)}>\n                <EditIcon />\n              </IconButton>\n              <IconButton onClick={handleClose}>\n                <CloseIcon />\n              </IconButton>\n            </div>\n          }\n          subheader={<HeaderIconLinkRow links={links} />}\n        />\n        <Divider />\n\n        <CardContentFields\n          bazaarProject={bazaarProject.value || initProject}\n          members={members.value || []}\n          descriptionSize={9}\n          membersSize={3}\n        />\n      </Card>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/InputField/InputField.esm.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Controller } from 'react-hook-form';
+import TextField from '@material-ui/core/TextField';
+
+const InputField = ({
+  inputType,
+  error,
+  control,
+  helperText,
+  placeholder,
+  rules
+}) => {
+  const label = inputType.charAt(0).toLocaleUpperCase("en-US") + inputType.slice(1);
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name: inputType,
+      control,
+      rules,
+      render: ({ field }) => /* @__PURE__ */ React.createElement(
+        TextField,
+        {
+          ...field,
+          required: rules?.required,
+          margin: "dense",
+          multiline: true,
+          id: "title",
+          type: "text",
+          fullWidth: true,
+          label,
+          placeholder,
+          error: !!error,
+          helperText: error && helperText
+        }
+      )
+    }
+  );
+};
+
+export { InputField };
+//# sourceMappingURL=InputField.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.esm.js","sources":["../../../src/components/InputField/InputField.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  Controller,\n  Control,\n  FieldError,\n  ValidationRule,\n} from 'react-hook-form';\nimport TextField from '@material-ui/core/TextField';\nimport { FormValues } from '../../types';\n\ntype Rules = {\n  required: boolean;\n  pattern?: ValidationRule<RegExp> | undefined;\n};\n\ntype Props = {\n  inputType: 'description' | 'community' | 'responsible' | 'title' | 'docs';\n  error?: FieldError | undefined;\n  control: Control<FormValues, object>;\n  helperText?: string;\n  placeholder?: string;\n  rules?: Rules | undefined;\n};\n\nexport const InputField = ({\n  inputType,\n  error,\n  control,\n  helperText,\n  placeholder,\n  rules,\n}: Props) => {\n  const label =\n    inputType.charAt(0).toLocaleUpperCase('en-US') + inputType.slice(1);\n\n  return (\n    <Controller\n      name={inputType}\n      control={control}\n      rules={rules}\n      render={({ field }) => (\n        <TextField\n          {...field}\n          required={rules?.required}\n          margin=\"dense\"\n          multiline\n          id=\"title\"\n          type=\"text\"\n          fullWidth\n          label={label}\n          placeholder={placeholder}\n          error={!!error}\n          helperText={error && helperText}\n        />\n      )}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAwCO,MAAM,aAAa,CAAC;AAAA,EACzB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AACF,CAAa,KAAA;AACX,EAAM,MAAA,KAAA,GACJ,SAAU,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,kBAAkB,OAAO,CAAA,GAAI,SAAU,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AAEpE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,SAAA;AAAA,MACN,OAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAQ,EAAA,CAAC,EAAE,KAAA,EACT,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,UAAU,KAAO,EAAA,QAAA;AAAA,UACjB,MAAO,EAAA,OAAA;AAAA,UACP,SAAS,EAAA,IAAA;AAAA,UACT,EAAG,EAAA,OAAA;AAAA,UACH,IAAK,EAAA,MAAA;AAAA,UACL,SAAS,EAAA,IAAA;AAAA,UACT,KAAA;AAAA,UACA,WAAA;AAAA,UACA,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,UACT,YAAY,KAAS,IAAA,UAAA;AAAA,SAAA;AAAA,OACvB;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import InputLabel from '@material-ui/core/InputLabel';
+import MenuItem from '@material-ui/core/MenuItem';
+import FormControl from '@material-ui/core/FormControl';
+import Select from '@material-ui/core/Select';
+import { Controller } from 'react-hook-form';
+
+const InputSelector = ({ name, options, control, error }) => {
+  const label = name.charAt(0).toLocaleUpperCase("en-US") + name.slice(1);
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules: {
+        required: true
+      },
+      render: ({ field }) => /* @__PURE__ */ React.createElement(FormControl, { fullWidth: true }, /* @__PURE__ */ React.createElement(
+        InputLabel,
+        {
+          required: true,
+          htmlFor: "demo-simple-select-outlined",
+          id: "demo-simple-select-outlined-label",
+          style: {
+            marginTop: "0.25rem"
+          }
+        },
+        label
+      ), /* @__PURE__ */ React.createElement(
+        Select,
+        {
+          ...field,
+          labelId: "demo-simple-select-outlined-label",
+          id: "demo-simple-select-outlined",
+          label,
+          error: !!error
+        },
+        options.map((option) => {
+          return /* @__PURE__ */ React.createElement(MenuItem, { key: option, value: option }, option);
+        })
+      ))
+    }
+  );
+};
+
+export { InputSelector };
+//# sourceMappingURL=InputSelector.esm.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,68 @@
+import React, { useState } from 'react';
+import Dialog from '@material-ui/core/Dialog';
+import MuiDialogActions from '@material-ui/core/DialogActions';
+import Button from '@material-ui/core/Button';
+import MuiDialogContent from '@material-ui/core/DialogContent';
+import { makeStyles } from '@material-ui/core/styles';
+import { ProjectSelector } from '../ProjectSelector/ProjectSelector.esm.js';
+import { CustomDialogTitle } from '../CustomDialogTitle/CustomDialogTitle.esm.js';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { bazaarApiRef } from '../../api.esm.js';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+
+const useStyles = makeStyles({
+  content: { padding: "0 1rem" }
+});
+const LinkProjectDialog = ({
+  openProjectSelector,
+  handleProjectSelectorClose,
+  catalogEntities,
+  bazaarProject,
+  fetchBazaarProject,
+  initEntity
+}) => {
+  const classes = useStyles();
+  const bazaarApi = useApi(bazaarApiRef);
+  const alertApi = useApi(alertApiRef);
+  const [selectedEntity, setSelectedEntity] = useState(initEntity);
+  const [selectedEntityName, setSelectedEntityName] = useState("");
+  const handleEntityClick = (entity) => {
+    setSelectedEntity(entity);
+    setSelectedEntityName(entity.metadata.name);
+  };
+  const handleSubmit = async () => {
+    handleProjectSelectorClose();
+    const updateResponse = await bazaarApi.updateProject({
+      ...bazaarProject,
+      entityRef: stringifyEntityRef(selectedEntity)
+    });
+    if (updateResponse.status === "ok") {
+      fetchBazaarProject();
+      alertApi.post({
+        message: `linked entity '${selectedEntityName}' to the project ${bazaarProject.title}`,
+        severity: "success",
+        display: "transient"
+      });
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Dialog, { onClose: handleProjectSelectorClose, open: openProjectSelector }, /* @__PURE__ */ React.createElement(
+    CustomDialogTitle,
+    {
+      id: "customized-dialog-title",
+      onClose: handleProjectSelectorClose
+    },
+    "Select entity"
+  ), /* @__PURE__ */ React.createElement(MuiDialogContent, { className: classes.content, dividers: true }, /* @__PURE__ */ React.createElement(
+    ProjectSelector,
+    {
+      label: "",
+      onChange: handleEntityClick,
+      catalogEntities: catalogEntities || [],
+      disableClearable: true,
+      defaultValue: catalogEntities[0] || null
+    }
+  )), /* @__PURE__ */ React.createElement(MuiDialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: handleSubmit, color: "primary", type: "submit" }, "OK")));
+};
+
+export { LinkProjectDialog };
+//# sourceMappingURL=LinkProjectDialog.esm.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,70 @@
+import React, { useState } from 'react';
+import { ItemCardHeader } from '@backstage/core-components';
+import Card from '@material-ui/core/Card';
+import CardActionArea from '@material-ui/core/CardActionArea';
+import CardContent from '@material-ui/core/CardContent';
+import Dialog from '@material-ui/core/Dialog';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import { StatusTag } from '../StatusTag/StatusTag.esm.js';
+import { DateTime } from 'luxon';
+import { HomePageBazaarInfoCard } from '../HomePageBazaarInfoCard/HomePageBazaarInfoCard.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  description: (props) => ({
+    height: props.height === "large" ? "10rem" : "4rem",
+    WebkitBackgroundClip: "text",
+    backgroundImage: `linear-gradient(180deg, ${theme.palette.textContrast} 0%, ${theme.palette.textContrast} 60%, transparent 100%)`,
+    color: "transparent"
+  }),
+  statusTag: {
+    display: "inline-block",
+    whiteSpace: "nowrap",
+    marginBottom: "0.8rem"
+  },
+  memberCount: {
+    float: "right"
+  },
+  header: {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    height: "5rem"
+  }
+}));
+const ProjectCard = ({
+  project,
+  fetchBazaarProjects,
+  catalogEntities,
+  height
+}) => {
+  const classes = useStyles({ height });
+  const [openCard, setOpenCard] = useState(false);
+  const { id, title, status, updatedAt, description, membersCount } = project;
+  const handleClose = () => {
+    setOpenCard(false);
+    fetchBazaarProjects();
+  };
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Dialog, { fullWidth: true, onClose: handleClose, open: openCard }, /* @__PURE__ */ React.createElement(
+    HomePageBazaarInfoCard,
+    {
+      initProject: project,
+      handleClose,
+      initEntity: catalogEntities[0] || null
+    }
+  )), /* @__PURE__ */ React.createElement(Card, { key: id }, /* @__PURE__ */ React.createElement(CardActionArea, { onClick: () => setOpenCard(true) }, /* @__PURE__ */ React.createElement(
+    ItemCardHeader,
+    {
+      classes: { root: classes.header },
+      title,
+      subtitle: `updated ${DateTime.fromISO(
+        new Date(updatedAt).toISOString()
+      ).toRelative({
+        base: DateTime.now()
+      })}`
+    }
+  ), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(StatusTag, { styles: classes.statusTag, status }), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", className: classes.memberCount }, Number(membersCount) === Number(1) ? `${membersCount} member` : `${membersCount} members`), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", className: classes.description }, description)))));
+};
+
+export { ProjectCard };
+//# sourceMappingURL=ProjectCard.esm.js.map

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

@@ -0,0 +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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"}