@prefecthq/prefect-ui-library/src/services/schemas/properties/SchemaPropertyBlock.ts

This library is the Vue and Typescript component library for [Prefect 2](https://github.com/PrefectHQ/prefect) and [Prefect Cloud 2](https://www.prefect.io/cloud/). _The components and utilities in this project are not meant to be used independently_.

import BlockDocumentInput from '@/components/BlockDocumentInput.vue'
import { BlockDocumentReferenceValue, BlockDocumentValue, isBlockDocumentReferenceValue, isBlockDocumentValue } from '@/models/api/BlockDocumentCreateRequest'
import { SchemaPropertyService } from '@/services/schemas/properties/SchemaPropertyService'
import { SchemaPropertyComponentWithProps } from '@/services/schemas/utilities'
import { SchemaValue } from '@/types/schemas'

export class SchemaPropertyBlock extends SchemaPropertyService {

  protected readonly default: BlockDocumentValue = {
    blockTypeSlug: this.property.blockTypeSlug!,
    blockDocumentId: this.getDefaultBlockDocumentId(),
  }

  protected override get component(): SchemaPropertyComponentWithProps {
    return this.withProps(BlockDocumentInput, {
      blockTypeSlug: this.property.blockTypeSlug!,
    })
  }

  protected request(value: SchemaValue): unknown {
    if (!isBlockDocumentValue(value)) {
      return value
    }

    if (!value.blockDocumentId) {
      return undefined
    }

    const request: BlockDocumentReferenceValue = {
      $ref: {
        'block_document_id': value.blockDocumentId!,
      },
    }

    return request
  }

  protected response(value: SchemaValue): unknown {
    if (isBlockDocumentValue(value)) {
      return value
    }

    this.invalid()
  }

  private getDefaultBlockDocumentId(): string | null {
    if (isBlockDocumentReferenceValue(this.property.default)) {
      return this.property.default.$ref.block_document_id
    }

    return null
  }

}