@backstage-community/plugin-servicenow 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @backstage-community/plugin-servicenow
+
+## 1.0.0
+
+### Major Changes
+
+- 3d708ba: First version of Servicenow plugin
+
+### Patch Changes
+
+- Updated dependencies [3d708ba]
+  - @backstage-community/plugin-servicenow-common@1.0.0

package/README.md

@@ -0,0 +1,34 @@
+# ServiceNow Frontend Plugin
+
+This is the frontend implementation of the ServiceNow plugin for Backstage.
+
+It is responsible for rendering the ServiceNow tab content, fetching incident data, and integrating with Backstage's dynamic plugin system.
+
+---
+
+## 🚀 Getting Started
+
+1. Install dependencies:
+
+   ```bash
+   yarn install
+   ```
+
+2. Start the Backstage dev app:
+
+Your plugin has been added to the example app in this `plugins/servicenow` directory, meaning you'll be able to access it by running `yarn start` in the current directory, and then navigating to [/servicenow](http://localhost:3000/servicenow).
+
+## Frontend Configuration
+
+This plugin supports dynamic mounting via `dynamic-plugins.yaml`.
+Please refer to the main plugin [README](../README.md) for complete instructions on:
+
+- Adding dynamic mount points
+- Configuring tabs
+- Using the `isMyProfile` condition on mount point configuration
+
+## Notes on Identity Handling
+
+When using this plugin in a Backstage instance that supports dynamic plugins (e.g., RHDH), it enables user-specific incident filtering in the **"My ServiceNow Tickets"** tab, shown on the entity page of the currently logged-in user.
+
+> **NOTE:** The local dev app does **not** support user-specific incident filtering.

package/dist/api/ServiceNowBackendClient.esm.js

@@ -0,0 +1,45 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const serviceNowApiRef = createApiRef({
+  id: "plugin.servicenow.service"
+});
+class ServiceNowBackendClient {
+  constructor(discoveryApi, fetchApi, identityApi) {
+    this.discoveryApi = discoveryApi;
+    this.fetchApi = fetchApi;
+    this.identityApi = identityApi;
+  }
+  async fetchFromServiceNow(path, queryParams) {
+    const proxyBase = await this.discoveryApi.getBaseUrl("servicenow");
+    const url = `${proxyBase}${path}${queryParams ? `?${queryParams}` : ""}`;
+    const { token } = await this.identityApi.getCredentials();
+    const headers = {
+      Authorization: `Bearer ${token}`
+    };
+    const response = await this.fetchApi.fetch(url, { headers });
+    if (!response.ok) {
+      throw new Error(`ServiceNow API request failed: ${response.status}`);
+    }
+    return await response.json();
+  }
+  async getIncidents(queryParams) {
+    const { items, totalCount } = await this.fetchFromServiceNow("/incidents", queryParams);
+    const incidents = incidentsPickToIncidentsData(items);
+    return { incidents, totalCount };
+  }
+}
+function incidentsPickToIncidentsData(data) {
+  return data.map((item) => ({
+    sysId: item.sys_id,
+    number: item.number,
+    shortDescription: item.short_description,
+    description: item.description,
+    sysCreatedOn: item.sys_created_on,
+    priority: item.priority,
+    incidentState: item.incident_state,
+    url: item.url
+  }));
+}
+
+export { ServiceNowBackendClient, incidentsPickToIncidentsData, serviceNowApiRef };
+//# sourceMappingURL=ServiceNowBackendClient.esm.js.map

package/dist/api/ServiceNowBackendClient.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceNowBackendClient.esm.js","sources":["../../src/api/ServiceNowBackendClient.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { IncidentPick } from '@backstage-community/plugin-servicenow-common';\nimport {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport { IncidentsData, PaginatedIncidentsData } from '../types';\n\nexport interface ServiceNowBackendAPI {\n  getIncidents(queryParams: URLSearchParams): Promise<PaginatedIncidentsData>;\n}\n\nexport const serviceNowApiRef = createApiRef<ServiceNowBackendAPI>({\n  id: 'plugin.servicenow.service',\n});\n\nexport class ServiceNowBackendClient implements ServiceNowBackendAPI {\n  constructor(\n    private readonly discoveryApi: DiscoveryApi,\n    private readonly fetchApi: FetchApi,\n    private readonly identityApi: IdentityApi,\n  ) {}\n\n  private async fetchFromServiceNow<T>(\n    path: string,\n    queryParams?: URLSearchParams,\n  ): Promise<{ items: T; totalCount: number }> {\n    const proxyBase = await this.discoveryApi.getBaseUrl('servicenow');\n    const url = `${proxyBase}${path}${queryParams ? `?${queryParams}` : ''}`;\n\n    const { token } = await this.identityApi.getCredentials();\n    const headers = {\n      Authorization: `Bearer ${token}`,\n    };\n\n    const response = await this.fetchApi.fetch(url, { headers });\n    if (!response.ok) {\n      throw new Error(`ServiceNow API request failed: ${response.status}`);\n    }\n\n    return (await response.json()) as { items: T; totalCount: number };\n  }\n\n  async getIncidents(\n    queryParams: URLSearchParams,\n  ): Promise<PaginatedIncidentsData> {\n    const { items, totalCount } = await this.fetchFromServiceNow<\n      IncidentPick[]\n    >('/incidents', queryParams);\n\n    const incidents = incidentsPickToIncidentsData(items);\n    return { incidents, totalCount };\n  }\n}\n\nexport function incidentsPickToIncidentsData(\n  data: IncidentPick[],\n): IncidentsData[] {\n  return data.map(item => ({\n    sysId: item.sys_id,\n    number: item.number,\n    shortDescription: item.short_description,\n    description: item.description,\n    sysCreatedOn: item.sys_created_on,\n    priority: item.priority,\n    incidentState: item.incident_state,\n    url: item.url,\n  }));\n}\n"],"names":[],"mappings":";;AA4BO,MAAM,mBAAmB,YAAmC,CAAA;AAAA,EACjE,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,uBAAwD,CAAA;AAAA,EACnE,WAAA,CACmB,YACA,EAAA,QAAA,EACA,WACjB,EAAA;AAHiB,IAAA,IAAA,CAAA,YAAA,GAAA,YAAA;AACA,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA;AACA,IAAA,IAAA,CAAA,WAAA,GAAA,WAAA;AAAA;AAChB,EAEH,MAAc,mBACZ,CAAA,IAAA,EACA,WAC2C,EAAA;AAC3C,IAAA,MAAM,SAAY,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA;AACjE,IAAM,MAAA,GAAA,GAAM,CAAG,EAAA,SAAS,CAAG,EAAA,IAAI,GAAG,WAAc,GAAA,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA;AAEtE,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA;AACxD,IAAA,MAAM,OAAU,GAAA;AAAA,MACd,aAAA,EAAe,UAAU,KAAK,CAAA;AAAA,KAChC;AAEA,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAK,EAAA,EAAE,SAAS,CAAA;AAC3D,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAA,MAAM,IAAI,KAAA,CAAM,CAAkC,+BAAA,EAAA,QAAA,CAAS,MAAM,CAAE,CAAA,CAAA;AAAA;AAGrE,IAAQ,OAAA,MAAM,SAAS,IAAK,EAAA;AAAA;AAC9B,EAEA,MAAM,aACJ,WACiC,EAAA;AACjC,IAAM,MAAA,EAAE,OAAO,UAAW,EAAA,GAAI,MAAM,IAAK,CAAA,mBAAA,CAEvC,cAAc,WAAW,CAAA;AAE3B,IAAM,MAAA,SAAA,GAAY,6BAA6B,KAAK,CAAA;AACpD,IAAO,OAAA,EAAE,WAAW,UAAW,EAAA;AAAA;AAEnC;AAEO,SAAS,6BACd,IACiB,EAAA;AACjB,EAAO,OAAA,IAAA,CAAK,IAAI,CAAS,IAAA,MAAA;AAAA,IACvB,OAAO,IAAK,CAAA,MAAA;AAAA,IACZ,QAAQ,IAAK,CAAA,MAAA;AAAA,IACb,kBAAkB,IAAK,CAAA,iBAAA;AAAA,IACvB,aAAa,IAAK,CAAA,WAAA;AAAA,IAClB,cAAc,IAAK,CAAA,cAAA;AAAA,IACnB,UAAU,IAAK,CAAA,QAAA;AAAA,IACf,eAAe,IAAK,CAAA,cAAA;AAAA,IACpB,KAAK,IAAK,CAAA;AAAA,GACV,CAAA,CAAA;AACJ;;;;"}

package/dist/components/Servicenow/ClosedIcon.esm.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { CustomSvgIcon } from './CustomSvgIcon.esm.js';
+
+const ClosedIcon = (props) => /* @__PURE__ */ jsx(
+  CustomSvgIcon,
+  {
+    viewBox: "0 0 16 16",
+    path: /* @__PURE__ */ jsx("path", { d: "M2.333 8.667c-.278 0-.486-.236-.65-.4-.163-.163-.4-.372-.4-.65s.236-.486.4-.65c.163-.163.372-.4.65-.4h4c.278 0 .486.236.65.4.163.163.4.372.4.65s-.236.486-.4.65c-.163.163-.372.4-.65.4h-4Zm7.333 0c-.278 0-.486-.236-.65-.4-.163-.163-.4-.372-.4-.65s.236-.486.4-.65c.163-.163.372-.4.65-.4h4c.278 0 .486.236.65.4.163.163.4.372.4.65s-.236.486-.4.65c-.163.163-.372.4-.65.4h-4Z" }),
+    ...props
+  }
+);
+
+export { ClosedIcon };
+//# sourceMappingURL=ClosedIcon.esm.js.map

package/dist/components/Servicenow/ClosedIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClosedIcon.esm.js","sources":["../../../src/components/Servicenow/ClosedIcon.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CustomSvgIcon } from './CustomSvgIcon';\n\nexport const ClosedIcon = (props: any) => (\n  <CustomSvgIcon\n    viewBox=\"0 0 16 16\"\n    path={\n      <path d=\"M2.333 8.667c-.278 0-.486-.236-.65-.4-.163-.163-.4-.372-.4-.65s.236-.486.4-.65c.163-.163.372-.4.65-.4h4c.278 0 .486.236.65.4.163.163.4.372.4.65s-.236.486-.4.65c-.163.163-.372.4-.65.4h-4Zm7.333 0c-.278 0-.486-.236-.65-.4-.163-.163-.4-.372-.4-.65s.236-.486.4-.65c.163-.163.372-.4.65-.4h4c.278 0 .486.236.65.4.163.163.4.372.4.65s-.236.486-.4.65c-.163.163-.372.4-.65.4h-4Z\" />\n    }\n    {...props}\n  />\n);\n"],"names":[],"mappings":";;;AAkBa,MAAA,UAAA,GAAa,CAAC,KACzB,qBAAA,GAAA;AAAA,EAAC,aAAA;AAAA,EAAA;AAAA,IACC,OAAQ,EAAA,WAAA;AAAA,IACR,IACE,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,kXAAmX,EAAA,CAAA;AAAA,IAE5X,GAAG;AAAA;AACN;;;;"}

package/dist/components/Servicenow/CustomSvgIcon.esm.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import SvgIcon from '@mui/material/SvgIcon';
+
+const CustomSvgIcon = ({
+  path,
+  viewBox = "0 0 24 24",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(SvgIcon, { viewBox, ...props, children: path });
+};
+
+export { CustomSvgIcon };
+//# sourceMappingURL=CustomSvgIcon.esm.js.map

package/dist/components/Servicenow/CustomSvgIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSvgIcon.esm.js","sources":["../../../src/components/Servicenow/CustomSvgIcon.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const CustomSvgIcon = ({\n  path,\n  viewBox = '0 0 24 24',\n  ...props\n}: any) => {\n  return (\n    <SvgIcon viewBox={viewBox} {...props}>\n      {path}\n    </SvgIcon>\n  );\n};\n"],"names":[],"mappings":";;;AAkBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,IAAA;AAAA,EACA,OAAU,GAAA,WAAA;AAAA,EACV,GAAG;AACL,CAAW,KAAA;AACT,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAmB,EAAA,GAAG,OAC5B,QACH,EAAA,IAAA,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Servicenow/InProgressIcon.esm.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { CustomSvgIcon } from './CustomSvgIcon.esm.js';
+
+const InProgressIcon = (props) => /* @__PURE__ */ jsx(
+  CustomSvgIcon,
+  {
+    viewBox: "0 0 16 16",
+    path: /* @__PURE__ */ jsx("path", { d: "M7.99992 14.6667C7.08881 14.6667 6.2277 14.4917 5.41658 14.1417C4.60547 13.7917 3.89714 13.3139 3.29159 12.7083C2.68603 12.1028 2.20825 11.3945 1.85825 10.5833C1.50825 9.77223 1.33325 8.91112 1.33325 8.00001C1.33325 7.07779 1.50825 6.2139 1.85825 5.40834C2.20825 4.60279 2.68603 3.89723 3.29159 3.29168C3.89714 2.68612 4.60547 2.20834 5.41658 1.85834C6.2277 1.50834 7.08881 1.33334 7.99992 1.33334C8.18881 1.33334 8.34714 1.39723 8.47492 1.52501C8.6027 1.65279 8.66658 1.81112 8.66658 2.00001C8.66658 2.1889 8.6027 2.34723 8.47492 2.47501C8.34714 2.60279 8.18881 2.66668 7.99992 2.66668C6.52214 2.66668 5.26381 3.18612 4.22492 4.22501C3.18603 5.2639 2.66659 6.52223 2.66659 8.00001C2.66659 9.47779 3.18603 10.7361 4.22492 11.775C5.26381 12.8139 6.52214 13.3333 7.99992 13.3333C9.4777 13.3333 10.736 12.8139 11.7749 11.775C12.8138 10.7361 13.3333 9.47779 13.3333 8.00001C13.3333 7.81112 13.3971 7.65279 13.5249 7.52501C13.6527 7.39723 13.811 7.33334 13.9999 7.33334C14.1888 7.33334 14.3471 7.39723 14.4749 7.52501C14.6027 7.65279 14.6666 7.81112 14.6666 8.00001C14.6666 8.91112 14.4916 9.77223 14.1416 10.5833C13.7916 11.3945 13.3138 12.1028 12.7083 12.7083C12.1027 13.3139 11.3971 13.7917 10.5916 14.1417C9.78603 14.4917 8.92214 14.6667 7.99992 14.6667Z" }),
+    ...props
+  }
+);
+
+export { InProgressIcon };
+//# sourceMappingURL=InProgressIcon.esm.js.map

package/dist/components/Servicenow/InProgressIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InProgressIcon.esm.js","sources":["../../../src/components/Servicenow/InProgressIcon.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CustomSvgIcon } from './CustomSvgIcon';\n\nexport const InProgressIcon = (props: any) => (\n  <CustomSvgIcon\n    viewBox=\"0 0 16 16\"\n    path={\n      <path d=\"M7.99992 14.6667C7.08881 14.6667 6.2277 14.4917 5.41658 14.1417C4.60547 13.7917 3.89714 13.3139 3.29159 12.7083C2.68603 12.1028 2.20825 11.3945 1.85825 10.5833C1.50825 9.77223 1.33325 8.91112 1.33325 8.00001C1.33325 7.07779 1.50825 6.2139 1.85825 5.40834C2.20825 4.60279 2.68603 3.89723 3.29159 3.29168C3.89714 2.68612 4.60547 2.20834 5.41658 1.85834C6.2277 1.50834 7.08881 1.33334 7.99992 1.33334C8.18881 1.33334 8.34714 1.39723 8.47492 1.52501C8.6027 1.65279 8.66658 1.81112 8.66658 2.00001C8.66658 2.1889 8.6027 2.34723 8.47492 2.47501C8.34714 2.60279 8.18881 2.66668 7.99992 2.66668C6.52214 2.66668 5.26381 3.18612 4.22492 4.22501C3.18603 5.2639 2.66659 6.52223 2.66659 8.00001C2.66659 9.47779 3.18603 10.7361 4.22492 11.775C5.26381 12.8139 6.52214 13.3333 7.99992 13.3333C9.4777 13.3333 10.736 12.8139 11.7749 11.775C12.8138 10.7361 13.3333 9.47779 13.3333 8.00001C13.3333 7.81112 13.3971 7.65279 13.5249 7.52501C13.6527 7.39723 13.811 7.33334 13.9999 7.33334C14.1888 7.33334 14.3471 7.39723 14.4749 7.52501C14.6027 7.65279 14.6666 7.81112 14.6666 8.00001C14.6666 8.91112 14.4916 9.77223 14.1416 10.5833C13.7916 11.3945 13.3138 12.1028 12.7083 12.7083C12.1027 13.3139 11.3971 13.7917 10.5916 14.1417C9.78603 14.4917 8.92214 14.6667 7.99992 14.6667Z\" />\n    }\n    {...props}\n  />\n);\n"],"names":[],"mappings":";;;AAkBa,MAAA,cAAA,GAAiB,CAAC,KAC7B,qBAAA,GAAA;AAAA,EAAC,aAAA;AAAA,EAAA;AAAA,IACC,OAAQ,EAAA,WAAA;AAAA,IACR,IACE,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,uuCAAwuC,EAAA,CAAA;AAAA,IAEjvC,GAAG;AAAA;AACN;;;;"}

package/dist/components/Servicenow/IncidentsFilter.esm.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import { IncidentEnumFilter } from '../shared-components/IncidentEnumFilter.esm.js';
+import { INCIDENT_STATE_MAP, PRIORITY_MAP } from '../../utils/incidentUtils.esm.js';
+import { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter.esm.js';
+import { useMemo, useCallback } from 'react';
+import { useUpdateQueryParams } from '../../hooks/useQueryHelpers.esm.js';
+
+const IncidentsFilter = () => {
+  const stateFilter = useQueryArrayFilter("state");
+  const priorityFilter = useQueryArrayFilter("priority");
+  const updateQueryParams = useUpdateQueryParams();
+  const stateValue = useMemo(() => stateFilter.current, [stateFilter]);
+  const priorityValue = useMemo(() => priorityFilter.current, [priorityFilter]);
+  const handleStateChange = useCallback(
+    (_e, value) => {
+      updateQueryParams({
+        state: value.map((v) => v.value).join(","),
+        offset: "0"
+      });
+    },
+    [updateQueryParams]
+  );
+  const handlePriorityChange = useCallback(
+    (_e, value) => {
+      updateQueryParams({
+        priority: value.map((v) => v.value).join(","),
+        offset: "0"
+      });
+    },
+    [updateQueryParams]
+  );
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 2,
+        minWidth: { xs: 200, lg: "auto" }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          IncidentEnumFilter,
+          {
+            label: "State",
+            filterKey: "state",
+            dataMap: INCIDENT_STATE_MAP,
+            value: stateValue,
+            onChange: handleStateChange
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IncidentEnumFilter,
+          {
+            label: "Priority",
+            filterKey: "priority",
+            dataMap: PRIORITY_MAP,
+            value: priorityValue,
+            onChange: handlePriorityChange
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { IncidentsFilter };
+//# sourceMappingURL=IncidentsFilter.esm.js.map

package/dist/components/Servicenow/IncidentsFilter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsFilter.esm.js","sources":["../../../src/components/Servicenow/IncidentsFilter.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@mui/material/Box';\nimport { IncidentEnumFilter } from '../shared-components/IncidentEnumFilter';\nimport { INCIDENT_STATE_MAP, PRIORITY_MAP } from '../../utils/incidentUtils';\nimport { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter';\nimport { useMemo, useCallback } from 'react';\nimport { SelectItem } from '@backstage/core-components';\nimport { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\n\nexport const IncidentsFilter = () => {\n  const stateFilter = useQueryArrayFilter('state');\n  const priorityFilter = useQueryArrayFilter('priority');\n  const updateQueryParams = useUpdateQueryParams();\n\n  const stateValue = useMemo(() => stateFilter.current, [stateFilter]);\n  const priorityValue = useMemo(() => priorityFilter.current, [priorityFilter]);\n\n  const handleStateChange = useCallback(\n    (_e: any, value: SelectItem[]) => {\n      updateQueryParams({\n        state: value.map(v => v.value).join(','),\n        offset: '0',\n      });\n    },\n    [updateQueryParams],\n  );\n\n  const handlePriorityChange = useCallback(\n    (_e: any, value: SelectItem[]) => {\n      updateQueryParams({\n        priority: value.map(v => v.value).join(','),\n        offset: '0',\n      });\n    },\n    [updateQueryParams],\n  );\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 2,\n        minWidth: { xs: 200, lg: 'auto' },\n      }}\n    >\n      <IncidentEnumFilter\n        label=\"State\"\n        filterKey=\"state\"\n        dataMap={INCIDENT_STATE_MAP}\n        value={stateValue}\n        onChange={handleStateChange}\n      />\n      <IncidentEnumFilter\n        label=\"Priority\"\n        filterKey=\"priority\"\n        dataMap={PRIORITY_MAP}\n        value={priorityValue}\n        onChange={handlePriorityChange}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,WAAA,GAAc,oBAAoB,OAAO,CAAA;AAC/C,EAAM,MAAA,cAAA,GAAiB,oBAAoB,UAAU,CAAA;AACrD,EAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAE/C,EAAA,MAAM,aAAa,OAAQ,CAAA,MAAM,YAAY,OAAS,EAAA,CAAC,WAAW,CAAC,CAAA;AACnE,EAAA,MAAM,gBAAgB,OAAQ,CAAA,MAAM,eAAe,OAAS,EAAA,CAAC,cAAc,CAAC,CAAA;AAE5E,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,IAAS,KAAwB,KAAA;AAChC,MAAkB,iBAAA,CAAA;AAAA,QAChB,KAAA,EAAO,MAAM,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,KAAK,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,QACvC,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,KACH;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,MAAM,oBAAuB,GAAA,WAAA;AAAA,IAC3B,CAAC,IAAS,KAAwB,KAAA;AAChC,MAAkB,iBAAA,CAAA;AAAA,QAChB,QAAA,EAAU,MAAM,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,KAAK,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,QAC1C,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,KACH;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,GAAK,EAAA,CAAA;AAAA,QACL,QAAU,EAAA,EAAE,EAAI,EAAA,GAAA,EAAK,IAAI,MAAO;AAAA,OAClC;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,OAAA;AAAA,YACN,SAAU,EAAA,OAAA;AAAA,YACV,OAAS,EAAA,kBAAA;AAAA,YACT,KAAO,EAAA,UAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA,SACZ;AAAA,wBACA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,UAAA;AAAA,YACN,SAAU,EAAA,UAAA;AAAA,YACV,OAAS,EAAA,YAAA;AAAA,YACT,KAAO,EAAA,aAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/Servicenow/IncidentsListColumns.esm.js

@@ -0,0 +1,43 @@
+import { IncidentTableFieldEnum } from '../../types.esm.js';
+
+const IncidentsListColumns = [
+  {
+    id: "incidentNumber",
+    title: "Incident Number",
+    field: IncidentTableFieldEnum.Number,
+    type: "string"
+  },
+  {
+    id: "description",
+    title: "Description",
+    field: IncidentTableFieldEnum.ShortDescription,
+    type: "string"
+  },
+  {
+    id: "created",
+    title: "Created",
+    field: IncidentTableFieldEnum.Created,
+    type: "string"
+  },
+  {
+    id: "priority",
+    title: "Priority",
+    field: IncidentTableFieldEnum.Priority,
+    type: "numeric"
+  },
+  {
+    id: "state",
+    title: "State",
+    field: IncidentTableFieldEnum.IncidentState,
+    type: "datetime"
+  },
+  {
+    id: "actions",
+    title: "Actions",
+    sorting: false,
+    type: "string"
+  }
+];
+
+export { IncidentsListColumns };
+//# sourceMappingURL=IncidentsListColumns.esm.js.map

package/dist/components/Servicenow/IncidentsListColumns.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsListColumns.esm.js","sources":["../../../src/components/Servicenow/IncidentsListColumns.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { TableColumn } from '@backstage/core-components';\n\nimport { IncidentsData, IncidentTableFieldEnum } from '../../types';\n\nexport const IncidentsListColumns: TableColumn<IncidentsData>[] = [\n  {\n    id: 'incidentNumber',\n    title: 'Incident Number',\n    field: IncidentTableFieldEnum.Number,\n    type: 'string',\n  },\n  {\n    id: 'description',\n    title: 'Description',\n    field: IncidentTableFieldEnum.ShortDescription,\n    type: 'string',\n  },\n  {\n    id: 'created',\n    title: 'Created',\n    field: IncidentTableFieldEnum.Created,\n    type: 'string',\n  },\n  {\n    id: 'priority',\n    title: 'Priority',\n    field: IncidentTableFieldEnum.Priority,\n    type: 'numeric',\n  },\n  {\n    id: 'state',\n    title: 'State',\n    field: IncidentTableFieldEnum.IncidentState,\n    type: 'datetime',\n  },\n  {\n    id: 'actions',\n    title: 'Actions',\n    sorting: false,\n    type: 'string',\n  },\n];\n"],"names":[],"mappings":";;AAmBO,MAAM,oBAAqD,GAAA;AAAA,EAChE;AAAA,IACE,EAAI,EAAA,gBAAA;AAAA,IACJ,KAAO,EAAA,iBAAA;AAAA,IACP,OAAO,sBAAuB,CAAA,MAAA;AAAA,IAC9B,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,EAAI,EAAA,aAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,OAAO,sBAAuB,CAAA,gBAAA;AAAA,IAC9B,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,EAAI,EAAA,SAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,OAAO,sBAAuB,CAAA,OAAA;AAAA,IAC9B,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,EAAI,EAAA,UAAA;AAAA,IACJ,KAAO,EAAA,UAAA;AAAA,IACP,OAAO,sBAAuB,CAAA,QAAA;AAAA,IAC9B,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,EAAI,EAAA,OAAA;AAAA,IACJ,KAAO,EAAA,OAAA;AAAA,IACP,OAAO,sBAAuB,CAAA,aAAA;AAAA,IAC9B,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,EAAI,EAAA,SAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,OAAS,EAAA,KAAA;AAAA,IACT,IAAM,EAAA;AAAA;AAEV;;;;"}

package/dist/components/Servicenow/IncidentsTableBody.esm.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import TableBody from '@mui/material/TableBody';
+import TableRow from '@mui/material/TableRow';
+import TableCell from '@mui/material/TableCell';
+import { IncidentsListColumns } from './IncidentsListColumns.esm.js';
+import { IncidentsTableRow } from './IncidentsTableRow.esm.js';
+
+const IncidentsTableBody = ({ rows }) => {
+  if (rows?.length > 0) {
+    return /* @__PURE__ */ jsx(TableBody, { "data-testid": "incidents", children: rows.map((row) => /* @__PURE__ */ jsx(IncidentsTableRow, { data: row }, row.sysId)) });
+  }
+  return /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: IncidentsListColumns.length, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-testid": "no-incidents-found",
+      sx: {
+        p: 2,
+        display: "flex",
+        justifyContent: "center"
+      },
+      children: "No records found"
+    }
+  ) }) }) });
+};
+
+export { IncidentsTableBody };
+//# sourceMappingURL=IncidentsTableBody.esm.js.map

package/dist/components/Servicenow/IncidentsTableBody.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsTableBody.esm.js","sources":["../../../src/components/Servicenow/IncidentsTableBody.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@mui/material/Box';\nimport TableBody from '@mui/material/TableBody';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\n\nimport { IncidentsListColumns } from './IncidentsListColumns';\nimport { IncidentsTableRow } from './IncidentsTableRow';\nimport type { IncidentsData } from '../../types';\n\nexport const IncidentsTableBody = ({ rows }: { rows: IncidentsData[] }) => {\n  // TODO: Add loading and error states\n\n  if (rows?.length > 0) {\n    return (\n      <TableBody data-testid=\"incidents\">\n        {rows.map(row => (\n          <IncidentsTableRow key={row.sysId} data={row} />\n        ))}\n      </TableBody>\n    );\n  }\n\n  return (\n    <TableBody>\n      <TableRow>\n        <TableCell colSpan={IncidentsListColumns.length}>\n          <Box\n            data-testid=\"no-incidents-found\"\n            sx={{\n              p: 2,\n              display: 'flex',\n              justifyContent: 'center',\n            }}\n          >\n            No records found\n          </Box>\n        </TableCell>\n      </TableRow>\n    </TableBody>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBO,MAAM,kBAAqB,GAAA,CAAC,EAAE,IAAA,EAAsC,KAAA;AAGzE,EAAI,IAAA,IAAA,EAAM,SAAS,CAAG,EAAA;AACpB,IAAA,uBACG,GAAA,CAAA,SAAA,EAAA,EAAU,aAAY,EAAA,WAAA,EACpB,eAAK,GAAI,CAAA,CAAA,GAAA,qBACP,GAAA,CAAA,iBAAA,EAAA,EAAkC,IAAM,EAAA,GAAA,EAAA,EAAjB,GAAI,CAAA,KAAkB,CAC/C,CACH,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,GAAA,CAAC,aACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,8BAAC,SAAU,EAAA,EAAA,OAAA,EAAS,qBAAqB,MACvC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,oBAAA;AAAA,MACZ,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,CAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA;AAAA,OAClB;AAAA,MACD,QAAA,EAAA;AAAA;AAAA,GAED,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Servicenow/IncidentsTableHeader.esm.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import TableCell from '@mui/material/TableCell';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import TableSortLabel from '@mui/material/TableSortLabel';
+import { IncidentsListColumns } from './IncidentsListColumns.esm.js';
+
+const IncidentsTableHeader = ({
+  order,
+  orderBy,
+  onRequestSort
+}) => {
+  const createSortHandler = (property) => (event) => {
+    onRequestSort(event, property);
+  };
+  return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { sx: { marginLeft: "6px", borderBottom: "1px solid #e0e0e0" }, children: IncidentsListColumns.map((column) => /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      align: "left",
+      padding: "normal",
+      style: {
+        lineHeight: "1.5rem",
+        fontSize: "0.875rem",
+        padding: "24px 16px 24px 20px",
+        fontWeight: "700"
+      },
+      sortDirection: orderBy === column.field ? order : "asc",
+      children: /* @__PURE__ */ jsx(
+        TableSortLabel,
+        {
+          active: orderBy === column.field,
+          direction: orderBy === column.field ? order : "asc",
+          onClick: column.sorting === false ? void 0 : createSortHandler(column.field),
+          disabled: column.sorting === false,
+          children: column.title
+        }
+      )
+    },
+    column.id
+  )) }) });
+};
+
+export { IncidentsTableHeader };
+//# sourceMappingURL=IncidentsTableHeader.esm.js.map

package/dist/components/Servicenow/IncidentsTableHeader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsTableHeader.esm.js","sources":["../../../src/components/Servicenow/IncidentsTableHeader.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { MouseEvent } from 'react';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport TableSortLabel from '@mui/material/TableSortLabel';\n\nimport { IncidentsListColumns } from './IncidentsListColumns';\nimport type { Order } from '@backstage-community/plugin-servicenow-common';\nimport { IncidentTableField } from '../../types';\n\ntype IncidentsTableHeaderProps = {\n  order: Order;\n  orderBy: IncidentTableField | undefined;\n  onRequestSort: (\n    event: MouseEvent<unknown>,\n    property: IncidentTableField,\n  ) => void;\n};\n\nexport const IncidentsTableHeader = ({\n  order,\n  orderBy,\n  onRequestSort,\n}: IncidentsTableHeaderProps) => {\n  const createSortHandler =\n    (property: IncidentTableField) => (event: MouseEvent<unknown>) => {\n      onRequestSort(event, property);\n    };\n\n  return (\n    <TableHead>\n      <TableRow sx={{ marginLeft: '6px', borderBottom: '1px solid #e0e0e0' }}>\n        {IncidentsListColumns.map(column => (\n          <TableCell\n            key={column.id as string}\n            align=\"left\"\n            padding=\"normal\"\n            style={{\n              lineHeight: '1.5rem',\n              fontSize: '0.875rem',\n              padding: '24px 16px 24px 20px',\n              fontWeight: '700',\n            }}\n            sortDirection={orderBy === column.field ? order : 'asc'}\n          >\n            <TableSortLabel\n              active={orderBy === column.field}\n              direction={orderBy === column.field ? order : 'asc'}\n              onClick={\n                column.sorting === false\n                  ? undefined\n                  : createSortHandler(column.field as IncidentTableField)\n              }\n              disabled={column.sorting === false}\n            >\n              {column.title}\n            </TableSortLabel>\n          </TableCell>\n        ))}\n      </TableRow>\n    </TableHead>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAmCO,MAAM,uBAAuB,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,iBACJ,GAAA,CAAC,QAAiC,KAAA,CAAC,KAA+B,KAAA;AAChE,IAAA,aAAA,CAAc,OAAO,QAAQ,CAAA;AAAA,GAC/B;AAEF,EAAA,uBACG,GAAA,CAAA,SAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,EAAI,EAAA,EAAE,UAAY,EAAA,KAAA,EAAO,YAAc,EAAA,mBAAA,EAC9C,EAAA,QAAA,EAAA,oBAAA,CAAqB,IAAI,CACxB,MAAA,qBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MAEC,KAAM,EAAA,MAAA;AAAA,MACN,OAAQ,EAAA,QAAA;AAAA,MACR,KAAO,EAAA;AAAA,QACL,UAAY,EAAA,QAAA;AAAA,QACZ,QAAU,EAAA,UAAA;AAAA,QACV,OAAS,EAAA,qBAAA;AAAA,QACT,UAAY,EAAA;AAAA,OACd;AAAA,MACA,aAAe,EAAA,OAAA,KAAY,MAAO,CAAA,KAAA,GAAQ,KAAQ,GAAA,KAAA;AAAA,MAElD,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAY,MAAO,CAAA,KAAA;AAAA,UAC3B,SAAW,EAAA,OAAA,KAAY,MAAO,CAAA,KAAA,GAAQ,KAAQ,GAAA,KAAA;AAAA,UAC9C,SACE,MAAO,CAAA,OAAA,KAAY,QACf,MACA,GAAA,iBAAA,CAAkB,OAAO,KAA2B,CAAA;AAAA,UAE1D,QAAA,EAAU,OAAO,OAAY,KAAA,KAAA;AAAA,UAE5B,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA;AACV,KAAA;AAAA,IAtBK,MAAO,CAAA;AAAA,GAwBf,GACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Servicenow/IncidentsTableRow.esm.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import IconButton from '@mui/material/IconButton';
+import TableCell from '@mui/material/TableCell';
+import TableRow from '@mui/material/TableRow';
+import { makeStyles } from '@mui/styles';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+import { convertDateFormat } from '../../utils/stringUtils.esm.js';
+import { getPriorityValue, getIncidentStateValue } from '../../utils/incidentUtils.esm.js';
+
+const useStyles = makeStyles(() => ({
+  tableCellStyle: {
+    lineHeight: "1.5rem",
+    fontSize: "0.875rem"
+  }
+}));
+const IncidentsTableRow = ({ data }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs(
+    TableRow,
+    {
+      hover: true,
+      sx: {
+        fontSize: "0.875rem",
+        "&:last-child td, &:last-child th": { border: 0 },
+        borderBottom: "1px solid #e0e0e0"
+      },
+      children: [
+        /* @__PURE__ */ jsx(TableCell, { component: "th", scope: "row", className: classes.tableCellStyle, children: data.number }),
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: /* @__PURE__ */ jsx(Tooltip, { title: data?.description, arrow: true, placement: "top", children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body1",
+            style: {
+              maxWidth: 208,
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            },
+            children: data?.shortDescription
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: convertDateFormat(data?.sysCreatedOn) }),
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: getPriorityValue(data?.priority) }),
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: getIncidentStateValue(data?.incidentState) }),
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => window.open(data.url, "_blank"), children: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small", style: { color: "inherit" } }) }) })
+      ]
+    }
+  );
+};
+
+export { IncidentsTableRow };
+//# sourceMappingURL=IncidentsTableRow.esm.js.map

package/dist/components/Servicenow/IncidentsTableRow.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsTableRow.esm.js","sources":["../../../src/components/Servicenow/IncidentsTableRow.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport IconButton from '@mui/material/IconButton';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport { makeStyles } from '@mui/styles';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\n\nimport { convertDateFormat } from '../../utils/stringUtils';\nimport {\n  getIncidentStateValue,\n  getPriorityValue,\n} from '../../utils/incidentUtils';\nimport type { IncidentsData } from '../../types';\n\nconst useStyles = makeStyles(() => ({\n  tableCellStyle: {\n    lineHeight: '1.5rem',\n    fontSize: '0.875rem',\n  },\n}));\n\nexport const IncidentsTableRow = ({ data }: { data: IncidentsData }) => {\n  const classes = useStyles();\n\n  return (\n    <TableRow\n      hover\n      sx={{\n        fontSize: '0.875rem',\n        '&:last-child td, &:last-child th': { border: 0 },\n        borderBottom: '1px solid #e0e0e0',\n      }}\n    >\n      <TableCell component=\"th\" scope=\"row\" className={classes.tableCellStyle}>\n        {data.number}\n      </TableCell>\n      <TableCell align=\"left\" className={classes.tableCellStyle}>\n        <Tooltip title={data?.description} arrow placement=\"top\">\n          <Typography\n            variant=\"body1\"\n            style={{\n              maxWidth: 208,\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {data?.shortDescription}\n          </Typography>\n        </Tooltip>\n      </TableCell>\n      <TableCell align=\"left\" className={classes.tableCellStyle}>\n        {convertDateFormat(data?.sysCreatedOn)}\n      </TableCell>\n      <TableCell align=\"left\" className={classes.tableCellStyle}>\n        {getPriorityValue(data?.priority)}\n      </TableCell>\n\n      <TableCell align=\"left\" className={classes.tableCellStyle}>\n        {getIncidentStateValue(data?.incidentState)}\n      </TableCell>\n      <TableCell align=\"left\" className={classes.tableCellStyle}>\n        <IconButton onClick={() => window.open(data.url, '_blank')}>\n          <OpenInNewIcon fontSize=\"small\" style={{ color: 'inherit' }} />\n        </IconButton>\n      </TableCell>\n    </TableRow>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA+BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,cAAgB,EAAA;AAAA,IACd,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA;AAAA;AAEd,CAAE,CAAA,CAAA;AAEK,MAAM,iBAAoB,GAAA,CAAC,EAAE,IAAA,EAAoC,KAAA;AACtE,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,EAAI,EAAA;AAAA,QACF,QAAU,EAAA,UAAA;AAAA,QACV,kCAAA,EAAoC,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,QAChD,YAAc,EAAA;AAAA,OAChB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,WAAU,IAAK,EAAA,KAAA,EAAM,OAAM,SAAW,EAAA,OAAA,CAAQ,cACtD,EAAA,QAAA,EAAA,IAAA,CAAK,MACR,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,SAAA,EAAA,EAAU,KAAM,EAAA,MAAA,EAAO,WAAW,OAAQ,CAAA,cAAA,EACzC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,IAAM,EAAA,WAAA,EAAa,KAAK,EAAA,IAAA,EAAC,WAAU,KACjD,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,OAAA;AAAA,YACR,KAAO,EAAA;AAAA,cACL,QAAU,EAAA,GAAA;AAAA,cACV,UAAY,EAAA,QAAA;AAAA,cACZ,QAAU,EAAA,QAAA;AAAA,cACV,YAAc,EAAA;AAAA,aAChB;AAAA,YAEC,QAAM,EAAA,IAAA,EAAA;AAAA;AAAA,WAEX,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAM,MAAO,EAAA,SAAA,EAAW,QAAQ,cACxC,EAAA,QAAA,EAAA,iBAAA,CAAkB,IAAM,EAAA,YAAY,CACvC,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAM,MAAO,EAAA,SAAA,EAAW,QAAQ,cACxC,EAAA,QAAA,EAAA,gBAAA,CAAiB,IAAM,EAAA,QAAQ,CAClC,EAAA,CAAA;AAAA,wBAEA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAM,MAAO,EAAA,SAAA,EAAW,QAAQ,cACxC,EAAA,QAAA,EAAA,qBAAA,CAAsB,IAAM,EAAA,aAAa,CAC5C,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAM,MAAO,EAAA,SAAA,EAAW,OAAQ,CAAA,cAAA,EACzC,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,OAAS,EAAA,MAAM,MAAO,CAAA,IAAA,CAAK,IAAK,CAAA,GAAA,EAAK,QAAQ,CAAA,EACvD,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,QAAS,EAAA,OAAA,EAAQ,KAAO,EAAA,EAAE,KAAO,EAAA,SAAA,EAAa,EAAA,CAAA,EAC/D,CACF,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/Servicenow/ModerateIcon.esm.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { CustomSvgIcon } from './CustomSvgIcon.esm.js';
+
+const ModerateIcon = (props) => /* @__PURE__ */ jsx(
+  CustomSvgIcon,
+  {
+    viewBox: "0 0 16 16",
+    path: /* @__PURE__ */ jsx("path", { d: "M2.66675 11.3333V9.33332H13.3334V11.3333H2.66675ZM2.66675 6.66666V4.66666H13.3334V6.66666H2.66675Z" }),
+    ...props
+  }
+);
+
+export { ModerateIcon };
+//# sourceMappingURL=ModerateIcon.esm.js.map

package/dist/components/Servicenow/ModerateIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModerateIcon.esm.js","sources":["../../../src/components/Servicenow/ModerateIcon.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CustomSvgIcon } from './CustomSvgIcon';\n\nexport const ModerateIcon = (props: any) => (\n  <CustomSvgIcon\n    viewBox=\"0 0 16 16\"\n    path={\n      <path d=\"M2.66675 11.3333V9.33332H13.3334V11.3333H2.66675ZM2.66675 6.66666V4.66666H13.3334V6.66666H2.66675Z\" />\n    }\n    {...props}\n  />\n);\n"],"names":[],"mappings":";;;AAkBa,MAAA,YAAA,GAAe,CAAC,KAC3B,qBAAA,GAAA;AAAA,EAAC,aAAA;AAAA,EAAA;AAAA,IACC,OAAQ,EAAA,WAAA;AAAA,IACR,IACE,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,oGAAqG,EAAA,CAAA;AAAA,IAE9G,GAAG;AAAA;AACN;;;;"}