@drodil/backstage-plugin-qeta-react 3.28.2 → 3.29.1

package/dist/components/Utility/QetaGridHeader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QetaGridHeader.esm.js","sources":["../../../src/components/Utility/QetaGridHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid, Typography, Box } from '@material-ui/core';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport type QetaGridHeaderProps = {\n  title: React.ReactNode;\n  searchBarLabel: string;\n  loading: boolean;\n  onSearch: (val: string) => void;\n  buttons?: React.ReactNode;\n};\n\nexport const QetaGridHeader = ({\n  title,\n  searchBarLabel,\n  loading,\n  onSearch,\n  buttons,\n}: QetaGridHeaderProps) => {\n  return (\n    <Box mb={3}>\n      <Grid container alignItems=\"flex-end\" justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearch}\n            label={searchBarLabel}\n            loading={loading}\n          />\n        </Grid>\n      </Grid>\n      <Box mt={2} mb={2}>\n        <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n          <Grid item>\n            {!loading && (\n              <Typography\n                variant=\"h6\"\n                style={{ fontWeight: 500, paddingBottom: 2 }}\n              >\n                {title}\n              </Typography>\n            )}\n          </Grid>\n          {buttons && <Grid item>{buttons}</Grid>}\n        </Grid>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,UAAA,EAAW,YAAW,cAAe,EAAA,eAAA,EACnD,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,KAAO,EAAA,cAAA;AAAA,QACP;AAAA;AAAA,OAEJ,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EACd,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,UAAW,EAAA,QAAA,EAAS,gBAAe,eACjD,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACP,EAAA,QAAA,EAAA,CAAC,OACA,oBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,IAAA;AAAA,UACR,KAAO,EAAA,EAAE,UAAY,EAAA,GAAA,EAAK,eAAe,CAAE,EAAA;AAAA,UAE1C,QAAA,EAAA;AAAA;AAAA,OAGP,EAAA,CAAA;AAAA,MACC,OAAW,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAE,QAAQ,EAAA,OAAA,EAAA;AAAA,KAAA,EAClC,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Utility/RightList.esm.js

@@ -1,23 +1,38 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { makeStyles, Box, Paper, List, ListSubheader } from '@material-ui/core';
+import { makeStyles, Box, List, ListSubheader } from '@material-ui/core';
 
 const useStyles = makeStyles((theme) => ({
   container: {
     width: "100%",
-    backgroundColor: theme.palette.background.paper,
     marginBottom: "1em"
+  },
+  subheader: {
+    color: theme.palette.text.hint,
+    padding: "0px 0px 0.5rem 0.5rem",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    lineHeight: 1.5
+  },
+  list: {
+    "& li": {
+      paddingLeft: theme.spacing(1),
+      paddingRight: theme.spacing(1)
+    }
   }
 }));
 const RightListContainer = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ jsx(Box, { display: { md: "none", lg: "block" }, children: /* @__PURE__ */ jsx(Paper, { className: styles.container, children: props.children }) });
+  return /* @__PURE__ */ jsx(Box, { display: { md: "none", lg: "block" }, className: styles.container, children: props.children });
 };
 const RightList = (props) => {
+  const styles = useStyles();
   return /* @__PURE__ */ jsx(
     List,
     {
       component: "nav",
       "aria-labelledby": "nested-list-subheader",
+      className: styles.list,
       subheader: /* @__PURE__ */ jsxs(
         ListSubheader,
         {
@@ -25,11 +40,7 @@ const RightList = (props) => {
           component: "div",
           id: "nested-list-subheader",
           color: "primary",
-          style: {
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis"
-          },
+          className: styles.subheader,
           children: [
             props.title,
             props.icon

package/dist/components/Utility/RightList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Box, List, ListSubheader, makeStyles, Paper } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    marginBottom: '1em',\n  },\n}));\n\nexport const RightListContainer = (props: { children: ReactNode }) => {\n  const styles = useStyles();\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Paper className={styles.container}>{props.children}</Paper>\n    </Box>\n  );\n};\n\nexport const RightList = (props: {\n  children: ReactNode;\n  title: string;\n  icon?: ReactNode;\n}) => {\n  return (\n    <List\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      subheader={\n        <ListSubheader\n          disableSticky\n          component=\"div\"\n          id=\"nested-list-subheader\"\n          color=\"primary\"\n          style={{\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          {props.title}\n          {props.icon}\n        </ListSubheader>\n      }\n    >\n      {props.children}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,IAC1C,YAAc,EAAA;AAAA;AAElB,CAAE,CAAA,CAAA;AAEW,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,2BACG,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,QAAQ,EAAI,EAAA,OAAA,EAC9B,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAM,SAAW,EAAA,MAAA,CAAO,SAAY,EAAA,QAAA,EAAA,KAAA,CAAM,UAAS,CACtD,EAAA,CAAA;AAEJ;AAEa,MAAA,SAAA,GAAY,CAAC,KAIpB,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAA,IAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,KAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,UACN,KAAO,EAAA;AAAA,YACL,UAAY,EAAA,QAAA;AAAA,YACZ,QAAU,EAAA,QAAA;AAAA,YACV,YAAc,EAAA;AAAA,WAChB;AAAA,UAEC,QAAA,EAAA;AAAA,YAAM,KAAA,CAAA,KAAA;AAAA,YACN,KAAM,CAAA;AAAA;AAAA;AAAA,OACT;AAAA,MAGD,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Box, List, ListSubheader, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: '100%',\n    marginBottom: '1em',\n  },\n  subheader: {\n    color: theme.palette.text.hint,\n    padding: '0px 0px 0.5rem 0.5rem',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    lineHeight: 1.5,\n  },\n  list: {\n    '& li': {\n      paddingLeft: theme.spacing(1),\n      paddingRight: theme.spacing(1),\n    },\n  },\n}));\n\nexport const RightListContainer = (props: { children: ReactNode }) => {\n  const styles = useStyles();\n  return (\n    <Box display={{ md: 'none', lg: 'block' }} className={styles.container}>\n      {props.children}\n    </Box>\n  );\n};\n\nexport const RightList = (props: {\n  children: ReactNode;\n  title: string;\n  icon?: ReactNode;\n}) => {\n  const styles = useStyles();\n  return (\n    <List\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      className={styles.list}\n      subheader={\n        <ListSubheader\n          disableSticky\n          component=\"div\"\n          id=\"nested-list-subheader\"\n          color=\"primary\"\n          className={styles.subheader}\n        >\n          {props.title}\n          {props.icon}\n        </ListSubheader>\n      }\n    >\n      {props.children}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,IAAA;AAAA,IAC1B,OAAS,EAAA,uBAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,UAAY,EAAA;AAAA,GACd;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA;AAAA,MACN,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC5B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC/B;AAEJ,CAAE,CAAA,CAAA;AAEW,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,OAAA,EAAW,EAAA,SAAA,EAAW,MAAO,CAAA,SAAA,EAC1D,gBAAM,QACT,EAAA,CAAA;AAEJ;AAEa,MAAA,SAAA,GAAY,CAAC,KAIpB,KAAA;AACJ,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,SACE,kBAAA,IAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,KAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,UACN,WAAW,MAAO,CAAA,SAAA;AAAA,UAEjB,QAAA,EAAA;AAAA,YAAM,KAAA,CAAA,KAAA;AAAA,YACN,KAAM,CAAA;AAAA;AAAA;AAAA,OACT;AAAA,MAGD,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/components/Utility/SmallAvatar.esm.js

@@ -5,7 +5,6 @@ const useStyles = makeStyles(() => ({
   root: {
     display: "inline-flex !important",
     marginRight: "0.25rem",
-    fontSize: "1rem",
     maxWidth: "1rem",
     maxHeight: "1rem"
   }

package/dist/components/Utility/SmallAvatar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallAvatar.esm.js","sources":["../../../src/components/Utility/SmallAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    display: 'inline-flex !important',\n    marginRight: '0.25rem',\n    fontSize: '1rem',\n    maxWidth: '1rem',\n    maxHeight: '1rem',\n  },\n}));\n\nexport const SmallAvatar = (props: AvatarProps) => {\n  const styles = useStyles();\n  return (\n    <Avatar className={styles.root} {...props}>\n      {props.children}\n    </Avatar>\n  );\n};\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,wBAAA;AAAA,IACT,WAAa,EAAA,SAAA;AAAA,IACb,QAAU,EAAA,MAAA;AAAA,IACV,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAE,CAAA,CAAA;AAEW,MAAA,WAAA,GAAc,CAAC,KAAuB,KAAA;AACjD,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAA,GAAA,CAAC,UAAO,SAAW,EAAA,MAAA,CAAO,MAAO,GAAG,KAAA,EACjC,gBAAM,QACT,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SmallAvatar.esm.js","sources":["../../../src/components/Utility/SmallAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    display: 'inline-flex !important',\n    marginRight: '0.25rem',\n    maxWidth: '1rem',\n    maxHeight: '1rem',\n  },\n}));\n\nexport const SmallAvatar = (props: AvatarProps) => {\n  const styles = useStyles();\n  return (\n    <Avatar className={styles.root} {...props}>\n      {props.children}\n    </Avatar>\n  );\n};\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,wBAAA;AAAA,IACT,WAAa,EAAA,SAAA;AAAA,IACb,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAE,CAAA,CAAA;AAEW,MAAA,WAAA,GAAc,CAAC,KAAuB,KAAA;AACjD,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAA,GAAA,CAAC,UAAO,SAAW,EAAA,MAAA,CAAO,MAAO,GAAG,KAAA,EACjC,gBAAM,QACT,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ViewToggle/ViewToggle.esm.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ButtonGroup, Tooltip, Button } from '@material-ui/core';
+import ViewList from '@material-ui/icons/ViewList';
+import ViewModule from '@material-ui/icons/ViewModule';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+
+const ViewToggle = ({ view, onChange }) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  return /* @__PURE__ */ jsxs(ButtonGroup, { size: "small", children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: t("viewToggle.listView"), children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: view === "list" ? "primary" : void 0,
+        onClick: () => onChange("list"),
+        "aria-label": t("viewToggle.listView"),
+        children: /* @__PURE__ */ jsx(ViewList, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: t("viewToggle.gridView"), children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: view === "grid" ? "primary" : void 0,
+        onClick: () => onChange("grid"),
+        "aria-label": t("viewToggle.gridView"),
+        children: /* @__PURE__ */ jsx(ViewModule, {})
+      }
+    ) })
+  ] });
+};
+
+export { ViewToggle };
+//# sourceMappingURL=ViewToggle.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewToggle.esm.js","sources":["../../../src/components/ViewToggle/ViewToggle.tsx"],"sourcesContent":["import { Button, ButtonGroup, Tooltip } from '@material-ui/core';\nimport ViewList from '@material-ui/icons/ViewList';\nimport ViewModule from '@material-ui/icons/ViewModule';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport type ViewType = 'list' | 'grid';\n\ninterface ViewToggleProps {\n  view: ViewType;\n  onChange: (view: ViewType) => void;\n}\n\nexport const ViewToggle = ({ view, onChange }: ViewToggleProps) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <ButtonGroup size=\"small\">\n      <Tooltip title={t('viewToggle.listView')}>\n        <Button\n          color={view === 'list' ? 'primary' : undefined}\n          onClick={() => onChange('list')}\n          aria-label={t('viewToggle.listView')}\n        >\n          <ViewList />\n        </Button>\n      </Tooltip>\n      <Tooltip title={t('viewToggle.gridView')}>\n        <Button\n          color={view === 'grid' ? 'primary' : undefined}\n          onClick={() => onChange('grid')}\n          aria-label={t('viewToggle.gridView')}\n        >\n          <ViewModule />\n        </Button>\n      </Tooltip>\n    </ButtonGroup>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAaO,MAAM,UAAa,GAAA,CAAC,EAAE,IAAA,EAAM,UAAgC,KAAA;AACjE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,IAAA,CAAC,WAAY,EAAA,EAAA,IAAA,EAAK,OAChB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,qBAAqB,CACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,IAAS,KAAA,MAAA,GAAS,SAAY,GAAA,KAAA,CAAA;AAAA,QACrC,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,QAC9B,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,QAEnC,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,qBAAqB,CACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,IAAS,KAAA,MAAA,GAAS,SAAY,GAAA,KAAA,CAAA;AAAA,QACrC,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,QAC9B,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,QAEnC,8BAAC,UAAW,EAAA,EAAA;AAAA;AAAA,KAEhB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/hooks/useTooltipStyles.esm.js

@@ -0,0 +1,23 @@
+import { makeStyles } from '@material-ui/core';
+
+const useTooltipStyles = makeStyles((theme) => ({
+  tooltip: {
+    backgroundColor: theme.palette.background.paper,
+    color: theme.palette.text.primary,
+    fontSize: "0.875rem",
+    border: `1px solid ${theme.palette.divider}`,
+    borderRadius: theme.shape.borderRadius,
+    boxShadow: theme.shadows[2],
+    padding: theme.spacing(1),
+    maxWidth: 300
+  },
+  tooltipArrow: {
+    color: theme.palette.background.paper,
+    "&::before": {
+      border: `1px solid ${theme.palette.divider}`
+    }
+  }
+}));
+
+export { useTooltipStyles };
+//# sourceMappingURL=useTooltipStyles.esm.js.map

package/dist/hooks/useTooltipStyles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipStyles.esm.js","sources":["../../src/hooks/useTooltipStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core';\n\nexport const useTooltipStyles = makeStyles((theme: Theme) => ({\n  tooltip: {\n    backgroundColor: theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    fontSize: '0.875rem',\n    border: `1px solid ${theme.palette.divider}`,\n    borderRadius: theme.shape.borderRadius,\n    boxShadow: theme.shadows[2],\n    padding: theme.spacing(1),\n    maxWidth: 300,\n  },\n  tooltipArrow: {\n    color: theme.palette.background.paper,\n    '&::before': {\n      border: `1px solid ${theme.palette.divider}`,\n    },\n  },\n}));\n"],"names":[],"mappings":";;AAEa,MAAA,gBAAA,GAAmB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC5D,OAAS,EAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,IAC1C,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,IAC1C,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,IAChC,WAAa,EAAA;AAAA,MACX,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA;AAC5C;AAEJ,CAAE,CAAA;;;;"}

package/dist/index.d.ts

@@ -101,6 +101,13 @@ interface FilterPanelProps<T extends Filters> extends CommonFilterPanelProps {
 }
 declare const FilterPanel: <T extends Filters>(props: FilterPanelProps<T>) => react_jsx_runtime.JSX.Element;
 
+type ViewType = 'list' | 'grid';
+interface ViewToggleProps {
+    view: ViewType;
+    onChange: (view: ViewType) => void;
+}
+declare const ViewToggle: ({ view, onChange }: ViewToggleProps) => react_jsx_runtime.JSX.Element;
+
 type PaginatedPostsProps = PostFilters & {
     author?: string;
     showFilters?: boolean;
@@ -117,6 +124,9 @@ type PaginatedPostsProps = PostFilters & {
 declare const PostsContainer: (props: PaginatedPostsProps & {
     entity?: string;
     filterPanelProps?: CommonFilterPanelProps;
+    showTypeLabel?: boolean;
+    view?: ViewType;
+    onViewChange?: (view: ViewType) => void;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const PostList: (props: {
@@ -133,12 +143,14 @@ declare const PostList: (props: {
     showNoQuestionsBtn?: boolean;
     entityPage?: boolean;
     type?: PostType;
+    showTypeLabel?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
 interface PostListItemProps {
     post: PostResponse;
     entity?: string;
     type?: PostType;
+    showTypeLabel?: boolean;
 }
 declare const PostListItem: (props: PostListItemProps) => react_jsx_runtime.JSX.Element;
 
@@ -252,7 +264,7 @@ declare const PostsCard: (props: {
     postType?: PostType;
 }) => react_jsx_runtime.JSX.Element | null;
 
-declare const ImpactCard: () => react_jsx_runtime.JSX.Element | null;
+declare const ImpactCard: () => react_jsx_runtime.JSX.Element;
 
 declare const FollowedEntitiesList: () => react_jsx_runtime.JSX.Element | null;
 
@@ -306,6 +318,8 @@ declare const QuestionsTable: (props: {
 type QetaStatsChartClassKey = 'tooltipLabel' | 'tooltipWrapper' | 'xAxis' | 'lineChart' | 'barChart';
 declare const StatsChart: (props: {
     data: Stat[];
+    loading?: boolean;
+    error?: string;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const SummaryStatsGrid: (props: {
@@ -329,6 +343,8 @@ declare const UsersGrid: () => react_jsx_runtime.JSX.Element;
 type PostGridProps = PaginatedPostsProps & {
     allowRanking?: boolean;
     filterPanelProps?: CommonFilterPanelProps;
+    view?: ViewType;
+    onViewChange?: (view: ViewType) => void;
 };
 declare const PostsGrid: (props: PostGridProps) => react_jsx_runtime.JSX.Element;
 
@@ -383,7 +399,7 @@ type AIAnswerCardProps = {
 };
 declare const AIAnswerCard: (props: AIAnswerCardProps) => react_jsx_runtime.JSX.Element | null;
 
-declare const SuggestionsCard: () => react_jsx_runtime.JSX.Element | null;
+declare const SuggestionsCard: () => react_jsx_runtime.JSX.Element;
 
 declare function useQetaApi<T>(f: (api: QetaApi) => Promise<T>, deps?: any[]): {
     retry: () => void;
@@ -475,6 +491,8 @@ declare const useAI: () => {
 
 /** @alpha */
 declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"qeta", {
+    readonly "code.aria": "Copy code to clipboard";
+    readonly "code.copied": "Code copied to clipboard";
     readonly "link.post": "Copy link to this post to clipboard";
     readonly "link.answer": "Copy link to this answer to clipboard";
     readonly "link.aria": "Copy link to clipboard";
@@ -505,26 +523,33 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "answerList.errorLoading": "Could not load answers";
     readonly "answerList.limitSelect": "Answers per page";
     readonly "common.article": "article";
+    readonly "common.search": "Search";
     readonly "common.post": "post";
     readonly "common.collection": "collection";
     readonly "common.question": "question";
     readonly "common.score": "{{score}} score";
+    readonly "common.answers": "answers";
     readonly "common.experts": "Experts";
     readonly "common.tagExpert": "This user is an expert in this area";
     readonly "common.comments": "Comments";
+    readonly "common.votes": "votes";
+    readonly "common.views": "views";
+    readonly "common.postStats": "Post stats";
     readonly "common.anonymousAuthor": "Anonymous";
-    readonly "common.answers_zero": "No answers";
-    readonly "common.answers_one": "{{count}} answer";
-    readonly "common.answers_other": "{{count}} answers";
-    readonly "common.views_zero": "Viewed {{count}} times";
-    readonly "common.views_one": "Viewed {{count}} time";
-    readonly "common.views_other": "Viewed {{count}} times";
+    readonly "common.readMore": "Read more";
+    readonly "common.clear": "Clear search";
+    readonly "common.answersCount_zero": "No answers";
+    readonly "common.answersCount_one": "{{count}} answer";
+    readonly "common.answersCount_other": "{{count}} answers";
+    readonly "common.viewsCount_zero": "Viewed {{count}} times";
+    readonly "common.viewsCount_one": "Viewed {{count}} time";
+    readonly "common.viewsCount_other": "Viewed {{count}} times";
     readonly "common.viewsShort_zero": "0 views";
     readonly "common.viewsShort_one": "{{count}} view";
     readonly "common.viewsShort_other": "{{count}} views";
-    readonly "common.votes_zero": "0 votes";
-    readonly "common.votes_one": "{{count}} vote";
-    readonly "common.votes_other": "{{count}} votes";
+    readonly "common.votesCount_zero": "0 votes";
+    readonly "common.votesCount_one": "{{count}} vote";
+    readonly "common.votesCount_other": "{{count}} votes";
     readonly "common.posts_zero": "No {{itemType}}s";
     readonly "common.posts_one": "{{count}} {{itemType}}";
     readonly "common.posts_other": "{{count}} {{itemType}}s";
@@ -547,37 +572,67 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "anonymousCheckbox.tooltip": "By enabling this, other users won't be able to see you as an author";
     readonly "anonymousCheckbox.answerAnonymously": "Answer anonymously";
     readonly "anonymousCheckbox.postAnonymously": "Post anonymously";
+    readonly "anonymousCheckbox.info": "Your name will not be shown to others.";
     readonly "fileInput.label": "Header image";
     readonly "fileInput.helperText": "URL of the header image to be used";
     readonly "fileInput.uploadHeaderImage": "Upload image";
     readonly "fileInput.preview": "Preview image";
-    readonly "collectionForm.errorPosting": "Could not create collection";
+    readonly "fileInput.dropHere": "Drop your image here";
+    readonly "fileInput.dragAndDrop": "Drag and drop an image here";
+    readonly "fileInput.supportedFormats": "Supported formats: {{formats}}";
+    readonly "fileInput.selectFile": "Select File";
+    readonly "fileInput.imageLoadError": "Could not load image. Please check the URL.";
+    readonly "collectionForm.errorPosting": "Could not post collection";
+    readonly "collectionForm.submitting": "Creating...";
+    readonly "collectionForm.tips_1": "Choose a clear and descriptive title that reflects the collection's purpose";
+    readonly "collectionForm.tips_2": "Provide a detailed description of what topics or questions the collection will contain";
+    readonly "collectionForm.tips_3": "Use markdown formatting to describe your collection with headings, lists, and links";
     readonly "collectionForm.titleInput.label": "Title";
-    readonly "collectionForm.titleInput.helperText": "Name of the colleciton";
-    readonly "collectionForm.descriptionInput.placeholder": "Collection description, what does it contain?";
+    readonly "collectionForm.titleInput.placeholder": "e.g. Questions about Backstage";
+    readonly "collectionForm.titleInput.helperText": "Title of the collection";
+    readonly "collectionForm.descriptionInput.label": "Description";
+    readonly "collectionForm.descriptionInput.placeholder": "Describe your collection in detail. What topics does it cover?";
+    readonly "collectionForm.descriptionInput.markdownHelp": "Markdown help";
     readonly "collectionForm.submit.existingCollection": "Save";
-    readonly "collectionForm.submit.newCollection": "Create";
+    readonly "collectionForm.submit.newCollection": "Create Collection";
     readonly "postForm.uploadHeaderImage": "Upload header image";
     readonly "postForm.errorPosting": "Could not post {{type}}";
+    readonly "postForm.submitting": "Posting...";
     readonly "postForm.titleInput.label": "Title";
+    readonly "postForm.titleInput.placeholder": "e.g. How do I deploy a Backstage plugin?";
     readonly "postForm.titleInput.helperText": "Write good title for your {{type}} that people can understand";
     readonly "postForm.submit.existingPost": "Save";
     readonly "postForm.submit.newPost": "Post";
-    readonly "postForm.contentInput.placeholder": "Your {{type}}";
+    readonly "postForm.successPosting": "Your {{type}} was posted successfully!";
+    readonly "postForm.tips_question_1": "Describe your problem in detail.";
+    readonly "postForm.tips_question_2": "Include what you have tried and what you expected to happen.";
+    readonly "postForm.tips_question_3": "Share error messages, logs, or screenshots if possible.";
+    readonly "postForm.tips_question_4": "Use code blocks for code or configuration.";
+    readonly "postForm.tips_article_1": "Write a clear and engaging introduction.";
+    readonly "postForm.tips_article_2": "Organize your content with headings and lists.";
+    readonly "postForm.tips_article_3": "Add images or diagrams to illustrate your points.";
+    readonly "postForm.tips_article_4": "Cite sources or link to relevant documentation.";
+    readonly "postForm.contentInput.label": "Your {{type}}";
+    readonly "postForm.contentInput.markdownHelp": "Markdown help";
+    readonly "postForm.contentInput.placeholder_question": "Describe your problem in detail. What have you tried? What did you expect to happen?";
+    readonly "postForm.contentInput.placeholder_article": "Write your article content here. Use headings, lists, and images to organize your information.";
     readonly "answerForm.errorPosting": "Could not post answer";
     readonly "answerForm.submit.existingAnswer": "Save";
     readonly "answerForm.submit.newAnswer": "Post";
     readonly "answerForm.contentInput.placeholder": "Your answer";
     readonly "entitiesInput.label": "Entities";
     readonly "entitiesInput.placeholder": "Type or select entities";
-    readonly "entitiesInput.helperText": "Add up to {{max}} entities this question relates to";
+    readonly "entitiesInput.helperText": "Add up to {{max}} entities";
     readonly "tagsInput.label": "Tags";
     readonly "tagsInput.placeholder": "Type or select tags";
-    readonly "tagsInput.helperText": "Add up to {{max}} tags to categorize your question";
+    readonly "tagsInput.helperText": "Add up to {{max}} tags";
     readonly "tagsInput.allowAddHelperText": "You can create new tags by typing the tag and pressing enter";
     readonly "askPage.title.newQuestion": "Ask a question";
     readonly "askPage.title.existingQuestion": "Edit question";
     readonly "askPage.title.entityQuestion": "Ask a question about {{entity}}";
+    readonly "askPage.templateSelection": "Select a template for your question";
+    readonly "askPage.questionForm": "Ask a question";
+    readonly "askPage.selectTemplate": "Select a template for your question";
     readonly "writePage.title.newArticle": "New article";
     readonly "writePage.title.existingArticle": "Edit article";
     readonly "writePage.title.entityArticle": "Write an article about {{entity}}";
@@ -587,6 +642,8 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "addToCollectionButton.title": "Collections";
     readonly "addToCollectionButton.manage": "Add or remove this post from collections";
     readonly "addToCollectionButton.close": "Close";
+    readonly "addToCollectionButton.removed": "Removed from collection {{collection}}";
+    readonly "addToCollectionButton.added": "Added to collection {{collection}}";
     readonly "writeArticleButton.title": "Write an article";
     readonly "createCollectionButton.title": "Create a collection";
     readonly "commentList.save": "Save";
@@ -641,8 +698,10 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "suggestionsCard.noCorrectAnswer": "Your question \"{{title}}\" does not have a correct answer";
     readonly "suggestionsCard.newQuestion": "Do you have an answer for \"{{title}}\"?";
     readonly "suggestionsCard.newArticle": "You might like to read \"{{title}}\"";
+    readonly "suggestionsCard.noSuggestions": "No suggestions";
     readonly "homePage.title": "Home";
     readonly "impactCard.title": "Your impact";
+    readonly "impactCard.error": "Failed to load impact data";
     readonly "impactCard.views": "views";
     readonly "impactCard.contributions": "Your contributions helped {{lastWeek}} people this week";
     readonly "rightMenu.followedEntities": "Followed entities";
@@ -692,14 +751,15 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "collectionsPage.search.label": "Search collection";
     readonly "collectionsPage.search.placeholder": "Search...";
     readonly "collectionsPage.title": "Collections";
-    readonly "collectionPage.description": "Description";
     readonly "collectionPage.info": "You can add questions and articles to the collection from question and article pages";
+    readonly "collectionPage.description": "Description";
     readonly "searchResult.created": "Created";
     readonly "questionPage.errorLoading": "Could not load question";
     readonly "questionPage.notFound": "Could not find the question";
     readonly "questionPage.editButton": "Edit";
     readonly "questionPage.sortAnswers.label": "Sort answers";
     readonly "questionPage.sortAnswers.default": "Default";
+    readonly "questionPage.sortAnswers.menuLabel": "Sort answers menu";
     readonly "questionPage.sortAnswers.createdDesc": "Created (desc)";
     readonly "questionPage.sortAnswers.createdAsc": "Created (asc)";
     readonly "questionPage.sortAnswers.scoreDesc": "Score (desc)";
@@ -713,6 +773,7 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "authorBox.postedAtTime": "Posted";
     readonly "authorBox.updatedAtTime": "Updated";
     readonly "authorBox.updatedBy": "by";
+    readonly "authorBox.answeredAtTime": "Answered";
     readonly "voteButtons.post.own": "You cannot vote your own {{type}}";
     readonly "voteButtons.post.good": "This {{type}} is good";
     readonly "voteButtons.post.bad": "This {{type}} is not good";
@@ -725,7 +786,7 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "datePicker.from": "From date";
     readonly "datePicker.to": "To date";
     readonly "datePicker.invalidRange": "Date range invalid, 'To date' should be greater than 'From date'";
-    readonly "datePicker.range.label": "Date range";
+    readonly "datePicker.range.label": "Posted";
     readonly "datePicker.range.default": "Select";
     readonly "datePicker.range.last7days": "Last 7 days";
     readonly "datePicker.range.last30days": "Last 30 days";
@@ -813,16 +874,34 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "userPage.articles": "Articles";
     readonly "userPage.answers": "Answers";
     readonly "userPage.profileTab": "Profile";
+    readonly "userPage.followUser": "Follow {{name}}";
+    readonly "userPage.profilePicture": "Profile picture of {{name}}";
+    readonly "userPage.profileHeader": "User profile";
     readonly "stats.questions": "Questions";
     readonly "stats.articles": "Articles";
     readonly "stats.users": "Users";
     readonly "stats.tags": "Tags";
     readonly "stats.answers": "Answers";
     readonly "stats.comments": "Comments";
+    readonly "stats.votes": "Votes";
     readonly "stats.views": "Views";
+    readonly "stats.tooltip": "Chart Tooltip";
     readonly "stats.noStats": "No statistics available. Check back later!";
-    readonly "stats.votes": "Votes";
     readonly "stats.followers": "Followers";
+    readonly "stats.barChart": "Bar Chart";
+    readonly "stats.lineChart": "Line Chart";
+    readonly "stats.chartType": "Chart Type";
+    readonly "stats.dateAxis": "Date Axis";
+    readonly "stats.valueAxis": "Value Axis";
+    readonly "stats.totalViews": "Total views";
+    readonly "stats.totalQuestions": "Total questions";
+    readonly "stats.totalAnswers": "Total answers";
+    readonly "stats.totalComments": "Total comments";
+    readonly "stats.totalVotes": "Total votes";
+    readonly "stats.totalUsers": "Total users";
+    readonly "stats.totalTags": "Total tags";
+    readonly "stats.totalArticles": "Total articles";
+    readonly "stats.totalFollowers": "Total followers";
     readonly "collectionButton.follow": "Follow";
     readonly "collectionButton.tooltip": "By following a collection, you will get notified when ever a new post is added to the collection";
     readonly "collectionButton.unfollow": "Unfollow";
@@ -837,6 +916,8 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "userButton.follow": "Follow";
     readonly "userButton.tooltip": "By following a user, you will get notified when ever a new post by that user is posted";
     readonly "userButton.unfollow": "Unfollow";
+    readonly "viewToggle.listView": "List View";
+    readonly "viewToggle.gridView": "Grid View";
 }>;
 declare const qetaTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"qeta">;
 
@@ -848,9 +929,9 @@ type QetaMarkdownEditorClassKey = 'markdownEditor' | 'markdownEditorError' | 'ma
 
 type QetaCommentListClassKey = 'content' | 'root' | 'box';
 
-type QetaCommentSectionClassKey = 'root' | 'addCommentButton';
+type QetaCommentSectionClassKey = 'root' | 'addCommentButton' | 'commentSection' | 'commentForm';
 
-type QetaSearchBarClassKeys = 'root' | 'input' | 'iconButton' | 'divider';
+type QetaSearchBarClassKeys = 'root' | 'input' | 'iconButton' | 'divider' | 'searchIcon' | 'loadingIcon';
 
 type QetaPaginationClassKeys = 'root' | 'pageSizeSelect' | 'pagination';
 
@@ -872,4 +953,4 @@ type QetaOverrides = Overrides & {
     [Name in keyof QetaComponentsNameToClassKey]?: Partial<StyleRules<QetaComponentsNameToClassKey[Name]>>;
 };
 
-export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerList, AnswerListItem, AnswersContainer, ArticleContent, AskQuestionButton, AuthorLink, ButtonContainer, CollectionCard, CollectionFollowButton, CollectionForm, CollectionsGrid, CreateCollectionButton, DeleteModal, EntitiesGrid, EntityFollowButton, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, ImpactCard, LeftMenu, LeftMenuButton, MarkdownRenderer, PostForm, PostHighlightList, PostList, PostListItem, PostsCard, PostsContainer, PostsGrid, PostsTable, type QetaOverrides, QuestionCard, QuestionsTable, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, SuggestionsCard, SummaryStatsGrid, TagFollowButton, TagsGrid, TemplateList, TopRankingUsers, TrophyIcon, UpdatedByLink, UserFollowButton, UserLink, UsersGrid, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, editArticleRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCollectionsFollow, useEntityAuthor, useEntityFollow, useIdentityApi, useIsModerator, useQetaApi, useTagsFollow, useUserFollow, useUserInfo, userRouteRef, usersRouteRef, writeRouteRef };
+export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerList, AnswerListItem, AnswersContainer, ArticleContent, AskQuestionButton, AuthorLink, ButtonContainer, CollectionCard, CollectionFollowButton, CollectionForm, CollectionsGrid, CreateCollectionButton, DeleteModal, EntitiesGrid, EntityFollowButton, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, ImpactCard, LeftMenu, LeftMenuButton, MarkdownRenderer, PostForm, PostHighlightList, PostList, PostListItem, PostsCard, PostsContainer, PostsGrid, PostsTable, type QetaOverrides, QuestionCard, QuestionsTable, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, SuggestionsCard, SummaryStatsGrid, TagFollowButton, TagsGrid, TemplateList, TopRankingUsers, TrophyIcon, UpdatedByLink, UserFollowButton, UserLink, UsersGrid, ViewToggle, type ViewType, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, editArticleRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCollectionsFollow, useEntityAuthor, useEntityFollow, useIdentityApi, useIsModerator, useQetaApi, useTagsFollow, useUserFollow, useUserInfo, userRouteRef, usersRouteRef, writeRouteRef };

package/dist/index.esm.js

@@ -50,6 +50,7 @@ export { TemplateList } from './components/TemplateList/TemplateList.esm.js';
 export { SelectTemplateList } from './components/SelectTemplateList/SelectTemplateList.esm.js';
 export { AIAnswerCard } from './components/AIAnswerCard/AIAnswerCard.esm.js';
 export { SuggestionsCard } from './components/SuggestionsCard/SuggestionsCard.esm.js';
+export { ViewToggle } from './components/ViewToggle/ViewToggle.esm.js';
 export { useQetaApi } from './hooks/useQetaApi.esm.js';
 export { useTagsFollow } from './hooks/useTagsFollow.esm.js';
 export { useEntityFollow } from './hooks/useEntityFollow.esm.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}