@prefecthq/prefect-ui-library 3.9.4 → 3.10.0

package/dist/types/src/components/BlockDocumentInput.vue.d.ts

@@ -1,11 +1,13 @@
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     modelValue: string | null | undefined;
     blockTypeSlug: string;
+    required?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     modelValue: string | null | undefined;
     blockTypeSlug: string;
+    required?: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }, {}, {}>;

package/dist/types/src/components/ConcurrencyLimitsV2UpdateModal.vue.d.ts

@@ -1,4 +1,10 @@
 import { ConcurrencyV2Limit } from '../models/ConcurrencyV2Limit';
+declare let __VLS_typeProps: {
+    concurrencyLimit: ConcurrencyV2Limit;
+};
+type __VLS_PublicProps = {
+    'showModal': boolean;
+} & typeof __VLS_typeProps;
 declare function __VLS_template(): {
     slots: {
         actions?(_: {}): any;
@@ -7,16 +13,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    showModal: boolean;
-    concurrencyLimit: ConcurrencyV2Limit;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:showModal": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    showModal: boolean;
-    concurrencyLimit: ConcurrencyV2Limit;
-}>>> & {
-    "onUpdate:showModal"?: ((value: boolean) => any) | undefined;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:showModal": (showModal: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    "onUpdate:showModal"?: ((showModal: boolean) => any) | undefined;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/src/models/EmpiricalPolicy.d.ts

@@ -1,12 +1,22 @@
 export interface IEmpiricalPolicy {
     retries: number | null;
     retryDelay: number | null;
+    retryJitterFactor: number | null;
+    /**
+     * @deprecated
+     * Use `retries` instead
+     */
     maxRetries: number | null;
+    /**
+     * @deprecated
+     * Use `retryDelay` instead
+     */
     retryDelaySeconds: number | null;
 }
 export declare class EmpiricalPolicy implements IEmpiricalPolicy {
     retries: number | null;
     retryDelay: number | null;
+    retryJitterFactor: number | null;
     maxRetries: number | null;
     retryDelaySeconds: number | null;
     constructor(empiricalPolicy: IEmpiricalPolicy);

package/dist/types/src/models/api/EmpiricalPolicyResponse.d.ts

@@ -3,4 +3,5 @@ export type EmpiricalPolicyResponse = {
     retry_delay: number | null;
     max_retries: number | null;
     retry_delay_seconds: number | null;
+    retry_jitter_factor: number | null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prefecthq/prefect-ui-library",
-    "version": "3.9.4",
+    "version": "3.10.0",
     "private": false,
     "repository": {
         "type": "git",
@@ -57,21 +57,21 @@
         "@types/lodash.debounce": "4.0.9",
         "@types/lodash.isequal": "^4.5.8",
         "@types/lodash.merge": "4.6.9",
-        "@types/node": "^22.5.4",
+        "@types/node": "^22.5.5",
         "@types/prismjs": "^1.26.4",
         "@vitejs/plugin-vue": "5.1.3",
-        "auto-changelog": "^2.4.0",
+        "auto-changelog": "^2.5.0",
         "autoprefixer": "10.4.20",
-        "eslint": "8.57.0",
+        "eslint": "8.57.1",
         "lodash.camelcase": "4.3.0",
         "lodash.debounce": "4.0.8",
         "postcss": "8.4.45",
         "tailwindcss": "3.4.10",
         "tsc-alias": "1.8.10",
         "typescript": "5.6.2",
-        "vite": "5.4.4",
+        "vite": "5.4.6",
         "vite-svg-loader": "^5.1.0",
-        "vitest": "^2.0.5",
+        "vitest": "^2.1.1",
         "vue-tsc": "^2.1.6"
     },
     "peerDependencies": {

package/src/components/BlockDocumentInput.vue

@@ -3,7 +3,7 @@
     <LogoImage v-if="blockType" :url="blockType.logoUrl" />
 
     <template v-if="blockDocuments.length">
-      <BlockDocumentCombobox v-model:selected="model" v-bind="{ blockDocuments }" class="block-document-input__select" />
+      <BlockDocumentCombobox v-model:selected="model" :required="required" v-bind="{ blockDocuments }" class="block-document-input__select" />
     </template>
     <p-button v-if="blockTypeSlug" icon-append="PlusIcon" @click="open">
       Add
@@ -25,6 +25,7 @@
   const props = defineProps<{
     modelValue: string | null | undefined,
     blockTypeSlug: string,
+    required?: boolean,
   }>()
 
   const emit = defineEmits<{

package/src/components/ConcurrencyLimitsV2UpdateModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <p-modal v-model:showModal="internalShowModal" class="concurrency-limits-v2-update-modal" :title="updateLimitTitle">
+  <p-modal v-model:showModal="showModal" class="concurrency-limits-v2-update-modal" :title="updateLimitTitle">
     <p-form class="concurrency-limits-v2-update-form" @submit="submit">
       <p-content>
         <p-label label="Name" :message="nameErrorMessage" :state="nameState">
@@ -37,7 +37,7 @@
 <script lang="ts" setup>
   import { PLabel, PNumberInput, PForm, showToast } from '@prefecthq/prefect-design'
   import { useSubscription, useValidation, useValidationObserver } from '@prefecthq/vue-compositions'
-  import { computed, ref } from 'vue'
+  import { computed, ref, watch } from 'vue'
   import { useWorkspaceApi } from '@/compositions'
   import { localization } from '@/localization'
   import { ConcurrencyV2Limit } from '@/models/ConcurrencyV2Limit'
@@ -45,12 +45,9 @@
   import { isRequired, isGreaterThanZeroOrNull } from '@/utilities/formValidation'
 
   const props = defineProps<{
-    showModal: boolean,
     concurrencyLimit: ConcurrencyV2Limit,
   }>()
-  const emit = defineEmits<{
-    (event: 'update:showModal', value: boolean): void,
-  }>()
+  const showModal = defineModel<boolean>('showModal', { required: true })
 
   const updateLimitTitle = computed(() => `Update ${props.concurrencyLimit.name}`)
 
@@ -63,22 +60,9 @@
     isGreaterThanZeroOrNull,
   ])
 
-  const active = ref(true)
-
-  const activeSlots = ref(props.concurrencyLimit.activeSlots)
-
-
-  const decay = ref(props.concurrencyLimit.slotDecayPerSecond)
-
-
-  const internalShowModal = computed({
-    get() {
-      return props.showModal
-    },
-    set(value: boolean) {
-      emit('update:showModal', value)
-    },
-  })
+  const active = ref(props.concurrencyLimit.active ?? true)
+  const activeSlots = ref(props.concurrencyLimit.activeSlots ?? 0)
+  const decay = ref(props.concurrencyLimit.slotDecayPerSecond ?? 0)
 
   const api = useWorkspaceApi()
   const concurrencyLimitSubscription = useSubscription(api.concurrencyV2Limits.getConcurrencyV2Limits)
@@ -86,11 +70,13 @@
   const reset = (): void => {
     name.value = props.concurrencyLimit.name
     limit.value = props.concurrencyLimit.limit
-    decay.value = props.concurrencyLimit.slotDecayPerSecond ?? 0
     active.value = props.concurrencyLimit.active ?? true
     activeSlots.value = props.concurrencyLimit.activeSlots ?? 0
+    decay.value = props.concurrencyLimit.slotDecayPerSecond ?? 0
   }
 
+  watch(() => props.concurrencyLimit, reset)
+
   const { valid, pending, validate } = useValidationObserver()
   const submit = async (): Promise<void> => {
     await validate()
@@ -100,8 +86,8 @@
           name: name.value,
           limit: limit.value,
           active: active.value,
-          slotDecayPerSecond: decay.value,
           activeSlots: activeSlots.value,
+          slotDecayPerSecond: decay.value,
         }
         await api.concurrencyV2Limits.updateConcurrencyV2Limit(props.concurrencyLimit.id, updatedLimit)
         concurrencyLimitSubscription.refresh()
@@ -111,8 +97,7 @@
         const message = getApiErrorMessage(error, localization.error.updateConcurrencyLimit)
         showToast(message, 'error')
       } finally {
-        reset()
-        internalShowModal.value = false
+        showModal.value = false
       }
     }
   }

package/src/components/FlowRunCreateForm.vue

@@ -163,6 +163,7 @@
         retryDelay: retryDelay.value,
         maxRetries: null,
         retryDelaySeconds: null,
+        retryJitterFactor: null,
       },
       name: name.value,
       parameters: parameters.value,

package/src/components/TaskRunDetails.vue

@@ -60,16 +60,9 @@
 
     <p-key-value label="Version" :value="taskRun.taskVersion" :alternate="alternate" />
 
-    <div v-if="taskRun.empiricalPolicy?.maxRetries">
-      <p-key-value label="Max Retries" :value="taskRun.empiricalPolicy?.maxRetries" :alternate="alternate" />
-
-      <p-key-value label="Retry Delay" :value="secondsToApproximateString(taskRun.empiricalPolicy?.retryDelaySeconds ?? 0)" :alternate="alternate" />
-    </div>
-    <div v-else>
-      <p-key-value label="Retries" :value="taskRun.empiricalPolicy?.retries" :alternate="alternate" />
-
-      <p-key-value label="Retry Delay" :value="secondsToApproximateString(taskRun.empiricalPolicy?.retryDelay ?? 0)" :alternate="alternate" />
-    </div>
+    <p-key-value label="Retries" :value="taskRun.empiricalPolicy?.retries" :alternate="alternate" />
+    <p-key-value label="Retry Delay" :value="secondsToApproximateString(taskRun.empiricalPolicy?.retryDelay ?? 0)" :alternate="alternate" />
+    <p-key-value label="Retry Jitter Factor" :value="taskRun.empiricalPolicy?.retryJitterFactor" :alternate="alternate" />
 
     <p-key-value label="Tags" :alternate="alternate">
       <template v-if="taskRun.tags?.length" #value>

package/src/maps/empiricalPolicy.ts

@@ -8,6 +8,7 @@ export const mapEmpiricalPolicyResponseToEmpiricalPolicy: MapFunction<EmpiricalP
     retries: source.retries,
     retryDelay: source.retry_delay,
     maxRetries: source.max_retries,
+    retryJitterFactor: source.retry_jitter_factor,
     retryDelaySeconds: source.retry_delay_seconds,
   })
 }
@@ -17,6 +18,7 @@ export const mapEmpiricalPolicyToEmpiricalPolicyResponse: MapFunction<EmpiricalP
     retries: source.retries,
     retry_delay: source.retryDelay,
     max_retries: source.maxRetries,
+    retry_jitter_factor: source.retryJitterFactor,
     retry_delay_seconds: source.retryDelaySeconds,
   }
 }

package/src/models/EmpiricalPolicy.ts

@@ -1,19 +1,30 @@
 export interface IEmpiricalPolicy {
   retries: number | null,
   retryDelay: number | null,
+  retryJitterFactor: number | null,
+  /**
+   * @deprecated
+   * Use `retries` instead
+   */
   maxRetries: number | null,
+  /**
+   * @deprecated
+   * Use `retryDelay` instead
+   */
   retryDelaySeconds: number | null,
 }
 
 export class EmpiricalPolicy implements IEmpiricalPolicy {
   public retries: number | null
   public retryDelay: number | null
+  public retryJitterFactor: number | null
   public maxRetries: number | null
   public retryDelaySeconds: number | null
 
   public constructor(empiricalPolicy: IEmpiricalPolicy) {
     this.retries = empiricalPolicy.retries
     this.retryDelay = empiricalPolicy.retryDelay
+    this.retryJitterFactor = empiricalPolicy.retryJitterFactor
     this.maxRetries = empiricalPolicy.maxRetries
     this.retryDelaySeconds = empiricalPolicy.retryDelaySeconds
   }

package/src/models/api/EmpiricalPolicyResponse.ts

@@ -3,4 +3,5 @@ export type EmpiricalPolicyResponse = {
   retry_delay: number | null,
   max_retries: number | null,
   retry_delay_seconds: number | null,
+  retry_jitter_factor: number | null,
 }