@prefecthq/prefect-ui-library 3.11.55 → 3.12.0

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

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     jobVariables: Record<string, unknown> | undefined;
     deploymentParameters: SchemaValuesV2;
     scheduleParameters?: SchemaValuesV2 | null;
-    parameterOpenApiSchema: SchemaV2;
+    parameterOpenApiSchema?: SchemaV2 | null;
     deployment?: Deployment;
     deploymentScheduleId?: string;
 }, {
@@ -24,7 +24,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     jobVariables: Record<string, unknown> | undefined;
     deploymentParameters: SchemaValuesV2;
     scheduleParameters?: SchemaValuesV2 | null;
-    parameterOpenApiSchema: SchemaV2;
+    parameterOpenApiSchema?: SchemaV2 | null;
     deployment?: Deployment;
     deploymentScheduleId?: string;
 } & {

package/package.json

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

package/src/components/DeploymentScheduleCard.vue

@@ -21,9 +21,9 @@
 
 
 <script lang="ts" setup>
+  import { computed } from 'vue'
   import { DeploymentScheduleMenu, DeploymentScheduleToggle } from '@/components'
   import { Deployment, DeploymentSchedule } from '@/models'
-  import { computed } from 'vue'
 
   const props = defineProps<{
     deployment: Deployment,
@@ -50,6 +50,7 @@
   py-2
   flex
   flex-row
+  gap-2
   text-sm
   w-full
   justify-between

package/src/components/DeploymentScheduleToggle.vue

@@ -44,7 +44,7 @@
   const updateSchedule = async (value: boolean): Promise<void> => {
     loading.value = true
     try {
-      await api.deploymentSchedules.updateDeploymentSchedule(props.deployment.id, props.schedule.id, { active: value })
+      await api.deploymentSchedules.updateDeploymentSchedule(props.deployment.id, props.schedule.id, { slug: props.schedule.slug, active: value })
       showToast(value ? localization.success.activateDeploymentSchedule : localization.success.pauseDeploymentSchedule, 'success')
       emit('update', value)
     } catch (error) {

package/src/components/ScheduleFormModal.vue

@@ -30,9 +30,9 @@
 
     <FlowRunJobVariableOverridesLabeledInput v-if="can.access.deploymentScheduleFlowRunInfraOverrides" v-model="internalJobVariables" />
 
-    <p-divider />
-
     <template v-if="schemaHasParameters">
+      <p-divider />
+
       <SchemaInputV2 v-model:values="internalParameters" :schema="internalSchema" :errors="errors" :kinds="['none', 'json']">
         <template #default="{ kind, setKind }">
           <div class="schedule-form-modal__parameters-container">
@@ -58,10 +58,18 @@
 </template>
 
 <script lang="ts" setup>
+  import { ButtonGroupOption } from '@prefecthq/prefect-design'
+  import {
+    ValidationRule,
+    useValidation,
+    useValidationObserver
+  } from '@prefecthq/vue-compositions'
+  import merge from 'lodash.merge'
+  import { computed, ref, watch } from 'vue'
   import CronScheduleForm from '@/components/CronScheduleForm.vue'
   import FlowRunJobVariableOverridesLabeledInput from '@/components/FlowRunJobVariableOverridesLabeledInput.vue'
   import IntervalScheduleForm from '@/components/IntervalScheduleForm.vue'
-  import { useCan, useShowModal, useWorkspaceApi } from '@/compositions'
+  import { useCan, useShowModal } from '@/compositions'
   import { localization } from '@/localization'
   import {
     CronSchedule,
@@ -77,14 +85,6 @@
   import { SchemaInputV2, SchemaV2, SchemaValuesV2 } from '@/schemas'
   import { useSchemaValidation } from '@/schemas/compositions/useSchemaValidation'
   import { isEmptyObject, isEmptyString, isNull, isSlug, omit, stringify, timeout } from '@/utilities'
-  import { ButtonGroupOption } from '@prefecthq/prefect-design'
-  import {
-    ValidationRule,
-    useValidation,
-    useValidationObserver
-  } from '@prefecthq/vue-compositions'
-  import merge from 'lodash.merge'
-  import { computed, ref, watch } from 'vue'
 
   defineOptions({
     inheritAttrs: false,
@@ -105,7 +105,7 @@
     jobVariables: Record<string, unknown> | undefined,
     deploymentParameters: SchemaValuesV2,
     scheduleParameters?: SchemaValuesV2 | null,
-    parameterOpenApiSchema: SchemaV2,
+    parameterOpenApiSchema?: SchemaV2 | null,
     deployment?: Deployment,
     deploymentScheduleId?: string,
   }>()
@@ -152,7 +152,7 @@
   const internalParameters = ref<SchemaValuesV2>(props.scheduleParameters ?? {})
   const selectedProperties = ref<string[]>(Object.keys(internalParameters.value))
   const properties = computed(
-    () => props.parameterOpenApiSchema.properties ?? {},
+    () => props.parameterOpenApiSchema?.properties ?? {},
   )
   const propertyNames = computed(() => Object.keys(properties.value))
   const propertiesToOmit = computed(() => propertyNames.value.filter(
@@ -187,7 +187,7 @@
   })
 
   const schemaHasParameters = computed(
-    () => !isEmptyObject(props.parameterOpenApiSchema.properties),
+    () => !isEmptyObject(props.parameterOpenApiSchema?.properties ?? {}),
   )
 
   const { errors, validate: validateParameters } = useSchemaValidation(