27 lines
878 B
React
27 lines
878 B
React
|
export const optionsOnOff = (name, onLabel = 'On', offLabel = 'Off') => [
|
||
|
|
{
|
||
|
|
value: true, label: onLabel, ariaLabel: `${name} on`, name: `${name}`, id: `${name}-on`.replace(' ', '-')
|
||
|
|
},
|
||
|
|
{
|
||
|
|
value: false, label: offLabel, ariaLabel: `${name} off`, name: `${name}`, id: `${name}-off`.replace(' ', '-')
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
export const optionsPickOne = (name, ...options) => options.map(option => ({
|
||
|
|
value: option,
|
||
|
|
label: option,
|
||
|
|
ariaLabel: `${option} ${name} on`,
|
||
|
|
name: `${option} ${name}`,
|
||
|
|
id: `${option}-${name}-on`.replace(' ', '-')
|
||
|
|
}));
|
||
|
|
|
||
|
|
const nameToValueName = x => (x && x.toLowerCase().replace(/#|_|-/g, ' '));
|
||
|
|
|
||
|
|
// preferenceOnOff: name, value and onSelect are mandatory. propname is optional
|
||
|
|
export const preferenceOnOff = (name, value, onSelect, propname) => ({
|
||
|
|
title: name,
|
||
|
|
value,
|
||
|
|
options: optionsOnOff(propname || nameToValueName(name)),
|
||
|
|
onSelect
|
||
|
|
});
|