@axis-backstage/plugin-vacation-calendar 0.9.2 → 0.9.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @axis-backstage/plugin-vacation-calendar
 
+## 0.9.3
+
+### Patch Changes
+
+- 28e5257: Added new frontend system (NFS) support via a new `./alpha` entry point. The plugin exposes an `EntityContentBlueprint` that renders the Out of Office calendar as an entity content tab, and an `ApiBlueprint` for the vacation calendar API.
+
 ## 0.9.2
 
 ### Patch Changes

package/README.md

@@ -100,6 +100,45 @@ const userPage = (
 );
 ```
 
+## New Frontend System
+
+The plugin supports the [new Backstage frontend system](https://backstage.io/docs/frontend-system/) via the `./alpha` entry point.
+
+1. Install the plugin into your app:
+
+```bash
+# From your Backstage root directory
+yarn --cwd packages/app add @axis-backstage/plugin-vacation-calendar
+```
+
+2. Add the plugin to your app:
+
+```ts
+// packages/app/src/App.tsx (or wherever you configure your frontend features)
+import vacationCalendarPlugin from '@axis-backstage/plugin-vacation-calendar/alpha';
+
+export const app = createApp({
+  features: [
+    // ...
+    vacationCalendarPlugin,
+  ],
+});
+```
+
+The plugin will automatically add an "Out Of Office" tab to Group and User entity pages. No manual route or API setup is required — the plugin handles both the API factory and the entity content tab as extensions.
+
+### Overriding the entity filter
+
+By default the tab is shown on `Group` and `User` entities. You can override this in your `app-config.yaml`:
+
+```yaml
+app:
+  extensions:
+    - entity-content:vacation-calendar/entity:
+        config:
+          filter: 'kind: Component'
+```
+
 ## Development
 
 The plugin has been added to the example app in this repository, meaning you'll be able to access it by running `yarn start` in the root directory, and then navigating to [/vacation-calendar](http://localhost:3000/vacation-calendar).

package/dist/alpha/apis.esm.js

@@ -0,0 +1,15 @@
+import { ApiBlueprint, fetchApiRef } from '@backstage/frontend-plugin-api';
+import { microsoftAuthApiRef } from '@backstage/core-plugin-api';
+import { vacationCalendarApiRef } from '../api/VacationCalendarApi.esm.js';
+import { VacationCalendarApiClient } from '../api/VacationCalendarClient.esm.js';
+
+const vacationCalendarApi = ApiBlueprint.make({
+  params: (defineParams) => defineParams({
+    api: vacationCalendarApiRef,
+    deps: { authApi: microsoftAuthApiRef, fetchApi: fetchApiRef },
+    factory: ({ authApi, fetchApi }) => new VacationCalendarApiClient({ authApi, fetchApi })
+  })
+});
+
+export { vacationCalendarApi };
+//# sourceMappingURL=apis.esm.js.map

package/dist/alpha/apis.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apis.esm.js","sources":["../../src/alpha/apis.ts"],"sourcesContent":["import { ApiBlueprint, fetchApiRef } from '@backstage/frontend-plugin-api';\nimport { microsoftAuthApiRef } from '@backstage/core-plugin-api';\nimport { vacationCalendarApiRef } from '../api';\nimport { VacationCalendarApiClient } from '../api';\n\n/**\n * @alpha\n */\nexport const vacationCalendarApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: vacationCalendarApiRef,\n      deps: { authApi: microsoftAuthApiRef, fetchApi: fetchApiRef },\n      factory: ({ authApi, fetchApi }) =>\n        new VacationCalendarApiClient({ authApi, fetchApi }),\n    }),\n});\n"],"names":[],"mappings":";;;;;AAQO,MAAM,mBAAA,GAAsB,aAAa,IAAA,CAAK;AAAA,EACnD,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,sBAAA;AAAA,IACL,IAAA,EAAM,EAAE,OAAA,EAAS,mBAAA,EAAqB,UAAU,WAAA,EAAY;AAAA,IAC5D,OAAA,EAAS,CAAC,EAAE,OAAA,EAAS,QAAA,EAAS,KAC5B,IAAI,yBAAA,CAA0B,EAAE,OAAA,EAAS,QAAA,EAAU;AAAA,GACtD;AACL,CAAC;;;;"}

package/dist/alpha/entityContent.esm.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { isGroupEntity, isUserEntity } from '@backstage/catalog-model';
+import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import { rootRouteRef } from '../routes.esm.js';
+
+const entityVacationCalendarContent = EntityContentBlueprint.make({
+  name: "entity",
+  params: {
+    path: "/vacation-calendar",
+    title: "Out Of Office",
+    routeRef: rootRouteRef,
+    filter: (entity) => isGroupEntity(entity) || isUserEntity(entity),
+    loader: async () => import('../components/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.VacationCalendar, {}))
+  }
+});
+
+export { entityVacationCalendarContent };
+//# sourceMappingURL=entityContent.esm.js.map

package/dist/alpha/entityContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityContent.esm.js","sources":["../../src/alpha/entityContent.tsx"],"sourcesContent":["import { isGroupEntity, isUserEntity } from '@backstage/catalog-model';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { rootRouteRef } from '../routes';\n\n/**\n * @alpha\n */\nexport const entityVacationCalendarContent = EntityContentBlueprint.make({\n  name: 'entity',\n  params: {\n    path: '/vacation-calendar',\n    title: 'Out Of Office',\n    routeRef: rootRouteRef,\n    filter: entity => isGroupEntity(entity) || isUserEntity(entity),\n    loader: async () =>\n      import('../components').then(m => <m.VacationCalendar />),\n  },\n});\n"],"names":[],"mappings":";;;;;AAOO,MAAM,6BAAA,GAAgC,uBAAuB,IAAA,CAAK;AAAA,EACvE,IAAA,EAAM,QAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,oBAAA;AAAA,IACN,KAAA,EAAO,eAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,QAAQ,CAAA,MAAA,KAAU,aAAA,CAAc,MAAM,CAAA,IAAK,aAAa,MAAM,CAAA;AAAA,IAC9D,MAAA,EAAQ,YACN,OAAO,4BAAe,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,gBAAA,EAAF,EAAmB,CAAE;AAAA;AAE9D,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -0,0 +1,69 @@
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import * as react from 'react';
+import * as _backstage_filter_predicates from '@backstage/filter-predicates';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/**
+ * Frontend plugin that fetches and displays out of office events for entities.
+ *
+ * @alpha
+ * @packageDocumentation
+ */
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "api:vacation-calendar": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "api";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+    }>;
+    "entity-content:vacation-calendar/entity": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "entity-content";
+        name: "entity";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: _backstage_filter_predicates.FilterPredicate | undefined;
+            group: string | false | undefined;
+            icon: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+            filter?: _backstage_filter_predicates.FilterPredicate | undefined;
+            group?: string | false | undefined;
+            icon?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string | react.ReactElement<any, string | react.JSXElementConstructor<any>>, "catalog.entity-content-icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath?: [Error: `Use the 'path' param instead`];
+            path: string;
+            defaultTitle?: [Error: `Use the 'title' param instead`];
+            title: string;
+            defaultGroup?: [Error: `Use the 'group' param instead`];
+            group?: ("overview" | "documentation" | "development" | "deployment" | "operation" | "observability") | (string & {});
+            icon?: string | react.ReactElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            filter?: string | _backstage_filter_predicates.FilterPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+        };
+    }>;
+}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,15 @@
+import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { vacationCalendarApi } from './alpha/apis.esm.js';
+import { entityVacationCalendarContent } from './alpha/entityContent.esm.js';
+import { rootRouteRef } from './routes.esm.js';
+
+var alpha = createFrontendPlugin({
+  pluginId: "vacation-calendar",
+  extensions: [entityVacationCalendarContent, vacationCalendarApi],
+  routes: {
+    root: rootRouteRef
+  }
+});
+
+export { alpha as default };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.ts"],"sourcesContent":["import { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  entityVacationCalendarContent,\n  vacationCalendarApi,\n} from './alpha/index';\nimport { rootRouteRef } from './routes';\n\n/**\n * Frontend plugin that fetches and displays out of office events for entities.\n *\n * @alpha\n * @packageDocumentation\n */\nexport default createFrontendPlugin({\n  pluginId: 'vacation-calendar',\n  extensions: [entityVacationCalendarContent, vacationCalendarApi],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n"],"names":[],"mappings":";;;;;AAaA,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,mBAAA;AAAA,EACV,UAAA,EAAY,CAAC,6BAAA,EAA+B,mBAAmB,CAAA;AAAA,EAC/D,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;;;;"}

package/dist/components/CalendarCard/CalendarCard.esm.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react-calendar-timeline/lib/Timeline.css';
 import { useState } from 'react';
 import useAsync from 'react-use/lib/useAsync';
 import Timeline, { TimelineHeaders, SidebarHeader, DateHeader } from 'react-calendar-timeline';

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarCard.esm.js","sources":["../../../src/components/CalendarCard/CalendarCard.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport Timeline, {\n  TimelineHeaders,\n  SidebarHeader,\n  DateHeader,\n  IntervalRenderer,\n} from 'react-calendar-timeline';\nimport { DateTime } from 'luxon';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';\nimport {\n  Content,\n  ContentHeader,\n  SupportButton,\n  Link,\n  ErrorPanel,\n  Progress,\n  Avatar,\n} from '@backstage/core-components';\nimport { DateSelector } from '../DateSelector';\nimport { getGroups, getScheduleItems } from './lib';\nimport { fetchGroupEntities, fetchUserEntities } from './fetch';\nimport { useAvailability } from '../../hooks/useAvailibility';\nimport { useSignIn } from '../../hooks';\nimport { SignInContent } from '../SignInContent';\nimport MuiLink from '@mui/material/Link';\nimport Button from '@mui/material/Button';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Stack from '@mui/material/Stack';\n\nimport { Theme } from '@mui/material/styles';\n\nconst DEFAULT_NUM_DAYS = 60;\n\nconst IntervalDateHeader = (props?: IntervalRenderer<object>): ReactNode => {\n  return (\n    <MuiLink\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        borderBottom: '1px solid #bbb',\n        cursor: 'pointer',\n        fontSize: '14px',\n        borderLeft: '2px solid #bbb',\n        color: (theme: Theme) => theme.palette.text.primary,\n        position: 'absolute',\n        width: props?.intervalContext.interval.labelWidth,\n        left: props?.intervalContext.interval.left,\n      }}\n      onClick={props?.getIntervalProps().onClick}\n    >\n      {props?.intervalContext.intervalText}\n    </MuiLink>\n  );\n};\n\nexport const CalendarCard = () => {\n  const { entity } = useEntity();\n  const catalogApi = useApi(catalogApiRef);\n\n  const [startDate, setStartDate] = useState(DateTime.now());\n  const [endDate, setEndDate] = useState(\n    DateTime.now().endOf('day').plus({ days: DEFAULT_NUM_DAYS }),\n  );\n\n  const { isSignedIn, isInitialized, signIn } = useSignIn();\n\n  useAsync(async () => signIn(true), [signIn]);\n\n  const isUserEntity =\n    entity.kind.toLowerCase() === 'user' && entity.metadata.name;\n\n  const { value: users } = useAsync(async () => {\n    return isUserEntity\n      ? fetchUserEntities(catalogApi, entity)\n      : fetchGroupEntities(catalogApi, entity);\n  }, [catalogApi, entity]);\n\n  const {\n    availablity,\n    error,\n    isLoading: isAvailabilityLoading,\n    isFetching: isAvailabilityFetching,\n    hasNextPage,\n    fetchNextPage,\n  } = useAvailability(users, startDate, endDate, isSignedIn);\n\n  const showLoader =\n    isAvailabilityLoading || isAvailabilityFetching || !isInitialized;\n\n  const groups = getGroups(availablity, isUserEntity, users);\n  const scheduleItems = getScheduleItems(availablity);\n\n  if (users?.length === 0) {\n    return (\n      <ErrorPanel\n        title=\"No users found.\"\n        defaultExpanded\n        error={Error('No users found for current entity.')}\n      />\n    );\n  }\n  if (error instanceof Error) {\n    return (\n      <ErrorPanel\n        title=\"Microsoft Graph Error.\"\n        defaultExpanded\n        error={error as any}\n      />\n    );\n  }\n\n  return (\n    <Content>\n      <ContentHeader title=\"Out of Office Calendar\">\n        <SupportButton title=\"Backstage Out Of Office Calendar\">\n          <Box>\n            <Typography variant=\"h6\">How it works</Typography>\n            <Typography>\n              The \"Out of Office\"-calendar shows Away events. If you want your\n              calendar events to be seen in the \"Out of Office\"-calendar, be\n              sure to mark your presence as \"Away\" in outlook.\n            </Typography>\n            <Typography variant=\"h6\">Limitations</Typography>\n            <Typography>\n              Due to limitations in the Microsoft Graph API the maximum range of\n              the dates is {DEFAULT_NUM_DAYS} days.\n            </Typography>\n          </Box>\n        </SupportButton>\n      </ContentHeader>\n\n      <Box>\n        <Stack direction=\"row\" gap={3} alignItems=\"center\">\n          <Box>\n            <DateSelector\n              onDateChange={d => {\n                if (d instanceof DateTime) {\n                  const { days } = endDate.diff(d, 'days').toObject();\n                  if (days && Math.abs(days) > DEFAULT_NUM_DAYS) {\n                    setEndDate(d.endOf('day').plus({ days: DEFAULT_NUM_DAYS }));\n                  }\n                  setStartDate(d);\n                }\n              }}\n              initalDate={startDate}\n              label=\"Start Date\"\n            />\n          </Box>\n          <Box>\n            <DateSelector\n              onDateChange={d => {\n                if (d instanceof DateTime) {\n                  const { days } = startDate.diff(d, 'days').toObject();\n                  if (days && Math.abs(days) > DEFAULT_NUM_DAYS) {\n                    setStartDate(\n                      d.endOf('day').minus({ days: DEFAULT_NUM_DAYS }),\n                    );\n                  }\n                  setEndDate(d as DateTime);\n                }\n              }}\n              initalDate={endDate}\n              label=\"End Date\"\n            />\n          </Box>\n          <Box>\n            <Button\n              onClick={() => {\n                fetchNextPage();\n              }}\n              disabled={showLoader || !hasNextPage}\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              Show more Users\n            </Button>\n          </Box>\n        </Stack>\n\n        {showLoader && (\n          <Box py={2}>\n            <Progress variant=\"query\" />\n          </Box>\n        )}\n        {!isSignedIn && isInitialized && (\n          <Box p={1} pb={0} minHeight={200} maxHeight={602} overflow=\"auto\">\n            <SignInContent handleAuthClick={() => signIn(false)} />\n          </Box>\n        )}\n        {!isAvailabilityLoading && isSignedIn && (\n          <Box mt={3} pb={0} minHeight={200} overflow=\"auto\">\n            <Timeline\n              groups={groups}\n              sidebarWidth={250}\n              groupRenderer={({ group }) => {\n                return (\n                  <Link\n                    to={`/catalog/default/user/${group.entity?.metadata.name}`}\n                  >\n                    <div\n                      className=\"custom-group\"\n                      style={{\n                        background: group.highlight\n                          ? 'linear-gradient(90deg, #FFCC33A0, transparent 100%)'\n                          : '',\n                        marginLeft: '-4px',\n                        paddingLeft: '4px',\n                        display: 'flex',\n                        whiteSpace: 'nowrap',\n                        flexWrap: 'nowrap',\n                        flexDirection: 'row',\n                        gap: '5px',\n                      }}\n                    >\n                      <div>\n                        <Avatar\n                          displayName={\n                            group.entity?.metadata.displayName as string\n                          }\n                          picture={group.entity?.spec.profile?.picture}\n                          customStyles={{\n                            width: 30,\n                            height: 30,\n                          }}\n                        />\n                      </div>\n                      <div>\n                        <span className=\"title\">{group.title}</span>\n                      </div>\n                    </div>\n                  </Link>\n                );\n              }}\n              items={scheduleItems as any}\n              itemTouchSendsClick={false}\n              defaultTimeStart={startDate.toJSDate()}\n              defaultTimeEnd={endDate.toJSDate()}\n            >\n              <TimelineHeaders\n                style={{\n                  backgroundColor: 'transparent',\n                  color: 'black',\n                  position: 'sticky',\n                  top: '-6px',\n                }}\n              >\n                <SidebarHeader>\n                  {({ getRootProps }) => {\n                    return <div {...getRootProps()} />;\n                  }}\n                </SidebarHeader>\n                <DateHeader\n                  unit=\"primaryHeader\"\n                  intervalRenderer={IntervalDateHeader}\n                />\n                <DateHeader intervalRenderer={IntervalDateHeader} />\n              </TimelineHeaders>\n            </Timeline>\n          </Box>\n        )}\n      </Box>\n    </Content>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarCard.esm.js","sources":["../../../src/components/CalendarCard/CalendarCard.tsx"],"sourcesContent":["import 'react-calendar-timeline/lib/Timeline.css';\nimport { ReactNode, useState } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport Timeline, {\n  TimelineHeaders,\n  SidebarHeader,\n  DateHeader,\n  IntervalRenderer,\n} from 'react-calendar-timeline';\nimport { DateTime } from 'luxon';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';\nimport {\n  Content,\n  ContentHeader,\n  SupportButton,\n  Link,\n  ErrorPanel,\n  Progress,\n  Avatar,\n} from '@backstage/core-components';\nimport { DateSelector } from '../DateSelector';\nimport { getGroups, getScheduleItems } from './lib';\nimport { fetchGroupEntities, fetchUserEntities } from './fetch';\nimport { useAvailability } from '../../hooks/useAvailibility';\nimport { useSignIn } from '../../hooks';\nimport { SignInContent } from '../SignInContent';\nimport MuiLink from '@mui/material/Link';\nimport Button from '@mui/material/Button';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Stack from '@mui/material/Stack';\n\nimport { Theme } from '@mui/material/styles';\n\nconst DEFAULT_NUM_DAYS = 60;\n\nconst IntervalDateHeader = (props?: IntervalRenderer<object>): ReactNode => {\n  return (\n    <MuiLink\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        borderBottom: '1px solid #bbb',\n        cursor: 'pointer',\n        fontSize: '14px',\n        borderLeft: '2px solid #bbb',\n        color: (theme: Theme) => theme.palette.text.primary,\n        position: 'absolute',\n        width: props?.intervalContext.interval.labelWidth,\n        left: props?.intervalContext.interval.left,\n      }}\n      onClick={props?.getIntervalProps().onClick}\n    >\n      {props?.intervalContext.intervalText}\n    </MuiLink>\n  );\n};\n\nexport const CalendarCard = () => {\n  const { entity } = useEntity();\n  const catalogApi = useApi(catalogApiRef);\n\n  const [startDate, setStartDate] = useState(DateTime.now());\n  const [endDate, setEndDate] = useState(\n    DateTime.now().endOf('day').plus({ days: DEFAULT_NUM_DAYS }),\n  );\n\n  const { isSignedIn, isInitialized, signIn } = useSignIn();\n\n  useAsync(async () => signIn(true), [signIn]);\n\n  const isUserEntity =\n    entity.kind.toLowerCase() === 'user' && entity.metadata.name;\n\n  const { value: users } = useAsync(async () => {\n    return isUserEntity\n      ? fetchUserEntities(catalogApi, entity)\n      : fetchGroupEntities(catalogApi, entity);\n  }, [catalogApi, entity]);\n\n  const {\n    availablity,\n    error,\n    isLoading: isAvailabilityLoading,\n    isFetching: isAvailabilityFetching,\n    hasNextPage,\n    fetchNextPage,\n  } = useAvailability(users, startDate, endDate, isSignedIn);\n\n  const showLoader =\n    isAvailabilityLoading || isAvailabilityFetching || !isInitialized;\n\n  const groups = getGroups(availablity, isUserEntity, users);\n  const scheduleItems = getScheduleItems(availablity);\n\n  if (users?.length === 0) {\n    return (\n      <ErrorPanel\n        title=\"No users found.\"\n        defaultExpanded\n        error={Error('No users found for current entity.')}\n      />\n    );\n  }\n  if (error instanceof Error) {\n    return (\n      <ErrorPanel\n        title=\"Microsoft Graph Error.\"\n        defaultExpanded\n        error={error as any}\n      />\n    );\n  }\n\n  return (\n    <Content>\n      <ContentHeader title=\"Out of Office Calendar\">\n        <SupportButton title=\"Backstage Out Of Office Calendar\">\n          <Box>\n            <Typography variant=\"h6\">How it works</Typography>\n            <Typography>\n              The \"Out of Office\"-calendar shows Away events. If you want your\n              calendar events to be seen in the \"Out of Office\"-calendar, be\n              sure to mark your presence as \"Away\" in outlook.\n            </Typography>\n            <Typography variant=\"h6\">Limitations</Typography>\n            <Typography>\n              Due to limitations in the Microsoft Graph API the maximum range of\n              the dates is {DEFAULT_NUM_DAYS} days.\n            </Typography>\n          </Box>\n        </SupportButton>\n      </ContentHeader>\n\n      <Box>\n        <Stack direction=\"row\" gap={3} alignItems=\"center\">\n          <Box>\n            <DateSelector\n              onDateChange={d => {\n                if (d instanceof DateTime) {\n                  const { days } = endDate.diff(d, 'days').toObject();\n                  if (days && Math.abs(days) > DEFAULT_NUM_DAYS) {\n                    setEndDate(d.endOf('day').plus({ days: DEFAULT_NUM_DAYS }));\n                  }\n                  setStartDate(d);\n                }\n              }}\n              initalDate={startDate}\n              label=\"Start Date\"\n            />\n          </Box>\n          <Box>\n            <DateSelector\n              onDateChange={d => {\n                if (d instanceof DateTime) {\n                  const { days } = startDate.diff(d, 'days').toObject();\n                  if (days && Math.abs(days) > DEFAULT_NUM_DAYS) {\n                    setStartDate(\n                      d.endOf('day').minus({ days: DEFAULT_NUM_DAYS }),\n                    );\n                  }\n                  setEndDate(d as DateTime);\n                }\n              }}\n              initalDate={endDate}\n              label=\"End Date\"\n            />\n          </Box>\n          <Box>\n            <Button\n              onClick={() => {\n                fetchNextPage();\n              }}\n              disabled={showLoader || !hasNextPage}\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              Show more Users\n            </Button>\n          </Box>\n        </Stack>\n\n        {showLoader && (\n          <Box py={2}>\n            <Progress variant=\"query\" />\n          </Box>\n        )}\n        {!isSignedIn && isInitialized && (\n          <Box p={1} pb={0} minHeight={200} maxHeight={602} overflow=\"auto\">\n            <SignInContent handleAuthClick={() => signIn(false)} />\n          </Box>\n        )}\n        {!isAvailabilityLoading && isSignedIn && (\n          <Box mt={3} pb={0} minHeight={200} overflow=\"auto\">\n            <Timeline\n              groups={groups}\n              sidebarWidth={250}\n              groupRenderer={({ group }) => {\n                return (\n                  <Link\n                    to={`/catalog/default/user/${group.entity?.metadata.name}`}\n                  >\n                    <div\n                      className=\"custom-group\"\n                      style={{\n                        background: group.highlight\n                          ? 'linear-gradient(90deg, #FFCC33A0, transparent 100%)'\n                          : '',\n                        marginLeft: '-4px',\n                        paddingLeft: '4px',\n                        display: 'flex',\n                        whiteSpace: 'nowrap',\n                        flexWrap: 'nowrap',\n                        flexDirection: 'row',\n                        gap: '5px',\n                      }}\n                    >\n                      <div>\n                        <Avatar\n                          displayName={\n                            group.entity?.metadata.displayName as string\n                          }\n                          picture={group.entity?.spec.profile?.picture}\n                          customStyles={{\n                            width: 30,\n                            height: 30,\n                          }}\n                        />\n                      </div>\n                      <div>\n                        <span className=\"title\">{group.title}</span>\n                      </div>\n                    </div>\n                  </Link>\n                );\n              }}\n              items={scheduleItems as any}\n              itemTouchSendsClick={false}\n              defaultTimeStart={startDate.toJSDate()}\n              defaultTimeEnd={endDate.toJSDate()}\n            >\n              <TimelineHeaders\n                style={{\n                  backgroundColor: 'transparent',\n                  color: 'black',\n                  position: 'sticky',\n                  top: '-6px',\n                }}\n              >\n                <SidebarHeader>\n                  {({ getRootProps }) => {\n                    return <div {...getRootProps()} />;\n                  }}\n                </SidebarHeader>\n                <DateHeader\n                  unit=\"primaryHeader\"\n                  intervalRenderer={IntervalDateHeader}\n                />\n                <DateHeader intervalRenderer={IntervalDateHeader} />\n              </TimelineHeaders>\n            </Timeline>\n          </Box>\n        )}\n      </Box>\n    </Content>\n  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,8 +1,32 @@
 {
   "name": "@axis-backstage/plugin-vacation-calendar",
-  "version": "0.9.2",
+  "version": "0.9.3",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./alpha": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/alpha.esm.js",
+      "types": "./dist/alpha.d.ts",
+      "default": "./dist/alpha.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "alpha": [
+        "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",
@@ -15,7 +39,10 @@
     "pluginId": "vacation-calendar",
     "pluginPackages": [
       "@axis-backstage/plugin-vacation-calendar"
-    ]
+    ],
+    "features": {
+      "./alpha": "@backstage/FrontendPlugin"
+    }
   },
   "sideEffects": false,
   "scripts": {
@@ -32,6 +59,7 @@
     "@backstage/core-components": "^0.18.9",
     "@backstage/core-plugin-api": "^1.12.5",
     "@backstage/errors": "^1.3.0",
+    "@backstage/frontend-plugin-api": "^0.16.2",
     "@backstage/plugin-catalog-react": "^2.1.4",
     "@backstage/theme": "^0.7.3",
     "@date-io/luxon": "3.0.0",
@@ -73,13 +101,6 @@
   "files": [
     "dist"
   ],
-  "typesVersions": {
-    "*": {
-      "package.json": [
-        "package.json"
-      ]
-    }
-  },
   "module": "./dist/index.esm.js",
   "directory": "_release/package"
 }