@drodil/backstage-plugin-qeta-react 3.24.5 → 3.25.0

package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js

@@ -1,13 +1,17 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { WarningPanel } from '@backstage/core-components';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { EntitiesGridItem } from './EntitiesGridItem.esm.js';
 import { NoEntitiesCard } from './NoEntitiesCard.esm.js';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
@@ -17,15 +21,15 @@ const EntitiesGridContent = (props) => {
   const { response, loading, error } = props;
   const { t } = useTranslation();
   if (loading) {
-    return /* @__PURE__ */ React__default.createElement(LoadingGrid, null);
+    return /* @__PURE__ */ jsx(LoadingGrid, {});
   }
   if (error || response === void 0) {
-    return /* @__PURE__ */ React__default.createElement(WarningPanel, { severity: "error", title: t("entitiesPage.errorLoading") }, error?.message);
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("entitiesPage.errorLoading"), children: error?.message });
   }
   if (!response?.entities || response.entities.length === 0) {
-    return /* @__PURE__ */ React__default.createElement(NoEntitiesCard, null);
+    return /* @__PURE__ */ jsx(NoEntitiesCard, {});
   }
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, item: true, xs: 12, alignItems: "stretch" }, response?.entities.map((entity) => /* @__PURE__ */ React__default.createElement(EntitiesGridItem, { entity, key: entity.entityRef })));
+  return /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, alignItems: "stretch", children: response?.entities.map((entity) => /* @__PURE__ */ jsx(EntitiesGridItem, { entity }, entity.entityRef)) });
 };
 
 export { EntitiesGridContent };

package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGridContent.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridContent.tsx"],"sourcesContent":["import React from 'react';\nimport { EntitiesResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesGridItem } from './EntitiesGridItem';\nimport { NoEntitiesCard } from './NoEntitiesCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const EntitiesGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: EntitiesResponse;\n}) => {\n  const { response, loading, error } = props;\n  const { t } = useTranslation();\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('entitiesPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.entities || response.entities.length === 0) {\n    return <NoEntitiesCard />;\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response?.entities.map(entity => (\n        <EntitiesGridItem entity={entity} key={entity.entityRef} />\n      ))}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASa,MAAA,mBAAA,GAAsB,CAAC,KAI9B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,oDAAQ,WAAY,EAAA,IAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,EAAA,KAAA,EAAO,OACV,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACzD,IAAA,oDAAQ,cAAe,EAAA,IAAA,CAAA;AAAA;AAGzB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EAAA,EACrC,UAAU,QAAS,CAAA,GAAA,CAAI,4BACrBA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,QAAgB,GAAK,EAAA,MAAA,CAAO,SAAW,EAAA,CAC1D,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntitiesGridContent.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridContent.tsx"],"sourcesContent":["import { EntitiesResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesGridItem } from './EntitiesGridItem';\nimport { NoEntitiesCard } from './NoEntitiesCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const EntitiesGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: EntitiesResponse;\n}) => {\n  const { response, loading, error } = props;\n  const { t } = useTranslation();\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('entitiesPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.entities || response.entities.length === 0) {\n    return <NoEntitiesCard />;\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response?.entities.map(entity => (\n        <EntitiesGridItem entity={entity} key={entity.entityRef} />\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAQa,MAAA,mBAAA,GAAsB,CAAC,KAI9B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACzD,IAAA,2BAAQ,cAAe,EAAA,EAAA,CAAA;AAAA;AAGzB,EACE,uBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EACrC,oBAAU,QAAS,CAAA,GAAA,CAAI,4BACrB,GAAA,CAAA,gBAAA,EAAA,EAAiB,UAAqB,MAAO,CAAA,SAAW,CAC1D,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js

@@ -1,5 +1,5 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Grid, Card, CardActionArea, CardHeader, Avatar, CardContent, Typography, CardActions, Tooltip, Button } from '@material-ui/core';
-import React__default from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { useNavigate } from 'react-router-dom';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
@@ -7,10 +7,14 @@ import { entityRouteRef } from '../../routes.esm.js';
 import { parseEntityRef } from '@backstage/catalog-model';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
 import 'dataloader';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
 
@@ -22,47 +26,55 @@ const EntitiesGridItem = (props) => {
   const entityFollow = useEntityFollow();
   const compound = parseEntityRef(entity.entityRef);
   const { primaryTitle, Icon } = useEntityPresentation(compound);
-  return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
     Card,
     {
       variant: "outlined",
-      style: { height: "100%", display: "flex", flexDirection: "column" }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      CardActionArea,
-      {
-        onClick: () => navigate(entityRoute({ entityRef: entity.entityRef }))
-      },
-      /* @__PURE__ */ React__default.createElement(
-        CardHeader,
-        {
-          title: primaryTitle,
-          avatar: Icon ? /* @__PURE__ */ React__default.createElement(Avatar, null, /* @__PURE__ */ React__default.createElement(Icon, null)) : null
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, t("common.posts", {
-        count: entity.postsCount,
-        itemType: "post"
-      }), " \xB7 ", t("common.followers", { count: entity.followerCount })))
-    ),
-    /* @__PURE__ */ React__default.createElement(CardActions, { style: { marginTop: "auto" } }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("entityButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        color: entityFollow.isFollowingEntity(entity.entityRef) ? "secondary" : "primary",
-        onClick: () => {
-          if (entityFollow.isFollowingEntity(entity.entityRef)) {
-            entityFollow.unfollowEntity(entity.entityRef);
-          } else {
-            entityFollow.followEntity(entity.entityRef);
+      style: { height: "100%", display: "flex", flexDirection: "column" },
+      children: [
+        /* @__PURE__ */ jsxs(
+          CardActionArea,
+          {
+            onClick: () => navigate(entityRoute({ entityRef: entity.entityRef })),
+            children: [
+              /* @__PURE__ */ jsx(
+                CardHeader,
+                {
+                  title: primaryTitle,
+                  avatar: Icon ? /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(Icon, {}) }) : null
+                }
+              ),
+              /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+                t("common.posts", {
+                  count: entity.postsCount,
+                  itemType: "post"
+                }),
+                " \xB7 ",
+                t("common.followers", { count: entity.followerCount })
+              ] }) })
+            ]
           }
-        },
-        startIcon: entityFollow.isFollowingEntity(entity.entityRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-      },
-      entityFollow.isFollowingEntity(entity.entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
-    )))))
-  ));
+        ),
+        /* @__PURE__ */ jsx(CardActions, { style: { marginTop: "auto" }, children: /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: t("entityButton.tooltip"), children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "outlined",
+            color: entityFollow.isFollowingEntity(entity.entityRef) ? "secondary" : "primary",
+            onClick: () => {
+              if (entityFollow.isFollowingEntity(entity.entityRef)) {
+                entityFollow.unfollowEntity(entity.entityRef);
+              } else {
+                entityFollow.followEntity(entity.entityRef);
+              }
+            },
+            startIcon: entityFollow.isFollowingEntity(entity.entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+            children: entityFollow.isFollowingEntity(entity.entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
+          }
+        ) }) }) }) })
+      ]
+    }
+  ) });
 };
 
 export { EntitiesGridItem };

package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGridItem.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridItem.tsx"],"sourcesContent":["import { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Avatar,\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useEntityFollow, useTranslation } from '../../hooks';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nexport const EntitiesGridItem = (props: { entity: EntityResponse }) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const entityFollow = useEntityFollow();\n  const compound = parseEntityRef(entity.entityRef);\n  const { primaryTitle, Icon } = useEntityPresentation(compound);\n\n  return (\n    <Grid item xs={3}>\n      <Card\n        variant=\"outlined\"\n        style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n      >\n        <CardActionArea\n          onClick={() => navigate(entityRoute({ entityRef: entity.entityRef }))}\n        >\n          <CardHeader\n            title={primaryTitle}\n            avatar={\n              Icon ? (\n                <Avatar>\n                  <Icon />\n                </Avatar>\n              ) : null\n            }\n          />\n          <CardContent>\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: entity.postsCount,\n                itemType: 'post',\n              })}\n              {' · '}\n              {t('common.followers', { count: entity.followerCount })}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        <CardActions style={{ marginTop: 'auto' }}>\n          <Grid container justifyContent=\"center\">\n            <Grid item>\n              <Tooltip title={t('entityButton.tooltip')}>\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={\n                    entityFollow.isFollowingEntity(entity.entityRef)\n                      ? 'secondary'\n                      : 'primary'\n                  }\n                  onClick={() => {\n                    if (entityFollow.isFollowingEntity(entity.entityRef)) {\n                      entityFollow.unfollowEntity(entity.entityRef);\n                    } else {\n                      entityFollow.followEntity(entity.entityRef);\n                    }\n                  }}\n                  startIcon={\n                    entityFollow.isFollowingEntity(entity.entityRef) ? (\n                      <VisibilityOff />\n                    ) : (\n                      <Visibility />\n                    )\n                  }\n                >\n                  {entityFollow.isFollowingEntity(entity.entityRef)\n                    ? t('entityButton.unfollow')\n                    : t('entityButton.follow')}\n                </Button>\n              </Tooltip>\n            </Grid>\n          </Grid>\n        </CardActions>\n      </Card>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"EntitiesGridItem.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridItem.tsx"],"sourcesContent":["import { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Avatar,\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useEntityFollow, useTranslation } from '../../hooks';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nexport const EntitiesGridItem = (props: { entity: EntityResponse }) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const entityFollow = useEntityFollow();\n  const compound = parseEntityRef(entity.entityRef);\n  const { primaryTitle, Icon } = useEntityPresentation(compound);\n\n  return (\n    <Grid item xs={3}>\n      <Card\n        variant=\"outlined\"\n        style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n      >\n        <CardActionArea\n          onClick={() => navigate(entityRoute({ entityRef: entity.entityRef }))}\n        >\n          <CardHeader\n            title={primaryTitle}\n            avatar={\n              Icon ? (\n                <Avatar>\n                  <Icon />\n                </Avatar>\n              ) : null\n            }\n          />\n          <CardContent>\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: entity.postsCount,\n                itemType: 'post',\n              })}\n              {' · '}\n              {t('common.followers', { count: entity.followerCount })}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        <CardActions style={{ marginTop: 'auto' }}>\n          <Grid container justifyContent=\"center\">\n            <Grid item>\n              <Tooltip title={t('entityButton.tooltip')}>\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={\n                    entityFollow.isFollowingEntity(entity.entityRef)\n                      ? 'secondary'\n                      : 'primary'\n                  }\n                  onClick={() => {\n                    if (entityFollow.isFollowingEntity(entity.entityRef)) {\n                      entityFollow.unfollowEntity(entity.entityRef);\n                    } else {\n                      entityFollow.followEntity(entity.entityRef);\n                    }\n                  }}\n                  startIcon={\n                    entityFollow.isFollowingEntity(entity.entityRef) ? (\n                      <VisibilityOff />\n                    ) : (\n                      <Visibility />\n                    )\n                  }\n                >\n                  {entityFollow.isFollowingEntity(entity.entityRef)\n                    ? t('entityButton.unfollow')\n                    : t('entityButton.follow')}\n                </Button>\n              </Tooltip>\n            </Grid>\n          </Grid>\n        </CardActions>\n      </Card>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js

@@ -1,26 +1,30 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { Card, CardContent, Grid, Typography } from '@material-ui/core';
 
 const NoEntitiesCard = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React__default.createElement(Card, { style: { marginTop: "2em" } }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       justifyContent: "center",
       alignItems: "center",
-      direction: "column"
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, t(`entitiesPage.entities`, { count: 0 })))
-  )));
+      direction: "column",
+      children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t(`entitiesPage.entities`, { count: 0 }) }) })
+    }
+  ) }) });
 };
 
 export { NoEntitiesCard };

package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoEntitiesCard.esm.js","sources":["../../../src/components/EntitiesGrid/NoEntitiesCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from '../../hooks';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoEntitiesCard = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`entitiesPage.entities`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAIO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAAA,+CAC7B,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA;AAAA,KAAA;AAAA,oBAETA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,+CACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,yBAAyB,EAAE,KAAA,EAAO,CAAE,EAAC,CAC1C,CACF;AAAA,GAEJ,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoEntitiesCard.esm.js","sources":["../../../src/components/EntitiesGrid/NoEntitiesCard.tsx"],"sourcesContent":["import { useTranslation } from '../../hooks';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoEntitiesCard = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`entitiesPage.entities`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,EAAE,KAAA,EAAO,CAAE,EAAC,GAC1C,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/FilterPanel/DateRangeFilter.esm.js

@@ -1,4 +1,5 @@
-import React__default, { useState, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { formatDate } from '../../utils/utils.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -8,6 +9,9 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { makeStyles, Grid, Typography, TextField, MenuItem } from '@material-ui/core';
 
 const useStyles = makeStyles(
@@ -55,64 +59,73 @@ const DateRangeFilter = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, className: styles.root }, validation.message && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { color: "error", variant: "body2" }, validation.message)), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-    TextField,
-    {
-      select: true,
-      className: styles.textInput,
-      label: t("datePicker.range.label"),
-      value: dateRangeOption || "select",
-      onChange: (e) => {
-        if (e.target.value !== "custom") {
-          onChange(e.target.value === "select" ? "" : e.target.value);
-        }
-        setDateRangeOption(e.target.value);
-      },
-      variant: "outlined",
-      defaultValue: "select"
-    },
-    /* @__PURE__ */ React__default.createElement(MenuItem, { value: "select" }, t("datePicker.range.default")),
-    /* @__PURE__ */ React__default.createElement(MenuItem, { value: "7-days" }, t("datePicker.range.last7days")),
-    /* @__PURE__ */ React__default.createElement(MenuItem, { value: "30-days" }, t("datePicker.range.last30days")),
-    /* @__PURE__ */ React__default.createElement(MenuItem, { value: "custom" }, t("datePicker.range.custom"))
-  )), dateRangeOption === "custom" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-    TextField,
-    {
-      className: styles.textInput,
-      variant: "outlined",
-      label: t("datePicker.from"),
-      id: "from-date",
-      type: "date",
-      value: fromDate,
-      InputLabelProps: { shrink: true },
-      error: !validation.isValid,
-      onChange: (e) => {
-        handleCustom(e.target.value);
-      },
-      inputProps: {
-        max: toDate || localDate
-      }
-    }
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-    TextField,
-    {
-      className: styles.textInput,
-      variant: "outlined",
-      label: t("datePicker.to"),
-      id: "to-date",
-      type: "date",
-      value: toDate,
-      InputLabelProps: { shrink: true },
-      error: !validation.isValid,
-      onChange: (e) => {
-        handleCustom(void 0, e.target.value);
-      },
-      inputProps: {
-        min: fromDate,
-        max: localDate
+  return /* @__PURE__ */ jsxs(Grid, { container: true, className: styles.root, children: [
+    validation.message && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", children: validation.message }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(
+      TextField,
+      {
+        select: true,
+        className: styles.textInput,
+        label: t("datePicker.range.label"),
+        value: dateRangeOption || "select",
+        onChange: (e) => {
+          if (e.target.value !== "custom") {
+            onChange(e.target.value === "select" ? "" : e.target.value);
+          }
+          setDateRangeOption(e.target.value);
+        },
+        variant: "outlined",
+        defaultValue: "select",
+        children: [
+          /* @__PURE__ */ jsx(MenuItem, { value: "select", children: t("datePicker.range.default") }),
+          /* @__PURE__ */ jsx(MenuItem, { value: "7-days", children: t("datePicker.range.last7days") }),
+          /* @__PURE__ */ jsx(MenuItem, { value: "30-days", children: t("datePicker.range.last30days") }),
+          /* @__PURE__ */ jsx(MenuItem, { value: "custom", children: t("datePicker.range.custom") })
+        ]
       }
-    }
-  ))));
+    ) }),
+    dateRangeOption === "custom" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          className: styles.textInput,
+          variant: "outlined",
+          label: t("datePicker.from"),
+          id: "from-date",
+          type: "date",
+          value: fromDate,
+          InputLabelProps: { shrink: true },
+          error: !validation.isValid,
+          onChange: (e) => {
+            handleCustom(e.target.value);
+          },
+          inputProps: {
+            max: toDate || localDate
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          className: styles.textInput,
+          variant: "outlined",
+          label: t("datePicker.to"),
+          id: "to-date",
+          type: "date",
+          value: toDate,
+          InputLabelProps: { shrink: true },
+          error: !validation.isValid,
+          onChange: (e) => {
+            handleCustom(void 0, e.target.value);
+          },
+          inputProps: {
+            min: fromDate,
+            max: localDate
+          }
+        }
+      ) })
+    ] })
+  ] });
 };
 
 export { DateRangeFilter };

package/dist/components/FilterPanel/DateRangeFilter.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { formatDate } from '../../utils/utils';\nimport { useTranslation } from '../../hooks';\nimport {\n  Grid,\n  makeStyles,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    textInput: {\n      minWidth: '230px',\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n  { name: 'QetaDateRangeFilter' },\n);\n\nexport const DateRangeFilter = (props: DateRangeFilterProps) => {\n  const { value, onChange } = props;\n  const styles = useStyles();\n  const [dateRangeOption, setDateRangeOption] = useState<string | undefined>(\n    value,\n  );\n  const { t } = useTranslation();\n  const localDate = formatDate(new Date());\n  const [fromDate, setFromDate] = useState(localDate);\n  const [toDate, setToDate] = useState(localDate);\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\n\n  useEffect(() => {\n    setDateRangeOption(value || '');\n    if (value && value.indexOf('--') >= 0) {\n      setDateRangeOption('custom');\n      setFromDate(value.split('--')[0] || '');\n      setToDate(value.split('--')[1] || '');\n    }\n  }, [value]);\n\n  const handleCustom = (from?: string, to?: string) => {\n    const startDate = new Date(from ?? fromDate);\n    const endDate = new Date(to ?? toDate);\n    if (startDate <= endDate) {\n      setValidation({ isValid: true });\n      onChange(`${formatDate(startDate)}--${formatDate(endDate)}`);\n    } else {\n      setValidation({\n        isValid: false,\n        message: t('datePicker.invalidRange'),\n      });\n    }\n  };\n\n  return (\n    <Grid container className={styles.root}>\n      {validation.message && (\n        <Grid item xs={12}>\n          <Typography color=\"error\" variant=\"body2\">\n            {validation.message}\n          </Typography>\n        </Grid>\n      )}\n      <Grid item>\n        <TextField\n          select\n          className={styles.textInput}\n          label={t('datePicker.range.label')}\n          value={dateRangeOption || 'select'}\n          onChange={e => {\n            if (e.target.value !== 'custom') {\n              onChange(e.target.value === 'select' ? '' : e.target.value);\n            }\n            setDateRangeOption(e.target.value);\n          }}\n          variant=\"outlined\"\n          defaultValue=\"select\"\n        >\n          <MenuItem value=\"select\">{t('datePicker.range.default')}</MenuItem>\n          <MenuItem value=\"7-days\">{t('datePicker.range.last7days')}</MenuItem>\n          <MenuItem value=\"30-days\">\n            {t('datePicker.range.last30days')}\n          </MenuItem>\n          <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n        </TextField>\n      </Grid>\n      {dateRangeOption === 'custom' && (\n        <>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(e.target.value);\n              }}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n          </Grid>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(undefined, e.target.value);\n              }}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Grid>\n        </>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,MAAM,EAAC;AAAA,IACP,SAAW,EAAA;AAAA,MACT,QAAU,EAAA,OAAA;AAAA,MACV,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC1B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC/B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,qBAAsB;AAChC,CAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,KAAA;AAC5B,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C;AAAA,GACF;AACA,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,SAAY,GAAA,UAAA,iBAAe,IAAA,IAAA,EAAM,CAAA;AACvC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,SAAS,CAAA;AAClD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,SAAS,CAAA;AAC9C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAA8B,CAAA;AAAA,IAChE,OAAS,EAAA;AAAA,GACV,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,kBAAA,CAAmB,SAAS,EAAE,CAAA;AAC9B,IAAA,IAAI,KAAS,IAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,KAAK,CAAG,EAAA;AACrC,MAAA,kBAAA,CAAmB,QAAQ,CAAA;AAC3B,MAAA,WAAA,CAAY,MAAM,KAAM,CAAA,IAAI,CAAE,CAAA,CAAC,KAAK,EAAE,CAAA;AACtC,MAAA,SAAA,CAAU,MAAM,KAAM,CAAA,IAAI,CAAE,CAAA,CAAC,KAAK,EAAE,CAAA;AAAA;AACtC,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAM,MAAA,YAAA,GAAe,CAAC,IAAA,EAAe,EAAgB,KAAA;AACnD,IAAA,MAAM,SAAY,GAAA,IAAI,IAAK,CAAA,IAAA,IAAQ,QAAQ,CAAA;AAC3C,IAAA,MAAM,OAAU,GAAA,IAAI,IAAK,CAAA,EAAA,IAAM,MAAM,CAAA;AACrC,IAAA,IAAI,aAAa,OAAS,EAAA;AACxB,MAAc,aAAA,CAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA;AAC/B,MAAS,QAAA,CAAA,CAAA,EAAG,WAAW,SAAS,CAAC,KAAK,UAAW,CAAA,OAAO,CAAC,CAAE,CAAA,CAAA;AAAA,KACtD,MAAA;AACL,MAAc,aAAA,CAAA;AAAA,QACZ,OAAS,EAAA,KAAA;AAAA,QACT,OAAA,EAAS,EAAE,yBAAyB;AAAA,OACrC,CAAA;AAAA;AACH,GACF;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAW,EAAA,MAAA,CAAO,IAC/B,EAAA,EAAA,UAAA,CAAW,OACV,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,OAAA,EAAQ,OAC/B,EAAA,EAAA,UAAA,CAAW,OACd,CACF,CAEF,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAM,EAAA,IAAA;AAAA,MACN,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,MACjC,OAAO,eAAmB,IAAA,QAAA;AAAA,MAC1B,UAAU,CAAK,CAAA,KAAA;AACb,QAAI,IAAA,CAAA,CAAE,MAAO,CAAA,KAAA,KAAU,QAAU,EAAA;AAC/B,UAAA,QAAA,CAAS,EAAE,MAAO,CAAA,KAAA,KAAU,WAAW,EAAK,GAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA;AAE5D,QAAmB,kBAAA,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,OACnC;AAAA,MACA,OAAQ,EAAA,UAAA;AAAA,MACR,YAAa,EAAA;AAAA,KAAA;AAAA,iDAEZ,QAAS,EAAA,EAAA,KAAA,EAAM,QAAU,EAAA,EAAA,CAAA,CAAE,0BAA0B,CAAE,CAAA;AAAA,iDACvD,QAAS,EAAA,EAAA,KAAA,EAAM,QAAU,EAAA,EAAA,CAAA,CAAE,4BAA4B,CAAE,CAAA;AAAA,iDACzD,QAAS,EAAA,EAAA,KAAA,EAAM,SACb,EAAA,EAAA,CAAA,CAAE,6BAA6B,CAClC,CAAA;AAAA,iDACC,QAAS,EAAA,EAAA,KAAA,EAAM,QAAU,EAAA,EAAA,CAAA,CAAE,yBAAyB,CAAE;AAAA,GAE3D,GACC,eAAoB,KAAA,QAAA,gGAEhBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,OAAQ,EAAA,UAAA;AAAA,MACR,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,MAC1B,EAAG,EAAA,WAAA;AAAA,MACH,IAAK,EAAA,MAAA;AAAA,MACL,KAAO,EAAA,QAAA;AAAA,MACP,eAAA,EAAiB,EAAE,MAAA,EAAQ,IAAK,EAAA;AAAA,MAChC,KAAA,EAAO,CAAC,UAAW,CAAA,OAAA;AAAA,MACnB,UAAU,CAAK,CAAA,KAAA;AACb,QAAa,YAAA,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,KAAK,MAAU,IAAA;AAAA;AACjB;AAAA,GAEJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,OAAQ,EAAA,UAAA;AAAA,MACR,KAAA,EAAO,EAAE,eAAe,CAAA;AAAA,MACxB,EAAG,EAAA,SAAA;AAAA,MACH,IAAK,EAAA,MAAA;AAAA,MACL,KAAO,EAAA,MAAA;AAAA,MACP,eAAA,EAAiB,EAAE,MAAA,EAAQ,IAAK,EAAA;AAAA,MAChC,KAAA,EAAO,CAAC,UAAW,CAAA,OAAA;AAAA,MACnB,UAAU,CAAK,CAAA,KAAA;AACb,QAAa,YAAA,CAAA,KAAA,CAAA,EAAW,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,OACxC;AAAA,MACA,UAAY,EAAA;AAAA,QACV,GAAK,EAAA,QAAA;AAAA,QACL,GAAK,EAAA;AAAA;AACP;AAAA,GAEJ,CACF,CAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { formatDate } from '../../utils/utils';\nimport { useTranslation } from '../../hooks';\nimport {\n  Grid,\n  makeStyles,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    textInput: {\n      minWidth: '230px',\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n  { name: 'QetaDateRangeFilter' },\n);\n\nexport const DateRangeFilter = (props: DateRangeFilterProps) => {\n  const { value, onChange } = props;\n  const styles = useStyles();\n  const [dateRangeOption, setDateRangeOption] = useState<string | undefined>(\n    value,\n  );\n  const { t } = useTranslation();\n  const localDate = formatDate(new Date());\n  const [fromDate, setFromDate] = useState(localDate);\n  const [toDate, setToDate] = useState(localDate);\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\n\n  useEffect(() => {\n    setDateRangeOption(value || '');\n    if (value && value.indexOf('--') >= 0) {\n      setDateRangeOption('custom');\n      setFromDate(value.split('--')[0] || '');\n      setToDate(value.split('--')[1] || '');\n    }\n  }, [value]);\n\n  const handleCustom = (from?: string, to?: string) => {\n    const startDate = new Date(from ?? fromDate);\n    const endDate = new Date(to ?? toDate);\n    if (startDate <= endDate) {\n      setValidation({ isValid: true });\n      onChange(`${formatDate(startDate)}--${formatDate(endDate)}`);\n    } else {\n      setValidation({\n        isValid: false,\n        message: t('datePicker.invalidRange'),\n      });\n    }\n  };\n\n  return (\n    <Grid container className={styles.root}>\n      {validation.message && (\n        <Grid item xs={12}>\n          <Typography color=\"error\" variant=\"body2\">\n            {validation.message}\n          </Typography>\n        </Grid>\n      )}\n      <Grid item>\n        <TextField\n          select\n          className={styles.textInput}\n          label={t('datePicker.range.label')}\n          value={dateRangeOption || 'select'}\n          onChange={e => {\n            if (e.target.value !== 'custom') {\n              onChange(e.target.value === 'select' ? '' : e.target.value);\n            }\n            setDateRangeOption(e.target.value);\n          }}\n          variant=\"outlined\"\n          defaultValue=\"select\"\n        >\n          <MenuItem value=\"select\">{t('datePicker.range.default')}</MenuItem>\n          <MenuItem value=\"7-days\">{t('datePicker.range.last7days')}</MenuItem>\n          <MenuItem value=\"30-days\">\n            {t('datePicker.range.last30days')}\n          </MenuItem>\n          <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n        </TextField>\n      </Grid>\n      {dateRangeOption === 'custom' && (\n        <>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(e.target.value);\n              }}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n          </Grid>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(undefined, e.target.value);\n              }}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Grid>\n        </>\n      )}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}