Improve configurability of `single-param` column refinement

[GerwinBosch]

In netwerk-digitaal-erfgoed/LDWizard-Core#51 a new column refinement option was added. The functionality works great, however, the rendering of the input is "hard-coded".

Suggestion:

• Add a inputConfiguration property to the ColumnRefinement typings
• Make it never for the other type of refinements
• For the single-param refinement add (at least) the following configurations
  • Label
  • Hint
• Apply the configurations in the Transformationselector

Possible other configurable options

• Input-type
• Validation
• Placeholder
• Default value

[wouterbeek]

IIUC this refinement option allows specific values to be translated to specific other values, something like a translation table.

What I do not understand is how this step is configured in the LD Wizard GUI. For example:

true/false values in a column, and you want to generate a specific URI when true.

would require something like:

From	To
true	IRI-A
false	IRI-B
other?	IRI-C

There is no current GUI component that can do this.

[GerwinBosch]

@wouterbeek I think the refinement you are suggestion can already be implemented, the Single Column Refinement takes a value from the data and converts it to an IRI based on a function. This issue is about the Single Column Param Refinement which allows a transformation based on a single text-input. However, in the current version this input is not configurable (e.g. it will always say "Prefix"). So this ticket is about making it more configurable.

With the configuration below, you should get the refinement you describe

import WizardConfig from "./WizardConfig";
export const wizardConfig: WizardConfig = {
columnRefinements: [
  {
    label: "Boolean conversion",
    description: "Changes boolean...",
    type: "single",
    transformation: (data:string) => {
      if(data === "true") return "IRI-A"
      if(data === "false") return "IRI-B"
      return "IRI-C"
    }
  }
]
};
export default wizardConfig;

For this issue, however, would give you the refinement that needs to improve

import WizardConfig from "./WizardConfig";
export const wizardConfig: WizardConfig = {
columnRefinements: [
  {
    label: "prepend",
    description: "Changes boolean...",
    type: "single-param",
    transformation: (data:string, inputValue:string) => {
      return `${inputValue}/${data}`
    }
  }
]
};