Where is this "Select Value" placeholder located in code

[Atmostone]

I'm translating Superset to my language and stuck at /roles/add page:

This "Select Value" seems like it's not located anywhere in code. I also searched for "Value" and "Select" separately, but also not succeeded.
Maybe it's from a Python libs, but still not sure.
Would appreciate any help.

[dosubot[bot]]

The "Select Value" placeholder in the code for the /roles/add page in Superset is set using the placeholder prop in the Select component. The default value for this placeholder is set to t('Select ...').

Here is the relevant part of the code:

const Select = forwardRef(
  (
    {
      ...
      placeholder = t('Select ...'),
      ...
    }: SelectProps,
    ref: RefObject<HTMLInputElement>,
  ) => {
    ...
    return (
      <StyledContainer headerPosition={headerPosition}>
        ...
        <StyledSelect
          ...
          placeholder={placeholder}
          ...
        >
          ...
        </StyledSelect>
      </StyledContainer>
    );
  },
);

The placeholder prop is passed to the StyledSelect component, which is a customized version of the Antdesign Select component. The default value for the placeholder is set to t('Select ...'), which is likely a translation function call ^[1].

To continue talking to Dosu, mention @dosu.

[Atmostone]

The "Select Value" placeholder in the code for the /roles/add page in Superset is set using the placeholder prop in the Select component. The default value for this placeholder is set to t('Select ...').

Here is the relevant part of the code:

const Select = forwardRef(
  (
    {
      ...
      placeholder = t('Select ...'),
      ...
    }: SelectProps,
    ref: RefObject<HTMLInputElement>,
  ) => {
    ...
    return (
      <StyledContainer headerPosition={headerPosition}>
        ...
        <StyledSelect
          ...
          placeholder={placeholder}
          ...
        >
          ...
        </StyledSelect>
      </StyledContainer>
    );
  },
);

The placeholder prop is passed to the StyledSelect component, which is a customized version of the Antdesign Select component. The default value for the placeholder is set to t('Select ...'), which is likely a translation function call [1].

To continue talking to Dosu, mention @dosu.

@dosu Okay, if "Select" is located here, so what is a location of "Value" from "Select Value" from /roles/add page ?

[dosubot[bot]]

The "Value" type is defined as follows in the code:

type SelectValue = {
  value: string;
  label: string;
};

This type is used for the "Select Value" placeholder on the /roles/add page. Additionally, in the Select component located in superset-frontend/src/filters/components/Select/SelectFilterPlugin.tsx, the value prop is defined as:

const updateDataMask = useCallback(
  (values: SelectValue) => {
    // implementation details
  },
  // dependencies
);

This indicates that the value can be a string, number, or array, which aligns with the SelectValue type definition. The Select component is a customized version of the Antdesign 4.X Select component and provides an API that is tested against all the different use cases of Superset ^[1][2][3][4].

To continue talking to Dosu, mention @dosu.