budibase/packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataProviderSelect.svelte

<script>
  import { Select } from "@budibase/bbui"
  import { makePropSafe } from "@budibase/string-templates"
  import { currentAsset, store } from "builderStore"
  import { findComponentPath } from "builderStore/storeUtils"

  export let value

  $: path = findComponentPath($currentAsset.props, $store.selectedComponentId)
  $: providers = path.filter(
    component =>
      component._component === "@budibase/standard-components/dataprovider"
  )
</script>

<Select thin secondary {value} on:change>
  <option value="">Choose option</option>
  {#if providers}
    {#each providers as component}
      <option value={`{{ literal ${makePropSafe(component._id)} }}`}>
        {component._instanceName}
      </option>
    {/each}
  {/if}
</Select>