silverstripe-tagfield/client/src/legacy/entwine/TagField.js

29 lines
591 B
JavaScript

/* global window */
import React from 'react';
import ReactDOM from 'react-dom';
import TagField from 'components/TagField';
window.jQuery.entwine('ss', ($) => {
$('.js-injector-boot .ss-tag-field').entwine({
onmatch() {
const dataSchema = {
...this.data('schema'),
onBlur: () => {
this.parents('.cms-edit-form:first').trigger('change');
}
};
ReactDOM.render(
<TagField
{...dataSchema}
/>,
this[0]
);
},
onunmatch() {
ReactDOM.unmountComponentAtNode(this[0]);
}
});
});