@talend/react-components
Version:
Set of react components.
54 lines (53 loc) • 1.88 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _ColumnChooserRow = _interopRequireDefault(require("../ColumnChooserRow"));
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 getLabels = (checked, t) => {
return checked ? {
label: t('TC_COLUMN_CHOOSER_UNSELECT_ALL', 'Unselect all'),
description: t('CHECKBOX_DESELECT_ALL_COLUMNS_DESCRIPTION', 'hide all the columns')
} : {
label: t('TC_COLUMN_CHOOSER_SELECT_ALL', 'Select all'),
description: t('CHECKBOX_SELECT_ALL_COLUMNS_DESCRIPTION', 'display all the columns')
};
};
const SelectAllColumnsCheckbox = ({
id,
onChange,
value,
t
}) => {
const {
label,
description
} = getLabels(value, t);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnChooserRow.default, {
className: theme('tc-column-chooser-row-select-all'),
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnChooserRow.default.Checkbox, {
id: id,
dataFeature: "column-chooser.select.all",
description: description,
label: label,
onChange: onChange,
checked: value,
intermediate: value === undefined,
t: t
})
});
};
SelectAllColumnsCheckbox.propTypes = {
id: _propTypes.default.string.isRequired,
onChange: _propTypes.default.func.isRequired,
value: _propTypes.default.bool,
t: _propTypes.default.func.isRequired
};
var _default = exports.default = SelectAllColumnsCheckbox;
//# sourceMappingURL=SelectAllColumnsCheckbox.component.js.map