@mjhls/mjh-framework 1.0.715 → 1.0.716

package/dist/esm/{es6.string.iterator-b24a54f2.js → es6.string.iterator-aa6068a3.js}

@@ -1,4 +1,4 @@
-import { z as _defined, A as _toInteger, m as _hide, b as _descriptors, p as _anObject, a as _objectKeys, g as _objectDp, k as _global, B as _sharedKey, y as _domCreate, r as _enumBugKeys, v as _shared, w as _uid, u as _has, o as _propertyDesc, h as _toObject, c as _export } from './_to-object-9bef3b62.js';
+import { z as _defined, A as _toInteger, k as _hide, d as _descriptors, o as _anObject, n as _objectKeys, e as _objectDp, i as _global, B as _sharedKey, y as _domCreate, q as _enumBugKeys, v as _shared, w as _uid, u as _has, m as _propertyDesc, f as _toObject, _ as _export } from './_to-object-97770c52.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
 
 // true  -> String#at

package/dist/esm/{extends-c2b1c9d7.js → extends-31d65aba.js}

@@ -1,6 +1,6 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { l as _fails, h as _toObject, i as _iobject, a as _objectKeys, b as _descriptors, c as _export, d as _core } from './_to-object-9bef3b62.js';
-import { a as _objectGops, _ as _objectPie } from './_object-pie-71ac75a4.js';
+import { j as _fails, f as _toObject, g as _iobject, n as _objectKeys, d as _descriptors, _ as _export, a as _core } from './_to-object-97770c52.js';
+import { _ as _objectGops, a as _objectPie } from './_object-pie-33c40e79.js';
 
 // 19.1.2.1 Object.assign(target, source, ...)
 

package/dist/esm/getRelatedArticle.js

@@ -1,14 +1,14 @@
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-acd1cc47.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-2bd4099a.js';
 import { c as createCommonjsModule, u as unwrapExports, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
 import { c as cookie } from './index-db3bb315.js';
 import getQuery from './getQuery.js';
-import './es6.string.iterator-b24a54f2.js';
-import './_to-object-9bef3b62.js';
-import './web.dom.iterable-ca37144a.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './web.dom.iterable-035980f3.js';
 import './_library-528f1934.js';
-import './core.get-iterator-method-1b116089.js';
-import './_set-species-0b056cff.js';
-import './_iter-detect-d4d262ee.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
 
 var defaultParseOptions = {
   decodeValues: true,

package/dist/esm/getSerializers.js

@@ -1,13 +1,13 @@
 import 'react';
-export { g as default } from './index-db270302.js';
+export { g as default } from './index-998e7b12.js';
 import './BlockContent-d8cd739c.js';
 import './entities-932b50cf.js';
-import './slicedToArray-34468155.js';
+import './slicedToArray-cdeaee08.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ca37144a.js';
-import './es6.string.iterator-b24a54f2.js';
-import './_to-object-9bef3b62.js';
-import './core.get-iterator-method-1b116089.js';
+import './web.dom.iterable-035980f3.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './core.get-iterator-method-d1d5ed02.js';
 import 'react-bootstrap';
 import './index-3f5c03b2.js';
 import './index-669ff425.js';
@@ -16,24 +16,25 @@ import 'next/router';
 import './index-c7e2ac95.js';
 import './util-3ab476bf.js';
 import './Beam.js';
-import './stringify-8a4f19f7.js';
-import './asyncToGenerator-acd1cc47.js';
+import './stringify-d4839bab.js';
+import './asyncToGenerator-2bd4099a.js';
 import './_library-528f1934.js';
-import './_set-species-0b056cff.js';
-import './_iter-detect-d4d262ee.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
 import './Segment.js';
 import './main-1450d277.js';
-import './extends-c2b1c9d7.js';
-import './_object-pie-71ac75a4.js';
+import './extends-31d65aba.js';
+import './_object-pie-33c40e79.js';
 import './index-752d1dae.js';
 import 'react-dom';
-import './typeof-64422756.js';
-import './_is-array-9383b394.js';
+import './typeof-e9cea9e8.js';
+import './_is-array-674f71ec.js';
 import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
-import './toConsumableArray-5212fee7.js';
+import './_object-to-array-8f409e54.js';
+import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';
 import 'react-bootstrap/Button';
 import './AdSlot.js';
@@ -42,9 +43,9 @@ import './isSymbol-807e927e.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/head';
-import './inherits-18d4a779.js';
-import './_object-sap-6a003379.js';
-import './define-property-9a008401.js';
+import './inherits-5906fbea.js';
+import './_object-sap-fd3054d0.js';
+import './define-property-ec6d528d.js';
 import './index.esm-3fdda599.js';
 import './iconBase-602d52fe.js';
 import 'react-bootstrap/Figure';

package/dist/esm/{getTargeting-b1a7be54.js → getTargeting-2d402d66.js}

@@ -1,5 +1,5 @@
-import { _ as _extends } from './extends-c2b1c9d7.js';
-import { _ as _toConsumableArray } from './toConsumableArray-5212fee7.js';
+import { _ as _extends } from './extends-31d65aba.js';
+import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
 
 var getContentPlacementUrl = function getContentPlacementUrl(cp) {
     var cp_url = '';

package/dist/esm/getTargeting.js

@@ -1,9 +1,9 @@
-import './extends-c2b1c9d7.js';
-import './toConsumableArray-5212fee7.js';
-export { g as default } from './getTargeting-b1a7be54.js';
+import './extends-31d65aba.js';
+import './toConsumableArray-fa2dcda7.js';
+export { g as default } from './getTargeting-2d402d66.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-9bef3b62.js';
-import './_object-pie-71ac75a4.js';
-import './es6.string.iterator-b24a54f2.js';
-import './_iter-detect-d4d262ee.js';
-import './core.get-iterator-method-1b116089.js';
+import './_to-object-97770c52.js';
+import './_object-pie-33c40e79.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_iter-detect-48516cd3.js';
+import './core.get-iterator-method-d1d5ed02.js';

package/dist/esm/{index-db270302.js → index-998e7b12.js}

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-34468155.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-cdeaee08.js';
 import { Carousel, Table, Figure as Figure$1, Button, ProgressBar, Card, Row as Row$1, Col as Col$1 } from 'react-bootstrap';
 import { i as imageUrlBuilder } from './index-3f5c03b2.js';
 import { l as lib_3 } from './index-669ff425.js';
@@ -12,13 +12,15 @@ import Beam from './Beam.js';
 import Segment from './Segment.js';
 import { d as main_16, b as main_39, m as main_40 } from './main-1450d277.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { _ as _extends } from './extends-c2b1c9d7.js';
+import { _ as _extends } from './extends-31d65aba.js';
 import { L as LazyLoad } from './index-752d1dae.js';
-import { _ as _typeof$1 } from './typeof-64422756.js';
+import { _ as _typeof$1 } from './typeof-e9cea9e8.js';
 import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-b43c695a.js';
 import GroupDeck from './GroupDeck.js';
 import { m as moment } from './moment-bc12cb97.js';
-import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-5212fee7.js';
+import { _ as _export, a as _core } from './_to-object-97770c52.js';
+import { _ as _objectToArray } from './_object-to-array-8f409e54.js';
+import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
 import Pagination from 'react-bootstrap/Pagination';
 import Button$1 from 'react-bootstrap/Button';
 import { h as html_decode_1 } from './entities-932b50cf.js';
@@ -26,7 +28,7 @@ import DFPAdSlot from './AdSlot.js';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Head from 'next/head';
-import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-18d4a779.js';
+import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-5906fbea.js';
 import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
 import Figure$2 from 'react-bootstrap/Figure';
 
@@ -7481,10 +7483,200 @@ var Poll = function Poll(_ref) {
         return React.createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
+          React.createElement(
+            'div',
+            { className: 'correct-answer' },
+            React.createElement(
+              'div',
+              null,
+              choice.choiceText
+            ),
+            choice.choiceAnswer === true && React.createElement(
+              'div',
+              null,
+              React.createElement(
+                'span',
+                { style: { color: 'limegreen' } },
+                'Correct!'
+              )
+            )
+          ),
+          React.createElement(ProgressBar, { now: percentage }),
           React.createElement(
             'span',
-            null,
-            choice.choiceText
+            { className: 'float-right' },
+            percentage,
+            '% (',
+            choice.choiceCount ? choice.choiceCount : 0,
+            ' Votes)'
+          )
+        );
+      })
+    ),
+    showAnswer && React.createElement(
+      'h4',
+      { className: 'text-center small p-3' },
+      'Total Votes: ',
+      choicesTotalCount
+    ),
+    showAnswer && response && React.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
+    React.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .correct-answer {\n          display: flex;\n          justify-content: space-between;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
+    )
+  );
+};
+
+// https://github.com/tc39/proposal-object-values-entries
+
+var $values = _objectToArray(false);
+
+_export(_export.S, 'Object', {
+  values: function values(it) {
+    return $values(it);
+  }
+});
+
+var values = _core.Object.values;
+
+var values$1 = createCommonjsModule(function (module) {
+module.exports = { "default": values, __esModule: true };
+});
+
+var _Object$values = unwrapExports(values$1);
+
+var Poll$1 = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedChoice = _useState2[0],
+      setSelectedChoice = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showAnswer = _useState4[0],
+      setShowAnswer = _useState4[1];
+
+  var choices = node.choices,
+      question = node.question,
+      response = node.response,
+      _node$showResults = node.showResults,
+      showResults = _node$showResults === undefined ? false : _node$showResults;
+
+
+  var onSubmitPoll = function onSubmitPoll(e, setShowAnswer) {
+    e.preventDefault();
+    var selections = [];
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = _getIterator(_Object$values(e.currentTarget)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var input = _step.value;
+
+        if (input.nodeName === 'INPUT' && input.checked) {
+          selections.push(input.value);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+
+    onVote(node._key, selections.join(','));
+    //setShowAnswer(true)
+  };
+  useEffect(function () {
+    if (showResults) {
+      setShowAnswer(showResults);
+    }
+  }, [showResults]);
+
+  var choicesTotalCount = choices && choices.reduce(function (acc, choice) {
+    if (choice.choiceCount) {
+      acc = acc + parseInt(choice.choiceCount);
+      return acc;
+    } else {
+      return acc;
+    }
+  }, 0);
+  return React.createElement(
+    React.Fragment,
+    null,
+    question && React.createElement(
+      'p',
+      { className: 'font-weight-bold' },
+      question
+    ),
+    !showAnswer && choices && choices.length > 0 && React.createElement(
+      'form',
+      { onSubmit: function onSubmit(e) {
+          return onSubmitPoll(e);
+        } },
+      choices && choices.map(function (choice) {
+        return React.createElement(
+          'div',
+          { key: choice._key },
+          React.createElement(
+            'label',
+            { className: 'pl-2' },
+            React.createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+                return setSelectedChoice(e.target.value);
+              } }),
+            ' ' + choice.choiceText
+          )
+        );
+      }),
+      React.createElement(
+        Button,
+        { disabled: !selectedChoice, type: 'submit' },
+        'Vote'
+      )
+    ),
+    React.createElement(
+      'div',
+      { className: 'progress-container' },
+      showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
+        var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
+        return React.createElement(
+          'div',
+          { key: choice._key, className: 'mb-3' },
+          React.createElement(
+            'div',
+            { className: 'correct-answer' },
+            React.createElement(
+              'div',
+              null,
+              choice.choiceText
+            ),
+            choice.choiceAnswer === true && React.createElement(
+              'div',
+              null,
+              React.createElement(
+                'span',
+                { style: { color: 'limegreen' } },
+                'Correct!'
+              )
+            )
           ),
           React.createElement(ProgressBar, { now: percentage }),
           React.createElement(
@@ -7508,7 +7700,7 @@ var Poll = function Poll(_ref) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .progress-bar {\n          color: #fff;\n        }\n      '
+      '\n        .correct-answer {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          padding: 0 0.5rem;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
     )
   );
 };
@@ -7548,6 +7740,13 @@ var Quiz = function Quiz(_ref) {
       pages = _useState10[0],
       setPages = _useState10[1];
 
+  var answersRef = useRef(null);
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      isDisabled = _useState12[0],
+      setIsDisabled = _useState12[1];
+
   useEffect(function () {
     var totalPages = _Array$from({ length: pageCount }, function (v, k) {
       return k + 1;
@@ -7657,14 +7856,113 @@ var Quiz = function Quiz(_ref) {
     );
   };
 
+  var checkAnswers = function checkAnswers(e) {
+    if (!quizzes[currentPage - 1].quizAnswers) {
+      setShowAnswer(true);
+      return;
+    }
+
+    var correctAnswers = [];
+
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = _getIterator(quizzes[currentPage - 1].quizAnswers), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var answer = _step.value;
+
+        if (answer.correctAnswer === true) {
+          correctAnswers.push(answer._key);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+
+    var _loop = function _loop(input) {
+      var isCorrect = correctAnswers.findIndex(function (value) {
+        return value === input.value;
+      });
+      if (input.nodeName === 'INPUT' && input.checked) {
+        if (isCorrect < 0) {
+          input.parentElement.style.color = '#ea1e1e';
+        }
+        setShowAnswer(true);
+      }
+      if (isCorrect >= 0) {
+        input.parentElement.style.color = 'limegreen';
+      }
+      setIsDisabled(true);
+    };
+
+    var _iteratorNormalCompletion2 = true;
+    var _didIteratorError2 = false;
+    var _iteratorError2 = undefined;
+
+    try {
+      for (var _iterator2 = _getIterator(_Object$values(answersRef.current)), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var input = _step2.value;
+
+        _loop(input);
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+  };
+
   return React.createElement(
     React.Fragment,
     null,
-    quizzes[currentPage - 1] && React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+    quizzes[currentPage - 1] && React.createElement(
+      React.Fragment,
+      null,
+      React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React.createElement(
+        'form',
+        { ref: answersRef, onSubmit: function onSubmit(e) {
+            return e.preventDefault();
+          } },
+        quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
+          return React.createElement(
+            'div',
+            { key: answer._key },
+            React.createElement(
+              'label',
+              { className: 'pl-2' },
+              quizzes[currentPage - 1].multiAnswer ? React.createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React.createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
+              ' ' + answer.answerText
+            )
+          );
+        })
+      )
+    ),
     !showAnswer && React.createElement(
       Button$1,
       { onClick: function onClick() {
-          return setShowAnswer(true);
+          return checkAnswers();
         }, variant: 'info', block: true },
       'Please click here for answer'
     ),
@@ -7676,7 +7974,7 @@ var Quiz = function Quiz(_ref) {
         null,
         'Answer:'
       ),
-      React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
+      quizzes[currentPage - 1].answer && React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
     ),
     React.createElement('br', null),
     pageCount > 1 && React.createElement(
@@ -8946,7 +9244,15 @@ var getSerializers = function getSerializers() {
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
 
-        return React.createElement(ArticleSeries, { nodes: node, accountIDs: videoAccountIDs || {}, pageview: pageview, client: client, getSerializers: getSerializers.apply(undefined, props), Ads: Ads || null, rootArticle: article || null });
+        return React.createElement(ArticleSeries, {
+          nodes: node,
+          accountIDs: videoAccountIDs || {},
+          pageview: pageview,
+          client: client,
+          getSerializers: getSerializers.apply(undefined, props),
+          Ads: Ads || null,
+          rootArticle: article || null
+        });
       },
       figure: function figure(_ref4) {
         var node = _ref4.node;
@@ -9002,31 +9308,44 @@ var getSerializers = function getSerializers() {
 
         return React.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
       },
-      quiz: function quiz(_ref14) {
+      pollMultiChoice: function pollMultiChoice(_ref14) {
         var node = _ref14.node;
+
+        return React.createElement(Poll$1, {
+          node: node,
+          client: client,
+          pageview: pageview,
+          videoAccountIDs: videoAccountIDs,
+          showVotes: showVotes,
+          onVote: onVote,
+          getSerializers: getSerializers(props)
+        });
+      },
+      quiz: function quiz(_ref15) {
+        var node = _ref15.node;
         var quizzes = node.quizzes;
 
         return React.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
       },
-      leads: function leads(_ref15) {
-        var node = _ref15.node;
+      leads: function leads(_ref16) {
+        var node = _ref16.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
         return React.createElement(Leads, { url: url });
       },
-      slideshows: function slideshows(_ref16) {
-        var node = _ref16.node;
+      slideshows: function slideshows(_ref17) {
+        var node = _ref17.node;
 
         return React.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
-      nativeAd: function nativeAd(_ref17) {
-        var node = _ref17.node;
+      nativeAd: function nativeAd(_ref18) {
+        var node = _ref18.node;
 
         return React.createElement(NativeAd, { node: node });
       },
-      html_anchor_links: function html_anchor_links(_ref18) {
-        var node = _ref18.node;
+      html_anchor_links: function html_anchor_links(_ref19) {
+        var node = _ref19.node;
 
         return React.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
       },
@@ -9036,15 +9355,15 @@ var getSerializers = function getSerializers() {
       brtag: function brtag() {
         return React.createElement('br', { className: 'line-break' });
       },
-      formstack: function formstack(_ref19) {
-        var node = _ref19.node;
+      formstack: function formstack(_ref20) {
+        var node = _ref20.node;
         var FormID = node.FormID,
             Caption = node.Caption;
 
         return React.createElement(Formstack, { FormID: FormID, Caption: Caption });
       },
-      multimedia: function multimedia(_ref20) {
-        var node = _ref20.node;
+      multimedia: function multimedia(_ref21) {
+        var node = _ref21.node;
 
         return React.createElement(MultiMedia, { node: node, client: client });
       }
@@ -9090,32 +9409,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref21) {
-        var children = _ref21.children;
+      alignleft: function alignleft(_ref22) {
+        var children = _ref22.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref22) {
-        var children = _ref22.children;
+      alignright: function alignright(_ref23) {
+        var children = _ref23.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref23) {
-        var children = _ref23.children;
+      aligncenter: function aligncenter(_ref24) {
+        var children = _ref24.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref24) {
-        var children = _ref24.children;
+      alignjustify: function alignjustify(_ref25) {
+        var children = _ref25.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'justify' } },