yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-11-03 04:10:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui) Allow a user to type in a custom value in ingestion Secret Fields (#6301)

Browse Source
This commit is contained in:
Chris Collins 2022-10-28 12:48:23 -04:00 committed by GitHub
parent ef824bd082
commit 6aedf67b02
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
datahub-web-react/src/app/ingest/source/builder/RecipeForm/SecretField/SecretField.tsx
View File

@ -1,5 +1,5 @@
import React, { ReactNode } from 'react';
import { Divider, Form, Select } from 'antd';
import { AutoComplete, Divider, Form } from 'antd';
import styled from 'styled-components/macro';
import { Secret } from '../../../../../../types.generated';
import CreateSecretButton from './CreateSecretButton';
@ -80,6 +80,8 @@ function SecretFieldTooltip({ tooltipLabel }: { tooltipLabel?: string | ReactNod
}
function SecretField({ field, secrets, removeMargin, refetchSecrets }: SecretFieldProps) {
const options = secrets.map((secret) => ({ value: `\${${secret.name}}`, label: secret.name }));
return (
<StyledFormItem
name={field.name}
@ -89,10 +91,10 @@ function SecretField({ field, secrets, removeMargin, refetchSecrets }: SecretFie
removeMargin={!!removeMargin}
isSecretField
>
<Select
showSearch
<AutoComplete
placeholder={field.placeholder}
filterOption={(input, option) => !!option?.children.toLowerCase().includes(input.toLowerCase())}
filterOption={(input, option) => !!option?.value.toLowerCase().includes(input.toLowerCase())}
options={options}
dropdownRender={(menu) => (
<>
{menu}
@ -100,13 +102,7 @@ function SecretField({ field, secrets, removeMargin, refetchSecrets }: SecretFie
<CreateSecretButton refetchSecrets={refetchSecrets} />
</>
)}
>
{secrets.map((secret) => (
<Select.Option key={secret.urn} value={`\${${secret.name}}`}>
{secret.name}
</Select.Option>
))}
</Select>
/>
</StyledFormItem>
);
}

2
datahub-web-react/src/app/ingest/source/builder/RecipeForm/common.tsx
View File

@ -56,7 +56,7 @@ function clearFieldAndParents(recipe: any, fieldPath: string | string[]) {
export function setFieldValueOnRecipe(recipe: any, value: any, fieldPath: string | string[]) {
const updatedRecipe = { ...recipe };
if (value !== undefined) {
if (value === null) {
if (value === null || value === '') {
clearFieldAndParents(updatedRecipe, fieldPath);
return updatedRecipe;
}