@talend/react-faceted-search
Version:
63 lines (61 loc) • 2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.BadgeNumberForm = void 0;
var _react = require("react");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _utils = require("@talend/utils");
var _usage = require("../../../helpers/usage.helpers");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const BadgeNumberForm = ({
id,
onChange,
onSubmit,
value,
feature,
t,
...rest
}) => {
const applyDataFeature = (0, _react.useMemo)(() => (0, _usage.getApplyDataFeature)(feature), [feature]);
const onChangeText = event => onChange(event, event.target.value);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designSystem.Form, {
id: `${id}-number`,
onSubmit: onSubmit,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form.Number, {
id: `${id}-input`,
placeholder: t('TYPE_HERE', {
defaultValue: 'Type here'
}),
onChange: onChangeText,
value: value
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form.Buttons, {
padding: {
x: 0,
bottom: 0,
top: 'M'
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.ButtonPrimary, {
type: "submit",
"data-feature": applyDataFeature,
...(0, _utils.getDataAttrFromProps)(rest),
children: t('APPLY', {
defaultValue: 'Apply'
})
})
})]
});
};
exports.BadgeNumberForm = BadgeNumberForm;
BadgeNumberForm.propTypes = {
id: _propTypes.default.string.isRequired,
onChange: _propTypes.default.func,
onSubmit: _propTypes.default.func.isRequired,
value: _propTypes.default.string,
feature: _propTypes.default.string.isRequired,
t: _propTypes.default.func.isRequired
};
// eslint-disable-next-line import/prefer-default-export
//# sourceMappingURL=BadgeNumberForm.component.js.map