@workday/canvas-kit-docs
Version:
Documentation components of Canvas Kit components
17 lines (16 loc) • 873 B
JavaScript
import React from 'react';
import { registerWidget, Value } from '../Value';
import { IndentLevelContext, RenderContext, indent } from '../widgetUtils';
registerWidget('union', ({ value }) => {
const level = React.useContext(IndentLevelContext);
return (React.createElement(RenderContext.Provider, { value: "inline" }, value.value.map((v, index) => {
return (React.createElement(React.Fragment, { key: index },
' ',
value.value.length > 3 && (React.createElement(React.Fragment, null,
React.createElement("br", null),
indent(level + 1))),
index !== 0 && React.createElement("span", { className: "token punctuation" }, " |\u00A0"),
React.createElement(IndentLevelContext.Provider, { value: level + 1 },
React.createElement(Value, { value: v }))));
})));
});