@cristianuser/antd-renderers
Version:
Ant Design Renderer Set for JSON Forms
16 lines • 1.2 kB
JavaScript
/* eslint-disable react/display-name */
import { Button, Col, PageHeader, Row, Tooltip, Typography } from 'antd';
import { PlusOutlined } from '@ant-design/icons';
import React from 'react';
import ValidationIcon from '../complex/ValidationIcon';
const { Title } = Typography;
const renderTitle = (label, errors) => (React.createElement(Row, null,
React.createElement(Col, { key: 'col_1' },
React.createElement(Title, { level: 3 }, label)),
React.createElement(Col, { key: 'col_2', style: { padding: '0 10px' } },
React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors }))));
export const ArrayLayoutToolbar = React.memo(({ label, errors, addItem, path, createDefault, translations, }) => {
return (React.createElement(PageHeader, { ghost: false, title: renderTitle(label, errors), extra: React.createElement(Tooltip, { key: '1', title: translations.addTooltip },
React.createElement(Button, { "aria-label": translations.addAriaLabel, type: 'primary', onClick: addItem(path, createDefault()), shape: 'circle', icon: React.createElement(PlusOutlined, null) })) }));
});
//# sourceMappingURL=ArrayToolbar.js.map