@talend/react-faceted-search
Version:
74 lines (72 loc) • 2.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.BadgeTextForm = 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 BadgeTextForm = ({
id,
onChange,
onSubmit,
value,
feature,
t,
placeholder,
minLength,
maxLength,
...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}-text-area`,
onSubmit: onSubmit,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form.Text, {
id: `${id}-text`,
onChange: onChangeText,
placeholder: placeholder || t('TYPE_HERE', {
defaultValue: 'Type here'
}),
type: "text",
value: value,
minLength: minLength,
maxLength: maxLength
}), /*#__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.BadgeTextForm = BadgeTextForm;
BadgeTextForm.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,
placeholder: _propTypes.default.string,
minLength: _propTypes.default.number,
maxLength: _propTypes.default.number
};
// eslint-disable-next-line import/prefer-default-export
//# sourceMappingURL=BadgeTextForm.component.js.map