@red-hat-developer-hub/backstage-plugin-adoption-insights 0.1.0 → 0.2.1

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

@@ -1 +1 @@
-{"version":3,"file":"useTechdocs.esm.js","sources":["../../src/hooks/useTechdocs.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, TechdocsResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useTechdocs = ({\n  limit = 20,\n}: APIsViewOptions): {\n  techdocs: TechdocsResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = React.useState<boolean>(true);\n  const [techdocs, setTechdocs] = React.useState<TechdocsResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTechdocs = React.useCallback(async () => {\n    return await api\n      .getTechdocs({\n        type: 'top_techdocs',\n        start_date: startDateRange\n          ? format(startDateRange, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n        limit,\n      })\n      .then(response => setTechdocs(response ?? { data: [] }));\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTechdocs();\n  }, [getTechdocs]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    if (!loading && mounted) {\n      setLoadingData(false);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [loading]);\n\n  return { techdocs, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAM,QAA2B,CAAA;AAAA,IAC/D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,GAAcA,cAAM,CAAA,WAAA,CAAY,YAAY;AAChD,IAAO,OAAA,MAAM,IACV,WAAY,CAAA;AAAA,MACX,IAAM,EAAA,cAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,WAAA,CAAY,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACxD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,WAAY,EAAA;AAAA,GAC3B,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACjD;;;;"}
+{"version":3,"file":"useTechdocs.esm.js","sources":["../../src/hooks/useTechdocs.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useState, useCallback, useEffect } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, TechdocsResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useTechdocs = ({\n  limit = 20,\n}: APIsViewOptions): {\n  techdocs: TechdocsResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = useState<boolean>(true);\n  const [techdocs, setTechdocs] = useState<TechdocsResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTechdocs = useCallback(async () => {\n    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    return await api\n      .getTechdocs({\n        type: 'top_techdocs',\n        start_date: startDateRange\n          ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n        timezone: new Intl.DateTimeFormat().resolvedOptions().timeZone,\n        limit,\n      })\n      .then(response => setTechdocs(response ?? { data: [] }));\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTechdocs();\n  }, [getTechdocs]);\n\n  useEffect(() => {\n    let mounted = true;\n    if (!loading && mounted) {\n      setLoadingData(false);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [loading]);\n\n  return { techdocs, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA2B,CAAA;AAAA,IACzD,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,GAAc,YAAY,YAAY;AAC1C,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAE7D,IAAO,OAAA,MAAM,IACV,WAAY,CAAA;AAAA,MACX,IAAM,EAAA,cAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,UAAU,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAAA,MACtD;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,WAAA,CAAY,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACxD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,WAAY,EAAA;AAAA,GAC3B,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACjD;;;;"}

package/dist/hooks/useTemplates.esm.js

@@ -1,24 +1,27 @@
-import React__default from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useAsyncRetry } from 'react-use';
 import { format } from 'date-fns';
 import { adoptionInsightsApiRef } from '../api/index.esm.js';
 import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
+import { formatInTimeZone } from 'date-fns-tz';
 
 const useTemplates = ({
   limit = 20
 }) => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [templates, setTemplates] = React__default.useState({
+  const [loadingData, setLoadingData] = useState(true);
+  const [templates, setTemplates] = useState({
     data: []
   });
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
-  const getTemplates = React__default.useCallback(async () => {
+  const getTemplates = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getTemplates({
       type: "top_templates",
-      start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
+      start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
       end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
+      timezone,
       limit
     }).then(
       (response) => setTemplates(response ?? { data: [] })
@@ -27,7 +30,7 @@ const useTemplates = ({
   const { error, loading } = useAsyncRetry(async () => {
     return await getTemplates();
   }, [getTemplates]);
-  React__default.useEffect(() => {
+  useEffect(() => {
     let mounted = true;
     if (!loading && mounted) {
       setLoadingData(false);

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

@@ -1 +1 @@
-{"version":3,"file":"useTemplates.esm.js","sources":["../../src/hooks/useTemplates.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, TemplatesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useTemplates = ({\n  limit = 20,\n}: APIsViewOptions): {\n  templates: TemplatesResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = React.useState<boolean>(true);\n  const [templates, setTemplates] = React.useState<TemplatesResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTemplates = React.useCallback(async () => {\n    return await api\n      .getTemplates({\n        type: 'top_templates',\n        start_date: startDateRange\n          ? format(startDateRange, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n        limit,\n      })\n      .then((response: TemplatesResponse) =>\n        setTemplates(response ?? { data: [] }),\n      );\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTemplates();\n  }, [getTemplates]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    if (!loading && mounted) {\n      setLoadingData(false);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [loading]);\n\n  return { templates, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAM,QAA4B,CAAA;AAAA,IAClE,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,YAAA,GAAeA,cAAM,CAAA,WAAA,CAAY,YAAY;AACjD,IAAO,OAAA,MAAM,IACV,YAAa,CAAA;AAAA,MACZ,IAAM,EAAA,eAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAC,aACL,YAAa,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KACvC;AAAA,KACD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,YAAa,EAAA;AAAA,GAC5B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,SAAA,EAAW,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAClD;;;;"}
+{"version":3,"file":"useTemplates.esm.js","sources":["../../src/hooks/useTemplates.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useState, useCallback, useEffect } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, TemplatesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useTemplates = ({\n  limit = 20,\n}: APIsViewOptions): {\n  templates: TemplatesResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = useState<boolean>(true);\n  const [templates, setTemplates] = useState<TemplatesResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTemplates = useCallback(async () => {\n    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    return await api\n      .getTemplates({\n        type: 'top_templates',\n        start_date: startDateRange\n          ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n        timezone,\n        limit,\n      })\n      .then((response: TemplatesResponse) =>\n        setTemplates(response ?? { data: [] }),\n      );\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTemplates();\n  }, [getTemplates]);\n\n  useEffect(() => {\n    let mounted = true;\n    if (!loading && mounted) {\n      setLoadingData(false);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [loading]);\n\n  return { templates, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAA4B,CAAA;AAAA,IAC5D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,YAAA,GAAe,YAAY,YAAY;AAC3C,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAE7D,IAAO,OAAA,MAAM,IACV,YAAa,CAAA;AAAA,MACZ,IAAM,EAAA,eAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,QAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAC,aACL,YAAa,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KACvC;AAAA,KACD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,YAAa,EAAA;AAAA,GAC5B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,SAAA,EAAW,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAClD;;;;"}

package/dist/hooks/useUsers.esm.js

@@ -1,26 +1,29 @@
-import React__default from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useAsyncRetry } from 'react-use';
 import { format } from 'date-fns';
 import { adoptionInsightsApiRef } from '../api/index.esm.js';
 import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
+import { formatInTimeZone } from 'date-fns-tz';
 
 const useUsers = () => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [users, setUsers] = React__default.useState({ data: [] });
+  const [loadingData, setLoadingData] = useState(true);
+  const [users, setUsers] = useState({ data: [] });
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
-  const getUsers = React__default.useCallback(async () => {
+  const getUsers = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getUsers({
       type: "total_users",
-      start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
-      end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0
+      start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
+      end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
+      timezone
     }).then((response) => setUsers(response ?? { data: [] }));
   }, [api, startDateRange, endDateRange]);
   const { error, loading } = useAsyncRetry(async () => {
     return await getUsers();
   }, [getUsers]);
-  React__default.useEffect(() => {
+  useEffect(() => {
     let mounted = true;
     if (!loading && mounted) {
       setLoadingData(false);

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

@@ -1 +1 @@
-{"version":3,"file":"useUsers.esm.js","sources":["../../src/hooks/useUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { UsersResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useUsers = (): {\n  users: UsersResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = React.useState<boolean>(true);\n  const [users, setUsers] = React.useState<UsersResponse>({ data: [] });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getUsers = React.useCallback(async () => {\n    return await api\n      .getUsers({\n        type: 'total_users',\n        start_date: startDateRange\n          ? format(startDateRange, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n      })\n      .then(response => setUsers(response ?? { data: [] }));\n  }, [api, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getUsers();\n  }, [getUsers]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    if (!loading && mounted) {\n      setLoadingData(false);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [loading]);\n\n  return { users, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,WAAW,MAInB;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAM,SAAwB,EAAE,IAAA,EAAM,EAAC,EAAG,CAAA;AAEpE,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,QAAA,GAAWA,cAAM,CAAA,WAAA,CAAY,YAAY;AAC7C,IAAO,OAAA,MAAM,IACV,QAAS,CAAA;AAAA,MACR,IAAM,EAAA,aAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA;AAAA,KAC/D,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,QAAA,CAAS,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,GACrD,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEtC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,QAAS,EAAA;AAAA,GACxB,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAC9C;;;;"}
+{"version":3,"file":"useUsers.esm.js","sources":["../../src/hooks/useUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useEffect, useCallback, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { UsersResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useUsers = (): {\n  users: UsersResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = useState<boolean>(true);\n  const [users, setUsers] = useState<UsersResponse>({ data: [] });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getUsers = useCallback(async () => {\n    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    return await api\n      .getUsers({\n        type: 'total_users',\n        start_date: startDateRange\n          ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n        timezone,\n      })\n      .then(response => setUsers(response ?? { data: [] }));\n  }, [api, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getUsers();\n  }, [getUsers]);\n\n  useEffect(() => {\n    let mounted = true;\n    if (!loading && mounted) {\n      setLoadingData(false);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [loading]);\n\n  return { users, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,WAAW,MAInB;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,SAAwB,EAAE,IAAA,EAAM,EAAC,EAAG,CAAA;AAE9D,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,QAAA,GAAW,YAAY,YAAY;AACvC,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAE7D,IAAO,OAAA,MAAM,IACV,QAAS,CAAA;AAAA,MACR,IAAM,EAAA,aAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,QAAA,CAAS,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,GACrD,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEtC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,QAAS,EAAA;AAAA,GACxB,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAC9C;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent } from '@backstage/core-plugin-api';
 
@@ -14,7 +13,7 @@ declare const adoptionInsightsPlugin: _backstage_core_plugin_api.BackstagePlugin
  * Frontend page for Adoption Insights
  * @public
  */
-declare const AdoptionInsightsPage: () => react.JSX.Element | null;
+declare const AdoptionInsightsPage: () => react_jsx_runtime.JSX.Element | null;
 /**
  * @public
  */

package/dist/utils/utils.esm.js

@@ -1,35 +1,34 @@
-import { startOfToday, format, startOfYear, subDays, startOfMonth, startOfWeek, isToday, isYesterday } from 'date-fns';
+import { subDays, isToday, isYesterday, startOfWeek, addDays, getYear, addHours } from 'date-fns';
+import { utcToZonedTime, formatInTimeZone, format } from 'date-fns-tz';
 
+const formatRange = (start, end, timeZone = "UTC") => ({
+  startDate: `${formatInTimeZone(start, timeZone, "yyyy-MM-dd")}T00:00:00`,
+  endDate: `${formatInTimeZone(end, timeZone, "yyyy-MM-dd")}T23:59:59.999`
+});
 const getDateRange = (value) => {
   const startDate = null;
   const endDate = null;
-  const today = startOfToday();
+  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const today = utcToZonedTime(/* @__PURE__ */ new Date(), timeZone);
   switch (value) {
     case "today":
-      return {
-        startDate: format(today, "yyyy-MM-dd"),
-        endDate: format(today, "yyyy-MM-dd")
-      };
-    case "last-week":
-      return {
-        startDate: format(startOfWeek(today), "yyyy-MM-dd"),
-        endDate: format(today, "yyyy-MM-dd")
-      };
-    case "last-month":
-      return {
-        startDate: format(startOfMonth(today), "yyyy-MM-dd"),
-        endDate: format(today, "yyyy-MM-dd")
-      };
-    case "last-28-days":
-      return {
-        startDate: format(subDays(today, 27), "yyyy-MM-dd"),
-        endDate: format(today, "yyyy-MM-dd")
-      };
-    case "last-year":
-      return {
-        startDate: format(startOfYear(today), "yyyy-MM-dd"),
-        endDate: format(today, "yyyy-MM-dd")
-      };
+      return formatRange(today, today, timeZone);
+    case "last-week": {
+      const startingDate = subDays(today, 6);
+      return formatRange(startingDate, today, timeZone);
+    }
+    case "last-month": {
+      const startDay = subDays(today, 29);
+      return formatRange(startDay, today, timeZone);
+    }
+    case "last-28-days": {
+      const startDay = subDays(today, 27);
+      return formatRange(startDay, today, timeZone);
+    }
+    case "last-year": {
+      const startOfTheYear = subDays(today, 364);
+      return formatRange(startOfTheYear, today, timeZone);
+    }
     default:
       return { startDate, endDate };
   }
@@ -79,14 +78,18 @@ const getXAxisTickValues = (data, grouping) => {
 };
 const getXAxisformat = (date, grouping) => {
   const dateObj = new Date(date);
+  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+  if (isNaN(dateObj.getTime())) {
+    return formatInTimeZone(date, timeZone, "d MMMM yy");
+  }
   if (grouping === "hourly") {
-    return format(dateObj, "hh:mm a");
+    return formatInTimeZone(dateObj, timeZone, "hh:mm a");
   }
   if (grouping === "daily" || grouping === "weekly") {
-    return format(dateObj, "d MMMM yy");
+    return formatInTimeZone(dateObj, timeZone, "d MMMM yy");
   }
   if (grouping === "monthly") {
-    return format(dateObj, "MMM yyyy");
+    return formatInTimeZone(dateObj, timeZone, "MMM yyyy");
   }
   return date;
 };
@@ -143,6 +146,43 @@ const determineGrouping = (startDate, endDate) => {
   }
   return "monthly";
 };
+const formatHourlyBucket = (date) => {
+  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const start = formatInTimeZone(date, timeZone, "h:mm");
+  const end = formatInTimeZone(addHours(date, 1), timeZone, "h:mm a");
+  const labelDate = formatInTimeZone(date, timeZone, "MMMM d, yyyy");
+  return `${labelDate}, ${start}\u2013${end}`;
+};
+const formatDateWithRange = (date, startDateRange, endDateRange) => {
+  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const today = utcToZonedTime(/* @__PURE__ */ new Date(), timeZone);
+  const end = endDateRange ?? today;
+  const start = startDateRange ?? subDays(end, 364);
+  const startLabel = formatInTimeZone(start, timeZone, "MMM d, yyyy");
+  const endLabel = formatInTimeZone(end, timeZone, "MMM d, yyyy");
+  const labelDate = formatInTimeZone(date, timeZone, "MMMM d, yyyy");
+  return `${labelDate}
+  (filtered by ${startLabel} \u2013 ${endLabel})`;
+};
+const formatWeeklyBucket = (date) => {
+  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const start = startOfWeek(date, { weekStartsOn: 1 });
+  const end = addDays(start, 6);
+  const sameYear = getYear(start) === getYear(end);
+  const startLabel = formatInTimeZone(
+    start,
+    timeZone,
+    sameYear ? "MMM d" : "MMM d, yyyy"
+  );
+  const endLabel = formatInTimeZone(end, timeZone, "MMM d, yyyy");
+  return `${startLabel} \u2013 ${endLabel}`;
+};
+const formatTooltipHeaderLabel = (key) => {
+  const words = key.replace(/_/g, " ").toLowerCase().split(" ");
+  return words.map(
+    (word, index) => index === 0 ? word.charAt(0).toUpperCase() + word.slice(1) : word
+  ).join(" ");
+};
 
-export { determineGrouping, generateEventsUrl, getAverage, getDateRange, getLastUsedDay, getTotal, getUniqueCatalogEntityKinds, getXAxisTickValues, getXAxisformat };
+export { determineGrouping, formatDateWithRange, formatHourlyBucket, formatRange, formatTooltipHeaderLabel, formatWeeklyBucket, generateEventsUrl, getAverage, getDateRange, getLastUsedDay, getTotal, getUniqueCatalogEntityKinds, getXAxisTickValues, getXAxisformat };
 //# sourceMappingURL=utils.esm.js.map

package/dist/utils/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../../src/utils/utils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 {\n  format,\n  startOfToday,\n  startOfYear,\n  isToday,\n  isYesterday,\n  startOfMonth,\n  startOfWeek,\n  subDays,\n} from 'date-fns';\nimport { APIsViewOptions } from '../types';\n\nexport const getDateRange = (value: string) => {\n  const startDate: Date | null = null;\n  const endDate: Date | null = null;\n  const today = startOfToday();\n\n  switch (value) {\n    case 'today':\n      return {\n        startDate: format(today, 'yyyy-MM-dd'),\n        endDate: format(today, 'yyyy-MM-dd'),\n      };\n\n    case 'last-week':\n      return {\n        startDate: format(startOfWeek(today), 'yyyy-MM-dd'),\n        endDate: format(today, 'yyyy-MM-dd'),\n      };\n\n    case 'last-month':\n      return {\n        startDate: format(startOfMonth(today), 'yyyy-MM-dd'),\n        endDate: format(today, 'yyyy-MM-dd'),\n      };\n\n    case 'last-28-days':\n      return {\n        startDate: format(subDays(today, 27), 'yyyy-MM-dd'),\n        endDate: format(today, 'yyyy-MM-dd'),\n      };\n\n    case 'last-year':\n      return {\n        startDate: format(startOfYear(today), 'yyyy-MM-dd'),\n        endDate: format(today, 'yyyy-MM-dd'),\n      };\n\n    default:\n      return { startDate, endDate };\n  }\n};\n\nexport const getXAxisTickValues = (data: any, grouping: string): string[] => {\n  if (!data || data.length === 0) return [];\n  if (data.length <= 2) return data.map((d: { date: string }) => d.date);\n\n  const first = data[0].date;\n  const last = data[data.length - 1].date;\n  const selectedDates: string[] = [];\n\n  const processGrouping = (unitExtractor: (date: string) => number) => {\n    const selectedUnits = new Set<number>([\n      unitExtractor(first),\n      unitExtractor(last),\n    ]);\n\n    if (data.length <= 4) {\n      data.forEach((d: { date: string }) => {\n        const unit = unitExtractor(d.date);\n        if (!selectedUnits.has(unit)) {\n          selectedUnits.add(unit);\n          selectedDates.push(d.date);\n        }\n      });\n    } else if (data.length === 6) {\n      selectedDates.push(data[2].date);\n      selectedDates.push(data[3].date);\n    } else if (data.length === 9) {\n      selectedDates.push(data[3].date);\n      selectedDates.push(data[5].date);\n    } else {\n      const intervals = [];\n      if (data.length !== 5) {\n        intervals.push(Math.floor((data.length - 1) / 3));\n      }\n      intervals.push(Math.floor(((data.length - 1) * 2) / 3));\n      intervals.forEach(i => selectedDates.push(data[i].date));\n    }\n  };\n\n  if (grouping === 'hourly') {\n    processGrouping(date => new Date(date).getHours());\n  } else if (grouping === 'daily' || grouping === 'weekly') {\n    processGrouping(date => new Date(date).getDate());\n  } else if (grouping === 'monthly') {\n    processGrouping(date => new Date(date).getMonth());\n  }\n\n  return [first, ...selectedDates, last];\n};\n\nexport const getXAxisformat = (date: string, grouping: string) => {\n  const dateObj = new Date(date);\n\n  if (grouping === 'hourly') {\n    return format(dateObj, 'hh:mm a');\n  }\n\n  if (grouping === 'daily' || grouping === 'weekly') {\n    return format(dateObj, 'd MMMM yy');\n  }\n\n  if (grouping === 'monthly') {\n    return format(dateObj, 'MMM yyyy');\n  }\n\n  return date;\n};\n\nexport const getLastUsedDay = (timestamp: string) => {\n  const date = new Date(timestamp);\n\n  if (isToday(date)) {\n    return 'Today';\n  } else if (isYesterday(date)) {\n    return 'Yesterday';\n  }\n  return format(date, 'dd MMM yyyy');\n};\n\nexport const getAverage = <T extends Record<string, any>>(\n  data: T[],\n  key: keyof T,\n) => {\n  if (!data || data.length === 0) return 0;\n\n  const totalSum = data.reduce(\n    (sum, entry) => sum + Number(entry[key] || 0),\n    0,\n  );\n  return totalSum / data.length;\n};\n\nexport const getTotal = <T extends Record<string, any>>(\n  data: T[],\n  key: keyof T,\n) => {\n  const totalSum = data?.reduce(\n    (sum, entry) => sum + Number(entry[key] || 0),\n    0,\n  );\n  return totalSum;\n};\n\nexport const getUniqueCatalogEntityKinds = (data: { kind: string }[]) => {\n  const allKinds = data.map(\n    item => item.kind.charAt(0).toLocaleUpperCase('en-US') + item.kind.slice(1),\n  );\n  const uniqueKinds = Array.from(new Set([...allKinds]));\n  return uniqueKinds;\n};\n\nexport const generateEventsUrl = (\n  baseUrl: string,\n  options: APIsViewOptions,\n): string => {\n  const params = new URLSearchParams();\n\n  Object.entries(options).forEach(([key, value]) => {\n    if (value && value !== undefined) {\n      params.append(key, String(value));\n    }\n  });\n\n  return `${baseUrl}?${params.toString()}`;\n};\n\nexport const determineGrouping = (\n  startDate: Date | null,\n  endDate: Date | null,\n): string => {\n  if (\n    startDate &&\n    endDate &&\n    (isNaN(startDate.getTime()) || isNaN(endDate.getTime()))\n  ) {\n    throw new Error('Invalid date format');\n  }\n\n  if (startDate && endDate) {\n    const diffInMs = endDate.getTime() - startDate.getTime();\n    const daysDiff = Math.ceil(diffInMs / (1000 * 60 * 60 * 24));\n\n    if (daysDiff <= 1) return 'hourly';\n    if (daysDiff <= 7) return 'daily';\n    if (daysDiff <= 30) return 'weekly';\n  }\n\n  return 'monthly';\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.esm.js","sources":["../../src/utils/utils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 {\n  addDays,\n  addHours,\n  getYear,\n  isToday,\n  isYesterday,\n  startOfWeek,\n  subDays,\n} from 'date-fns';\n\nimport { utcToZonedTime, format, formatInTimeZone } from 'date-fns-tz';\n\nimport { APIsViewOptions } from '../types';\n\nexport const formatRange = (\n  start: Date,\n  end: Date,\n  timeZone: string = 'UTC',\n): { startDate: string; endDate: string } => ({\n  startDate: `${formatInTimeZone(start, timeZone, 'yyyy-MM-dd')}T00:00:00`,\n  endDate: `${formatInTimeZone(end, timeZone, 'yyyy-MM-dd')}T23:59:59.999`,\n});\n\nexport const getDateRange = (value: string) => {\n  const startDate: Date | null = null;\n  const endDate: Date | null = null;\n\n  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n  const today = utcToZonedTime(new Date(), timeZone);\n\n  switch (value) {\n    case 'today':\n      return formatRange(today, today, timeZone);\n\n    case 'last-week': {\n      const startingDate = subDays(today, 6);\n      return formatRange(startingDate, today, timeZone);\n    }\n\n    case 'last-month': {\n      const startDay = subDays(today, 29);\n      return formatRange(startDay, today, timeZone);\n    }\n\n    case 'last-28-days': {\n      const startDay = subDays(today, 27);\n      return formatRange(startDay, today, timeZone);\n    }\n\n    case 'last-year': {\n      const startOfTheYear = subDays(today, 364); // 364 days before today\n      return formatRange(startOfTheYear, today, timeZone);\n    }\n\n    default:\n      return { startDate, endDate };\n  }\n};\n\nexport const getXAxisTickValues = (data: any, grouping: string): string[] => {\n  if (!data || data.length === 0) return [];\n  if (data.length <= 2) return data.map((d: { date: string }) => d.date);\n\n  const first = data[0].date;\n  const last = data[data.length - 1].date;\n  const selectedDates: string[] = [];\n\n  const processGrouping = (unitExtractor: (date: string) => number) => {\n    const selectedUnits = new Set<number>([\n      unitExtractor(first),\n      unitExtractor(last),\n    ]);\n\n    if (data.length <= 4) {\n      data.forEach((d: { date: string }) => {\n        const unit = unitExtractor(d.date);\n        if (!selectedUnits.has(unit)) {\n          selectedUnits.add(unit);\n          selectedDates.push(d.date);\n        }\n      });\n    } else if (data.length === 6) {\n      selectedDates.push(data[2].date);\n      selectedDates.push(data[3].date);\n    } else if (data.length === 9) {\n      selectedDates.push(data[3].date);\n      selectedDates.push(data[5].date);\n    } else {\n      const intervals = [];\n      if (data.length !== 5) {\n        intervals.push(Math.floor((data.length - 1) / 3));\n      }\n      intervals.push(Math.floor(((data.length - 1) * 2) / 3));\n      intervals.forEach(i => selectedDates.push(data[i].date));\n    }\n  };\n\n  if (grouping === 'hourly') {\n    processGrouping(date => new Date(date).getHours());\n  } else if (grouping === 'daily' || grouping === 'weekly') {\n    processGrouping(date => new Date(date).getDate());\n  } else if (grouping === 'monthly') {\n    processGrouping(date => new Date(date).getMonth());\n  }\n\n  return [first, ...selectedDates, last];\n};\n\nexport const getXAxisformat = (date: string, grouping: string) => {\n  const dateObj = new Date(date);\n  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  if (isNaN(dateObj.getTime())) {\n    return formatInTimeZone(date, timeZone, 'd MMMM yy');\n  }\n\n  if (grouping === 'hourly') {\n    return formatInTimeZone(dateObj, timeZone, 'hh:mm a');\n  }\n\n  if (grouping === 'daily' || grouping === 'weekly') {\n    return formatInTimeZone(dateObj, timeZone, 'd MMMM yy');\n  }\n\n  if (grouping === 'monthly') {\n    return formatInTimeZone(dateObj, timeZone, 'MMM yyyy');\n  }\n\n  return date;\n};\n\nexport const getLastUsedDay = (timestamp: string) => {\n  const date = new Date(timestamp);\n\n  if (isToday(date)) {\n    return 'Today';\n  } else if (isYesterday(date)) {\n    return 'Yesterday';\n  }\n  return format(date, 'dd MMM yyyy');\n};\n\nexport const getAverage = <T extends Record<string, any>>(\n  data: T[],\n  key: keyof T,\n) => {\n  if (!data || data.length === 0) return 0;\n\n  const totalSum = data.reduce(\n    (sum, entry) => sum + Number(entry[key] || 0),\n    0,\n  );\n  return totalSum / data.length;\n};\n\nexport const getTotal = <T extends Record<string, any>>(\n  data: T[],\n  key: keyof T,\n) => {\n  const totalSum = data?.reduce(\n    (sum, entry) => sum + Number(entry[key] || 0),\n    0,\n  );\n  return totalSum;\n};\n\nexport const getUniqueCatalogEntityKinds = (data: { kind: string }[]) => {\n  const allKinds = data.map(\n    item => item.kind.charAt(0).toLocaleUpperCase('en-US') + item.kind.slice(1),\n  );\n  const uniqueKinds = Array.from(new Set([...allKinds]));\n  return uniqueKinds;\n};\n\nexport const generateEventsUrl = (\n  baseUrl: string,\n  options: APIsViewOptions,\n): string => {\n  const params = new URLSearchParams();\n\n  Object.entries(options).forEach(([key, value]) => {\n    if (value && value !== undefined) {\n      params.append(key, String(value));\n    }\n  });\n\n  return `${baseUrl}?${params.toString()}`;\n};\n\nexport const determineGrouping = (\n  startDate: Date | null,\n  endDate: Date | null,\n): string => {\n  if (\n    startDate &&\n    endDate &&\n    (isNaN(startDate.getTime()) || isNaN(endDate.getTime()))\n  ) {\n    throw new Error('Invalid date format');\n  }\n\n  if (startDate && endDate) {\n    const diffInMs = endDate.getTime() - startDate.getTime();\n    const daysDiff = Math.ceil(diffInMs / (1000 * 60 * 60 * 24));\n\n    if (daysDiff <= 1) return 'hourly';\n    if (daysDiff <= 7) return 'daily';\n    if (daysDiff <= 30) return 'weekly';\n  }\n\n  return 'monthly';\n};\n\nexport const formatWithTimeZone = (\n  date: Date,\n  formatStr: string = 'yyyy-MM-dd',\n) => {\n  const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n  return formatInTimeZone(date, timezone, formatStr);\n};\n\nexport const formatHourlyBucket = (date: Date): string => {\n  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  const start = formatInTimeZone(date, timeZone, 'h:mm');\n  const end = formatInTimeZone(addHours(date, 1), timeZone, 'h:mm a');\n  const labelDate = formatInTimeZone(date, timeZone, 'MMMM d, yyyy');\n\n  return `${labelDate}, ${start}–${end}`;\n};\n\nexport const formatDateWithRange = (\n  date: Date,\n  startDateRange?: Date | null,\n  endDateRange?: Date | null,\n): string => {\n  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n  const today = utcToZonedTime(new Date(), timeZone);\n  const end = endDateRange ?? today;\n  const start = startDateRange ?? subDays(end, 364);\n\n  const startLabel = formatInTimeZone(start, timeZone, 'MMM d, yyyy');\n  const endLabel = formatInTimeZone(end, timeZone, 'MMM d, yyyy');\n  const labelDate = formatInTimeZone(date, timeZone, 'MMMM d, yyyy');\n  return `${labelDate}\\n  (filtered by ${startLabel} – ${endLabel})`;\n};\n\nexport const formatWeeklyBucket = (date: Date): string => {\n  const timeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n  const start = startOfWeek(date, { weekStartsOn: 1 }); // Monday start\n  const end = addDays(start, 6);\n\n  const sameYear = getYear(start) === getYear(end);\n\n  const startLabel = formatInTimeZone(\n    start,\n    timeZone,\n    sameYear ? 'MMM d' : 'MMM d, yyyy',\n  );\n  const endLabel = formatInTimeZone(end, timeZone, 'MMM d, yyyy');\n\n  return `${startLabel} – ${endLabel}`;\n};\n\nexport const formatTooltipHeaderLabel = (key: string) => {\n  const words = key.replace(/_/g, ' ').toLowerCase().split(' ');\n  return words\n    .map((word, index) =>\n      index === 0 ? word.charAt(0).toUpperCase() + word.slice(1) : word,\n    )\n    .join(' ');\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-adoption-insights",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "license": "Apache-2.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -34,21 +34,22 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-components": "^0.16.4",
-    "@backstage/core-plugin-api": "^1.10.4",
-    "@backstage/plugin-catalog-react": "^1.15.2",
-    "@backstage/plugin-permission-react": "^0.4.31",
-    "@backstage/theme": "^0.6.4",
+    "@backstage/catalog-model": "^1.7.4",
+    "@backstage/core-components": "^0.17.2",
+    "@backstage/core-plugin-api": "^1.10.7",
+    "@backstage/plugin-catalog-react": "^1.18.0",
+    "@backstage/plugin-permission-react": "^0.4.34",
+    "@backstage/theme": "^0.6.6",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
-    "@mui/icons-material": "5.16.4",
+    "@mui/icons-material": "5.17.1",
     "@mui/lab": "5.0.0-alpha.176",
-    "@mui/material": "5.16.14",
+    "@mui/material": "5.17.1",
     "@mui/x-date-pickers": "5.0.20",
-    "@red-hat-developer-hub/backstage-plugin-adoption-insights-common": "^0.2.0",
+    "@red-hat-developer-hub/backstage-plugin-adoption-insights-common": "^0.3.0",
     "date-fns": "2.30.0",
+    "date-fns-tz": "1.3.7",
     "react-use": "^17.2.4",
     "recharts": "^2.15.1"
   },
@@ -56,12 +57,13 @@
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.30.0",
+    "@backstage/cli": "^0.32.1",
     "@backstage/config": "^1.3.2",
-    "@backstage/core-app-api": "^1.15.5",
-    "@backstage/dev-utils": "^1.1.7",
-    "@backstage/test-utils": "^1.7.5",
-    "@red-hat-developer-hub/backstage-plugin-theme": "^0.6.0",
+    "@backstage/core-app-api": "^1.17.0",
+    "@backstage/dev-utils": "^1.1.10",
+    "@backstage/plugin-catalog": "^1.30.0",
+    "@backstage/test-utils": "^1.7.8",
+    "@red-hat-developer-hub/backstage-plugin-theme": "^0.9.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
@@ -74,8 +76,8 @@
   ],
   "typesVersions": {
     "*": {
-      "index": [
-        "dist/index.d.ts"
+      "package.json": [
+        "package.json"
       ]
     }
   },

package/dist/components/ActiveUsers/CustomTooltip.esm.js

@@ -1,87 +0,0 @@
-import React__default from 'react';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-import { useTheme } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import { format } from 'date-fns';
-
-const CustomTooltip = ({
-  active,
-  payload,
-  label,
-  grouping
-}) => {
-  const theme = useTheme();
-  if (active && payload?.length) {
-    const date = label ? new Date(label) : /* @__PURE__ */ new Date();
-    return /* @__PURE__ */ React__default.createElement(
-      Paper,
-      {
-        elevation: 1,
-        sx: {
-          padding: "12px 16px",
-          boxShadow: 4,
-          borderRadius: 2
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "0.875rem",
-            fontWeight: 500,
-            marginBottom: "12px"
-          }
-        },
-        grouping === "hourly" ? format(date, "MMMM dd, yyyy hh:mm a") : format(date, "MMMM, dd yyyy")
-      ),
-      /* @__PURE__ */ React__default.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Box, { mr: 3 }, /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "0.875rem",
-            fontWeight: 500,
-            color: theme.palette.text.secondary
-          }
-        },
-        "Returning users"
-      ), /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "2.5rem",
-            fontWeight: 500,
-            color: "#009596",
-            lineHeight: 1.2
-          }
-        },
-        payload[0]?.value
-      )), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "0.875rem",
-            fontWeight: 500,
-            color: theme.palette.text.secondary
-          }
-        },
-        "New users"
-      ), /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "2.5rem",
-            fontWeight: 500,
-            color: "#009596",
-            lineHeight: 1.2
-          }
-        },
-        payload[1]?.value
-      )))
-    );
-  }
-  return null;
-};
-
-export { CustomTooltip as default };
-//# sourceMappingURL=CustomTooltip.esm.js.map

package/dist/components/ActiveUsers/CustomTooltip.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomTooltip.esm.js","sources":["../../../src/components/ActiveUsers/CustomTooltip.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport { format } from 'date-fns';\n\nconst CustomTooltip = ({\n  active,\n  payload,\n  label,\n  grouping,\n}: {\n  active?: boolean;\n  payload?: any[];\n  label?: string;\n  grouping?: string;\n}) => {\n  const theme = useTheme();\n\n  if (active && payload?.length) {\n    const date = label ? new Date(label) : new Date();\n    return (\n      <Paper\n        elevation={1}\n        sx={{\n          padding: '12px 16px',\n          boxShadow: 4,\n          borderRadius: 2,\n        }}\n      >\n        <Typography\n          sx={{\n            fontSize: '0.875rem',\n            fontWeight: 500,\n            marginBottom: '12px',\n          }}\n        >\n          {grouping === 'hourly'\n            ? format(date, 'MMMM dd, yyyy hh:mm a')\n            : format(date, 'MMMM, dd yyyy')}\n        </Typography>\n\n        <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\n          <Box mr={3}>\n            <Typography\n              sx={{\n                fontSize: '0.875rem',\n                fontWeight: 500,\n                color: theme.palette.text.secondary,\n              }}\n            >\n              Returning users\n            </Typography>\n            <Typography\n              sx={{\n                fontSize: '2.5rem',\n                fontWeight: 500,\n                color: '#009596',\n                lineHeight: 1.2,\n              }}\n            >\n              {payload[0]?.value}\n            </Typography>\n          </Box>\n\n          <Box>\n            <Typography\n              sx={{\n                fontSize: '0.875rem',\n                fontWeight: 500,\n                color: theme.palette.text.secondary,\n              }}\n            >\n              New users\n            </Typography>\n            <Typography\n              sx={{\n                fontSize: '2.5rem',\n                fontWeight: 500,\n                color: '#009596',\n                lineHeight: 1.2,\n              }}\n            >\n              {payload[1]?.value}\n            </Typography>\n          </Box>\n        </Box>\n      </Paper>\n    );\n  }\n  return null;\n};\n\nexport default CustomTooltip;\n"],"names":["React"],"mappings":";;;;;;;AAuBA,MAAM,gBAAgB,CAAC;AAAA,EACrB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAKM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAI,IAAA,MAAA,IAAU,SAAS,MAAQ,EAAA;AAC7B,IAAA,MAAM,OAAO,KAAQ,GAAA,IAAI,KAAK,KAAK,CAAA,uBAAQ,IAAK,EAAA;AAChD,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,CAAA;AAAA,QACX,EAAI,EAAA;AAAA,UACF,OAAS,EAAA,WAAA;AAAA,UACT,SAAW,EAAA,CAAA;AAAA,UACX,YAAc,EAAA;AAAA;AAChB,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,UAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,YAAc,EAAA;AAAA;AAChB,SAAA;AAAA,QAEC,QAAA,KAAa,WACV,MAAO,CAAA,IAAA,EAAM,uBAAuB,CACpC,GAAA,MAAA,CAAO,MAAM,eAAe;AAAA,OAClC;AAAA,sBAEAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,MAAO,EAAA,cAAA,EAAe,eAAgB,EAAA,UAAA,EAAW,QAC5D,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,UAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,SAAA;AAAA,QACD;AAAA,OAGD,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,QAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,KAAO,EAAA,SAAA;AAAA,YACP,UAAY,EAAA;AAAA;AACd,SAAA;AAAA,QAEC,OAAA,CAAQ,CAAC,CAAG,EAAA;AAAA,OAEjB,CAEA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,UAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,SAAA;AAAA,QACD;AAAA,OAGD,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,QAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,KAAO,EAAA,SAAA;AAAA,YACP,UAAY,EAAA;AAAA;AACd,SAAA;AAAA,QAEC,OAAA,CAAQ,CAAC,CAAG,EAAA;AAAA,OAEjB,CACF;AAAA,KACF;AAAA;AAGJ,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/components/Searches/CustomTooltip.esm.js

@@ -1,66 +0,0 @@
-import React__default from 'react';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-import { format } from 'date-fns';
-
-const CustomTooltip = ({
-  active,
-  payload,
-  label,
-  grouping
-}) => {
-  const theme = useTheme();
-  if (active && payload?.length) {
-    const date = label ? new Date(label) : /* @__PURE__ */ new Date();
-    return /* @__PURE__ */ React__default.createElement(
-      Paper,
-      {
-        elevation: 1,
-        sx: {
-          padding: "12px 16px",
-          boxShadow: 4,
-          borderRadius: 2
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "0.875rem",
-            fontWeight: 500,
-            marginBottom: "12px"
-          }
-        },
-        grouping === "hourly" ? format(date, "MMMM dd, yyyy hh:mm a") : format(date, "MMMM, dd yyyy")
-      ),
-      /* @__PURE__ */ React__default.createElement(Box, { mr: 3 }, /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "0.875rem",
-            fontWeight: 500,
-            color: theme.palette.text.secondary
-          }
-        },
-        "Number of searches"
-      ), /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          sx: {
-            fontSize: "2.5rem",
-            fontWeight: 500,
-            color: "#009596",
-            lineHeight: 1.2
-          }
-        },
-        payload[0]?.value
-      ))
-    );
-  }
-  return null;
-};
-
-export { CustomTooltip as default };
-//# sourceMappingURL=CustomTooltip.esm.js.map

package/dist/components/Searches/CustomTooltip.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomTooltip.esm.js","sources":["../../../src/components/Searches/CustomTooltip.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\nimport { format } from 'date-fns';\n\nconst CustomTooltip = ({\n  active,\n  payload,\n  label,\n  grouping,\n}: {\n  active?: boolean;\n  payload?: any[];\n  label?: string;\n  grouping?: string;\n}) => {\n  const theme = useTheme();\n\n  if (active && payload?.length) {\n    const date = label ? new Date(label) : new Date();\n    return (\n      <Paper\n        elevation={1}\n        sx={{\n          padding: '12px 16px',\n          boxShadow: 4,\n          borderRadius: 2,\n        }}\n      >\n        <Typography\n          sx={{\n            fontSize: '0.875rem',\n            fontWeight: 500,\n            marginBottom: '12px',\n          }}\n        >\n          {grouping === 'hourly'\n            ? format(date, 'MMMM dd, yyyy hh:mm a')\n            : format(date, 'MMMM, dd yyyy')}\n        </Typography>\n\n        <Box mr={3}>\n          <Typography\n            sx={{\n              fontSize: '0.875rem',\n              fontWeight: 500,\n              color: theme.palette.text.secondary,\n            }}\n          >\n            Number of searches\n          </Typography>\n          <Typography\n            sx={{\n              fontSize: '2.5rem',\n              fontWeight: 500,\n              color: '#009596',\n              lineHeight: 1.2,\n            }}\n          >\n            {payload[0]?.value}\n          </Typography>\n        </Box>\n      </Paper>\n    );\n  }\n  return null;\n};\n\nexport default CustomTooltip;\n"],"names":["React"],"mappings":";;;;;;;AAuBA,MAAM,gBAAgB,CAAC;AAAA,EACrB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAKM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAI,IAAA,MAAA,IAAU,SAAS,MAAQ,EAAA;AAC7B,IAAA,MAAM,OAAO,KAAQ,GAAA,IAAI,KAAK,KAAK,CAAA,uBAAQ,IAAK,EAAA;AAChD,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,CAAA;AAAA,QACX,EAAI,EAAA;AAAA,UACF,OAAS,EAAA,WAAA;AAAA,UACT,SAAW,EAAA,CAAA;AAAA,UACX,YAAc,EAAA;AAAA;AAChB,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,UAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,YAAc,EAAA;AAAA;AAChB,SAAA;AAAA,QAEC,QAAA,KAAa,WACV,MAAO,CAAA,IAAA,EAAM,uBAAuB,CACpC,GAAA,MAAA,CAAO,MAAM,eAAe;AAAA,OAClC;AAAA,sBAEAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,UAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,SAAA;AAAA,QACD;AAAA,OAGD,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,QAAU,EAAA,QAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,KAAO,EAAA,SAAA;AAAA,YACP,UAAY,EAAA;AAAA;AACd,SAAA;AAAA,QAEC,OAAA,CAAQ,CAAC,CAAG,EAAA;AAAA,OAEjB;AAAA,KACF;AAAA;AAGJ,EAAO,OAAA,IAAA;AACT;;;;"}