@cccsaurora/howler-ui 2.15.0-dev.308 → 2.15.0-dev.313

package/components/elements/display/HandlebarsMarkdown.js

@@ -46,7 +46,15 @@ const HandlebarsMarkdown = ({ md, object = {}, disableLinks = false }) => {
                             setMdComponents(_components => ({ ..._components, [id]: result }));
                         }
                     }
-                    return new Handlebars.SafeString(`\`${id}\``);
+                    /*
+                      We add two newlines because:
+          
+                      ## Hello, World
+                      `123123123`
+          
+                      does not parse as a code object.
+                      */
+                    return new Handlebars.SafeString(`\n\n\`${id}\``);
                 }
                 return helper.callback(...args);
             });

package/components/routes/analytics/widgets/Created.js

@@ -3,26 +3,32 @@ import { Skeleton } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import 'chartjs-adapter-dayjs-4';
 import useMyChart from '@cccsaurora/howler-ui/components/hooks/useMyChart';
-import { forwardRef, useEffect, useState } from 'react';
+import { forwardRef, useEffect, useRef, useState } from 'react';
 import { Line } from 'react-chartjs-2';
 import { stringToColor } from '@cccsaurora/howler-ui/utils/utils';
 const Created = forwardRef(({ analytic }, ref) => {
     const { line } = useMyChart();
     const [loading, setLoading] = useState(false);
     const [ingestionData, setIngestionData] = useState({});
+    const queryRef = useRef();
     useEffect(() => {
         if (!analytic) {
             return;
         }
         setLoading(true);
-        api.search.histogram.hit
-            .post('timestamp', {
-            query: `howler.analytic:("${analytic.name}")`,
-            start: 'now-3M',
-            gap: '1d',
-            mincount: 0
+        if (!queryRef.current) {
+            queryRef.current = api.search.histogram.hit.post('timestamp', {
+                query: `howler.analytic:("${analytic.name}")`,
+                start: 'now-3M',
+                gap: '1d',
+                mincount: 0
+            });
+        }
+        queryRef.current
+            .then(result => {
+            setIngestionData(result);
+            queryRef.current = null;
         })
-            .then(setIngestionData)
             .finally(() => setLoading(false));
     }, [analytic]);
     return analytic && !loading ? (_jsx(Line, { ref: ref, options: line('route.analytics.ingestion.title'), data: {

package/components/routes/analytics/widgets/Stacked.js

@@ -11,6 +11,9 @@ const Stacked = forwardRef(({ analytic, field, color }, ref) => {
     const [loading, setLoading] = useState(false);
     const [datasets, setDatasets] = useState([]);
     const fetchData = useCallback(async () => {
+        if (loading) {
+            return;
+        }
         try {
             setLoading(true);
             const result = await api.search.facet.hit.post({
@@ -44,6 +47,7 @@ const Stacked = forwardRef(({ analytic, field, color }, ref) => {
         finally {
             setLoading(false);
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [analytic?.name, color, field]);
     useEffect(() => {
         if (!analytic) {

package/components/routes/home/ViewCard.js

@@ -29,7 +29,8 @@ const ViewCard = ({ viewId, limit }) => {
         const timeout = setTimeout(() => setLoading(true), 200);
         dispatchApi(api.search.hit.post({
             query: view.query,
-            rows: limit
+            rows: limit,
+            metadata: ['analytic']
         }))
             .then(res => setHits(res.items ?? []))
             .finally(() => {

package/package.json

@@ -96,7 +96,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.15.0-dev.308",
+  "version": "2.15.0-dev.313",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",

package/plugins/store.d.ts

@@ -1,7 +1,7 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import { Event } from 'react-pluggable';
-import type HowlerPlugin from './HowlerPlugin';
 import type { AppLeftNavElement } from '../commons/components/app/AppConfigs';
+import type HowlerPlugin from './HowlerPlugin';
 export declare class HitEvent extends Event {
     hit: Hit;
     constructor(type: string, hit: Hit);