@backstage/plugin-home 0.8.7-next.1 → 0.8.7-next.2

package/dist/homePageComponents/RandomJoke/Settings.esm.js

@@ -1,32 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import FormControl from '@material-ui/core/FormControl';
 import FormLabel from '@material-ui/core/FormLabel';
 import RadioGroup from '@material-ui/core/RadioGroup';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Radio from '@material-ui/core/Radio';
-import React from 'react';
 import { useRandomJoke } from './Context.esm.js';
 import upperFirst from 'lodash/upperFirst';
 
 const Settings = () => {
   const { type, handleChangeType } = useRandomJoke();
   const JOKE_TYPES = ["any", "programming"];
-  return /* @__PURE__ */ React.createElement(FormControl, { component: "fieldset" }, /* @__PURE__ */ React.createElement(FormLabel, { component: "legend" }, "Joke Type"), /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      "aria-label": "joke type",
-      value: type,
-      onChange: (e) => handleChangeType(e.target.value)
-    },
-    JOKE_TYPES.map((t) => /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: "Joke Type" }),
+    /* @__PURE__ */ jsx(
+      RadioGroup,
       {
-        key: t,
-        value: t,
-        control: /* @__PURE__ */ React.createElement(Radio, null),
-        label: upperFirst(t)
+        "aria-label": "joke type",
+        value: type,
+        onChange: (e) => handleChangeType(e.target.value),
+        children: JOKE_TYPES.map((t) => /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            value: t,
+            control: /* @__PURE__ */ jsx(Radio, {}),
+            label: upperFirst(t)
+          },
+          t
+        ))
       }
-    ))
-  ));
+    )
+  ] });
 };
 
 export { Settings };

package/dist/homePageComponents/RandomJoke/Settings.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.esm.js","sources":["../../../src/homePageComponents/RandomJoke/Settings.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport FormControl from '@material-ui/core/FormControl';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { useRandomJoke, JokeType } from './Context';\nimport upperFirst from 'lodash/upperFirst';\n\nexport const Settings = () => {\n  const { type, handleChangeType } = useRandomJoke();\n  const JOKE_TYPES: JokeType[] = ['any' as JokeType, 'programming' as JokeType];\n  return (\n    <FormControl component=\"fieldset\">\n      <FormLabel component=\"legend\">Joke Type</FormLabel>\n      <RadioGroup\n        aria-label=\"joke type\"\n        value={type}\n        onChange={e => handleChangeType(e.target.value)}\n      >\n        {JOKE_TYPES.map(t => (\n          <FormControlLabel\n            key={t}\n            value={t}\n            control={<Radio />}\n            label={upperFirst(t)}\n          />\n        ))}\n      </RadioGroup>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,EAAE,IAAA,EAAM,gBAAiB,EAAA,GAAI,aAAc,EAAA;AACjD,EAAM,MAAA,UAAA,GAAyB,CAAC,KAAA,EAAmB,aAAyB,CAAA;AAC5E,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,eAAY,SAAU,EAAA,UAAA,EAAA,sCACpB,SAAU,EAAA,EAAA,SAAA,EAAU,QAAS,EAAA,EAAA,WAAS,CACvC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,WAAA;AAAA,MACX,KAAO,EAAA,IAAA;AAAA,MACP,QAAU,EAAA,CAAA,CAAA,KAAK,gBAAiB,CAAA,CAAA,CAAE,OAAO,KAAK;AAAA,KAAA;AAAA,IAE7C,UAAA,CAAW,IAAI,CACd,CAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,CAAA;AAAA,QACL,KAAO,EAAA,CAAA;AAAA,QACP,OAAA,sCAAU,KAAM,EAAA,IAAA,CAAA;AAAA,QAChB,KAAA,EAAO,WAAW,CAAC;AAAA;AAAA,KAEtB;AAAA,GAEL,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Settings.esm.js","sources":["../../../src/homePageComponents/RandomJoke/Settings.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport FormControl from '@material-ui/core/FormControl';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport { useRandomJoke, JokeType } from './Context';\nimport upperFirst from 'lodash/upperFirst';\n\nexport const Settings = () => {\n  const { type, handleChangeType } = useRandomJoke();\n  const JOKE_TYPES: JokeType[] = ['any' as JokeType, 'programming' as JokeType];\n  return (\n    <FormControl component=\"fieldset\">\n      <FormLabel component=\"legend\">Joke Type</FormLabel>\n      <RadioGroup\n        aria-label=\"joke type\"\n        value={type}\n        onChange={e => handleChangeType(e.target.value)}\n      >\n        {JOKE_TYPES.map(t => (\n          <FormControlLabel\n            key={t}\n            value={t}\n            control={<Radio />}\n            label={upperFirst(t)}\n          />\n        ))}\n      </RadioGroup>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAuBO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,EAAE,IAAA,EAAM,gBAAiB,EAAA,GAAI,aAAc,EAAA;AACjD,EAAM,MAAA,UAAA,GAAyB,CAAC,KAAA,EAAmB,aAAyB,CAAA;AAC5E,EACE,uBAAA,IAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAU,UACrB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,SAAU,EAAA,QAAA,EAAS,QAAS,EAAA,WAAA,EAAA,CAAA;AAAA,oBACvC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,WAAA;AAAA,QACX,KAAO,EAAA,IAAA;AAAA,QACP,QAAU,EAAA,CAAA,CAAA,KAAK,gBAAiB,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QAE7C,QAAA,EAAA,UAAA,CAAW,IAAI,CACd,CAAA,qBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,KAAO,EAAA,CAAA;AAAA,YACP,OAAA,sBAAU,KAAM,EAAA,EAAA,CAAA;AAAA,YAChB,KAAA,EAAO,WAAW,CAAC;AAAA,WAAA;AAAA,UAHd;AAAA,SAKR;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/homePageComponents/StarredEntities/Content.esm.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { catalogApiRef, useStarredEntities } from '@backstage/plugin-catalog-react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { useApi } from '@backstage/core-plugin-api';
@@ -6,7 +7,7 @@ import List from '@material-ui/core/List';
 import Typography from '@material-ui/core/Typography';
 import Tabs from '@material-ui/core/Tabs';
 import Tab from '@material-ui/core/Tab';
-import React from 'react';
+import { useState } from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import { StarredEntityListItem } from '../../components/StarredEntityListItem/StarredEntityListItem.esm.js';
 import { makeStyles } from '@material-ui/core/styles';
@@ -27,7 +28,7 @@ const Content = ({
   const classes = useStyles();
   const catalogApi = useApi(catalogApiRef);
   const { starredEntities, toggleStarredEntity } = useStarredEntities();
-  const [activeTab, setActiveTab] = React.useState(0);
+  const [activeTab, setActiveTab] = useState(0);
   const entities = useAsync(async () => {
     if (!starredEntities.size) {
       return [];
@@ -45,9 +46,9 @@ const Content = ({
     })).items.filter((e) => !!e);
   }, [catalogApi, starredEntities]);
   if (starredEntities.size === 0)
-    return /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, noStarredEntitiesMessage || "Click the star beside an entity name to add it to this list!");
+    return /* @__PURE__ */ jsx(Typography, { variant: "body1", children: noStarredEntitiesMessage || "Click the star beside an entity name to add it to this list!" });
   if (entities.loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   const groupedEntities = {};
   entities.value?.forEach((entity) => {
@@ -58,42 +59,46 @@ const Content = ({
     groupedEntities[kind].push(entity);
   });
   const groupByKindEntries = Object.entries(groupedEntities);
-  return entities.error ? /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: entities.error }) : /* @__PURE__ */ React.createElement("div", null, !groupByKind && /* @__PURE__ */ React.createElement(List, { className: classes.list }, entities.value?.sort(
-    (a, b) => (a.metadata.title ?? a.metadata.name).localeCompare(
-      b.metadata.title ?? b.metadata.name
-    )
-  ).map((entity) => /* @__PURE__ */ React.createElement(
-    StarredEntityListItem,
-    {
-      key: stringifyEntityRef(entity),
-      entity,
-      onToggleStarredEntity: toggleStarredEntity,
-      showKind: true
-    }
-  ))), groupByKind && /* @__PURE__ */ React.createElement(
-    Tabs,
-    {
-      className: classes.tabs,
-      value: activeTab,
-      onChange: (_, newValue) => setActiveTab(newValue),
-      variant: "scrollable",
-      scrollButtons: "auto",
-      "aria-label": "entity-tabs"
-    },
-    groupByKindEntries.map(([kind]) => /* @__PURE__ */ React.createElement(Tab, { key: kind, label: kind }))
-  ), groupByKind && groupByKindEntries.map(([kind, entitiesByKind], index) => /* @__PURE__ */ React.createElement("div", { key: kind, hidden: groupByKind && activeTab !== index }, /* @__PURE__ */ React.createElement(List, { className: classes.list }, entitiesByKind?.sort(
-    (a, b) => (a.metadata.title ?? a.metadata.name).localeCompare(
-      b.metadata.title ?? b.metadata.name
-    )
-  ).map((entity) => /* @__PURE__ */ React.createElement(
-    StarredEntityListItem,
-    {
-      key: stringifyEntityRef(entity),
-      entity,
-      onToggleStarredEntity: toggleStarredEntity,
-      showKind: false
-    }
-  ))))));
+  return entities.error ? /* @__PURE__ */ jsx(ResponseErrorPanel, { error: entities.error }) : /* @__PURE__ */ jsxs("div", { children: [
+    !groupByKind && /* @__PURE__ */ jsx(List, { className: classes.list, children: entities.value?.sort(
+      (a, b) => (a.metadata.title ?? a.metadata.name).localeCompare(
+        b.metadata.title ?? b.metadata.name
+      )
+    ).map((entity) => /* @__PURE__ */ jsx(
+      StarredEntityListItem,
+      {
+        entity,
+        onToggleStarredEntity: toggleStarredEntity,
+        showKind: true
+      },
+      stringifyEntityRef(entity)
+    )) }),
+    groupByKind && /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        className: classes.tabs,
+        value: activeTab,
+        onChange: (_, newValue) => setActiveTab(newValue),
+        variant: "scrollable",
+        scrollButtons: "auto",
+        "aria-label": "entity-tabs",
+        children: groupByKindEntries.map(([kind]) => /* @__PURE__ */ jsx(Tab, { label: kind }, kind))
+      }
+    ),
+    groupByKind && groupByKindEntries.map(([kind, entitiesByKind], index) => /* @__PURE__ */ jsx("div", { hidden: groupByKind && activeTab !== index, children: /* @__PURE__ */ jsx(List, { className: classes.list, children: entitiesByKind?.sort(
+      (a, b) => (a.metadata.title ?? a.metadata.name).localeCompare(
+        b.metadata.title ?? b.metadata.name
+      )
+    ).map((entity) => /* @__PURE__ */ jsx(
+      StarredEntityListItem,
+      {
+        entity,
+        onToggleStarredEntity: toggleStarredEntity,
+        showKind: false
+      },
+      stringifyEntityRef(entity)
+    )) }) }, kind))
+  ] });
 };
 
 export { Content };

package/dist/homePageComponents/StarredEntities/Content.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.esm.js","sources":["../../../src/homePageComponents/StarredEntities/Content.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport List from '@material-ui/core/List';\nimport Typography from '@material-ui/core/Typography';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { StarredEntityListItem } from '../../components/StarredEntityListItem/StarredEntityListItem';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  tabs: {\n    marginBottom: theme.spacing(1),\n  },\n  list: {\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n}));\n\n/**\n * Props for the StarredEntities component\n *\n * @public\n */\nexport type StarredEntitiesProps = {\n  noStarredEntitiesMessage?: React.ReactNode | undefined;\n  groupByKind?: boolean;\n};\n\n/**\n * A component to display a list of starred entities for the user.\n *\n * @public\n */\nexport const Content = ({\n  noStarredEntitiesMessage,\n  groupByKind,\n}: StarredEntitiesProps) => {\n  const classes = useStyles();\n  const catalogApi = useApi(catalogApiRef);\n  const { starredEntities, toggleStarredEntity } = useStarredEntities();\n  const [activeTab, setActiveTab] = React.useState(0);\n\n  // Grab starred entities from catalog to ensure they still exist and also retrieve display titles\n  const entities = useAsync(async () => {\n    if (!starredEntities.size) {\n      return [];\n    }\n\n    return (\n      await catalogApi.getEntitiesByRefs({\n        entityRefs: [...starredEntities],\n        fields: [\n          'kind',\n          'metadata.namespace',\n          'metadata.name',\n          'spec.type',\n          'metadata.title',\n          'spec.profile.displayName',\n        ],\n      })\n    ).items.filter((e): e is Entity => !!e);\n  }, [catalogApi, starredEntities]);\n\n  if (starredEntities.size === 0)\n    return (\n      <Typography variant=\"body1\">\n        {noStarredEntitiesMessage ||\n          'Click the star beside an entity name to add it to this list!'}\n      </Typography>\n    );\n\n  if (entities.loading) {\n    return <Progress />;\n  }\n\n  const groupedEntities: { [kind: string]: Entity[] } = {};\n  entities.value?.forEach(entity => {\n    const kind = entity.kind;\n    if (!groupedEntities[kind]) {\n      groupedEntities[kind] = [];\n    }\n    groupedEntities[kind].push(entity);\n  });\n\n  const groupByKindEntries = Object.entries(groupedEntities);\n\n  return entities.error ? (\n    <ResponseErrorPanel error={entities.error} />\n  ) : (\n    <div>\n      {!groupByKind && (\n        <List className={classes.list}>\n          {entities.value\n            ?.sort((a, b) =>\n              (a.metadata.title ?? a.metadata.name).localeCompare(\n                b.metadata.title ?? b.metadata.name,\n              ),\n            )\n            .map(entity => (\n              <StarredEntityListItem\n                key={stringifyEntityRef(entity)}\n                entity={entity}\n                onToggleStarredEntity={toggleStarredEntity}\n                showKind\n              />\n            ))}\n        </List>\n      )}\n\n      {groupByKind && (\n        <Tabs\n          className={classes.tabs}\n          value={activeTab}\n          onChange={(_, newValue) => setActiveTab(newValue)}\n          variant=\"scrollable\"\n          scrollButtons=\"auto\"\n          aria-label=\"entity-tabs\"\n        >\n          {groupByKindEntries.map(([kind]) => (\n            <Tab key={kind} label={kind} />\n          ))}\n        </Tabs>\n      )}\n\n      {groupByKind &&\n        groupByKindEntries.map(([kind, entitiesByKind], index) => (\n          <div key={kind} hidden={groupByKind && activeTab !== index}>\n            <List className={classes.list}>\n              {entitiesByKind\n                ?.sort((a, b) =>\n                  (a.metadata.title ?? a.metadata.name).localeCompare(\n                    b.metadata.title ?? b.metadata.name,\n                  ),\n                )\n                .map(entity => (\n                  <StarredEntityListItem\n                    key={stringifyEntityRef(entity)}\n                    entity={entity}\n                    onToggleStarredEntity={toggleStarredEntity}\n                    showKind={false}\n                  />\n                ))}\n            </List>\n          </div>\n        ))}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Content.esm.js","sources":["../../../src/homePageComponents/StarredEntities/Content.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport List from '@material-ui/core/List';\nimport Typography from '@material-ui/core/Typography';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { ReactNode, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { StarredEntityListItem } from '../../components/StarredEntityListItem/StarredEntityListItem';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  tabs: {\n    marginBottom: theme.spacing(1),\n  },\n  list: {\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n}));\n\n/**\n * Props for the StarredEntities component\n *\n * @public\n */\nexport type StarredEntitiesProps = {\n  noStarredEntitiesMessage?: ReactNode | undefined;\n  groupByKind?: boolean;\n};\n\n/**\n * A component to display a list of starred entities for the user.\n *\n * @public\n */\nexport const Content = ({\n  noStarredEntitiesMessage,\n  groupByKind,\n}: StarredEntitiesProps) => {\n  const classes = useStyles();\n  const catalogApi = useApi(catalogApiRef);\n  const { starredEntities, toggleStarredEntity } = useStarredEntities();\n  const [activeTab, setActiveTab] = useState(0);\n\n  // Grab starred entities from catalog to ensure they still exist and also retrieve display titles\n  const entities = useAsync(async () => {\n    if (!starredEntities.size) {\n      return [];\n    }\n\n    return (\n      await catalogApi.getEntitiesByRefs({\n        entityRefs: [...starredEntities],\n        fields: [\n          'kind',\n          'metadata.namespace',\n          'metadata.name',\n          'spec.type',\n          'metadata.title',\n          'spec.profile.displayName',\n        ],\n      })\n    ).items.filter((e): e is Entity => !!e);\n  }, [catalogApi, starredEntities]);\n\n  if (starredEntities.size === 0)\n    return (\n      <Typography variant=\"body1\">\n        {noStarredEntitiesMessage ||\n          'Click the star beside an entity name to add it to this list!'}\n      </Typography>\n    );\n\n  if (entities.loading) {\n    return <Progress />;\n  }\n\n  const groupedEntities: { [kind: string]: Entity[] } = {};\n  entities.value?.forEach(entity => {\n    const kind = entity.kind;\n    if (!groupedEntities[kind]) {\n      groupedEntities[kind] = [];\n    }\n    groupedEntities[kind].push(entity);\n  });\n\n  const groupByKindEntries = Object.entries(groupedEntities);\n\n  return entities.error ? (\n    <ResponseErrorPanel error={entities.error} />\n  ) : (\n    <div>\n      {!groupByKind && (\n        <List className={classes.list}>\n          {entities.value\n            ?.sort((a, b) =>\n              (a.metadata.title ?? a.metadata.name).localeCompare(\n                b.metadata.title ?? b.metadata.name,\n              ),\n            )\n            .map(entity => (\n              <StarredEntityListItem\n                key={stringifyEntityRef(entity)}\n                entity={entity}\n                onToggleStarredEntity={toggleStarredEntity}\n                showKind\n              />\n            ))}\n        </List>\n      )}\n\n      {groupByKind && (\n        <Tabs\n          className={classes.tabs}\n          value={activeTab}\n          onChange={(_, newValue) => setActiveTab(newValue)}\n          variant=\"scrollable\"\n          scrollButtons=\"auto\"\n          aria-label=\"entity-tabs\"\n        >\n          {groupByKindEntries.map(([kind]) => (\n            <Tab key={kind} label={kind} />\n          ))}\n        </Tabs>\n      )}\n\n      {groupByKind &&\n        groupByKindEntries.map(([kind, entitiesByKind], index) => (\n          <div key={kind} hidden={groupByKind && activeTab !== index}>\n            <List className={classes.list}>\n              {entitiesByKind\n                ?.sort((a, b) =>\n                  (a.metadata.title ?? a.metadata.name).localeCompare(\n                    b.metadata.title ?? b.metadata.name,\n                  ),\n                )\n                .map(entity => (\n                  <StarredEntityListItem\n                    key={stringifyEntityRef(entity)}\n                    entity={entity}\n                    onToggleStarredEntity={toggleStarredEntity}\n                    showKind={false}\n                  />\n                ))}\n            </List>\n          </div>\n        ))}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/homePageComponents/Toolkit/Content.esm.js

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Link } from '@backstage/core-components';
 import List from '@material-ui/core/List';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
 import ListItemText from '@material-ui/core/ListItemText';
 import { makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { useToolkit } from './Context.esm.js';
 
 const useStyles = makeStyles((theme) => ({
@@ -37,13 +37,16 @@ const Content = (props) => {
   const classes = useStyles();
   const toolkit = useToolkit();
   const tools = toolkit?.tools ?? props.tools;
-  return /* @__PURE__ */ React.createElement(List, { className: classes.toolkit }, tools.map((tool) => /* @__PURE__ */ React.createElement(Link, { key: tool.url, to: tool.url, className: classes.tool }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: classes.icon }, tool.icon), /* @__PURE__ */ React.createElement(
-    ListItemText,
-    {
-      secondaryTypographyProps: { className: classes.label },
-      secondary: tool.label
-    }
-  ))));
+  return /* @__PURE__ */ jsx(List, { className: classes.toolkit, children: tools.map((tool) => /* @__PURE__ */ jsxs(Link, { to: tool.url, className: classes.tool, children: [
+    /* @__PURE__ */ jsx(ListItemIcon, { className: classes.icon, children: tool.icon }),
+    /* @__PURE__ */ jsx(
+      ListItemText,
+      {
+        secondaryTypographyProps: { className: classes.label },
+        secondary: tool.label
+      }
+    )
+  ] }, tool.url)) });
 };
 
 export { Content };

package/dist/homePageComponents/Toolkit/Content.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.esm.js","sources":["../../../src/homePageComponents/Toolkit/Content.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Link } from '@backstage/core-components';\nimport List from '@material-ui/core/List';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport { useToolkit, Tool } from './Context';\n\nconst useStyles = makeStyles(theme => ({\n  toolkit: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    textAlign: 'center',\n  },\n  tool: {\n    margin: theme.spacing(0.5, 1),\n  },\n  label: {\n    marginTop: theme.spacing(1),\n    width: '72px',\n    fontSize: '0.9em',\n    lineHeight: '1.25',\n    overflowWrap: 'break-word',\n    color: theme.palette.text.secondary,\n  },\n  icon: {\n    width: '64px',\n    height: '64px',\n    borderRadius: '50px',\n    justifyContent: 'center',\n    alignItems: 'center',\n    boxShadow: theme.shadows[1],\n    backgroundColor: theme.palette.background.default,\n  },\n}));\n\n/**\n * A component to display a list of tools for the user.\n *\n * @public\n */\nexport const Content = (props: ToolkitContentProps) => {\n  const classes = useStyles();\n  const toolkit = useToolkit();\n  const tools = toolkit?.tools ?? props.tools;\n\n  return (\n    <List className={classes.toolkit}>\n      {tools.map((tool: Tool) => (\n        <Link key={tool.url} to={tool.url} className={classes.tool}>\n          <ListItemIcon className={classes.icon}>{tool.icon}</ListItemIcon>\n          <ListItemText\n            secondaryTypographyProps={{ className: classes.label }}\n            secondary={tool.label}\n          />\n        </Link>\n      ))}\n    </List>\n  );\n};\n\n/**\n * Props for Toolkit Content component.\n *\n * @public\n */\nexport type ToolkitContentProps = {\n  tools: Tool[];\n};\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,EAAK,CAAC;AAAA,GAC9B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,OAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,YAAc,EAAA,YAAA;AAAA,IACd,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,GAC5B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,YAAc,EAAA,MAAA;AAAA,IACd,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA;AAE9C,CAAE,CAAA,CAAA;AAOW,MAAA,OAAA,GAAU,CAAC,KAA+B,KAAA;AACrD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,EAAM,MAAA,KAAA,GAAQ,OAAS,EAAA,KAAA,IAAS,KAAM,CAAA,KAAA;AAEtC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,OAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAC,IAAA,qBACT,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAK,EAAA,IAAA,CAAK,GAAK,EAAA,EAAA,EAAI,IAAK,CAAA,GAAA,EAAK,SAAW,EAAA,OAAA,CAAQ,IACpD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAA,EAAO,IAAK,CAAA,IAAK,CAClD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,wBAA0B,EAAA,EAAE,SAAW,EAAA,OAAA,CAAQ,KAAM,EAAA;AAAA,MACrD,WAAW,IAAK,CAAA;AAAA;AAAA,GAEpB,CACD,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Content.esm.js","sources":["../../../src/homePageComponents/Toolkit/Content.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Link } from '@backstage/core-components';\nimport List from '@material-ui/core/List';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useToolkit, Tool } from './Context';\n\nconst useStyles = makeStyles(theme => ({\n  toolkit: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    textAlign: 'center',\n  },\n  tool: {\n    margin: theme.spacing(0.5, 1),\n  },\n  label: {\n    marginTop: theme.spacing(1),\n    width: '72px',\n    fontSize: '0.9em',\n    lineHeight: '1.25',\n    overflowWrap: 'break-word',\n    color: theme.palette.text.secondary,\n  },\n  icon: {\n    width: '64px',\n    height: '64px',\n    borderRadius: '50px',\n    justifyContent: 'center',\n    alignItems: 'center',\n    boxShadow: theme.shadows[1],\n    backgroundColor: theme.palette.background.default,\n  },\n}));\n\n/**\n * A component to display a list of tools for the user.\n *\n * @public\n */\nexport const Content = (props: ToolkitContentProps) => {\n  const classes = useStyles();\n  const toolkit = useToolkit();\n  const tools = toolkit?.tools ?? props.tools;\n\n  return (\n    <List className={classes.toolkit}>\n      {tools.map((tool: Tool) => (\n        <Link key={tool.url} to={tool.url} className={classes.tool}>\n          <ListItemIcon className={classes.icon}>{tool.icon}</ListItemIcon>\n          <ListItemText\n            secondaryTypographyProps={{ className: classes.label }}\n            secondary={tool.label}\n          />\n        </Link>\n      ))}\n    </List>\n  );\n};\n\n/**\n * Props for Toolkit Content component.\n *\n * @public\n */\nexport type ToolkitContentProps = {\n  tools: Tool[];\n};\n"],"names":[],"mappings":";;;;;;;;AAuBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,EAAK,CAAC;AAAA,GAC9B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,OAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,YAAc,EAAA,YAAA;AAAA,IACd,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,GAC5B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,YAAc,EAAA,MAAA;AAAA,IACd,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA;AAE9C,CAAE,CAAA,CAAA;AAOW,MAAA,OAAA,GAAU,CAAC,KAA+B,KAAA;AACrD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,EAAM,MAAA,KAAA,GAAQ,OAAS,EAAA,KAAA,IAAS,KAAM,CAAA,KAAA;AAEtC,EAAA,2BACG,IAAK,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,OAAA,EACtB,gBAAM,GAAI,CAAA,CAAC,IACV,qBAAA,IAAA,CAAC,QAAoB,EAAI,EAAA,IAAA,CAAK,GAAK,EAAA,SAAA,EAAW,QAAQ,IACpD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAO,eAAK,IAAK,EAAA,CAAA;AAAA,oBAClD,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,wBAA0B,EAAA,EAAE,SAAW,EAAA,OAAA,CAAQ,KAAM,EAAA;AAAA,QACrD,WAAW,IAAK,CAAA;AAAA;AAAA;AAClB,GALS,EAAA,EAAA,IAAA,CAAK,GAMhB,CACD,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/homePageComponents/Toolkit/Context.esm.js

@@ -1,16 +1,17 @@
-import React, { createContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
 
 const Context = createContext(void 0);
 const ContextProvider = (props) => {
   const { children, tools } = props;
-  const [toolsValue, _setTools] = React.useState(tools);
+  const [toolsValue, _setTools] = useState(tools);
   const value = {
     tools: toolsValue
   };
-  return /* @__PURE__ */ React.createElement(Context.Provider, { value }, children);
+  return /* @__PURE__ */ jsx(Context.Provider, { value, children });
 };
 const useToolkit = () => {
-  const value = React.useContext(Context);
+  const value = useContext(Context);
   return value;
 };
 

package/dist/homePageComponents/Toolkit/Context.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.esm.js","sources":["../../../src/homePageComponents/Toolkit/Context.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { createContext } from 'react';\n\n/** @public */\nexport type Tool = {\n  label: string;\n  url: string;\n  icon: React.ReactNode;\n};\n\ntype ToolkitContextValue = {\n  tools: Tool[];\n};\n\nconst Context = createContext<ToolkitContextValue | undefined>(undefined);\n\nexport const ContextProvider = (props: {\n  children: JSX.Element;\n  tools: Tool[];\n}) => {\n  const { children, tools } = props;\n\n  const [toolsValue, _setTools] = React.useState(tools);\n\n  const value: ToolkitContextValue = {\n    tools: toolsValue,\n  };\n\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useToolkit = () => {\n  const value = React.useContext(Context);\n  return value;\n};\n\nexport default Context;\n"],"names":[],"mappings":";;AA6BM,MAAA,OAAA,GAAU,cAA+C,KAAS,CAAA;AAE3D,MAAA,eAAA,GAAkB,CAAC,KAG1B,KAAA;AACJ,EAAM,MAAA,EAAE,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAE5B,EAAA,MAAM,CAAC,UAAY,EAAA,SAAS,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,KAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,GACT;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,CAAQ,QAAR,EAAA,EAAiB,SAAe,QAAS,CAAA;AACnD;AAEO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,UAAA,CAAW,OAAO,CAAA;AACtC,EAAO,OAAA,KAAA;AACT;;;;"}
+{"version":3,"file":"Context.esm.js","sources":["../../../src/homePageComponents/Toolkit/Context.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode, useState, useContext, createContext } from 'react';\n\n/** @public */\nexport type Tool = {\n  label: string;\n  url: string;\n  icon: ReactNode;\n};\n\ntype ToolkitContextValue = {\n  tools: Tool[];\n};\n\nconst Context = createContext<ToolkitContextValue | undefined>(undefined);\n\nexport const ContextProvider = (props: {\n  children: JSX.Element;\n  tools: Tool[];\n}) => {\n  const { children, tools } = props;\n\n  const [toolsValue, _setTools] = useState(tools);\n\n  const value: ToolkitContextValue = {\n    tools: toolsValue,\n  };\n\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useToolkit = () => {\n  const value = useContext(Context);\n  return value;\n};\n\nexport default Context;\n"],"names":[],"mappings":";;;AA6BM,MAAA,OAAA,GAAU,cAA+C,KAAS,CAAA;AAE3D,MAAA,eAAA,GAAkB,CAAC,KAG1B,KAAA;AACJ,EAAM,MAAA,EAAE,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAE5B,EAAA,MAAM,CAAC,UAAA,EAAY,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,KAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,GACT;AAEA,EAAA,uBAAQ,GAAA,CAAA,OAAA,CAAQ,QAAR,EAAA,EAAiB,OAAe,QAAS,EAAA,CAAA;AACnD;AAEO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,KAAA,GAAQ,WAAW,OAAO,CAAA;AAChC,EAAO,OAAA,KAAA;AACT;;;;"}

package/dist/homePageComponents/VisitedByType/Actions.esm.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useCallback } from 'react';
 import Button from '@material-ui/core/Button';
 import { useContext } from './Context.esm.js';
 
@@ -9,8 +10,8 @@ const Actions = () => {
     [setCollapsed]
   );
   const label = collapsed ? "View More" : "View Less";
-  if (!loading && visits.length <= numVisitsOpen) return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  return /* @__PURE__ */ React.createElement(Button, { variant: "text", onClick }, label);
+  if (!loading && visits.length <= numVisitsOpen) return /* @__PURE__ */ jsx(Fragment, {});
+  return /* @__PURE__ */ jsx(Button, { variant: "text", onClick, children: label });
 };
 
 export { Actions };

package/dist/homePageComponents/VisitedByType/Actions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.esm.js","sources":["../../../src/homePageComponents/VisitedByType/Actions.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, { useCallback } from 'react';\nimport Button from '@material-ui/core/Button';\nimport { useContext } from './Context';\n\nexport const Actions = () => {\n  const { collapsed, setCollapsed, visits, numVisitsOpen, loading } =\n    useContext();\n  const onClick = useCallback(\n    () => setCollapsed(prevCollapsed => !prevCollapsed),\n    [setCollapsed],\n  );\n  const label = collapsed ? 'View More' : 'View Less';\n\n  if (!loading && visits.length <= numVisitsOpen) return <></>;\n\n  return (\n    <Button variant=\"text\" onClick={onClick}>\n      {label}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,UAAU,MAAM;AAC3B,EAAA,MAAM,EAAE,SAAW,EAAA,YAAA,EAAc,QAAQ,aAAe,EAAA,OAAA,KACtD,UAAW,EAAA;AACb,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,MAAM,YAAA,CAAa,CAAiB,aAAA,KAAA,CAAC,aAAa,CAAA;AAAA,IAClD,CAAC,YAAY;AAAA,GACf;AACA,EAAM,MAAA,KAAA,GAAQ,YAAY,WAAc,GAAA,WAAA;AAExC,EAAA,IAAI,CAAC,OAAW,IAAA,MAAA,CAAO,MAAU,IAAA,aAAA,yBAAwB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA;AAEzD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAQ,EAAA,MAAA,EAAO,WACpB,KACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Actions.esm.js","sources":["../../../src/homePageComponents/VisitedByType/Actions.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 { useCallback } from 'react';\nimport Button from '@material-ui/core/Button';\nimport { useContext } from './Context';\n\nexport const Actions = () => {\n  const { collapsed, setCollapsed, visits, numVisitsOpen, loading } =\n    useContext();\n  const onClick = useCallback(\n    () => setCollapsed(prevCollapsed => !prevCollapsed),\n    [setCollapsed],\n  );\n  const label = collapsed ? 'View More' : 'View Less';\n\n  if (!loading && visits.length <= numVisitsOpen) return <></>;\n\n  return (\n    <Button variant=\"text\" onClick={onClick}>\n      {label}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,UAAU,MAAM;AAC3B,EAAA,MAAM,EAAE,SAAW,EAAA,YAAA,EAAc,QAAQ,aAAe,EAAA,OAAA,KACtD,UAAW,EAAA;AACb,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,MAAM,YAAA,CAAa,CAAiB,aAAA,KAAA,CAAC,aAAa,CAAA;AAAA,IAClD,CAAC,YAAY;AAAA,GACf;AACA,EAAM,MAAA,KAAA,GAAQ,YAAY,WAAc,GAAA,WAAA;AAExC,EAAA,IAAI,CAAC,OAAW,IAAA,MAAA,CAAO,MAAU,IAAA,aAAA,yBAAwB,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA;AAEzD,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAO,OAAQ,EAAA,MAAA,EAAO,SACpB,QACH,EAAA,KAAA,EAAA,CAAA;AAEJ;;;;"}

package/dist/homePageComponents/VisitedByType/Content.esm.js

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
 import { createFilterByQueryParamFromConfig } from '../../api/config.esm.js';
 import { VisitedByType } from './VisitedByType.esm.js';
 import '@backstage/core-app-api';
@@ -58,7 +59,7 @@ const Content = ({
       setLoading(reqLoading);
     }
   }, [loading, setLoading, reqLoading]);
-  return /* @__PURE__ */ React.createElement(VisitedByType, null);
+  return /* @__PURE__ */ jsx(VisitedByType, {});
 };
 
 export { Content };

package/dist/homePageComponents/VisitedByType/Content.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.esm.js","sources":["../../../src/homePageComponents/VisitedByType/Content.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, { useEffect } from 'react';\nimport { createFilterByQueryParamFromConfig } from '../../api/config';\nimport { VisitedByType } from './VisitedByType';\nimport { Visit, visitsApiRef } from '../../api';\nimport { ContextValueOnly, useContext } from './Context';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\n\n/** @public */\nexport type VisitedByTypeKind = 'recent' | 'top';\n\n/** @public */\nexport type VisitedByTypeProps = {\n  visits?: Array<Visit>;\n  numVisitsOpen?: number;\n  numVisitsTotal?: number;\n  loading?: boolean;\n  kind: VisitedByTypeKind;\n};\n\n/**\n * Display recently visited pages for the homepage\n * @public\n */\nexport const Content = ({\n  visits,\n  numVisitsOpen,\n  numVisitsTotal,\n  loading,\n  kind,\n}: VisitedByTypeProps) => {\n  const { setContext, setVisits, setLoading } = useContext();\n  // Allows behavior override from properties\n  useEffect(() => {\n    const context: Partial<ContextValueOnly> = {};\n    context.kind = kind;\n    if (visits) {\n      context.visits = visits;\n      context.loading = false;\n    } else if (loading) {\n      context.loading = loading;\n    }\n    if (numVisitsOpen) context.numVisitsOpen = numVisitsOpen;\n    if (numVisitsTotal) context.numVisitsTotal = numVisitsTotal;\n    setContext(state => ({ ...state, ...context }));\n  }, [setContext, kind, visits, loading, numVisitsOpen, numVisitsTotal]);\n\n  const config = useApi(configApiRef);\n  // Fetches data from visitsApi in case visits and loading are not provided\n  const visitsApi = useApi(visitsApiRef);\n  const { loading: reqLoading } = useAsync(async () => {\n    if (!visits && !loading && kind === 'recent') {\n      const filterBy = createFilterByQueryParamFromConfig(\n        config.getOptionalConfigArray('home.recentVisits.filterBy') ?? [],\n      );\n      return await visitsApi\n        .list({\n          limit: numVisitsTotal ?? 8,\n          orderBy: [{ field: 'timestamp', direction: 'desc' }],\n          ...(filterBy && { filterBy }),\n        })\n        .then(setVisits);\n    }\n    if (!visits && !loading && kind === 'top') {\n      const filterBy = createFilterByQueryParamFromConfig(\n        config.getOptionalConfigArray('home.topVisits.filterBy') ?? [],\n      );\n      return await visitsApi\n        .list({\n          limit: numVisitsTotal ?? 8,\n          orderBy: [{ field: 'hits', direction: 'desc' }],\n          ...(filterBy && { filterBy }),\n        })\n        .then(setVisits);\n    }\n    return undefined;\n  }, [visitsApi, visits, loading, setVisits]);\n  useEffect(() => {\n    if (!loading) {\n      setLoading(reqLoading);\n    }\n  }, [loading, setLoading, reqLoading]);\n\n  return <VisitedByType />;\n};\n"],"names":[],"mappings":";;;;;;;;;AAwCO,MAAM,UAAU,CAAC;AAAA,EACtB,MAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,UAAA,KAAe,UAAW,EAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAqC,EAAC;AAC5C,IAAA,OAAA,CAAQ,IAAO,GAAA,IAAA;AACf,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,OAAA,CAAQ,MAAS,GAAA,MAAA;AACjB,MAAA,OAAA,CAAQ,OAAU,GAAA,KAAA;AAAA,eACT,OAAS,EAAA;AAClB,MAAA,OAAA,CAAQ,OAAU,GAAA,OAAA;AAAA;AAEpB,IAAI,IAAA,aAAA,UAAuB,aAAgB,GAAA,aAAA;AAC3C,IAAI,IAAA,cAAA,UAAwB,cAAiB,GAAA,cAAA;AAC7C,IAAA,UAAA,CAAW,YAAU,EAAE,GAAG,KAAO,EAAA,GAAG,SAAU,CAAA,CAAA;AAAA,GAChD,EAAG,CAAC,UAAY,EAAA,IAAA,EAAM,QAAQ,OAAS,EAAA,aAAA,EAAe,cAAc,CAAC,CAAA;AAErE,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAElC,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,EAAE,OAAA,EAAS,UAAW,EAAA,GAAI,SAAS,YAAY;AACnD,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,IAAW,SAAS,QAAU,EAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,kCAAA;AAAA,QACf,MAAO,CAAA,sBAAA,CAAuB,4BAA4B,CAAA,IAAK;AAAC,OAClE;AACA,MAAO,OAAA,MAAM,UACV,IAAK,CAAA;AAAA,QACJ,OAAO,cAAkB,IAAA,CAAA;AAAA,QACzB,SAAS,CAAC,EAAE,OAAO,WAAa,EAAA,SAAA,EAAW,QAAQ,CAAA;AAAA,QACnD,GAAI,QAAY,IAAA,EAAE,QAAS;AAAA,OAC5B,CACA,CAAA,IAAA,CAAK,SAAS,CAAA;AAAA;AAEnB,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,IAAW,SAAS,KAAO,EAAA;AACzC,MAAA,MAAM,QAAW,GAAA,kCAAA;AAAA,QACf,MAAO,CAAA,sBAAA,CAAuB,yBAAyB,CAAA,IAAK;AAAC,OAC/D;AACA,MAAO,OAAA,MAAM,UACV,IAAK,CAAA;AAAA,QACJ,OAAO,cAAkB,IAAA,CAAA;AAAA,QACzB,SAAS,CAAC,EAAE,OAAO,MAAQ,EAAA,SAAA,EAAW,QAAQ,CAAA;AAAA,QAC9C,GAAI,QAAY,IAAA,EAAE,QAAS;AAAA,OAC5B,CACA,CAAA,IAAA,CAAK,SAAS,CAAA;AAAA;AAEnB,IAAO,OAAA,KAAA,CAAA;AAAA,KACN,CAAC,SAAA,EAAW,MAAQ,EAAA,OAAA,EAAS,SAAS,CAAC,CAAA;AAC1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,UAAA,CAAW,UAAU,CAAA;AAAA;AACvB,GACC,EAAA,CAAC,OAAS,EAAA,UAAA,EAAY,UAAU,CAAC,CAAA;AAEpC,EAAA,2CAAQ,aAAc,EAAA,IAAA,CAAA;AACxB;;;;"}
+{"version":3,"file":"Content.esm.js","sources":["../../../src/homePageComponents/VisitedByType/Content.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 { useEffect } from 'react';\nimport { createFilterByQueryParamFromConfig } from '../../api/config';\nimport { VisitedByType } from './VisitedByType';\nimport { Visit, visitsApiRef } from '../../api';\nimport { ContextValueOnly, useContext } from './Context';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\n\n/** @public */\nexport type VisitedByTypeKind = 'recent' | 'top';\n\n/** @public */\nexport type VisitedByTypeProps = {\n  visits?: Array<Visit>;\n  numVisitsOpen?: number;\n  numVisitsTotal?: number;\n  loading?: boolean;\n  kind: VisitedByTypeKind;\n};\n\n/**\n * Display recently visited pages for the homepage\n * @public\n */\nexport const Content = ({\n  visits,\n  numVisitsOpen,\n  numVisitsTotal,\n  loading,\n  kind,\n}: VisitedByTypeProps) => {\n  const { setContext, setVisits, setLoading } = useContext();\n  // Allows behavior override from properties\n  useEffect(() => {\n    const context: Partial<ContextValueOnly> = {};\n    context.kind = kind;\n    if (visits) {\n      context.visits = visits;\n      context.loading = false;\n    } else if (loading) {\n      context.loading = loading;\n    }\n    if (numVisitsOpen) context.numVisitsOpen = numVisitsOpen;\n    if (numVisitsTotal) context.numVisitsTotal = numVisitsTotal;\n    setContext(state => ({ ...state, ...context }));\n  }, [setContext, kind, visits, loading, numVisitsOpen, numVisitsTotal]);\n\n  const config = useApi(configApiRef);\n  // Fetches data from visitsApi in case visits and loading are not provided\n  const visitsApi = useApi(visitsApiRef);\n  const { loading: reqLoading } = useAsync(async () => {\n    if (!visits && !loading && kind === 'recent') {\n      const filterBy = createFilterByQueryParamFromConfig(\n        config.getOptionalConfigArray('home.recentVisits.filterBy') ?? [],\n      );\n      return await visitsApi\n        .list({\n          limit: numVisitsTotal ?? 8,\n          orderBy: [{ field: 'timestamp', direction: 'desc' }],\n          ...(filterBy && { filterBy }),\n        })\n        .then(setVisits);\n    }\n    if (!visits && !loading && kind === 'top') {\n      const filterBy = createFilterByQueryParamFromConfig(\n        config.getOptionalConfigArray('home.topVisits.filterBy') ?? [],\n      );\n      return await visitsApi\n        .list({\n          limit: numVisitsTotal ?? 8,\n          orderBy: [{ field: 'hits', direction: 'desc' }],\n          ...(filterBy && { filterBy }),\n        })\n        .then(setVisits);\n    }\n    return undefined;\n  }, [visitsApi, visits, loading, setVisits]);\n  useEffect(() => {\n    if (!loading) {\n      setLoading(reqLoading);\n    }\n  }, [loading, setLoading, reqLoading]);\n\n  return <VisitedByType />;\n};\n"],"names":[],"mappings":";;;;;;;;;;AAwCO,MAAM,UAAU,CAAC;AAAA,EACtB,MAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,UAAA,KAAe,UAAW,EAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAqC,EAAC;AAC5C,IAAA,OAAA,CAAQ,IAAO,GAAA,IAAA;AACf,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,OAAA,CAAQ,MAAS,GAAA,MAAA;AACjB,MAAA,OAAA,CAAQ,OAAU,GAAA,KAAA;AAAA,eACT,OAAS,EAAA;AAClB,MAAA,OAAA,CAAQ,OAAU,GAAA,OAAA;AAAA;AAEpB,IAAI,IAAA,aAAA,UAAuB,aAAgB,GAAA,aAAA;AAC3C,IAAI,IAAA,cAAA,UAAwB,cAAiB,GAAA,cAAA;AAC7C,IAAA,UAAA,CAAW,YAAU,EAAE,GAAG,KAAO,EAAA,GAAG,SAAU,CAAA,CAAA;AAAA,GAChD,EAAG,CAAC,UAAY,EAAA,IAAA,EAAM,QAAQ,OAAS,EAAA,aAAA,EAAe,cAAc,CAAC,CAAA;AAErE,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAElC,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,EAAE,OAAA,EAAS,UAAW,EAAA,GAAI,SAAS,YAAY;AACnD,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,IAAW,SAAS,QAAU,EAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,kCAAA;AAAA,QACf,MAAO,CAAA,sBAAA,CAAuB,4BAA4B,CAAA,IAAK;AAAC,OAClE;AACA,MAAO,OAAA,MAAM,UACV,IAAK,CAAA;AAAA,QACJ,OAAO,cAAkB,IAAA,CAAA;AAAA,QACzB,SAAS,CAAC,EAAE,OAAO,WAAa,EAAA,SAAA,EAAW,QAAQ,CAAA;AAAA,QACnD,GAAI,QAAY,IAAA,EAAE,QAAS;AAAA,OAC5B,CACA,CAAA,IAAA,CAAK,SAAS,CAAA;AAAA;AAEnB,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,IAAW,SAAS,KAAO,EAAA;AACzC,MAAA,MAAM,QAAW,GAAA,kCAAA;AAAA,QACf,MAAO,CAAA,sBAAA,CAAuB,yBAAyB,CAAA,IAAK;AAAC,OAC/D;AACA,MAAO,OAAA,MAAM,UACV,IAAK,CAAA;AAAA,QACJ,OAAO,cAAkB,IAAA,CAAA;AAAA,QACzB,SAAS,CAAC,EAAE,OAAO,MAAQ,EAAA,SAAA,EAAW,QAAQ,CAAA;AAAA,QAC9C,GAAI,QAAY,IAAA,EAAE,QAAS;AAAA,OAC5B,CACA,CAAA,IAAA,CAAK,SAAS,CAAA;AAAA;AAEnB,IAAO,OAAA,KAAA,CAAA;AAAA,KACN,CAAC,SAAA,EAAW,MAAQ,EAAA,OAAA,EAAS,SAAS,CAAC,CAAA;AAC1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,UAAA,CAAW,UAAU,CAAA;AAAA;AACvB,GACC,EAAA,CAAC,OAAS,EAAA,UAAA,EAAY,UAAU,CAAC,CAAA;AAEpC,EAAA,2BAAQ,aAAc,EAAA,EAAA,CAAA;AACxB;;;;"}

package/dist/homePageComponents/VisitedByType/Context.esm.js

@@ -1,4 +1,5 @@
-import React, { createContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useContext as useContext$1 } from 'react';
 
 const defaultContextValueOnly = {
   collapsed: true,
@@ -31,7 +32,7 @@ const getFilteredSet = (setContext, contextKey) => (e) => setContext((state) =>
   [contextKey]: typeof e === "function" ? e(state[contextKey]) : e
 }));
 const ContextProvider = ({ children }) => {
-  const [context, setContext] = React.useState(
+  const [context, setContext] = useState(
     defaultContextValueOnly
   );
   const {
@@ -62,10 +63,10 @@ const ContextProvider = ({ children }) => {
     setLoading,
     setKind
   };
-  return /* @__PURE__ */ React.createElement(Context.Provider, { value }, children);
+  return /* @__PURE__ */ jsx(Context.Provider, { value, children });
 };
 const useContext = () => {
-  const value = React.useContext(Context);
+  const value = useContext$1(Context);
   if (value === void 0)
     throw new Error(
       "VisitedByType useContext found undefined ContextValue, <ContextProvider/> could be missing"

package/dist/homePageComponents/VisitedByType/Context.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.esm.js","sources":["../../../src/homePageComponents/VisitedByType/Context.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, { Dispatch, SetStateAction, createContext, useMemo } from 'react';\nimport { Visit } from '../../api/VisitsApi';\nimport { VisitedByTypeKind } from './Content';\n\nexport type ContextValueOnly = {\n  collapsed: boolean;\n  numVisitsOpen: number;\n  numVisitsTotal: number;\n  visits: Array<Visit>;\n  loading: boolean;\n  kind: VisitedByTypeKind;\n};\n\nexport type ContextValue = ContextValueOnly & {\n  setCollapsed: Dispatch<SetStateAction<boolean>>;\n  setNumVisitsOpen: Dispatch<SetStateAction<number>>;\n  setNumVisitsTotal: Dispatch<SetStateAction<number>>;\n  setVisits: Dispatch<SetStateAction<Array<Visit>>>;\n  setLoading: Dispatch<SetStateAction<boolean>>;\n  setKind: Dispatch<SetStateAction<VisitedByTypeKind>>;\n  setContext: Dispatch<SetStateAction<ContextValueOnly>>;\n};\n\nconst defaultContextValueOnly: ContextValueOnly = {\n  collapsed: true,\n  numVisitsOpen: 3,\n  numVisitsTotal: 8,\n  visits: [],\n  loading: true,\n  kind: 'recent',\n};\n\nexport const defaultContextValue: ContextValue = {\n  ...defaultContextValueOnly,\n  setCollapsed: () => {},\n  setNumVisitsOpen: () => {},\n  setNumVisitsTotal: () => {},\n  setVisits: () => {},\n  setLoading: () => {},\n  setKind: () => {},\n  setContext: () => {},\n};\n\nexport const Context = createContext<ContextValue>(defaultContextValue);\n\nconst getFilteredSet =\n  <T,>(\n    setContext: Dispatch<SetStateAction<ContextValueOnly>>,\n    contextKey: keyof ContextValueOnly,\n  ) =>\n  (e: SetStateAction<T>) =>\n    setContext(state => ({\n      ...state,\n      [contextKey]:\n        typeof e === 'function' ? (e as Function)(state[contextKey]) : e,\n    }));\n\nexport const ContextProvider = ({ children }: { children: JSX.Element }) => {\n  const [context, setContext] = React.useState<ContextValueOnly>(\n    defaultContextValueOnly,\n  );\n  const {\n    setCollapsed,\n    setNumVisitsOpen,\n    setNumVisitsTotal,\n    setVisits,\n    setLoading,\n    setKind,\n  } = useMemo(\n    () => ({\n      setCollapsed: getFilteredSet(setContext, 'collapsed'),\n      setNumVisitsOpen: getFilteredSet(setContext, 'numVisitsOpen'),\n      setNumVisitsTotal: getFilteredSet(setContext, 'numVisitsTotal'),\n      setVisits: getFilteredSet(setContext, 'visits'),\n      setLoading: getFilteredSet(setContext, 'loading'),\n      setKind: getFilteredSet(setContext, 'kind'),\n    }),\n    [setContext],\n  );\n\n  const value: ContextValue = {\n    ...context,\n    setContext,\n    setCollapsed,\n    setNumVisitsOpen,\n    setNumVisitsTotal,\n    setVisits,\n    setLoading,\n    setKind,\n  };\n\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useContext = () => {\n  const value = React.useContext(Context);\n\n  if (value === undefined)\n    throw new Error(\n      'VisitedByType useContext found undefined ContextValue, <ContextProvider/> could be missing',\n    );\n\n  return value;\n};\n\nexport default Context;\n"],"names":[],"mappings":";;AAuCA,MAAM,uBAA4C,GAAA;AAAA,EAChD,SAAW,EAAA,IAAA;AAAA,EACX,aAAe,EAAA,CAAA;AAAA,EACf,cAAgB,EAAA,CAAA;AAAA,EAChB,QAAQ,EAAC;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA;AACR,CAAA;AAEO,MAAM,mBAAoC,GAAA;AAAA,EAC/C,GAAG,uBAAA;AAAA,EACH,cAAc,MAAM;AAAA,GAAC;AAAA,EACrB,kBAAkB,MAAM;AAAA,GAAC;AAAA,EACzB,mBAAmB,MAAM;AAAA,GAAC;AAAA,EAC1B,WAAW,MAAM;AAAA,GAAC;AAAA,EAClB,YAAY,MAAM;AAAA,GAAC;AAAA,EACnB,SAAS,MAAM;AAAA,GAAC;AAAA,EAChB,YAAY,MAAM;AAAA;AACpB;AAEa,MAAA,OAAA,GAAU,cAA4B,mBAAmB;AAEtE,MAAM,iBACJ,CACE,UAAA,EACA,eAEF,CAAC,CAAA,KACC,WAAW,CAAU,KAAA,MAAA;AAAA,EACnB,GAAG,KAAA;AAAA,EACH,CAAC,UAAU,GACT,OAAO,CAAA,KAAM,aAAc,CAAe,CAAA,KAAA,CAAM,UAAU,CAAC,CAAI,GAAA;AACnE,CAAE,CAAA,CAAA;AAEC,MAAM,eAAkB,GAAA,CAAC,EAAE,QAAA,EAA0C,KAAA;AAC1E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAClC;AAAA,GACF;AACA,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACE,GAAA,OAAA;AAAA,IACF,OAAO;AAAA,MACL,YAAA,EAAc,cAAe,CAAA,UAAA,EAAY,WAAW,CAAA;AAAA,MACpD,gBAAA,EAAkB,cAAe,CAAA,UAAA,EAAY,eAAe,CAAA;AAAA,MAC5D,iBAAA,EAAmB,cAAe,CAAA,UAAA,EAAY,gBAAgB,CAAA;AAAA,MAC9D,SAAA,EAAW,cAAe,CAAA,UAAA,EAAY,QAAQ,CAAA;AAAA,MAC9C,UAAA,EAAY,cAAe,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAChD,OAAA,EAAS,cAAe,CAAA,UAAA,EAAY,MAAM;AAAA,KAC5C,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,KAAsB,GAAA;AAAA,IAC1B,GAAG,OAAA;AAAA,IACH,UAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,CAAQ,QAAR,EAAA,EAAiB,SAAe,QAAS,CAAA;AACnD;AAEO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,UAAA,CAAW,OAAO,CAAA;AAEtC,EAAA,IAAI,KAAU,KAAA,KAAA,CAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAEF,EAAO,OAAA,KAAA;AACT;;;;"}
+{"version":3,"file":"Context.esm.js","sources":["../../../src/homePageComponents/VisitedByType/Context.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 {\n  Dispatch,\n  SetStateAction,\n  createContext,\n  useMemo,\n  useState,\n  useContext as useReactContext,\n} from 'react';\nimport { Visit } from '../../api/VisitsApi';\nimport { VisitedByTypeKind } from './Content';\n\nexport type ContextValueOnly = {\n  collapsed: boolean;\n  numVisitsOpen: number;\n  numVisitsTotal: number;\n  visits: Array<Visit>;\n  loading: boolean;\n  kind: VisitedByTypeKind;\n};\n\nexport type ContextValue = ContextValueOnly & {\n  setCollapsed: Dispatch<SetStateAction<boolean>>;\n  setNumVisitsOpen: Dispatch<SetStateAction<number>>;\n  setNumVisitsTotal: Dispatch<SetStateAction<number>>;\n  setVisits: Dispatch<SetStateAction<Array<Visit>>>;\n  setLoading: Dispatch<SetStateAction<boolean>>;\n  setKind: Dispatch<SetStateAction<VisitedByTypeKind>>;\n  setContext: Dispatch<SetStateAction<ContextValueOnly>>;\n};\n\nconst defaultContextValueOnly: ContextValueOnly = {\n  collapsed: true,\n  numVisitsOpen: 3,\n  numVisitsTotal: 8,\n  visits: [],\n  loading: true,\n  kind: 'recent',\n};\n\nexport const defaultContextValue: ContextValue = {\n  ...defaultContextValueOnly,\n  setCollapsed: () => {},\n  setNumVisitsOpen: () => {},\n  setNumVisitsTotal: () => {},\n  setVisits: () => {},\n  setLoading: () => {},\n  setKind: () => {},\n  setContext: () => {},\n};\n\nexport const Context = createContext<ContextValue>(defaultContextValue);\n\nconst getFilteredSet =\n  <T,>(\n    setContext: Dispatch<SetStateAction<ContextValueOnly>>,\n    contextKey: keyof ContextValueOnly,\n  ) =>\n  (e: SetStateAction<T>) =>\n    setContext(state => ({\n      ...state,\n      [contextKey]:\n        typeof e === 'function' ? (e as Function)(state[contextKey]) : e,\n    }));\n\nexport const ContextProvider = ({ children }: { children: JSX.Element }) => {\n  const [context, setContext] = useState<ContextValueOnly>(\n    defaultContextValueOnly,\n  );\n  const {\n    setCollapsed,\n    setNumVisitsOpen,\n    setNumVisitsTotal,\n    setVisits,\n    setLoading,\n    setKind,\n  } = useMemo(\n    () => ({\n      setCollapsed: getFilteredSet(setContext, 'collapsed'),\n      setNumVisitsOpen: getFilteredSet(setContext, 'numVisitsOpen'),\n      setNumVisitsTotal: getFilteredSet(setContext, 'numVisitsTotal'),\n      setVisits: getFilteredSet(setContext, 'visits'),\n      setLoading: getFilteredSet(setContext, 'loading'),\n      setKind: getFilteredSet(setContext, 'kind'),\n    }),\n    [setContext],\n  );\n\n  const value: ContextValue = {\n    ...context,\n    setContext,\n    setCollapsed,\n    setNumVisitsOpen,\n    setNumVisitsTotal,\n    setVisits,\n    setLoading,\n    setKind,\n  };\n\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useContext = () => {\n  const value = useReactContext(Context);\n\n  if (value === undefined)\n    throw new Error(\n      'VisitedByType useContext found undefined ContextValue, <ContextProvider/> could be missing',\n    );\n\n  return value;\n};\n\nexport default Context;\n"],"names":["useReactContext"],"mappings":";;;AA8CA,MAAM,uBAA4C,GAAA;AAAA,EAChD,SAAW,EAAA,IAAA;AAAA,EACX,aAAe,EAAA,CAAA;AAAA,EACf,cAAgB,EAAA,CAAA;AAAA,EAChB,QAAQ,EAAC;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA;AACR,CAAA;AAEO,MAAM,mBAAoC,GAAA;AAAA,EAC/C,GAAG,uBAAA;AAAA,EACH,cAAc,MAAM;AAAA,GAAC;AAAA,EACrB,kBAAkB,MAAM;AAAA,GAAC;AAAA,EACzB,mBAAmB,MAAM;AAAA,GAAC;AAAA,EAC1B,WAAW,MAAM;AAAA,GAAC;AAAA,EAClB,YAAY,MAAM;AAAA,GAAC;AAAA,EACnB,SAAS,MAAM;AAAA,GAAC;AAAA,EAChB,YAAY,MAAM;AAAA;AACpB;AAEa,MAAA,OAAA,GAAU,cAA4B,mBAAmB;AAEtE,MAAM,iBACJ,CACE,UAAA,EACA,eAEF,CAAC,CAAA,KACC,WAAW,CAAU,KAAA,MAAA;AAAA,EACnB,GAAG,KAAA;AAAA,EACH,CAAC,UAAU,GACT,OAAO,CAAA,KAAM,aAAc,CAAe,CAAA,KAAA,CAAM,UAAU,CAAC,CAAI,GAAA;AACnE,CAAE,CAAA,CAAA;AAEC,MAAM,eAAkB,GAAA,CAAC,EAAE,QAAA,EAA0C,KAAA;AAC1E,EAAM,MAAA,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA;AAAA,IAC5B;AAAA,GACF;AACA,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACE,GAAA,OAAA;AAAA,IACF,OAAO;AAAA,MACL,YAAA,EAAc,cAAe,CAAA,UAAA,EAAY,WAAW,CAAA;AAAA,MACpD,gBAAA,EAAkB,cAAe,CAAA,UAAA,EAAY,eAAe,CAAA;AAAA,MAC5D,iBAAA,EAAmB,cAAe,CAAA,UAAA,EAAY,gBAAgB,CAAA;AAAA,MAC9D,SAAA,EAAW,cAAe,CAAA,UAAA,EAAY,QAAQ,CAAA;AAAA,MAC9C,UAAA,EAAY,cAAe,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAChD,OAAA,EAAS,cAAe,CAAA,UAAA,EAAY,MAAM;AAAA,KAC5C,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,KAAsB,GAAA;AAAA,IAC1B,GAAG,OAAA;AAAA,IACH,UAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBAAQ,GAAA,CAAA,OAAA,CAAQ,QAAR,EAAA,EAAiB,OAAe,QAAS,EAAA,CAAA;AACnD;AAEO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,KAAA,GAAQA,aAAgB,OAAO,CAAA;AAErC,EAAA,IAAI,KAAU,KAAA,KAAA,CAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAEF,EAAO,OAAA,KAAA;AACT;;;;"}

package/dist/homePageComponents/VisitedByType/RecentlyVisited.esm.js

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 export { Actions } from './Actions.esm.js';
 export { ContextProvider } from './Context.esm.js';
-import React from 'react';
 import { Content } from './Content.esm.js';
 
-const RecentlyVisitedContent = (props) => /* @__PURE__ */ React.createElement(Content, { ...props, kind: "recent" });
+const RecentlyVisitedContent = (props) => /* @__PURE__ */ jsx(Content, { ...props, kind: "recent" });
 
 export { RecentlyVisitedContent as Content };
 //# sourceMappingURL=RecentlyVisited.esm.js.map

package/dist/homePageComponents/VisitedByType/RecentlyVisited.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentlyVisited.esm.js","sources":["../../../src/homePageComponents/VisitedByType/RecentlyVisited.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\nexport { Actions } from './Actions';\nexport { ContextProvider } from './Context';\nexport type { VisitedByTypeProps, VisitedByTypeKind } from './Content';\nimport React from 'react';\nimport { Content, VisitedByTypeProps } from './Content';\n\nconst RecentlyVisitedContent = (props: Partial<VisitedByTypeProps>) => (\n  <Content {...props} kind=\"recent\" />\n);\n\nexport { RecentlyVisitedContent as Content };\n"],"names":[],"mappings":";;;;;AAsBM,MAAA,sBAAA,GAAyB,CAAC,KAC9B,qBAAA,KAAA,CAAA,aAAA,CAAC,WAAS,GAAG,KAAA,EAAO,MAAK,QAAS,EAAA;;;;"}
+{"version":3,"file":"RecentlyVisited.esm.js","sources":["../../../src/homePageComponents/VisitedByType/RecentlyVisited.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\nexport { Actions } from './Actions';\nexport { ContextProvider } from './Context';\nexport type { VisitedByTypeProps, VisitedByTypeKind } from './Content';\nimport { Content, VisitedByTypeProps } from './Content';\n\nconst RecentlyVisitedContent = (props: Partial<VisitedByTypeProps>) => (\n  <Content {...props} kind=\"recent\" />\n);\n\nexport { RecentlyVisitedContent as Content };\n"],"names":[],"mappings":";;;;;AAqBM,MAAA,sBAAA,GAAyB,CAAC,KAC9B,qBAAA,GAAA,CAAC,WAAS,GAAG,KAAA,EAAO,MAAK,QAAS,EAAA;;;;"}

package/dist/homePageComponents/VisitedByType/TopVisited.esm.js

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 export { Actions } from './Actions.esm.js';
 export { ContextProvider } from './Context.esm.js';
-import React from 'react';
 import { Content } from './Content.esm.js';
 
-const TopVisitedContent = (props) => /* @__PURE__ */ React.createElement(Content, { ...props, kind: "top" });
+const TopVisitedContent = (props) => /* @__PURE__ */ jsx(Content, { ...props, kind: "top" });
 
 export { TopVisitedContent as Content };
 //# sourceMappingURL=TopVisited.esm.js.map

package/dist/homePageComponents/VisitedByType/TopVisited.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopVisited.esm.js","sources":["../../../src/homePageComponents/VisitedByType/TopVisited.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\nexport { Actions } from './Actions';\nexport { ContextProvider } from './Context';\nexport type { VisitedByTypeProps, VisitedByTypeKind } from './Content';\nimport React from 'react';\nimport { Content, VisitedByTypeProps } from './Content';\n\nconst TopVisitedContent = (props: Partial<VisitedByTypeProps>) => (\n  <Content {...props} kind=\"top\" />\n);\n\nexport { TopVisitedContent as Content };\n"],"names":[],"mappings":";;;;;AAsBM,MAAA,iBAAA,GAAoB,CAAC,KACzB,qBAAA,KAAA,CAAA,aAAA,CAAC,WAAS,GAAG,KAAA,EAAO,MAAK,KAAM,EAAA;;;;"}
+{"version":3,"file":"TopVisited.esm.js","sources":["../../../src/homePageComponents/VisitedByType/TopVisited.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\nexport { Actions } from './Actions';\nexport { ContextProvider } from './Context';\nexport type { VisitedByTypeProps, VisitedByTypeKind } from './Content';\nimport { Content, VisitedByTypeProps } from './Content';\n\nconst TopVisitedContent = (props: Partial<VisitedByTypeProps>) => (\n  <Content {...props} kind=\"top\" />\n);\n\nexport { TopVisitedContent as Content };\n"],"names":[],"mappings":";;;;;AAqBM,MAAA,iBAAA,GAAoB,CAAC,KACzB,qBAAA,GAAA,CAAC,WAAS,GAAG,KAAA,EAAO,MAAK,KAAM,EAAA;;;;"}

package/dist/homePageComponents/VisitedByType/VisitedByType.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { VisitList } from '../../components/VisitList/VisitList.esm.js';
 import { useContext } from './Context.esm.js';
 
 const VisitedByType = () => {
   const { collapsed, numVisitsOpen, numVisitsTotal, visits, loading, kind } = useContext();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     VisitList,
     {
       visits,

package/dist/homePageComponents/VisitedByType/VisitedByType.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisitedByType.esm.js","sources":["../../../src/homePageComponents/VisitedByType/VisitedByType.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';\nimport { VisitList } from '../../components/VisitList';\nimport { useContext } from './Context';\n\nexport const VisitedByType = () => {\n  const { collapsed, numVisitsOpen, numVisitsTotal, visits, loading, kind } =\n    useContext();\n\n  return (\n    <VisitList\n      visits={visits}\n      detailType={kind === 'top' ? 'hits' : 'time-ago'}\n      collapsed={collapsed}\n      numVisitsOpen={numVisitsOpen}\n      numVisitsTotal={numVisitsTotal}\n      loading={loading}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,EAAE,WAAW,aAAe,EAAA,cAAA,EAAgB,QAAQ,OAAS,EAAA,IAAA,KACjE,UAAW,EAAA;AAEb,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,UAAA,EAAY,IAAS,KAAA,KAAA,GAAQ,MAAS,GAAA,UAAA;AAAA,MACtC,SAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"VisitedByType.esm.js","sources":["../../../src/homePageComponents/VisitedByType/VisitedByType.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 { VisitList } from '../../components/VisitList';\nimport { useContext } from './Context';\n\nexport const VisitedByType = () => {\n  const { collapsed, numVisitsOpen, numVisitsTotal, visits, loading, kind } =\n    useContext();\n\n  return (\n    <VisitList\n      visits={visits}\n      detailType={kind === 'top' ? 'hits' : 'time-ago'}\n      collapsed={collapsed}\n      numVisitsOpen={numVisitsOpen}\n      numVisitsTotal={numVisitsTotal}\n      loading={loading}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,EAAE,WAAW,aAAe,EAAA,cAAA,EAAgB,QAAQ,OAAS,EAAA,IAAA,KACjE,UAAW,EAAA;AAEb,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,UAAA,EAAY,IAAS,KAAA,KAAA,GAAQ,MAAS,GAAA,UAAA;AAAA,MACtC,SAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/homePageComponents/WelcomeTitle/WelcomeTitle.esm.js

@@ -1,7 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
 import { useApi, identityApiRef, alertApiRef } from '@backstage/core-plugin-api';
 import Tooltip from '@material-ui/core/Tooltip';
 import Typography from '@material-ui/core/Typography';
-import React, { useMemo, useEffect } from 'react';
+import { useMemo, useEffect } from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import { getTimeBasedGreeting } from './timeUtil.esm.js';
 
@@ -20,7 +21,7 @@ const WelcomeTitle = ({ language }) => {
       });
     }
   }, [error, alertApi]);
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: greeting.language }, /* @__PURE__ */ React.createElement(Typography, { component: "span", variant: "inherit" }, `${greeting.greeting}${profile?.displayName ? `, ${profile?.displayName}` : ""}!`));
+  return /* @__PURE__ */ jsx(Tooltip, { title: greeting.language, children: /* @__PURE__ */ jsx(Typography, { component: "span", variant: "inherit", children: `${greeting.greeting}${profile?.displayName ? `, ${profile?.displayName}` : ""}!` }) });
 };
 
 export { WelcomeTitle };

package/dist/homePageComponents/WelcomeTitle/WelcomeTitle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WelcomeTitle.esm.js","sources":["../../../src/homePageComponents/WelcomeTitle/WelcomeTitle.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  alertApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport React, { useEffect, useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { getTimeBasedGreeting } from './timeUtil';\n\n/** @public */\nexport type WelcomeTitleLanguageProps = {\n  language?: string[];\n};\n\nexport const WelcomeTitle = ({ language }: WelcomeTitleLanguageProps) => {\n  const identityApi = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n  const greeting = useMemo(() => getTimeBasedGreeting(language), [language]);\n\n  const { value: profile, error } = useAsync(() =>\n    identityApi.getProfileInfo(),\n  );\n\n  useEffect(() => {\n    if (error) {\n      alertApi.post({\n        message: `Failed to load user identity: ${error}`,\n        severity: 'error',\n      });\n    }\n  }, [error, alertApi]);\n\n  return (\n    <Tooltip title={greeting.language}>\n      <Typography component=\"span\" variant=\"inherit\">{`${greeting.greeting}${\n        profile?.displayName ? `, ${profile?.displayName}` : ''\n      }!`}</Typography>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA+BO,MAAM,YAAe,GAAA,CAAC,EAAE,QAAA,EAA0C,KAAA;AACvE,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAM,MAAA,QAAA,GAAW,QAAQ,MAAM,oBAAA,CAAqB,QAAQ,CAAG,EAAA,CAAC,QAAQ,CAAC,CAAA;AAEzE,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAAS,MACzC,YAAY,cAAe;AAAA,GAC7B;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,iCAAiC,KAAK,CAAA,CAAA;AAAA,QAC/C,QAAU,EAAA;AAAA,OACX,CAAA;AAAA;AACH,GACC,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA;AAEpB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,QAAA,CAAS,4BACtB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,OAAQ,EAAA,SAAA,EAAA,EAAW,GAAG,QAAS,CAAA,QAAQ,CAClE,EAAA,OAAA,EAAS,WAAc,GAAA,CAAA,EAAA,EAAK,SAAS,WAAW,CAAA,CAAA,GAAK,EACvD,CAAA,CAAA,CAAI,CACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"WelcomeTitle.esm.js","sources":["../../../src/homePageComponents/WelcomeTitle/WelcomeTitle.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  alertApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { useEffect, useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { getTimeBasedGreeting } from './timeUtil';\n\n/** @public */\nexport type WelcomeTitleLanguageProps = {\n  language?: string[];\n};\n\nexport const WelcomeTitle = ({ language }: WelcomeTitleLanguageProps) => {\n  const identityApi = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n  const greeting = useMemo(() => getTimeBasedGreeting(language), [language]);\n\n  const { value: profile, error } = useAsync(() =>\n    identityApi.getProfileInfo(),\n  );\n\n  useEffect(() => {\n    if (error) {\n      alertApi.post({\n        message: `Failed to load user identity: ${error}`,\n        severity: 'error',\n      });\n    }\n  }, [error, alertApi]);\n\n  return (\n    <Tooltip title={greeting.language}>\n      <Typography component=\"span\" variant=\"inherit\">{`${greeting.greeting}${\n        profile?.displayName ? `, ${profile?.displayName}` : ''\n      }!`}</Typography>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA+BO,MAAM,YAAe,GAAA,CAAC,EAAE,QAAA,EAA0C,KAAA;AACvE,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAM,MAAA,QAAA,GAAW,QAAQ,MAAM,oBAAA,CAAqB,QAAQ,CAAG,EAAA,CAAC,QAAQ,CAAC,CAAA;AAEzE,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAAS,MACzC,YAAY,cAAe;AAAA,GAC7B;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,iCAAiC,KAAK,CAAA,CAAA;AAAA,QAC/C,QAAU,EAAA;AAAA,OACX,CAAA;AAAA;AACH,GACC,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA;AAEpB,EACE,uBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,QAAA,CAAS,UACvB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,OAAQ,EAAA,SAAA,EAAW,aAAG,QAAS,CAAA,QAAQ,CAClE,EAAA,OAAA,EAAS,WAAc,GAAA,CAAA,EAAA,EAAK,SAAS,WAAW,CAAA,CAAA,GAAK,EACvD,CAAA,CAAA,CAAA,EAAI,CACN,EAAA,CAAA;AAEJ;;;;"}