vault/ui/lib/sync/addon/utils/api-transforms.ts
Jordan Reimer 771d8c6e7f
[UI] Ember Data Migration - Sync Destination Create/Edit (#30620)
* adds field group support to forms

* adds forms for sync destination types

* adds type for sync destination form

* adds readonlyParams to sync-destinations helper and error handling to findDestination util

* updates sync destinations create/edit routes to use forms

* updates sync create-and-edit component to use form class and api service

* updates sync destinations tests
2025-05-14 20:00:28 -06:00

54 lines
1.9 KiB
TypeScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
import { findDestination } from 'core/helpers/sync-destinations';
import type { DestinationType, ListDestination } from 'vault/sync';
import type { SystemListSyncDestinationsResponse } from '@hashicorp/vault-client-typescript';
// transforms the systemListSyncDestinations response to a flat array
// destination name and type are the only properties returned from the request
// to satisfy the list views, combine this data with static properties icon and typeDisplayName
// the flat array is then filtered by name and type if filter values are provided
export const listDestinationsTransform = (
response: SystemListSyncDestinationsResponse,
nameFilter?: string,
typeFilter?: string
) => {
const { keyInfo } = response;
const destinations: ListDestination[] = [];
// build ListDestination objects from keyInfo
for (const key in keyInfo) {
// iterate through each type's destination names
const names = (keyInfo as Record<string, string[]>)[key];
// remove trailing slash from key
const type = key.replace(/\/$/, '') as DestinationType;
names?.forEach((name: string) => {
const id = `${type}/${name}`;
const { icon, name: typeDisplayName } = findDestination(type);
// create object with destination's id and attributes
destinations.push({ id, name, type, icon, typeDisplayName });
});
}
// optionally filter by name and type
let filteredDestinations = [...destinations];
const filter = (key: 'type' | 'name', value: string) => {
return filteredDestinations.filter((destination: ListDestination) => {
return destination[key].toLowerCase().includes(value.toLowerCase());
});
};
if (typeFilter) {
filteredDestinations = filter('type', typeFilter);
}
if (nameFilter) {
filteredDestinations = filter('name', nameFilter);
}
return filteredDestinations;
};