@talend/react-components
Version:
Set of react components.
52 lines (51 loc) • 2.07 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
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 isVisible = column => column.visible;
const Default = () => {
const {
columns,
t
} = (0, _columnChooser.useColumnChooserContext)();
const selectedColumns = t('SELECT_COLUMNS', {
count: columns.filter(isVisible).length,
total: columns.length,
defaultValue: '{{count}}/{{total}} selected'
});
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
className: theme('tc-column-chooser-header-title'),
children: t('COLUMN_CHOOSER_HEADER_TITLE', {
defaultValue: 'Select columns to display'
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
id: "selected-columns-text",
children: selectedColumns
})]
});
};
const ColumnChooserHeader = ({
className,
children = /*#__PURE__*/(0, _jsxRuntime.jsx)(Default, {})
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layout.default.Header, {
id: "column-chooser-header",
className: theme('tc-column-chooser-header', className),
children: children
});
ColumnChooserHeader.propTypes = {
children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.element]))]),
className: _propTypes.default.string
};
ColumnChooserHeader.SelectAll = ColumnChooserHeader;
var _default = exports.default = ColumnChooserHeader;
//# sourceMappingURL=ColumnChooserHeader.component.js.map