@prefecthq/prefect-ui-library 3.11.20 → 3.11.21

package/dist/types/src/types/states.d.ts

@@ -1,4 +1,4 @@
-export declare const prefectStateNames: readonly ["Scheduled", "Late", "Resuming", "AwaitingRetry", "AwaitingConcurrencySlot", "Pending", "Paused", "Suspended", "Running", "Retrying", "Completed", "Cancelled", "Cancelling", "Crashed", "Failed", "TimedOut"];
+export declare const prefectStateNames: readonly ["Scheduled", "Late", "Resuming", "AwaitingRetry", "AwaitingConcurrencySlot", "Pending", "Paused", "Suspended", "Running", "Retrying", "Completed", "Cached", "Cancelled", "Cancelling", "Crashed", "Failed", "TimedOut"];
 export type PrefectStateNames = typeof prefectStateNames[number];
 export declare const prefectStateNameTypes: {
     readonly Scheduled: "scheduled";
@@ -12,6 +12,7 @@ export declare const prefectStateNameTypes: {
     readonly Running: "running";
     readonly Retrying: "running";
     readonly Completed: "completed";
+    readonly Cached: "completed";
     readonly Cancelled: "cancelled";
     readonly Cancelling: "cancelling";
     readonly Crashed: "crashed";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prefecthq/prefect-ui-library",
-    "version": "3.11.20",
+    "version": "3.11.21",
     "private": false,
     "repository": {
         "type": "git",

package/src/components/FlowRunsBarChart.vue

@@ -57,6 +57,10 @@
       return null
     }
 
+    if (barsDebounced.value === 0) {
+      return null
+    }
+
     const base = toValue(props.filter)
     const filter: FlowRunsFilter = {
       limit: barsDebounced.value,
@@ -68,7 +72,12 @@
 
   const { flowRuns } = useFlowRuns(filter)
 
-  const barFlowRuns = computed(() => organizeFlowRunsWithGaps(flowRuns.value))
+  const barFlowRuns = computed(() => {
+    const runsWithGaps = organizeFlowRunsWithGaps(flowRuns.value)
+
+    // organizeFlowRunsWithGaps can return more values than the number of bars requested
+    return runsWithGaps.slice(-bars.value)
+  })
 
   const maxDuration = computed(() => flowRuns.value.reduce((max, flowRun) => {
     if (flowRun.duration > max) {
@@ -144,7 +153,7 @@
       })
       : flowRuns
 
-    // const bucketStepper = expectedStartTimeBefore.getTime() > new Date().getTime() ? 1 : -1
+
     function getEmptyBucket(index: number): number | null {
       if (index < 0) {
         return null

package/src/styles/index.css

@@ -3,3 +3,15 @@
 
 @tailwind components;
 @tailwind utilities;
+
+@layer utilities {
+  /* Chrome, Safari and Opera */
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+
+  .no-scrollbar {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+  }
+}

package/src/types/states.ts

@@ -14,6 +14,7 @@ export const prefectStateNames = [
   'Running',
   'Retrying',
   'Completed',
+  'Cached',
   'Cancelled',
   'Cancelling',
   'Crashed',
@@ -34,6 +35,7 @@ export const prefectStateNameTypes = {
   'Running': 'running',
   'Retrying': 'running',
   'Completed': 'completed',
+  'Cached': 'completed',
   'Cancelled': 'cancelled',
   'Cancelling': 'cancelling',
   'Crashed': 'crashed',