@backstage-community/plugin-servicenow 1.5.0 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @backstage-community/plugin-servicenow
 
+## 1.5.1
+
+### Patch Changes
+
+- 40b4d6c: - Added internationalization (i18n) support with translations for German, French, Spanish, Italian, and Japanese
+
 ## 1.5.0
 
 ### Minor Changes

package/dist/alpha/plugin.esm.js

@@ -3,6 +3,7 @@ import { ApiBlueprint, identityApiRef, fetchApiRef, discoveryApiRef, createFront
 import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
 import { ServiceNowBackendClient, serviceNowApiRef } from '../api/ServiceNowBackendClient.esm.js';
 import { isServicenowAvailable } from '@backstage-community/plugin-servicenow-common';
+export { servicenowTranslations } from '../translations/index.esm.js';
 
 const servicenowApi = ApiBlueprint.make({
   params: (defineParams) => defineParams({

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

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.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 {\n  ApiBlueprint,\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  identityApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport {\n  serviceNowApiRef,\n  ServiceNowBackendClient,\n} from '../api/ServiceNowBackendClient';\n\nimport { isServicenowAvailable } from '@backstage-community/plugin-servicenow-common';\n\n/** @alpha */\nexport const servicenowApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: serviceNowApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi, identityApi }) =>\n        new ServiceNowBackendClient(discoveryApi, fetchApi, identityApi),\n    }),\n});\n\n/**\n * Servicenow entity content that shows an incident table with a\n * filter similar to the catalog table\n * @alpha\n */\nexport const entityServicenowContent = EntityContentBlueprint.make({\n  name: 'EntityServicenowContent',\n  params: {\n    path: 'servicenow',\n    title: 'ServiceNow',\n    filter: isServicenowAvailable,\n    loader: () =>\n      import('../components/Servicenow').then(m => (\n        <m.EntityServicenowContent />\n      )),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'servicenow',\n  extensions: [servicenowApi, entityServicenowContent],\n});\n"],"names":[],"mappings":";;;;;;AAgCa,MAAA,aAAA,GAAgB,aAAa,IAAK,CAAA;AAAA,EAC7C,MAAA,EAAQ,kBACN,YAAa,CAAA;AAAA,IACX,GAAK,EAAA,gBAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,eAAA;AAAA,MACd,QAAU,EAAA,WAAA;AAAA,MACV,WAAa,EAAA;AAAA,KACf;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EAAU,WAAY,EAAA,KAC9C,IAAI,uBAAA,CAAwB,YAAc,EAAA,QAAA,EAAU,WAAW;AAAA,GAClE;AACL,CAAC;AAOY,MAAA,uBAAA,GAA0B,uBAAuB,IAAK,CAAA;AAAA,EACjE,IAAM,EAAA,yBAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,IACP,MAAQ,EAAA,qBAAA;AAAA,IACR,MAAA,EAAQ,MACN,OAAO,uCAA0B,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,qBACrC,GAAA,CAAA,CAAA,CAAE,uBAAF,EAAA,EAA0B,CAC5B;AAAA;AAEP,CAAC;AAGD,aAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,YAAA;AAAA,EACV,UAAA,EAAY,CAAC,aAAA,EAAe,uBAAuB;AACrD,CAAC,CAAA;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.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 {\n  ApiBlueprint,\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  identityApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport {\n  serviceNowApiRef,\n  ServiceNowBackendClient,\n} from '../api/ServiceNowBackendClient';\n\nimport { isServicenowAvailable } from '@backstage-community/plugin-servicenow-common';\n\n/** @alpha */\nexport const servicenowApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: serviceNowApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi, identityApi }) =>\n        new ServiceNowBackendClient(discoveryApi, fetchApi, identityApi),\n    }),\n});\n\n/**\n * Servicenow entity content that shows an incident table with a\n * filter similar to the catalog table\n * @alpha\n */\nexport const entityServicenowContent = EntityContentBlueprint.make({\n  name: 'EntityServicenowContent',\n  params: {\n    path: 'servicenow',\n    title: 'ServiceNow',\n    filter: isServicenowAvailable,\n    loader: () =>\n      import('../components/Servicenow').then(m => (\n        <m.EntityServicenowContent />\n      )),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'servicenow',\n  extensions: [servicenowApi, entityServicenowContent],\n});\n\n/**\n * @alpha\n * Translation resources for the ServiceNow plugin\n */\nexport * from '../translations';\n"],"names":[],"mappings":";;;;;;;AAgCa,MAAA,aAAA,GAAgB,aAAa,IAAK,CAAA;AAAA,EAC7C,MAAA,EAAQ,kBACN,YAAa,CAAA;AAAA,IACX,GAAK,EAAA,gBAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,eAAA;AAAA,MACd,QAAU,EAAA,WAAA;AAAA,MACV,WAAa,EAAA;AAAA,KACf;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EAAU,WAAY,EAAA,KAC9C,IAAI,uBAAA,CAAwB,YAAc,EAAA,QAAA,EAAU,WAAW;AAAA,GAClE;AACL,CAAC;AAOY,MAAA,uBAAA,GAA0B,uBAAuB,IAAK,CAAA;AAAA,EACjE,IAAM,EAAA,yBAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,IACP,MAAQ,EAAA,qBAAA;AAAA,IACR,MAAA,EAAQ,MACN,OAAO,uCAA0B,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,qBACrC,GAAA,CAAA,CAAA,CAAE,uBAAF,EAAA,EAA0B,CAC5B;AAAA;AAEP,CAAC;AAGD,aAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,YAAA;AAAA,EACV,UAAA,EAAY,CAAC,aAAA,EAAe,uBAAuB;AACrD,CAAC,CAAA;;;;"}

package/dist/alpha.d.ts

@@ -4,7 +4,101 @@ import * as react from 'react';
 import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
 
+/**
+ * Translation reference for the ServiceNow plugin.
+ * @alpha
+ */
+declare const servicenowTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"plugin.servicenow", {
+    readonly "table.searchPlaceholder": string;
+    readonly "table.labelRowsSelect": string;
+    readonly "table.columns.description": string;
+    readonly "table.columns.priority": string;
+    readonly "table.columns.incidentNumber": string;
+    readonly "table.columns.created": string;
+    readonly "table.columns.state": string;
+    readonly "table.columns.actions": string;
+    readonly "table.emptyContent": string;
+    readonly "filter.priority": string;
+    readonly "filter.state": string;
+    readonly "priority.critical": string;
+    readonly "priority.high": string;
+    readonly "priority.moderate": string;
+    readonly "priority.low": string;
+    readonly "priority.planning": string;
+    readonly "page.title": string;
+    readonly "page.titleWithCount": string;
+    readonly "actions.openInServicenow": string;
+    readonly "incidentState.new": string;
+    readonly "incidentState.inProgress": string;
+    readonly "incidentState.onHold": string;
+    readonly "incidentState.resolved": string;
+    readonly "incidentState.closed": string;
+    readonly "incidentState.cancelled": string;
+    readonly "errors.loadingIncidents": string;
+}>;
+
+/**
+ * Translation resources for the ServiceNow plugin.
+ * @alpha
+ */
+declare const servicenowTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"plugin.servicenow">;
+
+/** @alpha */
+declare const servicenowApi: _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+    kind: "api";
+    name: undefined;
+    config: {};
+    configInput: {};
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+    inputs: {};
+    params: <TApi, TImpl extends TApi, TDeps extends {
+        [x: string]: unknown;
+    }>(params: _backstage_core_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_core_plugin_api.AnyApiFactory>;
+}>;
+/**
+ * Servicenow entity content that shows an incident table with a
+ * filter similar to the catalog table
+ * @alpha
+ */
+declare const entityServicenowContent: _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+    kind: "entity-content";
+    name: "EntityServicenowContent";
+    config: {
+        path: string | undefined;
+        title: string | undefined;
+        filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+        group: string | false | undefined;
+    };
+    configInput: {
+        filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+        title?: string | undefined;
+        path?: string | undefined;
+        group?: string | false | undefined;
+    };
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _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;
+    }>;
+    inputs: {};
+    params: {
+        defaultPath?: [Error: "Use the 'path' param instead"] | undefined;
+        path: string;
+        defaultTitle?: [Error: "Use the 'title' param instead"] | undefined;
+        title: string;
+        defaultGroup?: [Error: "Use the 'group' param instead"] | undefined;
+        group?: (string & {}) | "overview" | "documentation" | "development" | "deployment" | "operation" | "observability" | undefined;
+        loader: () => Promise<JSX.Element>;
+        routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
+        filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+    };
+}>;
 /** @alpha */
 declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{}, {}, {
     "api:servicenow": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
@@ -57,4 +151,4 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
     }>;
 }>;
 
-export { _default as default };
+export { _default as default, entityServicenowContent, servicenowApi, servicenowTranslationRef, servicenowTranslations };

package/dist/alpha.esm.js

@@ -1,2 +1,4 @@
-export { default } from './alpha/plugin.esm.js';
+export { default, entityServicenowContent, servicenowApi } from './alpha/plugin.esm.js';
+export { servicenowTranslations } from './translations/index.esm.js';
+export { servicenowTranslationRef } from './translations/ref.esm.js';
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

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

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

@@ -11,7 +11,7 @@ import TableCell from '@mui/material/TableCell';
 import TablePagination from '@mui/material/TablePagination';
 import { SortingOrderEnum, ServiceAnnotationFieldName } from '@backstage-community/plugin-servicenow-common';
 import { IncidentsFilter } from './IncidentsFilter.esm.js';
-import { IncidentsListColumns } from './IncidentsListColumns.esm.js';
+import { useIncidentsListColumns } from './IncidentsListColumns.esm.js';
 import { IncidentsTableBody } from './IncidentsTableBody.esm.js';
 import { IncidentsTableHeader } from './IncidentsTableHeader.esm.js';
 import { IncidentTableFieldEnum } from '../../types.esm.js';
@@ -22,10 +22,13 @@ import { useQueryArrayState } from '../../hooks/useQueryArrayState.esm.js';
 import { serviceNowApiRef } from '../../api/ServiceNowBackendClient.esm.js';
 import { useUserEmail } from '../../hooks/useUserEmail.esm.js';
 import { useUpdateQueryParams } from '../../hooks/useQueryHelpers.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const EntityServicenowContent = () => {
+  const { t } = useTranslation();
   const { entity } = useEntity();
   const serviceNowApi = useApi(serviceNowApiRef);
+  const incidentsListColumns = useIncidentsListColumns();
   const [search, setSearch] = useQueryState("search", "");
   const [input, setInput] = useState(search);
   const debouncedInput = useDebouncedValue(input, 300);
@@ -134,14 +137,14 @@ const EntityServicenowContent = () => {
       onRequestSort: handleRequestSort
     }
   );
-  const IncidentsTableBodyComponent = () => loading ? /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: IncidentsListColumns.length, align: "center", children: /* @__PURE__ */ jsx(Box, { sx: { py: 3 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) }) }) }) }) : /* @__PURE__ */ jsx(IncidentsTableBody, { rows: incidentsData });
+  const IncidentsTableBodyComponent = () => loading ? /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: incidentsListColumns.length, align: "center", children: /* @__PURE__ */ jsx(Box, { sx: { py: 3 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) }) }) }) }) : /* @__PURE__ */ jsx(IncidentsTableBody, { rows: incidentsData });
   const TablePaginationComponent = () => {
     return /* @__PURE__ */ jsx(
       TablePagination,
       {
         rowsPerPageOptions: [5, 10, 20, 50, 100].map((n) => ({
           value: n,
-          label: `${n} rows`
+          label: t("table.labelRowsSelect", { count: String(n) })
         })),
         component: "div",
         sx: { mr: 1 },
@@ -158,17 +161,16 @@ const EntityServicenowContent = () => {
   };
   return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(CatalogFilterLayout, { children: [
     /* @__PURE__ */ jsx(CatalogFilterLayout.Filters, { children: /* @__PURE__ */ jsx(IncidentsFilter, {}) }),
-    /* @__PURE__ */ jsx(CatalogFilterLayout.Content, { children: error ? /* @__PURE__ */ jsxs(Box, { sx: { padding: 2, color: "error.main" }, children: [
-      "Error loading incidents: ",
-      error
-    ] }) : /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(CatalogFilterLayout.Content, { children: error ? /* @__PURE__ */ jsx(Box, { sx: { padding: 2, color: "error.main" }, children: t("errors.loadingIncidents", { error }) }) : /* @__PURE__ */ jsx(
       Table,
       {
         data: loading ? [] : incidentsData,
-        columns: IncidentsListColumns,
+        columns: incidentsListColumns,
         onSearchChange: handleSearch,
-        title: count === 0 ? "ServiceNow tickets" : `ServiceNow tickets (${count})`,
-        localization: { toolbar: { searchPlaceholder: "Search" } },
+        title: count === 0 ? t("page.title") : t("page.titleWithCount", { count: String(count) }),
+        localization: {
+          toolbar: { searchPlaceholder: t("table.searchPlaceholder") }
+        },
         components: {
           Header: IncidentsTableHeaderComponent,
           Body: IncidentsTableBodyComponent,
@@ -183,7 +185,7 @@ const EntityServicenowContent = () => {
               display: "flex",
               justifyContent: "center"
             },
-            children: "No records found"
+            children: t("table.emptyContent")
           }
         ),
         isLoading: loading

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

@@ -1 +1 @@
-{"version":3,"file":"EntityServicenowContent.esm.js","sources":["../../../src/components/Servicenow/EntityServicenowContent.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 { useEffect, useState, MouseEvent, ChangeEvent } from 'react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport {\n  CatalogFilterLayout,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Table } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TableBody from '@mui/material/TableBody';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport TablePagination from '@mui/material/TablePagination';\n\nimport {\n  Order,\n  SortingOrderEnum,\n  ServiceAnnotationFieldName,\n} from '@backstage-community/plugin-servicenow-common';\n\nimport { IncidentsFilter } from './IncidentsFilter';\nimport { IncidentsListColumns } from './IncidentsListColumns';\nimport { IncidentsTableBody } from './IncidentsTableBody';\nimport { IncidentsTableHeader } from './IncidentsTableHeader';\nimport {\n  IncidentTableFieldEnum,\n  type IncidentsData,\n  type IncidentTableField,\n} from '../../types';\nimport { buildIncidentQueryParams } from '../../utils/queryParamsUtils';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { useQueryState } from '../../hooks/useQueryState';\nimport { useQueryArrayState } from '../../hooks/useQueryArrayState';\nimport { serviceNowApiRef } from '../../api/ServiceNowBackendClient';\nimport useUserEmail from '../../hooks/useUserEmail';\nimport { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\n\nexport const EntityServicenowContent = () => {\n  const { entity } = useEntity();\n  const serviceNowApi = useApi(serviceNowApiRef);\n\n  const [search, setSearch] = useQueryState<string>('search', '');\n  const [input, setInput] = useState(search);\n  const debouncedInput = useDebouncedValue(input, 300);\n\n  const [order, setOrder] = useQueryState<Order>('order', SortingOrderEnum.Asc);\n  const [orderBy, setOrderBy] = useQueryState<IncidentTableField>(\n    'orderBy',\n    IncidentTableFieldEnum.Number,\n  );\n\n  const [rowsPerPage] = useQueryState<number>('limit', 5);\n  const [offset, setOffset] = useQueryState<number>('offset', 0);\n  const [state] = useQueryArrayState('state', []);\n  const [priority] = useQueryArrayState('priority', []);\n\n  const pageNumber = Math.floor(offset / rowsPerPage);\n\n  const [count, setCount] = useState<number>(0);\n  const [incidentsData, setIncidentsData] = useState<IncidentsData[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const updateQueryParams = useUpdateQueryParams();\n\n  const entityId = entity.metadata.annotations?.[ServiceAnnotationFieldName];\n\n  const kind = entity.kind.toLocaleLowerCase('en-US');\n  const userEmail = useUserEmail(kind);\n\n  const identityApi = useApi(identityApiRef);\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(identity => {\n      if (identity.userEntityRef) {\n        localStorage.setItem('userEntityRef', identity.userEntityRef);\n      }\n    });\n  }, [identityApi]);\n\n  useEffect(() => {\n    if (debouncedInput !== search) {\n      setSearch(debouncedInput);\n      setOffset(0);\n    }\n  }, [debouncedInput, search, setSearch, setOffset]);\n\n  useEffect(() => {\n    async function fetchIncidents() {\n      setLoading(true);\n      setError(null);\n\n      if (!userEmail && !entityId) {\n        setIncidentsData([]);\n        setLoading(false);\n        return;\n      }\n\n      try {\n        const queryParams = buildIncidentQueryParams({\n          limit: rowsPerPage,\n          offset,\n          order,\n          orderBy,\n          search: search,\n          priority: priority ?? undefined,\n          state: state ?? undefined,\n          userEmail,\n          entityId,\n        });\n\n        const { incidents, totalCount } = await serviceNowApi.getIncidents(\n          queryParams,\n        );\n        setIncidentsData(incidents);\n        setCount(totalCount);\n      } catch (e) {\n        setError((e as Error).message);\n        setIncidentsData([]);\n      } finally {\n        setLoading(false);\n      }\n    }\n\n    fetchIncidents();\n  }, [\n    rowsPerPage,\n    offset,\n    order,\n    orderBy,\n    search,\n    serviceNowApi,\n    entityId,\n    priority,\n    state,\n    userEmail,\n  ]);\n\n  const handleRowsPerPageChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newLimit = parseInt(event.target.value, 10);\n    updateQueryParams({\n      limit: String(newLimit),\n      offset: '0',\n    });\n  };\n\n  const handlePageChange = (_event: unknown, page: number) => {\n    setOffset(page * rowsPerPage);\n  };\n\n  const handleRequestSort = (\n    _event: MouseEvent<unknown>,\n    property: IncidentTableField,\n  ) => {\n    const isAsc = orderBy === property && order === SortingOrderEnum.Asc;\n    setOrder(isAsc ? SortingOrderEnum.Desc : SortingOrderEnum.Asc);\n    setOrderBy(property);\n    setOffset(0);\n  };\n\n  const handleSearch = (str: string) => {\n    setInput(str);\n  };\n\n  const IncidentsTableHeaderComponent = () => (\n    <IncidentsTableHeader\n      order={order}\n      orderBy={orderBy}\n      onRequestSort={handleRequestSort}\n    />\n  );\n\n  const IncidentsTableBodyComponent = () =>\n    loading ? (\n      <TableBody>\n        <TableRow>\n          <TableCell colSpan={IncidentsListColumns.length} align=\"center\">\n            <Box sx={{ py: 3 }}>\n              <CircularProgress />\n            </Box>\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    ) : (\n      <IncidentsTableBody rows={incidentsData} />\n    );\n\n  const TablePaginationComponent = () => {\n    return (\n      <TablePagination\n        rowsPerPageOptions={[5, 10, 20, 50, 100].map(n => ({\n          value: n,\n          label: `${n} rows`,\n        }))}\n        component=\"div\"\n        sx={{ mr: 1 }}\n        count={count ?? 0}\n        rowsPerPage={rowsPerPage}\n        page={pageNumber}\n        onPageChange={handlePageChange}\n        onRowsPerPageChange={handleRowsPerPageChange}\n        labelRowsPerPage={null}\n        showFirstButton\n        showLastButton\n      />\n    );\n  };\n\n  return (\n    <Box>\n      <CatalogFilterLayout>\n        <CatalogFilterLayout.Filters>\n          <IncidentsFilter />\n        </CatalogFilterLayout.Filters>\n        <CatalogFilterLayout.Content>\n          {error ? (\n            <Box sx={{ padding: 2, color: 'error.main' }}>\n              Error loading incidents: {error}\n            </Box>\n          ) : (\n            <Table\n              data={loading ? [] : incidentsData}\n              columns={IncidentsListColumns}\n              onSearchChange={handleSearch}\n              title={\n                count === 0\n                  ? 'ServiceNow tickets'\n                  : `ServiceNow tickets (${count})`\n              }\n              localization={{ toolbar: { searchPlaceholder: 'Search' } }}\n              components={{\n                Header: IncidentsTableHeaderComponent,\n                Body: IncidentsTableBodyComponent,\n                Pagination: TablePaginationComponent,\n              }}\n              emptyContent={\n                loading ? null : (\n                  <Box\n                    data-testid=\"no-incidents-found\"\n                    sx={{\n                      padding: 2,\n                      display: 'flex',\n                      justifyContent: 'center',\n                    }}\n                  >\n                    No records found\n                  </Box>\n                )\n              }\n              isLoading={loading}\n            />\n          )}\n        </CatalogFilterLayout.Content>\n      </CatalogFilterLayout>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuDO,MAAM,0BAA0B,MAAM;AAC3C,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAE7C,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,aAAA,CAAsB,UAAU,EAAE,CAAA;AAC9D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,MAAM,CAAA;AACzC,EAAM,MAAA,cAAA,GAAiB,iBAAkB,CAAA,KAAA,EAAO,GAAG,CAAA;AAEnD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,IAAI,aAAqB,CAAA,OAAA,EAAS,iBAAiB,GAAG,CAAA;AAC5E,EAAM,MAAA,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,aAAA;AAAA,IAC5B,SAAA;AAAA,IACA,sBAAuB,CAAA;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,WAAW,CAAI,GAAA,aAAA,CAAsB,SAAS,CAAC,CAAA;AACtD,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,aAAA,CAAsB,UAAU,CAAC,CAAA;AAC7D,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,kBAAmB,CAAA,OAAA,EAAS,EAAE,CAAA;AAC9C,EAAA,MAAM,CAAC,QAAQ,CAAA,GAAI,kBAAmB,CAAA,UAAA,EAAY,EAAE,CAAA;AAEpD,EAAA,MAAM,UAAa,GAAA,IAAA,CAAK,KAAM,CAAA,MAAA,GAAS,WAAW,CAAA;AAElD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAA0B,EAAE,CAAA;AACtE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAE/C,EAAA,MAAM,QAAW,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,0BAA0B,CAAA;AAEzE,EAAA,MAAM,IAAO,GAAA,MAAA,CAAO,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAA;AAClD,EAAM,MAAA,SAAA,GAAY,aAAa,IAAI,CAAA;AAEnC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AAEzC,EAAA,SAAA,CAAU,MAAM;AACd,IAAY,WAAA,CAAA,oBAAA,EAAuB,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA;AAClD,MAAA,IAAI,SAAS,aAAe,EAAA;AAC1B,QAAa,YAAA,CAAA,OAAA,CAAQ,eAAiB,EAAA,QAAA,CAAS,aAAa,CAAA;AAAA;AAC9D,KACD,CAAA;AAAA,GACH,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,MAAQ,EAAA;AAC7B,MAAA,SAAA,CAAU,cAAc,CAAA;AACxB,MAAA,SAAA,CAAU,CAAC,CAAA;AAAA;AACb,KACC,CAAC,cAAA,EAAgB,MAAQ,EAAA,SAAA,EAAW,SAAS,CAAC,CAAA;AAEjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,cAAiB,GAAA;AAC9B,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAI,IAAA,CAAC,SAAa,IAAA,CAAC,QAAU,EAAA;AAC3B,QAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA;AAAA;AAGF,MAAI,IAAA;AACF,QAAA,MAAM,cAAc,wBAAyB,CAAA;AAAA,UAC3C,KAAO,EAAA,WAAA;AAAA,UACP,MAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,MAAA;AAAA,UACA,UAAU,QAAY,IAAA,KAAA,CAAA;AAAA,UACtB,OAAO,KAAS,IAAA,KAAA,CAAA;AAAA,UAChB,SAAA;AAAA,UACA;AAAA,SACD,CAAA;AAED,QAAA,MAAM,EAAE,SAAA,EAAW,UAAW,EAAA,GAAI,MAAM,aAAc,CAAA,YAAA;AAAA,UACpD;AAAA,SACF;AACA,QAAA,gBAAA,CAAiB,SAAS,CAAA;AAC1B,QAAA,QAAA,CAAS,UAAU,CAAA;AAAA,eACZ,CAAG,EAAA;AACV,QAAA,QAAA,CAAU,EAAY,OAAO,CAAA;AAC7B,QAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,OACnB,SAAA;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB;AAGF,IAAe,cAAA,EAAA;AAAA,GACd,EAAA;AAAA,IACD,WAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAM,MAAA,uBAAA,GAA0B,CAAC,KAAyC,KAAA;AACxE,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,KAAM,CAAA,MAAA,CAAO,OAAO,EAAE,CAAA;AAChD,IAAkB,iBAAA,CAAA;AAAA,MAChB,KAAA,EAAO,OAAO,QAAQ,CAAA;AAAA,MACtB,MAAQ,EAAA;AAAA,KACT,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,MAAA,EAAiB,IAAiB,KAAA;AAC1D,IAAA,SAAA,CAAU,OAAO,WAAW,CAAA;AAAA,GAC9B;AAEA,EAAM,MAAA,iBAAA,GAAoB,CACxB,MAAA,EACA,QACG,KAAA;AACH,IAAA,MAAM,KAAQ,GAAA,OAAA,KAAY,QAAY,IAAA,KAAA,KAAU,gBAAiB,CAAA,GAAA;AACjE,IAAA,QAAA,CAAS,KAAQ,GAAA,gBAAA,CAAiB,IAAO,GAAA,gBAAA,CAAiB,GAAG,CAAA;AAC7D,IAAA,UAAA,CAAW,QAAQ,CAAA;AACnB,IAAA,SAAA,CAAU,CAAC,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,gCAAgC,sBACpC,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAe,EAAA;AAAA;AAAA,GACjB;AAGF,EAAA,MAAM,2BAA8B,GAAA,MAClC,OACE,mBAAA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,oBAAqB,CAAA,MAAA,EAAQ,OAAM,QACrD,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,EAAA,EAAI,CAAE,EAAA,EACf,8BAAC,gBAAiB,EAAA,EAAA,CAAA,EACpB,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA,mBAEC,GAAA,CAAA,kBAAA,EAAA,EAAmB,MAAM,aAAe,EAAA,CAAA;AAG7C,EAAA,MAAM,2BAA2B,MAAM;AACrC,IACE,uBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAoB,CAAC,CAAG,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA;AAAA,UACjD,KAAO,EAAA,CAAA;AAAA,UACP,KAAA,EAAO,GAAG,CAAC,CAAA,KAAA;AAAA,SACX,CAAA,CAAA;AAAA,QACF,SAAU,EAAA,KAAA;AAAA,QACV,EAAA,EAAI,EAAE,EAAA,EAAI,CAAE,EAAA;AAAA,QACZ,OAAO,KAAS,IAAA,CAAA;AAAA,QAChB,WAAA;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,YAAc,EAAA,gBAAA;AAAA,QACd,mBAAqB,EAAA,uBAAA;AAAA,QACrB,gBAAkB,EAAA,IAAA;AAAA,QAClB,eAAe,EAAA,IAAA;AAAA,QACf,cAAc,EAAA;AAAA;AAAA,KAChB;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,GACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,mBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAoB,CAAA,OAAA,EAApB,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,mBAAA,CAAoB,OAApB,EAAA,EACE,QACC,EAAA,KAAA,mBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,CAAG,EAAA,KAAA,EAAO,cAAgB,EAAA,QAAA,EAAA;AAAA,MAAA,2BAAA;AAAA,MAClB;AAAA,KAAA,EAC5B,CAEA,mBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,OAAU,GAAA,EAAK,GAAA,aAAA;AAAA,QACrB,OAAS,EAAA,oBAAA;AAAA,QACT,cAAgB,EAAA,YAAA;AAAA,QAChB,KACE,EAAA,KAAA,KAAU,CACN,GAAA,oBAAA,GACA,uBAAuB,KAAK,CAAA,CAAA,CAAA;AAAA,QAElC,cAAc,EAAE,OAAA,EAAS,EAAE,iBAAA,EAAmB,UAAW,EAAA;AAAA,QACzD,UAAY,EAAA;AAAA,UACV,MAAQ,EAAA,6BAAA;AAAA,UACR,IAAM,EAAA,2BAAA;AAAA,UACN,UAAY,EAAA;AAAA,SACd;AAAA,QACA,YAAA,EACE,UAAU,IACR,mBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,oBAAA;AAAA,YACZ,EAAI,EAAA;AAAA,cACF,OAAS,EAAA,CAAA;AAAA,cACT,OAAS,EAAA,MAAA;AAAA,cACT,cAAgB,EAAA;AAAA,aAClB;AAAA,YACD,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,QAGJ,SAAW,EAAA;AAAA;AAAA,KAGjB,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityServicenowContent.esm.js","sources":["../../../src/components/Servicenow/EntityServicenowContent.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 { useEffect, useState, MouseEvent, ChangeEvent } from 'react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport {\n  CatalogFilterLayout,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Table } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TableBody from '@mui/material/TableBody';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport TablePagination from '@mui/material/TablePagination';\n\nimport {\n  Order,\n  SortingOrderEnum,\n  ServiceAnnotationFieldName,\n} from '@backstage-community/plugin-servicenow-common';\n\nimport { IncidentsFilter } from './IncidentsFilter';\nimport { useIncidentsListColumns } from './IncidentsListColumns';\nimport { IncidentsTableBody } from './IncidentsTableBody';\nimport { IncidentsTableHeader } from './IncidentsTableHeader';\nimport {\n  IncidentTableFieldEnum,\n  type IncidentsData,\n  type IncidentTableField,\n} from '../../types';\nimport { buildIncidentQueryParams } from '../../utils/queryParamsUtils';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { useQueryState } from '../../hooks/useQueryState';\nimport { useQueryArrayState } from '../../hooks/useQueryArrayState';\nimport { serviceNowApiRef } from '../../api/ServiceNowBackendClient';\nimport useUserEmail from '../../hooks/useUserEmail';\nimport { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const EntityServicenowContent = () => {\n  const { t } = useTranslation();\n  const { entity } = useEntity();\n  const serviceNowApi = useApi(serviceNowApiRef);\n  const incidentsListColumns = useIncidentsListColumns();\n\n  const [search, setSearch] = useQueryState<string>('search', '');\n  const [input, setInput] = useState(search);\n  const debouncedInput = useDebouncedValue(input, 300);\n\n  const [order, setOrder] = useQueryState<Order>('order', SortingOrderEnum.Asc);\n  const [orderBy, setOrderBy] = useQueryState<IncidentTableField>(\n    'orderBy',\n    IncidentTableFieldEnum.Number,\n  );\n\n  const [rowsPerPage] = useQueryState<number>('limit', 5);\n  const [offset, setOffset] = useQueryState<number>('offset', 0);\n  const [state] = useQueryArrayState('state', []);\n  const [priority] = useQueryArrayState('priority', []);\n\n  const pageNumber = Math.floor(offset / rowsPerPage);\n\n  const [count, setCount] = useState<number>(0);\n  const [incidentsData, setIncidentsData] = useState<IncidentsData[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const updateQueryParams = useUpdateQueryParams();\n\n  const entityId = entity.metadata.annotations?.[ServiceAnnotationFieldName];\n\n  const kind = entity.kind.toLocaleLowerCase('en-US');\n  const userEmail = useUserEmail(kind);\n\n  const identityApi = useApi(identityApiRef);\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(identity => {\n      if (identity.userEntityRef) {\n        localStorage.setItem('userEntityRef', identity.userEntityRef);\n      }\n    });\n  }, [identityApi]);\n\n  useEffect(() => {\n    if (debouncedInput !== search) {\n      setSearch(debouncedInput);\n      setOffset(0);\n    }\n  }, [debouncedInput, search, setSearch, setOffset]);\n\n  useEffect(() => {\n    async function fetchIncidents() {\n      setLoading(true);\n      setError(null);\n\n      if (!userEmail && !entityId) {\n        setIncidentsData([]);\n        setLoading(false);\n        return;\n      }\n\n      try {\n        const queryParams = buildIncidentQueryParams({\n          limit: rowsPerPage,\n          offset,\n          order,\n          orderBy,\n          search: search,\n          priority: priority ?? undefined,\n          state: state ?? undefined,\n          userEmail,\n          entityId,\n        });\n\n        const { incidents, totalCount } = await serviceNowApi.getIncidents(\n          queryParams,\n        );\n        setIncidentsData(incidents);\n        setCount(totalCount);\n      } catch (e) {\n        setError((e as Error).message);\n        setIncidentsData([]);\n      } finally {\n        setLoading(false);\n      }\n    }\n\n    fetchIncidents();\n  }, [\n    rowsPerPage,\n    offset,\n    order,\n    orderBy,\n    search,\n    serviceNowApi,\n    entityId,\n    priority,\n    state,\n    userEmail,\n  ]);\n\n  const handleRowsPerPageChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newLimit = parseInt(event.target.value, 10);\n    updateQueryParams({\n      limit: String(newLimit),\n      offset: '0',\n    });\n  };\n\n  const handlePageChange = (_event: unknown, page: number) => {\n    setOffset(page * rowsPerPage);\n  };\n\n  const handleRequestSort = (\n    _event: MouseEvent<unknown>,\n    property: IncidentTableField,\n  ) => {\n    const isAsc = orderBy === property && order === SortingOrderEnum.Asc;\n    setOrder(isAsc ? SortingOrderEnum.Desc : SortingOrderEnum.Asc);\n    setOrderBy(property);\n    setOffset(0);\n  };\n\n  const handleSearch = (str: string) => {\n    setInput(str);\n  };\n\n  const IncidentsTableHeaderComponent = () => (\n    <IncidentsTableHeader\n      order={order}\n      orderBy={orderBy}\n      onRequestSort={handleRequestSort}\n    />\n  );\n\n  const IncidentsTableBodyComponent = () =>\n    loading ? (\n      <TableBody>\n        <TableRow>\n          <TableCell colSpan={incidentsListColumns.length} align=\"center\">\n            <Box sx={{ py: 3 }}>\n              <CircularProgress />\n            </Box>\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    ) : (\n      <IncidentsTableBody rows={incidentsData} />\n    );\n\n  const TablePaginationComponent = () => {\n    return (\n      <TablePagination\n        rowsPerPageOptions={[5, 10, 20, 50, 100].map(n => ({\n          value: n,\n          label: t('table.labelRowsSelect', { count: String(n) }),\n        }))}\n        component=\"div\"\n        sx={{ mr: 1 }}\n        count={count ?? 0}\n        rowsPerPage={rowsPerPage}\n        page={pageNumber}\n        onPageChange={handlePageChange}\n        onRowsPerPageChange={handleRowsPerPageChange}\n        labelRowsPerPage={null}\n        showFirstButton\n        showLastButton\n      />\n    );\n  };\n\n  return (\n    <Box>\n      <CatalogFilterLayout>\n        <CatalogFilterLayout.Filters>\n          <IncidentsFilter />\n        </CatalogFilterLayout.Filters>\n        <CatalogFilterLayout.Content>\n          {error ? (\n            <Box sx={{ padding: 2, color: 'error.main' }}>\n              {t('errors.loadingIncidents', { error })}\n            </Box>\n          ) : (\n            <Table\n              data={loading ? [] : incidentsData}\n              columns={incidentsListColumns}\n              onSearchChange={handleSearch}\n              title={\n                count === 0\n                  ? t('page.title')\n                  : t('page.titleWithCount', { count: String(count) })\n              }\n              localization={{\n                toolbar: { searchPlaceholder: t('table.searchPlaceholder') },\n              }}\n              components={{\n                Header: IncidentsTableHeaderComponent,\n                Body: IncidentsTableBodyComponent,\n                Pagination: TablePaginationComponent,\n              }}\n              emptyContent={\n                loading ? null : (\n                  <Box\n                    data-testid=\"no-incidents-found\"\n                    sx={{\n                      padding: 2,\n                      display: 'flex',\n                      justifyContent: 'center',\n                    }}\n                  >\n                    {t('table.emptyContent')}\n                  </Box>\n                )\n              }\n              isLoading={loading}\n            />\n          )}\n        </CatalogFilterLayout.Content>\n      </CatalogFilterLayout>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -2,14 +2,18 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo, useCallback } from 'react';
 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 { useIncidentStateMap, usePriorityMap } from '../../utils/incidentUtils.esm.js';
 import { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter.esm.js';
 import { useUpdateQueryParams } from '../../hooks/useQueryHelpers.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const IncidentsFilter = () => {
+  const { t } = useTranslation();
   const stateFilter = useQueryArrayFilter("state");
   const priorityFilter = useQueryArrayFilter("priority");
   const updateQueryParams = useUpdateQueryParams();
+  const incidentStateMap = useIncidentStateMap();
+  const priorityMap = usePriorityMap();
   const stateValue = useMemo(() => stateFilter.current, [stateFilter]);
   const priorityValue = useMemo(() => priorityFilter.current, [priorityFilter]);
   const handleStateChange = useCallback(
@@ -43,9 +47,9 @@ const IncidentsFilter = () => {
         /* @__PURE__ */ jsx(
           IncidentEnumFilter,
           {
-            label: "State",
+            label: t("filter.state"),
             filterKey: "state",
-            dataMap: INCIDENT_STATE_MAP,
+            dataMap: incidentStateMap,
             value: stateValue,
             onChange: handleStateChange
           }
@@ -53,9 +57,9 @@ const IncidentsFilter = () => {
         /* @__PURE__ */ jsx(
           IncidentEnumFilter,
           {
-            label: "Priority",
+            label: t("filter.priority"),
             filterKey: "priority",
-            dataMap: PRIORITY_MAP,
+            dataMap: priorityMap,
             value: priorityValue,
             onChange: handlePriorityChange
           }

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

@@ -1 +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 { useMemo, useCallback } from 'react';\n\nimport { SelectItem } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\n\nimport { IncidentEnumFilter } from '../shared-components/IncidentEnumFilter';\nimport { INCIDENT_STATE_MAP, PRIORITY_MAP } from '../../utils/incidentUtils';\nimport { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter';\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":";;;;;;;;AA2BO,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;;;;"}
+{"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 { useMemo, useCallback } from 'react';\n\nimport { SelectItem } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\n\nimport { IncidentEnumFilter } from '../shared-components/IncidentEnumFilter';\nimport { useIncidentStateMap, usePriorityMap } from '../../utils/incidentUtils';\nimport { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter';\nimport { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const IncidentsFilter = () => {\n  const { t } = useTranslation();\n  const stateFilter = useQueryArrayFilter('state');\n  const priorityFilter = useQueryArrayFilter('priority');\n  const updateQueryParams = useUpdateQueryParams();\n  const incidentStateMap = useIncidentStateMap();\n  const priorityMap = usePriorityMap();\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={t('filter.state')}\n        filterKey=\"state\"\n        dataMap={incidentStateMap}\n        value={stateValue}\n        onChange={handleStateChange}\n      />\n      <IncidentEnumFilter\n        label={t('filter.priority')}\n        filterKey=\"priority\"\n        dataMap={priorityMap}\n        value={priorityValue}\n        onChange={handlePriorityChange}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,WAAA,GAAc,oBAAoB,OAAO,CAAA;AAC/C,EAAM,MAAA,cAAA,GAAiB,oBAAoB,UAAU,CAAA;AACrD,EAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAC/C,EAAA,MAAM,mBAAmB,mBAAoB,EAAA;AAC7C,EAAA,MAAM,cAAc,cAAe,EAAA;AAEnC,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,KAAA,EAAO,EAAE,cAAc,CAAA;AAAA,YACvB,SAAU,EAAA,OAAA;AAAA,YACV,OAAS,EAAA,gBAAA;AAAA,YACT,KAAO,EAAA,UAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA,SACZ;AAAA,wBACA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,YAC1B,SAAU,EAAA,UAAA;AAAA,YACV,OAAS,EAAA,WAAA;AAAA,YACT,KAAO,EAAA,aAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,43 +1,47 @@
 import { IncidentTableFieldEnum } from '../../types.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.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"
-  }
-];
+const useIncidentsListColumns = () => {
+  const { t } = useTranslation();
+  return [
+    {
+      id: "incidentNumber",
+      title: t("table.columns.incidentNumber"),
+      field: IncidentTableFieldEnum.Number,
+      type: "string"
+    },
+    {
+      id: "description",
+      title: t("table.columns.description"),
+      field: IncidentTableFieldEnum.ShortDescription,
+      type: "string"
+    },
+    {
+      id: "created",
+      title: t("table.columns.created"),
+      field: IncidentTableFieldEnum.Created,
+      type: "string"
+    },
+    {
+      id: "priority",
+      title: t("table.columns.priority"),
+      field: IncidentTableFieldEnum.Priority,
+      type: "numeric"
+    },
+    {
+      id: "state",
+      title: t("table.columns.state"),
+      field: IncidentTableFieldEnum.IncidentState,
+      type: "datetime"
+    },
+    {
+      id: "actions",
+      title: t("table.columns.actions"),
+      sorting: false,
+      type: "string"
+    }
+  ];
+};
 
-export { IncidentsListColumns };
+export { useIncidentsListColumns };
 //# sourceMappingURL=IncidentsListColumns.esm.js.map

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

@@ -1 +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;;;;"}
+{"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';\nimport { useTranslation } from '../../hooks/useTranslation';\n\n/**\n * Hook to get translated incidents list columns\n */\nexport const useIncidentsListColumns = (): TableColumn<IncidentsData>[] => {\n  const { t } = useTranslation();\n\n  return [\n    {\n      id: 'incidentNumber',\n      title: t('table.columns.incidentNumber'),\n      field: IncidentTableFieldEnum.Number,\n      type: 'string',\n    },\n    {\n      id: 'description',\n      title: t('table.columns.description'),\n      field: IncidentTableFieldEnum.ShortDescription,\n      type: 'string',\n    },\n    {\n      id: 'created',\n      title: t('table.columns.created'),\n      field: IncidentTableFieldEnum.Created,\n      type: 'string',\n    },\n    {\n      id: 'priority',\n      title: t('table.columns.priority'),\n      field: IncidentTableFieldEnum.Priority,\n      type: 'numeric',\n    },\n    {\n      id: 'state',\n      title: t('table.columns.state'),\n      field: IncidentTableFieldEnum.IncidentState,\n      type: 'datetime',\n    },\n    {\n      id: 'actions',\n      title: t('table.columns.actions'),\n      sorting: false,\n      type: 'string',\n    },\n  ];\n};\n\n/**\n * @deprecated Use useIncidentsListColumns hook instead\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":";;;AAuBO,MAAM,0BAA0B,MAAoC;AACzE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAO,OAAA;AAAA,IACL;AAAA,MACE,EAAI,EAAA,gBAAA;AAAA,MACJ,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC,OAAO,sBAAuB,CAAA,MAAA;AAAA,MAC9B,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,EAAI,EAAA,aAAA;AAAA,MACJ,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,MACpC,OAAO,sBAAuB,CAAA,gBAAA;AAAA,MAC9B,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,MAChC,OAAO,sBAAuB,CAAA,OAAA;AAAA,MAC9B,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,EAAI,EAAA,UAAA;AAAA,MACJ,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,MACjC,OAAO,sBAAuB,CAAA,QAAA;AAAA,MAC9B,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,EAAI,EAAA,OAAA;AAAA,MACJ,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,MAC9B,OAAO,sBAAuB,CAAA,aAAA;AAAA,MAC9B,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,MAChC,OAAS,EAAA,KAAA;AAAA,MACT,IAAM,EAAA;AAAA;AACR,GACF;AACF;;;;"}

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

@@ -3,14 +3,17 @@ 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 { useIncidentsListColumns } from './IncidentsListColumns.esm.js';
 import { IncidentsTableRow } from './IncidentsTableRow.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const IncidentsTableBody = ({ rows }) => {
+  const { t } = useTranslation();
+  const incidentsListColumns = useIncidentsListColumns();
   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(
+  return /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: incidentsListColumns.length, children: /* @__PURE__ */ jsx(
     Box,
     {
       "data-testid": "no-incidents-found",
@@ -19,7 +22,7 @@ const IncidentsTableBody = ({ rows }) => {
         display: "flex",
         justifyContent: "center"
       },
-      children: "No records found"
+      children: t("table.emptyContent")
     }
   ) }) }) });
 };

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

@@ -1 +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;;;;"}
+{"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 { useIncidentsListColumns } from './IncidentsListColumns';\nimport { IncidentsTableRow } from './IncidentsTableRow';\nimport type { IncidentsData } from '../../types';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const IncidentsTableBody = ({ rows }: { rows: IncidentsData[] }) => {\n  const { t } = useTranslation();\n  const incidentsListColumns = useIncidentsListColumns();\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            {t('table.emptyContent')}\n          </Box>\n        </TableCell>\n      </TableRow>\n    </TableBody>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA0BO,MAAM,kBAAqB,GAAA,CAAC,EAAE,IAAA,EAAsC,KAAA;AACzE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,uBAAuB,uBAAwB,EAAA;AAErD,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,MAEC,YAAE,oBAAoB;AAAA;AAAA,GACzB,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -3,17 +3,18 @@ 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';
+import { useIncidentsListColumns } from './IncidentsListColumns.esm.js';
 
 const IncidentsTableHeader = ({
   order,
   orderBy,
   onRequestSort
 }) => {
+  const incidentsListColumns = useIncidentsListColumns();
   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(
+  return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { sx: { marginLeft: "6px", borderBottom: "1px solid #e0e0e0" }, children: incidentsListColumns.map((column) => /* @__PURE__ */ jsx(
     TableCell,
     {
       align: "left",

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

@@ -1 +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 type { Order } from '@backstage-community/plugin-servicenow-common';\n\nimport { IncidentsListColumns } from './IncidentsListColumns';\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":";;;;;;;AAoCO,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;;;;"}
+{"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 type { Order } from '@backstage-community/plugin-servicenow-common';\n\nimport { useIncidentsListColumns } from './IncidentsListColumns';\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 incidentsListColumns = useIncidentsListColumns();\n\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":";;;;;;;AAoCO,MAAM,uBAAuB,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,uBAAuB,uBAAwB,EAAA;AAErD,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

@@ -7,7 +7,8 @@ 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';
+import { usePriorityMap, useIncidentStateMap, renderStatusLabel } from '../../utils/incidentUtils.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const useStyles = makeStyles(() => ({
   tableCellStyle: {
@@ -17,6 +18,9 @@ const useStyles = makeStyles(() => ({
 }));
 const IncidentsTableRow = ({ data }) => {
   const classes = useStyles();
+  const { t } = useTranslation();
+  const priorityMap = usePriorityMap();
+  const incidentStateMap = useIncidentStateMap();
   return /* @__PURE__ */ jsxs(
     TableRow,
     {
@@ -42,9 +46,9 @@ const IncidentsTableRow = ({ data }) => {
           }
         ) }) }),
         /* @__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" } }) }) })
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: renderStatusLabel(priorityMap[data?.priority]) }),
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: renderStatusLabel(incidentStateMap[data?.incidentState]) }),
+        /* @__PURE__ */ jsx(TableCell, { align: "left", className: classes.tableCellStyle, children: /* @__PURE__ */ jsx(Tooltip, { title: t("actions.openInServicenow"), arrow: true, placement: "top", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => window.open(data.url, "_blank"), children: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small", style: { color: "inherit" } }) }) }) })
       ]
     }
   );