feat(ModalWrapper): Allow styling of buttonTrigger (carbon-design-system#947)

Author: AndySeymour2904

src/components/ModalWrapper/ModalWrapper-test.js

@@ -9,6 +9,7 @@ describe('ModalWrapper', () => {
     mockProps = {
       id: 'modal',
       buttonTriggerText: 'Test Modal',
+      buttonTriggerClassName: 'btn-trigger',
       modalHeading: 'Transactional Modal',
       modalLabel: 'Test Modal Label',
       primaryButtonText: 'Save',

src/components/ModalWrapper/ModalWrapper.js

@@ -9,7 +9,8 @@ export default class ModalWrapper extends React.Component {
     handleOpen: PropTypes.func,
     children: PropTypes.node,
     id: PropTypes.string,
-    buttonTriggerText: PropTypes.string,
+    buttonTriggerText: PropTypes.node,
+    buttonTriggerClassName: PropTypes.string,
     modalLabel: PropTypes.string,
     modalHeading: PropTypes.string,
     modalText: PropTypes.string,
@@ -66,6 +67,7 @@ export default class ModalWrapper extends React.Component {
     const {
       id,
       buttonTriggerText,
+      buttonTriggerClassName,
       triggerButtonKind,
       modalLabel,
       modalHeading,
@@ -97,6 +99,7 @@ export default class ModalWrapper extends React.Component {
           }
         }}>
         <Button
+          className={buttonTriggerClassName}
           disabled={disabled}
           kind={triggerButtonKind}
           onClick={this.handleOpen}>

src/components/ModalWrapper/__snapshots__/ModalWrapper-test.js.snap

@@ -2,6 +2,7 @@
 
 exports[`ModalWrapper should render 1`] = `
 <ModalWrapper
+  buttonTriggerClassName="btn-trigger"
   buttonTriggerText="Test Modal"
   disabled={false}
   handleSubmit={[MockFunction]}
@@ -18,6 +19,7 @@ exports[`ModalWrapper should render 1`] = `
     role="presentation"
   >
     <Button
+      className="btn-trigger"
       disabled={false}
       iconDescription="Provide icon description if icon is used"
       kind="primary"
@@ -27,7 +29,7 @@ exports[`ModalWrapper should render 1`] = `
       type="button"
     >
       <button
-        className="bx--btn bx--btn--primary"
+        className="btn-trigger bx--btn bx--btn--primary"
         disabled={false}
         onClick={[Function]}
         tabIndex={0}