@talend/react-forms
Version:
React forms library based on json schema form.
78 lines (76 loc) • 2.46 kB
JavaScript
/**
* Check if an item as children, use as filter
* @param {Object} item
* @returns {Boolean}
*/
function hasChildren(item) {
return item.children.length > 0;
}
/**
* Build the ListView component props to match current state's values
* @param {Array} items
* @param {Object} value
* @param {String} searchCriteria
* @returns {Array}
*/
export function getDisplayedItems(items, value, searchCriteria) {
const textCriteria = searchCriteria ? searchCriteria.toLowerCase() : '';
return items.reduce((acc, item) => {
const newChildren = item.children.map(child => ({
...child,
checked: (value[item.key] || []).includes(child.value)
}));
const newItem = {
...item,
checked: newChildren.some(child => child.checked),
children: newChildren
};
if (!hasChildren(newItem)) {
return acc;
}
if (!newItem.label.toLowerCase().includes(textCriteria)) {
const filteredChildren = newItem.children.filter(child => child.label.toLowerCase().includes(textCriteria));
if (filteredChildren.length > 0) {
newItem.children = filteredChildren;
} else {
return acc;
}
}
acc.push(newItem);
return acc;
}, []);
}
/**
* Prepare items from schema to be used within ListView
* @param {Object} schema
* @param {Object} callbacks
* @param {Function} callbacks.onExpandToggle
* @param {Function} callbacks.onParentChange
* @param {Function} callbacks.onCheck
* @param {Object} value
* @returns {Array}
*/
export function prepareItemsFromSchema(schema, callbacks, value) {
const {
onExpandToggle,
onParentChange,
onCheck
} = callbacks;
return schema.items.map(item => {
var _schema$options, _value$key, _value$key2;
const key = item.key[item.key.length - 1];
return {
label: item.title,
expanded: ((_schema$options = schema.options) === null || _schema$options === void 0 ? void 0 : _schema$options.expandChecked) && ((_value$key = value[key]) === null || _value$key === void 0 ? void 0 : _value$key.length) > 0 && ((_value$key2 = value[key]) === null || _value$key2 === void 0 ? void 0 : _value$key2.length) !== item.titleMap.length || false,
key,
onExpandToggle,
onChange: onParentChange,
children: item.titleMap.map(option => ({
label: option.name,
value: option.value,
onChange: onCheck
}))
};
});
}
//# sourceMappingURL=NestedListView.utils.js.map