@talend/react-components
Version:
Set of react components.
68 lines (67 loc) • 2.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = require("react");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _ColumnChooserRow = _interopRequireDefault(require("../ColumnChooserRow"));
var _SelectAllColumnsCheckbox = _interopRequireDefault(require("../SelectAllColumnsCheckbox"));
var _ColumnChooserTable = _interopRequireDefault(require("../ColumnChooserTable"));
var _columnChooser = require("../columnChooser.context");
var _Layout = _interopRequireDefault(require("../../../../../Rich/Layout"));
var _ColumnChooserModule = _interopRequireDefault(require("../ColumnChooser.module.scss"));
var _theme = require("../../../../../theme");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const theme = (0, _theme.getTheme)(_ColumnChooserModule.default);
const Default = () => {
const {
columns,
id,
onChangeVisibility,
onSelectAll,
selectAll,
t
} = (0, _columnChooser.useColumnChooserContext)();
const bodyId = `${id}-body`;
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectAllColumnsCheckbox.default, {
id: bodyId,
onChange: onSelectAll,
value: selectAll,
t: t
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
className: theme('tc-column-chooser-columns-list'),
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnChooserTable.default, {
id: bodyId,
columns: columns,
onChangeCheckbox: onChangeVisibility,
t: t
})
})]
});
};
const ColumnChooserBody = ({
children = /*#__PURE__*/(0, _jsxRuntime.jsx)(Default, {})
}) => {
const {
columns
} = (0, _columnChooser.useColumnChooserContext)();
if (typeof children === 'function') {
return children(columns);
}
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layout.default.Body, {
id: "column-chooser-body",
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
className: theme('tc-column-chooser-body'),
children: children
})
});
};
ColumnChooserBody.propTypes = {
children: _propTypes.default.func
};
ColumnChooserBody.Row = _ColumnChooserRow.default;
var _default = exports.default = ColumnChooserBody;
//# sourceMappingURL=ColumnChooserBody.component.js.map