@backstage-community/plugin-entity-feedback 0.7.2 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @backstage-community/plugin-entity-feedback
 
+## 0.9.0
+
+### Minor Changes
+
+- 30e9f1b: Backstage version bump to v1.41.1
+
+### Patch Changes
+
+- Updated dependencies [30e9f1b]
+  - @backstage-community/plugin-entity-feedback-common@0.7.0
+
+## 0.8.0
+
+### Minor Changes
+
+- 45ec160: Backstage version bump to v1.40.2
+
+### Patch Changes
+
+- Updated dependencies [45ec160]
+  - @backstage-community/plugin-entity-feedback-common@0.6.0
+
 ## 0.7.2
 
 ### Patch Changes

package/dist/components/FeedbackRatingsTable/FeedbackRatingsTable.esm.js

@@ -1,8 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
 import { parseEntityRef } from '@backstage/catalog-model';
 import { SubvalueCell, ErrorPanel, Table } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { EntityRefLink } from '@backstage/plugin-catalog-react';
-import React from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import '@backstage/errors';
 import { entityFeedbackApiRef } from '../../api/EntityFeedbackApi.esm.js';
@@ -41,10 +41,10 @@ const FeedbackRatingsTable = (props) => {
       },
       render: (rating) => {
         const compoundRef = parseEntityRef(rating.entityRef);
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           SubvalueCell,
           {
-            value: /* @__PURE__ */ React.createElement(
+            value: /* @__PURE__ */ jsx(
               EntityRefLink,
               {
                 entityRef: rating.entityRef,
@@ -66,7 +66,7 @@ const FeedbackRatingsTable = (props) => {
     (r) => Object.keys(r.ratings).some((v) => ratingValues.includes(v))
   );
   if (error) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ErrorPanel,
       {
         defaultExpanded: true,
@@ -75,7 +75,7 @@ const FeedbackRatingsTable = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Table,
     {
       columns,

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackRatingsTable.esm.js","sources":["../../../src/components/FeedbackRatingsTable/FeedbackRatingsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { parseEntityRef } from '@backstage/catalog-model';\nimport { ErrorPanel, SubvalueCell, Table } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { EntityRatingsData } from '@backstage-community/plugin-entity-feedback-common';\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { entityFeedbackApiRef } from '../../api';\n\ninterface FeedbackRatingsTableProps {\n  allEntities?: boolean;\n  ownerRef?: string;\n  ratingValues: string[];\n  title?: string;\n}\n\nexport const FeedbackRatingsTable = (props: FeedbackRatingsTableProps) => {\n  const {\n    allEntities,\n    ownerRef,\n    ratingValues,\n    title = 'Entity Ratings',\n  } = props;\n  const feedbackApi = useApi(entityFeedbackApiRef);\n\n  const {\n    error,\n    loading,\n    value: ratings,\n  } = useAsync(async () => {\n    if (allEntities) {\n      return feedbackApi.getAllRatings();\n    }\n\n    if (!ownerRef) {\n      return [];\n    }\n\n    return feedbackApi.getOwnedRatings(ownerRef);\n  }, [allEntities, feedbackApi, ownerRef]);\n\n  const columns = [\n    { title: 'Title', field: 'entityTitle', hidden: true, searchable: true },\n    {\n      title: 'Entity',\n      field: 'entityRef',\n      highlight: true,\n      customSort: (a: EntityRatingsData, b: EntityRatingsData) => {\n        const titleA = a.entityTitle ?? parseEntityRef(a.entityRef).name;\n        const titleB = b.entityTitle ?? parseEntityRef(b.entityRef).name;\n        return titleA.localeCompare(titleB);\n      },\n      render: (rating: EntityRatingsData) => {\n        const compoundRef = parseEntityRef(rating.entityRef);\n        return (\n          <SubvalueCell\n            value={\n              <EntityRefLink\n                entityRef={rating.entityRef}\n                defaultKind={compoundRef.kind}\n                title={rating.entityTitle}\n              />\n            }\n            subvalue={compoundRef.kind}\n          />\n        );\n      },\n    },\n    ...ratingValues.map(ratingVal => ({\n      title: ratingVal,\n      field: `ratings.${ratingVal}`,\n    })),\n  ];\n\n  // Exclude entities that don't have applicable ratings\n  const ratingsRows = ratings?.filter(r =>\n    Object.keys(r.ratings).some(v => ratingValues.includes(v)),\n  );\n\n  if (error) {\n    return (\n      <ErrorPanel\n        defaultExpanded\n        title=\"Failed to load feedback ratings\"\n        error={error}\n      />\n    );\n  }\n\n  return (\n    <Table<EntityRatingsData>\n      columns={columns}\n      data={ratingsRows ?? []}\n      isLoading={loading}\n      options={{\n        emptyRowsWhenPaging: false,\n        loadingType: 'linear',\n        pageSize: 20,\n        pageSizeOptions: [20, 50, 100],\n        paging: true,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeedbackRatingsTable.esm.js","sources":["../../../src/components/FeedbackRatingsTable/FeedbackRatingsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { parseEntityRef } from '@backstage/catalog-model';\nimport { ErrorPanel, SubvalueCell, Table } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { EntityRatingsData } from '@backstage-community/plugin-entity-feedback-common';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { entityFeedbackApiRef } from '../../api';\n\ninterface FeedbackRatingsTableProps {\n  allEntities?: boolean;\n  ownerRef?: string;\n  ratingValues: string[];\n  title?: string;\n}\n\nexport const FeedbackRatingsTable = (props: FeedbackRatingsTableProps) => {\n  const {\n    allEntities,\n    ownerRef,\n    ratingValues,\n    title = 'Entity Ratings',\n  } = props;\n  const feedbackApi = useApi(entityFeedbackApiRef);\n\n  const {\n    error,\n    loading,\n    value: ratings,\n  } = useAsync(async () => {\n    if (allEntities) {\n      return feedbackApi.getAllRatings();\n    }\n\n    if (!ownerRef) {\n      return [];\n    }\n\n    return feedbackApi.getOwnedRatings(ownerRef);\n  }, [allEntities, feedbackApi, ownerRef]);\n\n  const columns = [\n    { title: 'Title', field: 'entityTitle', hidden: true, searchable: true },\n    {\n      title: 'Entity',\n      field: 'entityRef',\n      highlight: true,\n      customSort: (a: EntityRatingsData, b: EntityRatingsData) => {\n        const titleA = a.entityTitle ?? parseEntityRef(a.entityRef).name;\n        const titleB = b.entityTitle ?? parseEntityRef(b.entityRef).name;\n        return titleA.localeCompare(titleB);\n      },\n      render: (rating: EntityRatingsData) => {\n        const compoundRef = parseEntityRef(rating.entityRef);\n        return (\n          <SubvalueCell\n            value={\n              <EntityRefLink\n                entityRef={rating.entityRef}\n                defaultKind={compoundRef.kind}\n                title={rating.entityTitle}\n              />\n            }\n            subvalue={compoundRef.kind}\n          />\n        );\n      },\n    },\n    ...ratingValues.map(ratingVal => ({\n      title: ratingVal,\n      field: `ratings.${ratingVal}`,\n    })),\n  ];\n\n  // Exclude entities that don't have applicable ratings\n  const ratingsRows = ratings?.filter(r =>\n    Object.keys(r.ratings).some(v => ratingValues.includes(v)),\n  );\n\n  if (error) {\n    return (\n      <ErrorPanel\n        defaultExpanded\n        title=\"Failed to load feedback ratings\"\n        error={error}\n      />\n    );\n  }\n\n  return (\n    <Table<EntityRatingsData>\n      columns={columns}\n      data={ratingsRows ?? []}\n      isLoading={loading}\n      options={{\n        emptyRowsWhenPaging: false,\n        loadingType: 'linear',\n        pageSize: 20,\n        pageSizeOptions: [20, 50, 100],\n        paging: true,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgCa,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAQ,GAAA;AAAA,GACN,GAAA,KAAA;AACJ,EAAM,MAAA,WAAA,GAAc,OAAO,oBAAoB,CAAA;AAE/C,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,OAAO,YAAY,aAAc,EAAA;AAAA;AAGnC,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAA,OAAO,EAAC;AAAA;AAGV,IAAO,OAAA,WAAA,CAAY,gBAAgB,QAAQ,CAAA;AAAA,GAC1C,EAAA,CAAC,WAAa,EAAA,WAAA,EAAa,QAAQ,CAAC,CAAA;AAEvC,EAAA,MAAM,OAAU,GAAA;AAAA,IACd,EAAE,OAAO,OAAS,EAAA,KAAA,EAAO,eAAe,MAAQ,EAAA,IAAA,EAAM,YAAY,IAAK,EAAA;AAAA,IACvE;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,WAAA;AAAA,MACP,SAAW,EAAA,IAAA;AAAA,MACX,UAAA,EAAY,CAAC,CAAA,EAAsB,CAAyB,KAAA;AAC1D,QAAA,MAAM,SAAS,CAAE,CAAA,WAAA,IAAe,cAAe,CAAA,CAAA,CAAE,SAAS,CAAE,CAAA,IAAA;AAC5D,QAAA,MAAM,SAAS,CAAE,CAAA,WAAA,IAAe,cAAe,CAAA,CAAA,CAAE,SAAS,CAAE,CAAA,IAAA;AAC5D,QAAO,OAAA,MAAA,CAAO,cAAc,MAAM,CAAA;AAAA,OACpC;AAAA,MACA,MAAA,EAAQ,CAAC,MAA8B,KAAA;AACrC,QAAM,MAAA,WAAA,GAAc,cAAe,CAAA,MAAA,CAAO,SAAS,CAAA;AACnD,QACE,uBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,KACE,kBAAA,GAAA;AAAA,cAAC,aAAA;AAAA,cAAA;AAAA,gBACC,WAAW,MAAO,CAAA,SAAA;AAAA,gBAClB,aAAa,WAAY,CAAA,IAAA;AAAA,gBACzB,OAAO,MAAO,CAAA;AAAA;AAAA,aAChB;AAAA,YAEF,UAAU,WAAY,CAAA;AAAA;AAAA,SACxB;AAAA;AAEJ,KACF;AAAA,IACA,GAAG,YAAa,CAAA,GAAA,CAAI,CAAc,SAAA,MAAA;AAAA,MAChC,KAAO,EAAA,SAAA;AAAA,MACP,KAAA,EAAO,WAAW,SAAS,CAAA;AAAA,KAC3B,CAAA;AAAA,GACJ;AAGA,EAAA,MAAM,cAAc,OAAS,EAAA,MAAA;AAAA,IAAO,CAAA,CAAA,KAClC,MAAO,CAAA,IAAA,CAAK,CAAE,CAAA,OAAO,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,YAAA,CAAa,QAAS,CAAA,CAAC,CAAC;AAAA,GAC3D;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,eAAe,EAAA,IAAA;AAAA,QACf,KAAM,EAAA,iCAAA;AAAA,QACN;AAAA;AAAA,KACF;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA,EAAM,eAAe,EAAC;AAAA,MACtB,SAAW,EAAA,OAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,mBAAqB,EAAA,KAAA;AAAA,QACrB,WAAa,EAAA,QAAA;AAAA,QACb,QAAU,EAAA,EAAA;AAAA,QACV,eAAiB,EAAA,CAAC,EAAI,EAAA,EAAA,EAAI,GAAG,CAAA;AAAA,QAC7B,MAAQ,EAAA,IAAA;AAAA,QACR,4BAA4B,CAAC;AAAA,OAC/B;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/FeedbackResponseDialog/FeedbackResponseDialog.esm.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { Progress } from '@backstage/core-components';
 import { useApi, errorApiRef } from '@backstage/core-plugin-api';
@@ -17,7 +18,7 @@ import Switch from '@material-ui/core/Switch';
 import TextField from '@material-ui/core/TextField';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import useAsyncFn from 'react-use/esm/useAsyncFn';
 import '@backstage/errors';
 import { entityFeedbackApiRef } from '../../api/EntityFeedbackApi.esm.js';
@@ -93,76 +94,104 @@ const FeedbackResponseDialog = (props) => {
       errorApi.post(e);
     }
   }, [comments, consent, entity, feedbackApi, onClose, responseSelections]);
-  return /* @__PURE__ */ React.createElement(Dialog, { open, onClose: () => !saving && onClose() }, saving && /* @__PURE__ */ React.createElement(Progress, null), /* @__PURE__ */ React.createElement(DialogTitle, null, feedbackDialogTitle), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(FormControl, { component: "fieldset", fullWidth: true }, /* @__PURE__ */ React.createElement(FormLabel, { component: "legend" }, "Select all that apply"), /* @__PURE__ */ React.createElement(FormGroup, { className: classes.boxContainer }, feedbackDialogResponses.map((response) => /* @__PURE__ */ React.createElement(Grid, { container: true, key: response.id, direction: "column", spacing: 1 }, /* @__PURE__ */ React.createElement(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ React.createElement(
-        Checkbox,
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => !saving && onClose(), children: [
+    saving && /* @__PURE__ */ jsx(Progress, {}),
+    /* @__PURE__ */ jsx(DialogTitle, { children: feedbackDialogTitle }),
+    /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", fullWidth: true, children: [
+        /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: "Select all that apply" }),
+        /* @__PURE__ */ jsx(FormGroup, { className: classes.boxContainer, children: feedbackDialogResponses.map((response) => /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 1, children: [
+          /* @__PURE__ */ jsx(
+            FormControlLabel,
+            {
+              control: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: responseSelections[response.id],
+                  disabled: saving,
+                  name: response.id,
+                  onChange: (e) => setResponseSelections({
+                    ...responseSelections,
+                    [e.target.name]: e.target.checked
+                  }),
+                  color: "primary"
+                }
+              ),
+              label: response.label
+            }
+          ),
+          /* @__PURE__ */ jsx(Collapse, { in: responseSelections[response.id], children: /* @__PURE__ */ jsx(
+            TextField,
+            {
+              "data-testid": `feedback-response-dialog-collapse-comments-input-${responseSelections[response.id]}`,
+              disabled: saving,
+              className: classes.commentBoxes,
+              multiline: true,
+              minRows: 2,
+              fullWidth: true,
+              variant: "outlined",
+              value: comments.responseComments[response.id] || "",
+              onChange: (e) => setComments((prevComments) => ({
+                responseComments: {
+                  ...prevComments.responseComments,
+                  [response.id]: e.target.value
+                },
+                additionalComments: prevComments.additionalComments
+              }))
+            }
+          ) })
+        ] }, response.id)) })
+      ] }),
+      /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
+        /* @__PURE__ */ jsx(FormLabel, { component: "legend", className: classes.formLabel, children: "Additional comments" }),
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            "data-testid": "feedback-response-dialog-comments-input",
+            disabled: saving,
+            multiline: true,
+            minRows: 2,
+            onChange: (e) => setComments((prevComments) => ({
+              responseComments: {
+                ...prevComments.responseComments
+              },
+              additionalComments: e.target.value
+            })),
+            variant: "outlined",
+            value: comments.additionalComments || ""
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Typography, { className: classes.contactConsent, children: [
+        "May we contact you about your feedback?",
+        /* @__PURE__ */ jsxs(Grid, { component: "label", container: true, alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, children: "No" }),
+          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: consent,
+              disabled: saving,
+              onChange: (e) => setConsent(e.target.checked)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, children: "Yes" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogActions, { className: classes.dialogActions, children: [
+      /* @__PURE__ */ jsx(
+        Button,
         {
-          checked: responseSelections[response.id],
+          color: "primary",
+          "data-testid": "feedback-response-dialog-submit-button",
           disabled: saving,
-          name: response.id,
-          onChange: (e) => setResponseSelections({
-            ...responseSelections,
-            [e.target.name]: e.target.checked
-          }),
-          color: "primary"
+          onClick: saveResponse,
+          children: "Submit"
         }
       ),
-      label: response.label
-    }
-  ), /* @__PURE__ */ React.createElement(Collapse, { in: responseSelections[response.id] }, /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      "data-testid": `feedback-response-dialog-collapse-comments-input-${responseSelections[response.id]}`,
-      disabled: saving,
-      className: classes.commentBoxes,
-      multiline: true,
-      minRows: 2,
-      fullWidth: true,
-      variant: "outlined",
-      value: comments.responseComments[response.id] || "",
-      onChange: (e) => setComments((prevComments) => ({
-        responseComments: {
-          ...prevComments.responseComments,
-          [response.id]: e.target.value
-        },
-        additionalComments: prevComments.additionalComments
-      }))
-    }
-  )))))), /* @__PURE__ */ React.createElement(FormControl, { fullWidth: true }, /* @__PURE__ */ React.createElement(FormLabel, { component: "legend", className: classes.formLabel }, "Additional comments"), /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      "data-testid": "feedback-response-dialog-comments-input",
-      disabled: saving,
-      multiline: true,
-      minRows: 2,
-      onChange: (e) => setComments((prevComments) => ({
-        responseComments: {
-          ...prevComments.responseComments
-        },
-        additionalComments: e.target.value
-      })),
-      variant: "outlined",
-      value: comments.additionalComments || ""
-    }
-  )), /* @__PURE__ */ React.createElement(Typography, { className: classes.contactConsent }, "May we contact you about your feedback?", /* @__PURE__ */ React.createElement(Grid, { component: "label", container: true, alignItems: "center", spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true }, "No"), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Switch,
-    {
-      checked: consent,
-      disabled: saving,
-      onChange: (e) => setConsent(e.target.checked)
-    }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true }, "Yes")))), /* @__PURE__ */ React.createElement(DialogActions, { className: classes.dialogActions }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      color: "primary",
-      "data-testid": "feedback-response-dialog-submit-button",
-      disabled: saving,
-      onClick: saveResponse
-    },
-    "Submit"
-  ), /* @__PURE__ */ React.createElement(Button, { color: "primary", disabled: saving, onClick: onClose }, "Close")));
+      /* @__PURE__ */ jsx(Button, { color: "primary", disabled: saving, onClick: onClose, children: "Close" })
+    ] })
+  ] });
 };
 
 export { FeedbackResponseDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackResponseDialog.esm.js","sources":["../../../src/components/FeedbackResponseDialog/FeedbackResponseDialog.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { Progress } from '@backstage/core-components';\nimport { ErrorApiError, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport Button from '@material-ui/core/Button';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Collapse from '@material-ui/core/Collapse';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport Grid from '@material-ui/core/Grid';\nimport Switch from '@material-ui/core/Switch';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport React, { ReactNode, useState } from 'react';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\n\nimport { entityFeedbackApiRef } from '../../api';\n\n/**\n * @public\n */\nexport interface EntityFeedbackResponse {\n  id: string;\n  label: string;\n}\nexport interface Comments {\n  responseComments: {\n    [key: string]: string;\n  };\n  additionalComments?: string;\n}\n\nconst defaultFeedbackResponses: EntityFeedbackResponse[] = [\n  { id: 'incorrect', label: 'Incorrect info' },\n  { id: 'missing', label: 'Missing info' },\n  { id: 'other', label: 'Other' },\n];\n\n/**\n * @public\n */\nexport interface FeedbackResponseDialogProps {\n  entity: Entity;\n  feedbackDialogResponses?: EntityFeedbackResponse[];\n  feedbackDialogTitle?: ReactNode;\n  open: boolean;\n  onClose: () => void;\n}\n\nconst useStyles = makeStyles<Theme>(\n  theme => ({\n    contactConsent: {\n      marginTop: theme.spacing(1.5),\n    },\n    commentBoxes: {\n      marginBottom: theme.spacing(1.5),\n    },\n    boxContainer: {\n      marginBottom: theme.spacing(1.5),\n      marginTop: theme.spacing(1.5),\n      marginLeft: theme.spacing(1),\n      paddingRight: theme.spacing(1),\n    },\n    formLabel: {\n      marginBottom: theme.spacing(1.5),\n    },\n    dialogActions: {\n      justifyContent: 'flex-start',\n    },\n  }),\n  { name: 'BackstageEntityFeedbackDialog' },\n);\n\nexport const FeedbackResponseDialog = (props: FeedbackResponseDialogProps) => {\n  const {\n    entity,\n    feedbackDialogResponses = defaultFeedbackResponses,\n    feedbackDialogTitle = 'Tell us what could be better',\n    open,\n    onClose,\n  } = props;\n  const classes = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const feedbackApi = useApi(entityFeedbackApiRef);\n  const [responseSelections, setResponseSelections] = useState(\n    Object.fromEntries(feedbackDialogResponses.map(r => [r.id, false])),\n  );\n  const [comments, setComments] = useState<Comments>({\n    responseComments: {},\n    additionalComments: '',\n  });\n  const [consent, setConsent] = useState(true);\n\n  const [{ loading: saving }, saveResponse] = useAsyncFn(async () => {\n    // filter out responses that were not selected\n    const filteredResponseComments = Object.entries(\n      comments.responseComments,\n    ).reduce((entry, [key, value]) => {\n      if (responseSelections[key]) {\n        entry[key] = value;\n      }\n      return entry;\n    }, {} as { [key: string]: string });\n\n    const filteredComments = {\n      ...comments,\n      responseComments: filteredResponseComments,\n    };\n    try {\n      await feedbackApi.recordResponse(stringifyEntityRef(entity), {\n        comments: JSON.stringify(filteredComments),\n        consent,\n        response: Object.keys(responseSelections)\n          .filter(id => responseSelections[id])\n          .join(','),\n      });\n      onClose();\n    } catch (e) {\n      errorApi.post(e as ErrorApiError);\n    }\n  }, [comments, consent, entity, feedbackApi, onClose, responseSelections]);\n\n  return (\n    <Dialog open={open} onClose={() => !saving && onClose()}>\n      {saving && <Progress />}\n      <DialogTitle>{feedbackDialogTitle}</DialogTitle>\n      <DialogContent>\n        <FormControl component=\"fieldset\" fullWidth>\n          <FormLabel component=\"legend\">Select all that apply</FormLabel>\n          <FormGroup className={classes.boxContainer}>\n            {feedbackDialogResponses.map((response: EntityFeedbackResponse) => (\n              <Grid container key={response.id} direction=\"column\" spacing={1}>\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      checked={responseSelections[response.id]}\n                      disabled={saving}\n                      name={response.id}\n                      onChange={e =>\n                        setResponseSelections({\n                          ...responseSelections,\n                          [e.target.name]: e.target.checked,\n                        })\n                      }\n                      color=\"primary\"\n                    />\n                  }\n                  label={response.label}\n                />\n                <Collapse in={responseSelections[response.id]}>\n                  <TextField\n                    data-testid={`feedback-response-dialog-collapse-comments-input-${\n                      responseSelections[response.id]\n                    }`}\n                    disabled={saving}\n                    className={classes.commentBoxes}\n                    multiline\n                    minRows={2}\n                    fullWidth\n                    variant=\"outlined\"\n                    value={comments.responseComments[response.id] || ''}\n                    onChange={e =>\n                      setComments(prevComments => ({\n                        responseComments: {\n                          ...prevComments.responseComments,\n                          [response.id]: e.target.value,\n                        },\n                        additionalComments: prevComments.additionalComments,\n                      }))\n                    }\n                  />\n                </Collapse>\n              </Grid>\n            ))}\n          </FormGroup>\n        </FormControl>\n        <FormControl fullWidth>\n          <FormLabel component=\"legend\" className={classes.formLabel}>\n            Additional comments\n          </FormLabel>\n          <TextField\n            data-testid=\"feedback-response-dialog-comments-input\"\n            disabled={saving}\n            multiline\n            minRows={2}\n            onChange={e =>\n              setComments(prevComments => ({\n                responseComments: {\n                  ...prevComments.responseComments,\n                },\n                additionalComments: e.target.value,\n              }))\n            }\n            variant=\"outlined\"\n            value={comments.additionalComments || ''}\n          />\n        </FormControl>\n        <Typography className={classes.contactConsent}>\n          May we contact you about your feedback?\n          <Grid component=\"label\" container alignItems=\"center\" spacing={1}>\n            <Grid item>No</Grid>\n            <Grid item>\n              <Switch\n                checked={consent}\n                disabled={saving}\n                onChange={e => setConsent(e.target.checked)}\n              />\n            </Grid>\n            <Grid item>Yes</Grid>\n          </Grid>\n        </Typography>\n      </DialogContent>\n      <DialogActions className={classes.dialogActions}>\n        <Button\n          color=\"primary\"\n          data-testid=\"feedback-response-dialog-submit-button\"\n          disabled={saving}\n          onClick={saveResponse}\n        >\n          Submit\n        </Button>\n        <Button color=\"primary\" disabled={saving} onClick={onClose}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeedbackResponseDialog.esm.js","sources":["../../../src/components/FeedbackResponseDialog/FeedbackResponseDialog.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { Progress } from '@backstage/core-components';\nimport { ErrorApiError, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport Button from '@material-ui/core/Button';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Collapse from '@material-ui/core/Collapse';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport Grid from '@material-ui/core/Grid';\nimport Switch from '@material-ui/core/Switch';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport { ReactNode, useState } from 'react';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\n\nimport { entityFeedbackApiRef } from '../../api';\n\n/**\n * @public\n */\nexport interface EntityFeedbackResponse {\n  id: string;\n  label: string;\n}\nexport interface Comments {\n  responseComments: {\n    [key: string]: string;\n  };\n  additionalComments?: string;\n}\n\nconst defaultFeedbackResponses: EntityFeedbackResponse[] = [\n  { id: 'incorrect', label: 'Incorrect info' },\n  { id: 'missing', label: 'Missing info' },\n  { id: 'other', label: 'Other' },\n];\n\n/**\n * @public\n */\nexport interface FeedbackResponseDialogProps {\n  entity: Entity;\n  feedbackDialogResponses?: EntityFeedbackResponse[];\n  feedbackDialogTitle?: ReactNode;\n  open: boolean;\n  onClose: () => void;\n}\n\nconst useStyles = makeStyles<Theme>(\n  theme => ({\n    contactConsent: {\n      marginTop: theme.spacing(1.5),\n    },\n    commentBoxes: {\n      marginBottom: theme.spacing(1.5),\n    },\n    boxContainer: {\n      marginBottom: theme.spacing(1.5),\n      marginTop: theme.spacing(1.5),\n      marginLeft: theme.spacing(1),\n      paddingRight: theme.spacing(1),\n    },\n    formLabel: {\n      marginBottom: theme.spacing(1.5),\n    },\n    dialogActions: {\n      justifyContent: 'flex-start',\n    },\n  }),\n  { name: 'BackstageEntityFeedbackDialog' },\n);\n\nexport const FeedbackResponseDialog = (props: FeedbackResponseDialogProps) => {\n  const {\n    entity,\n    feedbackDialogResponses = defaultFeedbackResponses,\n    feedbackDialogTitle = 'Tell us what could be better',\n    open,\n    onClose,\n  } = props;\n  const classes = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const feedbackApi = useApi(entityFeedbackApiRef);\n  const [responseSelections, setResponseSelections] = useState(\n    Object.fromEntries(feedbackDialogResponses.map(r => [r.id, false])),\n  );\n  const [comments, setComments] = useState<Comments>({\n    responseComments: {},\n    additionalComments: '',\n  });\n  const [consent, setConsent] = useState(true);\n\n  const [{ loading: saving }, saveResponse] = useAsyncFn(async () => {\n    // filter out responses that were not selected\n    const filteredResponseComments = Object.entries(\n      comments.responseComments,\n    ).reduce((entry, [key, value]) => {\n      if (responseSelections[key]) {\n        entry[key] = value;\n      }\n      return entry;\n    }, {} as { [key: string]: string });\n\n    const filteredComments = {\n      ...comments,\n      responseComments: filteredResponseComments,\n    };\n    try {\n      await feedbackApi.recordResponse(stringifyEntityRef(entity), {\n        comments: JSON.stringify(filteredComments),\n        consent,\n        response: Object.keys(responseSelections)\n          .filter(id => responseSelections[id])\n          .join(','),\n      });\n      onClose();\n    } catch (e) {\n      errorApi.post(e as ErrorApiError);\n    }\n  }, [comments, consent, entity, feedbackApi, onClose, responseSelections]);\n\n  return (\n    <Dialog open={open} onClose={() => !saving && onClose()}>\n      {saving && <Progress />}\n      <DialogTitle>{feedbackDialogTitle}</DialogTitle>\n      <DialogContent>\n        <FormControl component=\"fieldset\" fullWidth>\n          <FormLabel component=\"legend\">Select all that apply</FormLabel>\n          <FormGroup className={classes.boxContainer}>\n            {feedbackDialogResponses.map((response: EntityFeedbackResponse) => (\n              <Grid container key={response.id} direction=\"column\" spacing={1}>\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      checked={responseSelections[response.id]}\n                      disabled={saving}\n                      name={response.id}\n                      onChange={e =>\n                        setResponseSelections({\n                          ...responseSelections,\n                          [e.target.name]: e.target.checked,\n                        })\n                      }\n                      color=\"primary\"\n                    />\n                  }\n                  label={response.label}\n                />\n                <Collapse in={responseSelections[response.id]}>\n                  <TextField\n                    data-testid={`feedback-response-dialog-collapse-comments-input-${\n                      responseSelections[response.id]\n                    }`}\n                    disabled={saving}\n                    className={classes.commentBoxes}\n                    multiline\n                    minRows={2}\n                    fullWidth\n                    variant=\"outlined\"\n                    value={comments.responseComments[response.id] || ''}\n                    onChange={e =>\n                      setComments(prevComments => ({\n                        responseComments: {\n                          ...prevComments.responseComments,\n                          [response.id]: e.target.value,\n                        },\n                        additionalComments: prevComments.additionalComments,\n                      }))\n                    }\n                  />\n                </Collapse>\n              </Grid>\n            ))}\n          </FormGroup>\n        </FormControl>\n        <FormControl fullWidth>\n          <FormLabel component=\"legend\" className={classes.formLabel}>\n            Additional comments\n          </FormLabel>\n          <TextField\n            data-testid=\"feedback-response-dialog-comments-input\"\n            disabled={saving}\n            multiline\n            minRows={2}\n            onChange={e =>\n              setComments(prevComments => ({\n                responseComments: {\n                  ...prevComments.responseComments,\n                },\n                additionalComments: e.target.value,\n              }))\n            }\n            variant=\"outlined\"\n            value={comments.additionalComments || ''}\n          />\n        </FormControl>\n        <Typography className={classes.contactConsent}>\n          May we contact you about your feedback?\n          <Grid component=\"label\" container alignItems=\"center\" spacing={1}>\n            <Grid item>No</Grid>\n            <Grid item>\n              <Switch\n                checked={consent}\n                disabled={saving}\n                onChange={e => setConsent(e.target.checked)}\n              />\n            </Grid>\n            <Grid item>Yes</Grid>\n          </Grid>\n        </Typography>\n      </DialogContent>\n      <DialogActions className={classes.dialogActions}>\n        <Button\n          color=\"primary\"\n          data-testid=\"feedback-response-dialog-submit-button\"\n          disabled={saving}\n          onClick={saveResponse}\n        >\n          Submit\n        </Button>\n        <Button color=\"primary\" disabled={saving} onClick={onClose}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FeedbackResponseTable/FeedbackResponseTable.esm.js

@@ -1,3 +1,4 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { ErrorPanel, Table } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { EntityRefLink } from '@backstage/plugin-catalog-react';
@@ -5,7 +6,6 @@ import Chip from '@material-ui/core/Chip';
 import { makeStyles } from '@material-ui/core/styles';
 import CheckIcon from '@material-ui/icons/Check';
 import Typography from '@material-ui/core/Typography';
-import React from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import '@backstage/errors';
 import { entityFeedbackApiRef } from '../../api/EntityFeedbackApi.esm.js';
@@ -41,19 +41,19 @@ const FeedbackResponseTable = (props) => {
       title: "User",
       field: "userRef",
       width: "15%",
-      render: (response) => /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: response.userRef, defaultKind: "user" })
+      render: (response) => /* @__PURE__ */ jsx(EntityRefLink, { entityRef: response.userRef, defaultKind: "user" })
     },
     {
       title: "OK to contact?",
       field: "consent",
       width: "10%",
-      render: (response) => response.consent ? /* @__PURE__ */ React.createElement(CheckIcon, { className: classes.consentCheck }) : ""
+      render: (response) => response.consent ? /* @__PURE__ */ jsx(CheckIcon, { className: classes.consentCheck }) : ""
     },
     {
       title: "Responses",
       field: "response",
       width: "35%",
-      render: (response) => /* @__PURE__ */ React.createElement(React.Fragment, null, (response.response || "").split(",").map((v) => v.trim()).filter(Boolean).map((res) => /* @__PURE__ */ React.createElement(Chip, { key: res, size: "small", label: res })))
+      render: (response) => /* @__PURE__ */ jsx(Fragment, { children: (response.response || "").split(",").map((v) => v.trim()).filter(Boolean).map((res) => /* @__PURE__ */ jsx(Chip, { size: "small", label: res }, res)) })
     },
     {
       title: "Comments",
@@ -66,14 +66,28 @@ const FeedbackResponseTable = (props) => {
         } catch (e) {
           parsedComment = response.comments;
         }
-        return /* @__PURE__ */ React.createElement("div", null, typeof parsedComment === "object" ? /* @__PURE__ */ React.createElement("ul", { className: classes.list }, Object.entries(parsedComment.responseComments)?.map(
-          ([key, value]) => /* @__PURE__ */ React.createElement("li", { key, className: classes.listItem }, /* @__PURE__ */ React.createElement("strong", null, key, ":"), " ", value)
-        ), parsedComment.additionalComments && /* @__PURE__ */ React.createElement("li", { className: classes.listItem }, /* @__PURE__ */ React.createElement("strong", null, "additional:"), " ", parsedComment.additionalComments)) : /* @__PURE__ */ React.createElement(Typography, null, parsedComment));
+        return /* @__PURE__ */ jsx("div", { children: typeof parsedComment === "object" ? /* @__PURE__ */ jsxs("ul", { className: classes.list, children: [
+          Object.entries(parsedComment.responseComments)?.map(
+            ([key, value]) => /* @__PURE__ */ jsxs("li", { className: classes.listItem, children: [
+              /* @__PURE__ */ jsxs("strong", { children: [
+                key,
+                ":"
+              ] }),
+              " ",
+              value
+            ] }, key)
+          ),
+          parsedComment.additionalComments && /* @__PURE__ */ jsxs("li", { className: classes.listItem, children: [
+            /* @__PURE__ */ jsx("strong", { children: "additional:" }),
+            " ",
+            parsedComment.additionalComments
+          ] })
+        ] }) : /* @__PURE__ */ jsx(Typography, { children: parsedComment }) });
       }
     }
   ];
   if (error) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ErrorPanel,
       {
         defaultExpanded: true,
@@ -82,7 +96,7 @@ const FeedbackResponseTable = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Table,
     {
       columns,

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackResponseTable.esm.js","sources":["../../../src/components/FeedbackResponseTable/FeedbackResponseTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { ErrorPanel, Table } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { FeedbackResponse } from '@backstage-community/plugin-entity-feedback-common';\nimport Chip from '@material-ui/core/Chip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CheckIcon from '@material-ui/icons/Check';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { entityFeedbackApiRef } from '../../api';\nimport { Comments } from '../FeedbackResponseDialog';\n\ntype ResponseRow = Omit<FeedbackResponse, 'entityRef'>;\n\nconst useStyles = makeStyles(theme => ({\n  consentCheck: {\n    color: theme.palette.status.ok,\n  },\n  listItem: {\n    padding: '0',\n    marginTop: theme.spacing(1),\n  },\n  list: {\n    paddingLeft: '0',\n  },\n}));\n\n/**\n * @public\n */\nexport interface FeedbackResponseTableProps {\n  entityRef: string;\n  title?: string;\n}\n\nexport const FeedbackResponseTable = (props: FeedbackResponseTableProps) => {\n  const { entityRef, title = 'Entity Responses' } = props;\n  const classes = useStyles();\n  const feedbackApi = useApi(entityFeedbackApiRef);\n\n  const {\n    error,\n    loading,\n    value: responses,\n  } = useAsync(async () => {\n    if (!entityRef) {\n      return [];\n    }\n\n    return feedbackApi.getResponses(entityRef);\n  }, [entityRef, feedbackApi]);\n\n  const columns = [\n    {\n      title: 'User',\n      field: 'userRef',\n      width: '15%',\n      render: (response: ResponseRow) => (\n        <EntityRefLink entityRef={response.userRef} defaultKind=\"user\" />\n      ),\n    },\n    {\n      title: 'OK to contact?',\n      field: 'consent',\n      width: '10%',\n      render: (response: ResponseRow) =>\n        response.consent ? <CheckIcon className={classes.consentCheck} /> : '',\n    },\n    {\n      title: 'Responses',\n      field: 'response',\n      width: '35%',\n      render: (response: ResponseRow) => (\n        <>\n          {(response.response || '')\n            .split(',')\n            .map((v: string) => v.trim()) // removes whitespace\n            .filter(Boolean) // removes accidental empty entries\n            .map((res: string) => (\n              <Chip key={res} size=\"small\" label={res} />\n            ))}\n        </>\n      ),\n    },\n    {\n      title: 'Comments',\n      field: 'comments',\n      width: '40%',\n      render: (response: ResponseRow) => {\n        // Check if comment is a stringified object\n        let parsedComment;\n        try {\n          parsedComment =\n            response?.comments && (JSON.parse(response.comments) as Comments);\n        } catch (e) {\n          // If parsing fails, assume it's a regular string\n          parsedComment = response.comments;\n        }\n        return (\n          <div>\n            {typeof parsedComment === 'object' ? (\n              <ul className={classes.list}>\n                {Object.entries<string>(parsedComment.responseComments)?.map(\n                  ([key, value]) => (\n                    <li key={key} className={classes.listItem}>\n                      <strong>{key}:</strong> {value}\n                    </li>\n                  ),\n                )}\n                {parsedComment.additionalComments && (\n                  <li className={classes.listItem}>\n                    <strong>additional:</strong>{' '}\n                    {parsedComment.additionalComments}\n                  </li>\n                )}\n              </ul>\n            ) : (\n              <Typography>{parsedComment}</Typography>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n\n  if (error) {\n    return (\n      <ErrorPanel\n        defaultExpanded\n        title=\"Failed to load feedback responses\"\n        error={error}\n      />\n    );\n  }\n\n  return (\n    <Table<ResponseRow>\n      columns={columns}\n      data={(responses ?? []) as ResponseRow[]}\n      isLoading={loading}\n      options={{\n        emptyRowsWhenPaging: false,\n        loadingType: 'linear',\n        pageSize: 20,\n        pageSizeOptions: [20, 50, 100],\n        paging: true,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeedbackResponseTable.esm.js","sources":["../../../src/components/FeedbackResponseTable/FeedbackResponseTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { ErrorPanel, Table } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { FeedbackResponse } from '@backstage-community/plugin-entity-feedback-common';\nimport Chip from '@material-ui/core/Chip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CheckIcon from '@material-ui/icons/Check';\nimport Typography from '@material-ui/core/Typography';\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { entityFeedbackApiRef } from '../../api';\nimport { Comments } from '../FeedbackResponseDialog';\n\ntype ResponseRow = Omit<FeedbackResponse, 'entityRef'>;\n\nconst useStyles = makeStyles(theme => ({\n  consentCheck: {\n    color: theme.palette.status.ok,\n  },\n  listItem: {\n    padding: '0',\n    marginTop: theme.spacing(1),\n  },\n  list: {\n    paddingLeft: '0',\n  },\n}));\n\n/**\n * @public\n */\nexport interface FeedbackResponseTableProps {\n  entityRef: string;\n  title?: string;\n}\n\nexport const FeedbackResponseTable = (props: FeedbackResponseTableProps) => {\n  const { entityRef, title = 'Entity Responses' } = props;\n  const classes = useStyles();\n  const feedbackApi = useApi(entityFeedbackApiRef);\n\n  const {\n    error,\n    loading,\n    value: responses,\n  } = useAsync(async () => {\n    if (!entityRef) {\n      return [];\n    }\n\n    return feedbackApi.getResponses(entityRef);\n  }, [entityRef, feedbackApi]);\n\n  const columns = [\n    {\n      title: 'User',\n      field: 'userRef',\n      width: '15%',\n      render: (response: ResponseRow) => (\n        <EntityRefLink entityRef={response.userRef} defaultKind=\"user\" />\n      ),\n    },\n    {\n      title: 'OK to contact?',\n      field: 'consent',\n      width: '10%',\n      render: (response: ResponseRow) =>\n        response.consent ? <CheckIcon className={classes.consentCheck} /> : '',\n    },\n    {\n      title: 'Responses',\n      field: 'response',\n      width: '35%',\n      render: (response: ResponseRow) => (\n        <>\n          {(response.response || '')\n            .split(',')\n            .map((v: string) => v.trim()) // removes whitespace\n            .filter(Boolean) // removes accidental empty entries\n            .map((res: string) => (\n              <Chip key={res} size=\"small\" label={res} />\n            ))}\n        </>\n      ),\n    },\n    {\n      title: 'Comments',\n      field: 'comments',\n      width: '40%',\n      render: (response: ResponseRow) => {\n        // Check if comment is a stringified object\n        let parsedComment;\n        try {\n          parsedComment =\n            response?.comments && (JSON.parse(response.comments) as Comments);\n        } catch (e) {\n          // If parsing fails, assume it's a regular string\n          parsedComment = response.comments;\n        }\n        return (\n          <div>\n            {typeof parsedComment === 'object' ? (\n              <ul className={classes.list}>\n                {Object.entries<string>(parsedComment.responseComments)?.map(\n                  ([key, value]) => (\n                    <li key={key} className={classes.listItem}>\n                      <strong>{key}:</strong> {value}\n                    </li>\n                  ),\n                )}\n                {parsedComment.additionalComments && (\n                  <li className={classes.listItem}>\n                    <strong>additional:</strong>{' '}\n                    {parsedComment.additionalComments}\n                  </li>\n                )}\n              </ul>\n            ) : (\n              <Typography>{parsedComment}</Typography>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n\n  if (error) {\n    return (\n      <ErrorPanel\n        defaultExpanded\n        title=\"Failed to load feedback responses\"\n        error={error}\n      />\n    );\n  }\n\n  return (\n    <Table<ResponseRow>\n      columns={columns}\n      data={(responses ?? []) as ResponseRow[]}\n      isLoading={loading}\n      options={{\n        emptyRowsWhenPaging: false,\n        loadingType: 'linear',\n        pageSize: 20,\n        pageSizeOptions: [20, 50, 100],\n        paging: true,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LikeDislikeButtons/LikeDislikeButtons.esm.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { Progress } from '@backstage/core-components';
 import { useApi, errorApiRef, identityApiRef } from '@backstage/core-plugin-api';
@@ -8,7 +9,7 @@ import ThumbDownIcon from '@material-ui/icons/ThumbDown';
 import ThumbUpIcon from '@material-ui/icons/ThumbUp';
 import ThumbDownOutlinedIcon from '@material-ui/icons/ThumbDownOutlined';
 import ThumbUpOutlinedIcon from '@material-ui/icons/ThumbUpOutlined';
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import useAsyncFn from 'react-use/esm/useAsyncFn';
 import '@backstage/errors';
@@ -76,32 +77,36 @@ const LikeDislikeButtons = (props) => {
     [rating, requestResponse, saveFeedback, setOpenFeedbackDialog]
   );
   if (loadingEntity || loadingFeedback || savingFeedback) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "data-testid": "entity-feedback-like-button",
-      onClick: () => applyRating("LIKE" /* like */)
-    },
-    rating === "LIKE" /* like */ ? /* @__PURE__ */ React.createElement(Tooltip, { title: "Liked" }, /* @__PURE__ */ React.createElement(ThumbUpIcon, { fontSize: "small" })) : /* @__PURE__ */ React.createElement(Tooltip, { title: "Like" }, /* @__PURE__ */ React.createElement(ThumbUpOutlinedIcon, { fontSize: "small" }))
-  ), /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "data-testid": "entity-feedback-dislike-button",
-      onClick: () => applyRating("DISLIKE" /* dislike */)
-    },
-    rating === "DISLIKE" /* dislike */ ? /* @__PURE__ */ React.createElement(Tooltip, { title: "Disliked" }, /* @__PURE__ */ React.createElement(ThumbDownIcon, { fontSize: "small" })) : /* @__PURE__ */ React.createElement(Tooltip, { title: "Dislike" }, /* @__PURE__ */ React.createElement(ThumbDownOutlinedIcon, { fontSize: "small" }))
-  ), /* @__PURE__ */ React.createElement(
-    FeedbackResponseDialog,
-    {
-      entity,
-      open: openFeedbackDialog,
-      onClose: () => setOpenFeedbackDialog(false),
-      feedbackDialogResponses,
-      feedbackDialogTitle
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "data-testid": "entity-feedback-like-button",
+        onClick: () => applyRating("LIKE" /* like */),
+        children: rating === "LIKE" /* like */ ? /* @__PURE__ */ jsx(Tooltip, { title: "Liked", children: /* @__PURE__ */ jsx(ThumbUpIcon, { fontSize: "small" }) }) : /* @__PURE__ */ jsx(Tooltip, { title: "Like", children: /* @__PURE__ */ jsx(ThumbUpOutlinedIcon, { fontSize: "small" }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "data-testid": "entity-feedback-dislike-button",
+        onClick: () => applyRating("DISLIKE" /* dislike */),
+        children: rating === "DISLIKE" /* dislike */ ? /* @__PURE__ */ jsx(Tooltip, { title: "Disliked", children: /* @__PURE__ */ jsx(ThumbDownIcon, { fontSize: "small" }) }) : /* @__PURE__ */ jsx(Tooltip, { title: "Dislike", children: /* @__PURE__ */ jsx(ThumbDownOutlinedIcon, { fontSize: "small" }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FeedbackResponseDialog,
+      {
+        entity,
+        open: openFeedbackDialog,
+        onClose: () => setOpenFeedbackDialog(false),
+        feedbackDialogResponses,
+        feedbackDialogTitle
+      }
+    )
+  ] });
 };
 
 export { FeedbackRatings, LikeDislikeButtons };

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

@@ -1 +1 @@
-{"version":3,"file":"LikeDislikeButtons.esm.js","sources":["../../../src/components/LikeDislikeButtons/LikeDislikeButtons.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { stringifyEntityRef } from '@backstage/catalog-model';\nimport { Progress } from '@backstage/core-components';\nimport {\n  ErrorApiError,\n  errorApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useAsyncEntity } from '@backstage/plugin-catalog-react';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport ThumbDownIcon from '@material-ui/icons/ThumbDown';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport ThumbDownOutlinedIcon from '@material-ui/icons/ThumbDownOutlined';\nimport ThumbUpOutlinedIcon from '@material-ui/icons/ThumbUpOutlined';\nimport React, { ReactNode, useCallback, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\n\nimport { entityFeedbackApiRef } from '../../api';\nimport {\n  EntityFeedbackResponse,\n  FeedbackResponseDialog,\n} from '../FeedbackResponseDialog';\n\nexport enum FeedbackRatings {\n  like = 'LIKE',\n  dislike = 'DISLIKE',\n  neutral = 'NEUTRAL',\n}\n\n/**\n * @public\n */\nexport interface LikeDislikeButtonsProps {\n  feedbackDialogResponses?: EntityFeedbackResponse[];\n  feedbackDialogTitle?: ReactNode;\n  requestResponse?: boolean;\n}\n\nexport const LikeDislikeButtons = (props: LikeDislikeButtonsProps) => {\n  const {\n    feedbackDialogResponses,\n    feedbackDialogTitle,\n    requestResponse = true,\n  } = props;\n  const errorApi = useApi(errorApiRef);\n  const feedbackApi = useApi(entityFeedbackApiRef);\n  const identityApi = useApi(identityApiRef);\n  const [rating, setRating] = useState<FeedbackRatings>(\n    FeedbackRatings.neutral,\n  );\n  const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false);\n  const { entity, loading: loadingEntity } = useAsyncEntity();\n\n  const { loading: loadingFeedback } = useAsync(async () => {\n    // Wait until entity is loaded\n    if (!entity) {\n      return;\n    }\n\n    try {\n      const identity = await identityApi.getBackstageIdentity();\n      const prevFeedback = await feedbackApi.getRatings(\n        stringifyEntityRef(entity),\n      );\n      setRating(\n        (prevFeedback.find(r => r.userRef === identity.userEntityRef)?.rating ??\n          rating) as FeedbackRatings,\n      );\n    } catch (e) {\n      errorApi.post(e as ErrorApiError);\n    }\n  }, [entity, feedbackApi, setRating]);\n\n  const [{ loading: savingFeedback }, saveFeedback] = useAsyncFn(\n    async (feedback: FeedbackRatings) => {\n      try {\n        await feedbackApi.recordRating(stringifyEntityRef(entity!), feedback);\n        setRating(feedback);\n      } catch (e) {\n        errorApi.post(e as ErrorApiError);\n      }\n    },\n    [entity, feedbackApi, setRating],\n  );\n\n  const applyRating = useCallback(\n    (feedback: FeedbackRatings) => {\n      // Clear rating if feedback is same as current\n      if (feedback === rating) {\n        saveFeedback(FeedbackRatings.neutral);\n        return;\n      }\n\n      saveFeedback(feedback);\n      if (feedback === FeedbackRatings.dislike && requestResponse) {\n        setOpenFeedbackDialog(true);\n      }\n    },\n    [rating, requestResponse, saveFeedback, setOpenFeedbackDialog],\n  );\n\n  if (loadingEntity || loadingFeedback || savingFeedback) {\n    return <Progress />;\n  }\n\n  return (\n    <>\n      <IconButton\n        data-testid=\"entity-feedback-like-button\"\n        onClick={() => applyRating(FeedbackRatings.like)}\n      >\n        {rating === FeedbackRatings.like ? (\n          <Tooltip title=\"Liked\">\n            <ThumbUpIcon fontSize=\"small\" />\n          </Tooltip>\n        ) : (\n          <Tooltip title=\"Like\">\n            <ThumbUpOutlinedIcon fontSize=\"small\" />\n          </Tooltip>\n        )}\n      </IconButton>\n      <IconButton\n        data-testid=\"entity-feedback-dislike-button\"\n        onClick={() => applyRating(FeedbackRatings.dislike)}\n      >\n        {rating === FeedbackRatings.dislike ? (\n          <Tooltip title=\"Disliked\">\n            <ThumbDownIcon fontSize=\"small\" />\n          </Tooltip>\n        ) : (\n          <Tooltip title=\"Dislike\">\n            <ThumbDownOutlinedIcon fontSize=\"small\" />\n          </Tooltip>\n        )}\n      </IconButton>\n      <FeedbackResponseDialog\n        entity={entity!}\n        open={openFeedbackDialog}\n        onClose={() => setOpenFeedbackDialog(false)}\n        feedbackDialogResponses={feedbackDialogResponses}\n        feedbackDialogTitle={feedbackDialogTitle}\n      />\n    </>\n  );\n};\n"],"names":["FeedbackRatings"],"mappings":"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"}
+{"version":3,"file":"LikeDislikeButtons.esm.js","sources":["../../../src/components/LikeDislikeButtons/LikeDislikeButtons.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { stringifyEntityRef } from '@backstage/catalog-model';\nimport { Progress } from '@backstage/core-components';\nimport {\n  ErrorApiError,\n  errorApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useAsyncEntity } from '@backstage/plugin-catalog-react';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport ThumbDownIcon from '@material-ui/icons/ThumbDown';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport ThumbDownOutlinedIcon from '@material-ui/icons/ThumbDownOutlined';\nimport ThumbUpOutlinedIcon from '@material-ui/icons/ThumbUpOutlined';\nimport { ReactNode, useCallback, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\n\nimport { entityFeedbackApiRef } from '../../api';\nimport {\n  EntityFeedbackResponse,\n  FeedbackResponseDialog,\n} from '../FeedbackResponseDialog';\n\nexport enum FeedbackRatings {\n  like = 'LIKE',\n  dislike = 'DISLIKE',\n  neutral = 'NEUTRAL',\n}\n\n/**\n * @public\n */\nexport interface LikeDislikeButtonsProps {\n  feedbackDialogResponses?: EntityFeedbackResponse[];\n  feedbackDialogTitle?: ReactNode;\n  requestResponse?: boolean;\n}\n\nexport const LikeDislikeButtons = (props: LikeDislikeButtonsProps) => {\n  const {\n    feedbackDialogResponses,\n    feedbackDialogTitle,\n    requestResponse = true,\n  } = props;\n  const errorApi = useApi(errorApiRef);\n  const feedbackApi = useApi(entityFeedbackApiRef);\n  const identityApi = useApi(identityApiRef);\n  const [rating, setRating] = useState<FeedbackRatings>(\n    FeedbackRatings.neutral,\n  );\n  const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false);\n  const { entity, loading: loadingEntity } = useAsyncEntity();\n\n  const { loading: loadingFeedback } = useAsync(async () => {\n    // Wait until entity is loaded\n    if (!entity) {\n      return;\n    }\n\n    try {\n      const identity = await identityApi.getBackstageIdentity();\n      const prevFeedback = await feedbackApi.getRatings(\n        stringifyEntityRef(entity),\n      );\n      setRating(\n        (prevFeedback.find(r => r.userRef === identity.userEntityRef)?.rating ??\n          rating) as FeedbackRatings,\n      );\n    } catch (e) {\n      errorApi.post(e as ErrorApiError);\n    }\n  }, [entity, feedbackApi, setRating]);\n\n  const [{ loading: savingFeedback }, saveFeedback] = useAsyncFn(\n    async (feedback: FeedbackRatings) => {\n      try {\n        await feedbackApi.recordRating(stringifyEntityRef(entity!), feedback);\n        setRating(feedback);\n      } catch (e) {\n        errorApi.post(e as ErrorApiError);\n      }\n    },\n    [entity, feedbackApi, setRating],\n  );\n\n  const applyRating = useCallback(\n    (feedback: FeedbackRatings) => {\n      // Clear rating if feedback is same as current\n      if (feedback === rating) {\n        saveFeedback(FeedbackRatings.neutral);\n        return;\n      }\n\n      saveFeedback(feedback);\n      if (feedback === FeedbackRatings.dislike && requestResponse) {\n        setOpenFeedbackDialog(true);\n      }\n    },\n    [rating, requestResponse, saveFeedback, setOpenFeedbackDialog],\n  );\n\n  if (loadingEntity || loadingFeedback || savingFeedback) {\n    return <Progress />;\n  }\n\n  return (\n    <>\n      <IconButton\n        data-testid=\"entity-feedback-like-button\"\n        onClick={() => applyRating(FeedbackRatings.like)}\n      >\n        {rating === FeedbackRatings.like ? (\n          <Tooltip title=\"Liked\">\n            <ThumbUpIcon fontSize=\"small\" />\n          </Tooltip>\n        ) : (\n          <Tooltip title=\"Like\">\n            <ThumbUpOutlinedIcon fontSize=\"small\" />\n          </Tooltip>\n        )}\n      </IconButton>\n      <IconButton\n        data-testid=\"entity-feedback-dislike-button\"\n        onClick={() => applyRating(FeedbackRatings.dislike)}\n      >\n        {rating === FeedbackRatings.dislike ? (\n          <Tooltip title=\"Disliked\">\n            <ThumbDownIcon fontSize=\"small\" />\n          </Tooltip>\n        ) : (\n          <Tooltip title=\"Dislike\">\n            <ThumbDownOutlinedIcon fontSize=\"small\" />\n          </Tooltip>\n        )}\n      </IconButton>\n      <FeedbackResponseDialog\n        entity={entity!}\n        open={openFeedbackDialog}\n        onClose={() => setOpenFeedbackDialog(false)}\n        feedbackDialogResponses={feedbackDialogResponses}\n        feedbackDialogTitle={feedbackDialogTitle}\n      />\n    </>\n  );\n};\n"],"names":["FeedbackRatings"],"mappings":"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"}

package/dist/components/LikeDislikeRatingsTable/LikeDislikeRatingsTable.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { FeedbackRatingsTable } from '../FeedbackRatingsTable/FeedbackRatingsTable.esm.js';
 import { FeedbackRatings } from '../LikeDislikeButtons/LikeDislikeButtons.esm.js';
 
 const LikeDislikeRatingsTable = (props) => {
   const { allEntities, ownerRef, title } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     FeedbackRatingsTable,
     {
       allEntities,

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

@@ -1 +1 @@
-{"version":3,"file":"LikeDislikeRatingsTable.esm.js","sources":["../../../src/components/LikeDislikeRatingsTable/LikeDislikeRatingsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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';\n\nimport { FeedbackRatingsTable } from '../FeedbackRatingsTable';\nimport { FeedbackRatings } from '../LikeDislikeButtons';\n\n/**\n * @public\n */\nexport interface LikeDislikeRatingsTableProps {\n  allEntities?: boolean;\n  ownerRef?: string;\n  title?: string;\n}\n\nexport const LikeDislikeRatingsTable = (\n  props: LikeDislikeRatingsTableProps,\n) => {\n  const { allEntities, ownerRef, title } = props;\n\n  return (\n    <FeedbackRatingsTable\n      allEntities={allEntities}\n      ownerRef={ownerRef}\n      ratingValues={Object.values(FeedbackRatings).filter(\n        r => r !== FeedbackRatings.neutral,\n      )}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AA8Ba,MAAA,uBAAA,GAA0B,CACrC,KACG,KAAA;AACH,EAAA,MAAM,EAAE,WAAA,EAAa,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAEzC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAc,EAAA,MAAA,CAAO,MAAO,CAAA,eAAe,CAAE,CAAA,MAAA;AAAA,QAC3C,CAAA,CAAA,KAAK,MAAM,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"LikeDislikeRatingsTable.esm.js","sources":["../../../src/components/LikeDislikeRatingsTable/LikeDislikeRatingsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { FeedbackRatingsTable } from '../FeedbackRatingsTable';\nimport { FeedbackRatings } from '../LikeDislikeButtons';\n\n/**\n * @public\n */\nexport interface LikeDislikeRatingsTableProps {\n  allEntities?: boolean;\n  ownerRef?: string;\n  title?: string;\n}\n\nexport const LikeDislikeRatingsTable = (\n  props: LikeDislikeRatingsTableProps,\n) => {\n  const { allEntities, ownerRef, title } = props;\n\n  return (\n    <FeedbackRatingsTable\n      allEntities={allEntities}\n      ownerRef={ownerRef}\n      ratingValues={Object.values(FeedbackRatings).filter(\n        r => r !== FeedbackRatings.neutral,\n      )}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AA4Ba,MAAA,uBAAA,GAA0B,CACrC,KACG,KAAA;AACH,EAAA,MAAM,EAAE,WAAA,EAAa,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAEzC,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAc,EAAA,MAAA,CAAO,MAAO,CAAA,eAAe,CAAE,CAAA,MAAA;AAAA,QAC3C,CAAA,CAAA,KAAK,MAAM,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/StarredRatingButtons/StarredRatingButtons.esm.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { Progress } from '@backstage/core-components';
 import { useApi, errorApiRef, identityApiRef } from '@backstage/core-plugin-api';
@@ -5,7 +6,7 @@ import { useAsyncEntity } from '@backstage/plugin-catalog-react';
 import IconButton from '@material-ui/core/IconButton';
 import StarOutlineIcon from '@material-ui/icons/StarOutline';
 import StarIcon from '@material-ui/icons/Star';
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import useAsyncFn from 'react-use/esm/useAsyncFn';
 import '@backstage/errors';
@@ -85,26 +86,29 @@ const StarredRatingButtons = (props) => {
     ]
   );
   if (loadingEntity || loadingFeedback || savingFeedback) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, Object.values(FeedbackRatings).filter((o) => typeof o === "number").map((starRating) => /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      key: starRating,
-      "data-testid": `entity-feedback-star-button-${starRating}`,
-      onClick: () => applyRating(starRating)
-    },
-    rating && rating >= starRating ? /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" }) : /* @__PURE__ */ React.createElement(StarOutlineIcon, { fontSize: "small" })
-  )), /* @__PURE__ */ React.createElement(
-    FeedbackResponseDialog,
-    {
-      entity,
-      open: openFeedbackDialog,
-      onClose: () => setOpenFeedbackDialog(false),
-      feedbackDialogResponses,
-      feedbackDialogTitle
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    Object.values(FeedbackRatings).filter((o) => typeof o === "number").map((starRating) => /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "data-testid": `entity-feedback-star-button-${starRating}`,
+        onClick: () => applyRating(starRating),
+        children: rating && rating >= starRating ? /* @__PURE__ */ jsx(StarIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(StarOutlineIcon, { fontSize: "small" })
+      },
+      starRating
+    )),
+    /* @__PURE__ */ jsx(
+      FeedbackResponseDialog,
+      {
+        entity,
+        open: openFeedbackDialog,
+        onClose: () => setOpenFeedbackDialog(false),
+        feedbackDialogResponses,
+        feedbackDialogTitle
+      }
+    )
+  ] });
 };
 
 export { FeedbackRatings, StarredRatingButtons };

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

@@ -1 +1 @@
-{"version":3,"file":"StarredRatingButtons.esm.js","sources":["../../../src/components/StarredRatingButtons/StarredRatingButtons.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { stringifyEntityRef } from '@backstage/catalog-model';\nimport { Progress } from '@backstage/core-components';\nimport {\n  ErrorApiError,\n  errorApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useAsyncEntity } from '@backstage/plugin-catalog-react';\nimport IconButton from '@material-ui/core/IconButton';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport StarIcon from '@material-ui/icons/Star';\nimport React, { ReactNode, useCallback, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\n\nimport { entityFeedbackApiRef } from '../../api';\nimport {\n  EntityFeedbackResponse,\n  FeedbackResponseDialog,\n} from '../FeedbackResponseDialog';\n\nexport enum FeedbackRatings {\n  one = 1,\n  two = 2,\n  three = 3,\n  four = 4,\n  five = 5,\n}\n\n/**\n * @public\n */\nexport interface StarredRatingButtonsProps {\n  feedbackDialogResponses?: EntityFeedbackResponse[];\n  feedbackDialogTitle?: ReactNode;\n  requestResponse?: boolean;\n  requestResponseThreshold?: number;\n}\n\nexport const StarredRatingButtons = (props: StarredRatingButtonsProps) => {\n  const {\n    feedbackDialogResponses,\n    feedbackDialogTitle,\n    requestResponse = true,\n    requestResponseThreshold = FeedbackRatings.two,\n  } = props;\n  const errorApi = useApi(errorApiRef);\n  const feedbackApi = useApi(entityFeedbackApiRef);\n  const identityApi = useApi(identityApiRef);\n  const [rating, setRating] = useState<FeedbackRatings>();\n  const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false);\n  const { entity, loading: loadingEntity } = useAsyncEntity();\n\n  const { loading: loadingFeedback } = useAsync(async () => {\n    // Wait until entity is loaded\n    if (!entity) {\n      return;\n    }\n\n    try {\n      const identity = await identityApi.getBackstageIdentity();\n      const prevFeedback = await feedbackApi.getRatings(\n        stringifyEntityRef(entity),\n      );\n\n      const prevRating = prevFeedback.find(\n        r => r.userRef === identity.userEntityRef,\n      )?.rating;\n      if (prevRating) {\n        setRating(parseInt(prevRating, 10));\n      }\n    } catch (e) {\n      errorApi.post(e as ErrorApiError);\n    }\n  }, [entity, feedbackApi, setRating]);\n\n  const [{ loading: savingFeedback }, saveFeedback] = useAsyncFn(\n    async (feedback: FeedbackRatings) => {\n      try {\n        await feedbackApi.recordRating(\n          stringifyEntityRef(entity!),\n          feedback.toString(),\n        );\n        setRating(feedback);\n      } catch (e) {\n        errorApi.post(e as ErrorApiError);\n      }\n    },\n    [entity, feedbackApi, setRating],\n  );\n\n  const applyRating = useCallback(\n    (feedback: FeedbackRatings) => {\n      // Ignore rating if feedback is same as current\n      if (feedback === rating) {\n        return;\n      }\n\n      saveFeedback(feedback);\n      if (feedback <= requestResponseThreshold && requestResponse) {\n        setOpenFeedbackDialog(true);\n      }\n    },\n    [\n      rating,\n      requestResponse,\n      requestResponseThreshold,\n      saveFeedback,\n      setOpenFeedbackDialog,\n    ],\n  );\n\n  if (loadingEntity || loadingFeedback || savingFeedback) {\n    return <Progress />;\n  }\n\n  return (\n    <>\n      {Object.values(FeedbackRatings)\n        .filter((o): o is number => typeof o === 'number')\n        .map(starRating => (\n          <IconButton\n            key={starRating}\n            data-testid={`entity-feedback-star-button-${starRating}`}\n            onClick={() => applyRating(starRating as FeedbackRatings)}\n          >\n            {rating && rating >= starRating ? (\n              <StarIcon fontSize=\"small\" />\n            ) : (\n              <StarOutlineIcon fontSize=\"small\" />\n            )}\n          </IconButton>\n        ))}\n      <FeedbackResponseDialog\n        entity={entity!}\n        open={openFeedbackDialog}\n        onClose={() => setOpenFeedbackDialog(false)}\n        feedbackDialogResponses={feedbackDialogResponses}\n        feedbackDialogTitle={feedbackDialogTitle}\n      />\n    </>\n  );\n};\n"],"names":["FeedbackRatings"],"mappings":"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"}
+{"version":3,"file":"StarredRatingButtons.esm.js","sources":["../../../src/components/StarredRatingButtons/StarredRatingButtons.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { stringifyEntityRef } from '@backstage/catalog-model';\nimport { Progress } from '@backstage/core-components';\nimport {\n  ErrorApiError,\n  errorApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useAsyncEntity } from '@backstage/plugin-catalog-react';\nimport IconButton from '@material-ui/core/IconButton';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport StarIcon from '@material-ui/icons/Star';\nimport { ReactNode, useCallback, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\n\nimport { entityFeedbackApiRef } from '../../api';\nimport {\n  EntityFeedbackResponse,\n  FeedbackResponseDialog,\n} from '../FeedbackResponseDialog';\n\nexport enum FeedbackRatings {\n  one = 1,\n  two = 2,\n  three = 3,\n  four = 4,\n  five = 5,\n}\n\n/**\n * @public\n */\nexport interface StarredRatingButtonsProps {\n  feedbackDialogResponses?: EntityFeedbackResponse[];\n  feedbackDialogTitle?: ReactNode;\n  requestResponse?: boolean;\n  requestResponseThreshold?: number;\n}\n\nexport const StarredRatingButtons = (props: StarredRatingButtonsProps) => {\n  const {\n    feedbackDialogResponses,\n    feedbackDialogTitle,\n    requestResponse = true,\n    requestResponseThreshold = FeedbackRatings.two,\n  } = props;\n  const errorApi = useApi(errorApiRef);\n  const feedbackApi = useApi(entityFeedbackApiRef);\n  const identityApi = useApi(identityApiRef);\n  const [rating, setRating] = useState<FeedbackRatings>();\n  const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false);\n  const { entity, loading: loadingEntity } = useAsyncEntity();\n\n  const { loading: loadingFeedback } = useAsync(async () => {\n    // Wait until entity is loaded\n    if (!entity) {\n      return;\n    }\n\n    try {\n      const identity = await identityApi.getBackstageIdentity();\n      const prevFeedback = await feedbackApi.getRatings(\n        stringifyEntityRef(entity),\n      );\n\n      const prevRating = prevFeedback.find(\n        r => r.userRef === identity.userEntityRef,\n      )?.rating;\n      if (prevRating) {\n        setRating(parseInt(prevRating, 10));\n      }\n    } catch (e) {\n      errorApi.post(e as ErrorApiError);\n    }\n  }, [entity, feedbackApi, setRating]);\n\n  const [{ loading: savingFeedback }, saveFeedback] = useAsyncFn(\n    async (feedback: FeedbackRatings) => {\n      try {\n        await feedbackApi.recordRating(\n          stringifyEntityRef(entity!),\n          feedback.toString(),\n        );\n        setRating(feedback);\n      } catch (e) {\n        errorApi.post(e as ErrorApiError);\n      }\n    },\n    [entity, feedbackApi, setRating],\n  );\n\n  const applyRating = useCallback(\n    (feedback: FeedbackRatings) => {\n      // Ignore rating if feedback is same as current\n      if (feedback === rating) {\n        return;\n      }\n\n      saveFeedback(feedback);\n      if (feedback <= requestResponseThreshold && requestResponse) {\n        setOpenFeedbackDialog(true);\n      }\n    },\n    [\n      rating,\n      requestResponse,\n      requestResponseThreshold,\n      saveFeedback,\n      setOpenFeedbackDialog,\n    ],\n  );\n\n  if (loadingEntity || loadingFeedback || savingFeedback) {\n    return <Progress />;\n  }\n\n  return (\n    <>\n      {Object.values(FeedbackRatings)\n        .filter((o): o is number => typeof o === 'number')\n        .map(starRating => (\n          <IconButton\n            key={starRating}\n            data-testid={`entity-feedback-star-button-${starRating}`}\n            onClick={() => applyRating(starRating as FeedbackRatings)}\n          >\n            {rating && rating >= starRating ? (\n              <StarIcon fontSize=\"small\" />\n            ) : (\n              <StarOutlineIcon fontSize=\"small\" />\n            )}\n          </IconButton>\n        ))}\n      <FeedbackResponseDialog\n        entity={entity!}\n        open={openFeedbackDialog}\n        onClose={() => setOpenFeedbackDialog(false)}\n        feedbackDialogResponses={feedbackDialogResponses}\n        feedbackDialogTitle={feedbackDialogTitle}\n      />\n    </>\n  );\n};\n"],"names":["FeedbackRatings"],"mappings":"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"}

package/dist/components/StarredRatingsTable/StarredRatingsTable.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { FeedbackRatingsTable } from '../FeedbackRatingsTable/FeedbackRatingsTable.esm.js';
 import { FeedbackRatings } from '../StarredRatingButtons/StarredRatingButtons.esm.js';
 
 const StarredRatingsTable = (props) => {
   const { allEntities, ownerRef, title } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     FeedbackRatingsTable,
     {
       allEntities,

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

@@ -1 +1 @@
-{"version":3,"file":"StarredRatingsTable.esm.js","sources":["../../../src/components/StarredRatingsTable/StarredRatingsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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';\n\nimport { FeedbackRatingsTable } from '../FeedbackRatingsTable';\nimport { FeedbackRatings } from '../StarredRatingButtons';\n\n/**\n * @public\n */\nexport interface StarredRatingsTableProps {\n  allEntities?: boolean;\n  ownerRef?: string;\n  title?: string;\n}\n\nexport const StarredRatingsTable = (props: StarredRatingsTableProps) => {\n  const { allEntities, ownerRef, title } = props;\n\n  return (\n    <FeedbackRatingsTable\n      allEntities={allEntities}\n      ownerRef={ownerRef}\n      ratingValues={Object.values(FeedbackRatings)\n        .filter(o => typeof o === 'number')\n        .map(r => r.toString())}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AA8Ba,MAAA,mBAAA,GAAsB,CAAC,KAAoC,KAAA;AACtE,EAAA,MAAM,EAAE,WAAA,EAAa,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAEzC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAc,EAAA,MAAA,CAAO,MAAO,CAAA,eAAe,EACxC,MAAO,CAAA,CAAA,CAAA,KAAK,OAAO,CAAA,KAAM,QAAQ,CACjC,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA,CAAA,CAAE,UAAU,CAAA;AAAA,MACxB;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"StarredRatingsTable.esm.js","sources":["../../../src/components/StarredRatingsTable/StarredRatingsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { FeedbackRatingsTable } from '../FeedbackRatingsTable';\nimport { FeedbackRatings } from '../StarredRatingButtons';\n\n/**\n * @public\n */\nexport interface StarredRatingsTableProps {\n  allEntities?: boolean;\n  ownerRef?: string;\n  title?: string;\n}\n\nexport const StarredRatingsTable = (props: StarredRatingsTableProps) => {\n  const { allEntities, ownerRef, title } = props;\n\n  return (\n    <FeedbackRatingsTable\n      allEntities={allEntities}\n      ownerRef={ownerRef}\n      ratingValues={Object.values(FeedbackRatings)\n        .filter(o => typeof o === 'number')\n        .map(r => r.toString())}\n      title={title}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AA4Ba,MAAA,mBAAA,GAAsB,CAAC,KAAoC,KAAA;AACtE,EAAA,MAAM,EAAE,WAAA,EAAa,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAEzC,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAc,EAAA,MAAA,CAAO,MAAO,CAAA,eAAe,EACxC,MAAO,CAAA,CAAA,CAAA,KAAK,OAAO,CAAA,KAAM,QAAQ,CACjC,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA,CAAA,CAAE,UAAU,CAAA;AAAA,MACxB;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { Entity } from '@backstage/catalog-model';
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';
 import { EntityRatingsData, Rating, Ratings, FeedbackResponse } from '@backstage-community/plugin-entity-feedback-common';
@@ -76,39 +77,39 @@ declare const entityFeedbackPlugin: _backstage_core_plugin_api.BackstagePlugin<{
 /**
  * @public
  */
-declare const LikeDislikeButtons: (props: LikeDislikeButtonsProps) => React.JSX.Element;
+declare const LikeDislikeButtons: (props: LikeDislikeButtonsProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const StarredRatingButtons: (props: StarredRatingButtonsProps) => React.JSX.Element;
+declare const StarredRatingButtons: (props: StarredRatingButtonsProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const FeedbackResponseDialog: (props: FeedbackResponseDialogProps) => React.JSX.Element;
+declare const FeedbackResponseDialog: (props: FeedbackResponseDialogProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const EntityFeedbackResponseContent: () => React.JSX.Element;
+declare const EntityFeedbackResponseContent: () => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const FeedbackResponseTable: (props: FeedbackResponseTableProps) => React.JSX.Element;
+declare const FeedbackResponseTable: (props: FeedbackResponseTableProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const EntityLikeDislikeRatingsCard: () => React.JSX.Element;
+declare const EntityLikeDislikeRatingsCard: () => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const LikeDislikeRatingsTable: (props: LikeDislikeRatingsTableProps) => React.JSX.Element;
+declare const LikeDislikeRatingsTable: (props: LikeDislikeRatingsTableProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const EntityStarredRatingsCard: () => React.JSX.Element;
+declare const EntityStarredRatingsCard: () => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const StarredRatingsTable: (props: StarredRatingsTableProps) => React.JSX.Element;
+declare const StarredRatingsTable: (props: StarredRatingsTableProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * @public

package/dist/plugin.esm.js

@@ -1,7 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createComponentExtension, createRoutableExtension } from '@backstage/core-plugin-api';
 import { useAsyncEntity } from '@backstage/plugin-catalog-react';
-import React from 'react';
 import { EntityFeedbackClient } from './api/EntityFeedbackClient.esm.js';
 import { entityFeedbackApiRef } from './api/EntityFeedbackApi.esm.js';
 import { rootRouteRef } from './routes.esm.js';
@@ -60,7 +60,7 @@ const EntityFeedbackResponseContent = entityFeedbackPlugin.provide(
       ({ FeedbackResponseTable: FeedbackResponseTable2 }) => {
         return () => {
           const { entity } = useAsyncEntity();
-          return /* @__PURE__ */ React.createElement(
+          return /* @__PURE__ */ jsx(
             FeedbackResponseTable2,
             {
               entityRef: entity ? stringifyEntityRef(entity) : ""
@@ -89,7 +89,7 @@ const EntityLikeDislikeRatingsCard = entityFeedbackPlugin.provide(
         ({ LikeDislikeRatingsTable: LikeDislikeRatingsTable2 }) => {
           return () => {
             const { entity } = useAsyncEntity();
-            return /* @__PURE__ */ React.createElement(
+            return /* @__PURE__ */ jsx(
               LikeDislikeRatingsTable2,
               {
                 ownerRef: entity ? stringifyEntityRef(entity) : ""
@@ -119,7 +119,7 @@ const EntityStarredRatingsCard = entityFeedbackPlugin.provide(
         ({ StarredRatingsTable: StarredRatingsTable2 }) => {
           return () => {
             const { entity } = useAsyncEntity();
-            return /* @__PURE__ */ React.createElement(
+            return /* @__PURE__ */ jsx(
               StarredRatingsTable2,
               {
                 ownerRef: entity ? stringifyEntityRef(entity) : ""

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { useAsyncEntity } from '@backstage/plugin-catalog-react';\nimport React from 'react';\n\nimport { entityFeedbackApiRef, EntityFeedbackClient } from './api';\nimport { rootRouteRef } from './routes';\n\n/**\n * @public\n */\nexport const entityFeedbackPlugin = createPlugin({\n  id: 'entity-feedback',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: entityFeedbackApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new EntityFeedbackClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/**\n * @public\n */\nexport const LikeDislikeButtons = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'LikeDislikeButtons',\n    component: {\n      lazy: () =>\n        import('./components/LikeDislikeButtons').then(\n          m => m.LikeDislikeButtons,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const StarredRatingButtons = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'StarredRatingButtons',\n    component: {\n      lazy: () =>\n        import('./components/StarredRatingButtons').then(\n          m => m.StarredRatingButtons,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const FeedbackResponseDialog = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'FeedbackResponseDialog',\n    component: {\n      lazy: () =>\n        import('./components/FeedbackResponseDialog').then(\n          m => m.FeedbackResponseDialog,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityFeedbackResponseContent = entityFeedbackPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityFeedbackResponseContent',\n    mountPoint: rootRouteRef,\n    component: () =>\n      import('./components/FeedbackResponseTable').then(\n        ({ FeedbackResponseTable }) => {\n          return () => {\n            const { entity } = useAsyncEntity();\n            return (\n              <FeedbackResponseTable\n                entityRef={entity ? stringifyEntityRef(entity) : ''}\n              />\n            );\n          };\n        },\n      ),\n  }),\n);\n\n/**\n * @public\n */\nexport const FeedbackResponseTable = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'FeedbackResponseTable',\n    component: {\n      lazy: () =>\n        import('./components/FeedbackResponseTable').then(\n          m => m.FeedbackResponseTable,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityLikeDislikeRatingsCard = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'EntityLikeDislikeRatingsCard',\n    component: {\n      lazy: () =>\n        import('./components/LikeDislikeRatingsTable').then(\n          ({ LikeDislikeRatingsTable }) => {\n            return () => {\n              const { entity } = useAsyncEntity();\n              return (\n                <LikeDislikeRatingsTable\n                  ownerRef={entity ? stringifyEntityRef(entity) : ''}\n                />\n              );\n            };\n          },\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const LikeDislikeRatingsTable = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'LikeDislikeRatingsTable',\n    component: {\n      lazy: () =>\n        import('./components/LikeDislikeRatingsTable').then(\n          m => m.LikeDislikeRatingsTable,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityStarredRatingsCard = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'EntityStarredRatingsCard',\n    component: {\n      lazy: () =>\n        import('./components/StarredRatingsTable').then(\n          ({ StarredRatingsTable }) => {\n            return () => {\n              const { entity } = useAsyncEntity();\n              return (\n                <StarredRatingsTable\n                  ownerRef={entity ? stringifyEntityRef(entity) : ''}\n                />\n              );\n            };\n          },\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const StarredRatingsTable = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'StarredRatingsTable',\n    component: {\n      lazy: () =>\n        import('./components/StarredRatingsTable').then(\n          m => m.StarredRatingsTable,\n        ),\n    },\n  }),\n);\n"],"names":["FeedbackResponseTable","LikeDislikeRatingsTable","StarredRatingsTable"],"mappings":"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"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { useAsyncEntity } from '@backstage/plugin-catalog-react';\n\nimport { entityFeedbackApiRef, EntityFeedbackClient } from './api';\nimport { rootRouteRef } from './routes';\n\n/**\n * @public\n */\nexport const entityFeedbackPlugin = createPlugin({\n  id: 'entity-feedback',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: entityFeedbackApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new EntityFeedbackClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/**\n * @public\n */\nexport const LikeDislikeButtons = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'LikeDislikeButtons',\n    component: {\n      lazy: () =>\n        import('./components/LikeDislikeButtons').then(\n          m => m.LikeDislikeButtons,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const StarredRatingButtons = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'StarredRatingButtons',\n    component: {\n      lazy: () =>\n        import('./components/StarredRatingButtons').then(\n          m => m.StarredRatingButtons,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const FeedbackResponseDialog = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'FeedbackResponseDialog',\n    component: {\n      lazy: () =>\n        import('./components/FeedbackResponseDialog').then(\n          m => m.FeedbackResponseDialog,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityFeedbackResponseContent = entityFeedbackPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityFeedbackResponseContent',\n    mountPoint: rootRouteRef,\n    component: () =>\n      import('./components/FeedbackResponseTable').then(\n        ({ FeedbackResponseTable }) => {\n          return () => {\n            const { entity } = useAsyncEntity();\n            return (\n              <FeedbackResponseTable\n                entityRef={entity ? stringifyEntityRef(entity) : ''}\n              />\n            );\n          };\n        },\n      ),\n  }),\n);\n\n/**\n * @public\n */\nexport const FeedbackResponseTable = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'FeedbackResponseTable',\n    component: {\n      lazy: () =>\n        import('./components/FeedbackResponseTable').then(\n          m => m.FeedbackResponseTable,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityLikeDislikeRatingsCard = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'EntityLikeDislikeRatingsCard',\n    component: {\n      lazy: () =>\n        import('./components/LikeDislikeRatingsTable').then(\n          ({ LikeDislikeRatingsTable }) => {\n            return () => {\n              const { entity } = useAsyncEntity();\n              return (\n                <LikeDislikeRatingsTable\n                  ownerRef={entity ? stringifyEntityRef(entity) : ''}\n                />\n              );\n            };\n          },\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const LikeDislikeRatingsTable = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'LikeDislikeRatingsTable',\n    component: {\n      lazy: () =>\n        import('./components/LikeDislikeRatingsTable').then(\n          m => m.LikeDislikeRatingsTable,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityStarredRatingsCard = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'EntityStarredRatingsCard',\n    component: {\n      lazy: () =>\n        import('./components/StarredRatingsTable').then(\n          ({ StarredRatingsTable }) => {\n            return () => {\n              const { entity } = useAsyncEntity();\n              return (\n                <StarredRatingsTable\n                  ownerRef={entity ? stringifyEntityRef(entity) : ''}\n                />\n              );\n            };\n          },\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const StarredRatingsTable = entityFeedbackPlugin.provide(\n  createComponentExtension({\n    name: 'StarredRatingsTable',\n    component: {\n      lazy: () =>\n        import('./components/StarredRatingsTable').then(\n          m => m.StarredRatingsTable,\n        ),\n    },\n  }),\n);\n"],"names":["FeedbackResponseTable","LikeDislikeRatingsTable","StarredRatingsTable"],"mappings":";;;;;;;;AAiCO,MAAM,uBAAuB,YAAa,CAAA;AAAA,EAC/C,EAAI,EAAA,iBAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,oBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,oBAAqB,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU;AAAA,KACtD;AAAA;AAEL,CAAC;AAKM,MAAM,qBAAqB,oBAAqB,CAAA,OAAA;AAAA,EACrD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,8CAAiC,CAAE,CAAA,IAAA;AAAA,QACxC,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,uBAAuB,oBAAqB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,sBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,gDAAmC,CAAE,CAAA,IAAA;AAAA,QAC1C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,yBAAyB,oBAAqB,CAAA,OAAA;AAAA,EACzD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,wBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,kDAAqC,CAAE,CAAA,IAAA;AAAA,QAC5C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,gCAAgC,oBAAqB,CAAA,OAAA;AAAA,EAChE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,+BAAA;AAAA,IACN,UAAY,EAAA,YAAA;AAAA,IACZ,SAAW,EAAA,MACT,OAAO,iDAAoC,CAAE,CAAA,IAAA;AAAA,MAC3C,CAAC,EAAE,qBAAAA,EAAAA,sBAAAA,EAA4B,KAAA;AAC7B,QAAA,OAAO,MAAM;AACX,UAAM,MAAA,EAAE,MAAO,EAAA,GAAI,cAAe,EAAA;AAClC,UACE,uBAAA,GAAA;AAAA,YAACA,sBAAAA;AAAA,YAAA;AAAA,cACC,SAAW,EAAA,MAAA,GAAS,kBAAmB,CAAA,MAAM,CAAI,GAAA;AAAA;AAAA,WACnD;AAAA,SAEJ;AAAA;AACF;AACF,GACH;AACH;AAKO,MAAM,wBAAwB,oBAAqB,CAAA,OAAA;AAAA,EACxD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAoC,CAAE,CAAA,IAAA;AAAA,QAC3C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,+BAA+B,oBAAqB,CAAA,OAAA;AAAA,EAC/D,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,8BAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,mDAAsC,CAAE,CAAA,IAAA;AAAA,QAC7C,CAAC,EAAE,uBAAAC,EAAAA,wBAAAA,EAA8B,KAAA;AAC/B,UAAA,OAAO,MAAM;AACX,YAAM,MAAA,EAAE,MAAO,EAAA,GAAI,cAAe,EAAA;AAClC,YACE,uBAAA,GAAA;AAAA,cAACA,wBAAAA;AAAA,cAAA;AAAA,gBACC,QAAU,EAAA,MAAA,GAAS,kBAAmB,CAAA,MAAM,CAAI,GAAA;AAAA;AAAA,aAClD;AAAA,WAEJ;AAAA;AACF;AACF;AACJ,GACD;AACH;AAKO,MAAM,0BAA0B,oBAAqB,CAAA,OAAA;AAAA,EAC1D,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,yBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,mDAAsC,CAAE,CAAA,IAAA;AAAA,QAC7C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,2BAA2B,oBAAqB,CAAA,OAAA;AAAA,EAC3D,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,0BAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,+CAAkC,CAAE,CAAA,IAAA;AAAA,QACzC,CAAC,EAAE,mBAAAC,EAAAA,oBAAAA,EAA0B,KAAA;AAC3B,UAAA,OAAO,MAAM;AACX,YAAM,MAAA,EAAE,MAAO,EAAA,GAAI,cAAe,EAAA;AAClC,YACE,uBAAA,GAAA;AAAA,cAACA,oBAAAA;AAAA,cAAA;AAAA,gBACC,QAAU,EAAA,MAAA,GAAS,kBAAmB,CAAA,MAAM,CAAI,GAAA;AAAA;AAAA,aAClD;AAAA,WAEJ;AAAA;AACF;AACF;AACJ,GACD;AACH;AAKO,MAAM,sBAAsB,oBAAqB,CAAA,OAAA;AAAA,EACtD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,qBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,+CAAkC,CAAE,CAAA,IAAA;AAAA,QACzC,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-entity-feedback",
-  "version": "0.7.2",
+  "version": "0.9.0",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "entity-feedback",
@@ -38,22 +38,22 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-entity-feedback-common": "^0.5.0",
-    "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-components": "^0.17.0",
-    "@backstage/core-plugin-api": "^1.10.5",
+    "@backstage-community/plugin-entity-feedback-common": "^0.7.0",
+    "@backstage/catalog-model": "^1.7.5",
+    "@backstage/core-components": "^0.17.4",
+    "@backstage/core-plugin-api": "^1.10.9",
     "@backstage/errors": "^1.2.7",
-    "@backstage/plugin-catalog-react": "^1.16.0",
+    "@backstage/plugin-catalog-react": "^1.19.1",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.9.1",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.31.0",
-    "@backstage/dev-utils": "^1.1.8",
-    "@backstage/plugin-catalog": "^1.28.0",
-    "@backstage/test-utils": "^1.7.6",
+    "@backstage/cli": "^0.33.1",
+    "@backstage/dev-utils": "^1.1.12",
+    "@backstage/plugin-catalog": "^1.31.1",
+    "@backstage/test-utils": "^1.7.10",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -69,5 +69,12 @@
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }