react-bootstrap-front 3.9.2 → 3.9.4

package/src/features/draft/MailMerge.js

@@ -0,0 +1,54 @@
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import { DropdownWrapper } from '../advanced'
+import { DropdownMenu, DropdownMenuOption } from '../basic';
+
+export default class MailMerge extends Component {
+  static propTypes = {
+    onChange: PropTypes.func,
+  };
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      myRef: React.createRef()
+    }
+    this.onChange = this.onChange.bind(this);
+  }
+
+  stopPropagation = (event) => {
+    event.stopPropagation();
+  };
+
+  onChange = (text) => {
+    this.props.onChangeText(text);
+  }
+
+  render() {
+    const trigger = (
+      <button
+        type="button"
+        className={classnames(this.props.className, 'btn btn-light')}
+      >
+        {this.props.icon ? this.props.icon : 'MailMerge' }
+      </button>
+    );
+    const options = this.props.options;
+    return (
+      <DropdownWrapper trigger={trigger} className="ui-inline-wrapper btn-group pl-2" align="bottom-right" myRef={this.state.myRef}>
+        <DropdownMenu>
+          {options.map((text, index) =>
+            (<DropdownMenuOption
+              className="rdw-mailmerge-option"
+              onClick={() => this.onChange(text.text_content)}
+              key={index}
+            >
+              {text.text_code}
+            </DropdownMenuOption>),
+          )}
+        </DropdownMenu>
+      </DropdownWrapper>
+    );
+  }
+}

package/src/features/draft/index.js

@@ -1,4 +1,7 @@
 export { default as ColorPicker } from "./ColorPicker";
 export { default as FontSize } from "./FontSize";
+export { default as FontFamily } from "./FontFamily";
 export { default as Inline } from "./Inline";
+export { default as Image } from "./Image";
+export { default as MailMerge } from "./MailMerge";
 export { default as InputHtml } from "./InputHtml";

package/src/features/draft/style.scss

@@ -1,4 +1,7 @@
 @import './ColorPicker';
+@import './FontFamily';
 @import './FontSize';
 @import './Inline';
-@import './InputHtml';
+@import './Image';
+@import './MailMerge';
+@import './InputHtml';