@uncinc/uncinc-react-kitchen-sink 2.3.3 → 2.3.5

package/dist/components/Share/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { EmailShareButton, FacebookShareButton, LinkedinShareButton, TwitterShareButton, WhatsappShareButton } from "react-share";
 import './style.scss';
-
 const ShareButton = ({
   type,
   pageTitle,
@@ -28,7 +27,6 @@ const ShareButton = ({
     className: `icon icon-${type} icon-variant-3`
   }))));
 };
-
 const Share = ({
   title,
   pageTitle,
@@ -56,7 +54,6 @@ const Share = ({
     className: "Share__buttons"
   }, buttons)));
 };
-
 Share.defaultProps = {
   title: "Share this page:",
   pageTitle: "",

package/dist/components/Sliders/SliderRelated/index.js

@@ -1,10 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import Slider from "react-slick";
 import useValueForCurrentViewPort from '../../../helpers/useValueForCurrentViewPort';
 import './style.scss';
-
 const SliderNextArrow = ({
   onClick
 }) => {
@@ -13,7 +11,6 @@ const SliderNextArrow = ({
     onClick: onClick
   });
 };
-
 const SliderPrevArrow = ({
   onClick
 }) => {
@@ -22,7 +19,6 @@ const SliderPrevArrow = ({
     onClick: onClick
   });
 };
-
 const SliderRelated = props => {
   const {
     children,
@@ -38,7 +34,6 @@ const SliderRelated = props => {
     ref: sliderRef
   }), children);
 };
-
 SliderRelated.defaultProps = {
   title: null,
   slidesToShow: 3,

package/dist/components/Sliders/SliderRelated/stories.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import SliderRelated from '.';
 import Button from '../../Button';
@@ -16,7 +15,6 @@ export default d;
 const defaultProps = {
   autoplay: false
 };
-
 const Teaser = ({
   title,
   image,
@@ -51,7 +49,6 @@ const Teaser = ({
   primary: false,
   href: buttonLink
 }, buttonText))));
-
 const children = Array.from(Array(6).keys()).map(i => {
   const image = ["https://dummyimage.com/600x400/000/fff", "https://dummyimage.com/600x400/f00/fff", "https://dummyimage.com/600x400/ddd/fff"];
   const title = "Title";

package/dist/components/Webform/WebformActions/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import c from 'classnames';
 import Button from '../../Button';
-
 const WebformActions = props => {
   const {
     entity,
@@ -17,5 +16,4 @@ const WebformActions = props => {
     type: "submit"
   }, entity.get('#submit__label')));
 };
-
 export default WebformActions;

package/dist/components/Webform/WebformCheckbox/index.js

@@ -1,10 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import Checkbox from '../../Form/Checkbox';
 import withStates from '../withStates';
-
 const WebformCheckbox = props => {
   const {
     entity,
@@ -21,17 +19,13 @@ const WebformCheckbox = props => {
   const placeholder = entity.get('#placeholder');
   const requiredError = entity.get('#required_error');
   const key = entity.get('#webform_key');
-
   function validation(value) {
     let error;
-
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
-
     return error;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformCheckbox"
   }, /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
@@ -46,5 +40,4 @@ const WebformCheckbox = props => {
     value: props.values[key]
   })));
 };
-
 export default withStates(WebformCheckbox);

package/dist/components/Webform/WebformCheckboxes/index.js

@@ -1,11 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import Immutable from 'immutable';
 import Checkboxes from '../../Form/Checkboxes';
 import withStates from '../withStates';
-
 const WebformCheckboxes = props => {
   const {
     entity,
@@ -26,21 +24,16 @@ const WebformCheckboxes = props => {
   const otherLabel = entity.get('#other__option_label');
   const otherPlaceholder = entity.get('#other__placeholder');
   let options = entity.get('#options', Immutable.Map());
-
   if (showOther) {
     options = options.set('__other__', 'Anders');
   }
-
   function validation(value) {
     let error;
-
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
-
     return error;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformCheckboxes"
   }, /*#__PURE__*/React.createElement(Checkboxes, _extends({}, fieldProps, {
@@ -58,5 +51,4 @@ const WebformCheckboxes = props => {
     otherPlaceholder: otherPlaceholder
   })));
 };
-
 export default withStates(WebformCheckboxes);

package/dist/components/Webform/WebformContainer/index.js

@@ -1,25 +1,24 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
-
 const WebformContainer = props => {
   const {
     entity,
     WebformMapper
-  } = props; // Remove all non-element children.
+  } = props;
 
+  // Remove all non-element children.
   let children = entity;
   children.keySeq().forEach(k => {
     if (k.indexOf('#') === 0) {
       children = children.delete(k);
     }
-  }); // Recursively render children.
+  });
 
+  // Recursively render children.
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformContainer"
   }, /*#__PURE__*/React.createElement(WebformMapper, _extends({}, props, {
     entities: children
   })));
 };
-
 export default WebformContainer;

package/dist/components/Webform/WebformDate/index.js

@@ -1,7 +1,6 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import moment from 'moment';
 import SelectInput from '../../Form/Select/Input';
-
 const WebformDate = ({
   entity,
   setFieldValue,
@@ -22,28 +21,27 @@ const WebformDate = ({
   const dateMax = parseInt(entity.get('#date_date_max')) || 2070;
   const placeholderDay = 'Dag';
   const placeholderMonth = 'Maand';
-  const placeholderYear = 'Jaar'; // Render all day options possible.
+  const placeholderYear = 'Jaar';
 
+  // Render all day options possible.
   const renderDayOptions = useCallback(placeholder => {
     const options = [];
-
     if (placeholder) {
       options.push({
         value: placeholder,
         label: placeholder
       });
     }
-
     for (let index = 1; index <= 31; index++) {
       options.push({
         value: index,
         label: index
       });
     }
-
     return options;
-  }, []); // Render all options possible for months.
+  }, []);
 
+  // Render all options possible for months.
   const renderMonthOptions = useCallback(() => {
     const months = ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'October', 'November', 'December'];
     return months.map((e, i) => {
@@ -52,19 +50,18 @@ const WebformDate = ({
         label: e
       };
     });
-  }, []); // Render all options for possible years from
-  // the DateMin and DateMax variables.
+  }, []);
 
+  // Render all options for possible years from
+  // the DateMin and DateMax variables.
   const renderYearOptions = useCallback(() => {
     const options = [];
-
     for (let index = dateMin; index <= dateMax; index++) {
       options.push({
         value: index,
         label: index
       });
     }
-
     return options;
   }, [dateMax, dateMin]);
   useEffect(() => {
@@ -73,28 +70,26 @@ const WebformDate = ({
       errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
       return;
     }
-
     if (day === placeholderDay || month === placeholderMonth || year === placeholderYear) {
       errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
       return;
-    } // Transform state items to date object.
-
+    }
 
+    // Transform state items to date object.
     const birthdate = moment(`${year}-${month}-${day}`, 'YYYY-MM-DD');
     setFieldValue(key, birthdate.format('YYYY-MM-DD'));
-  }, [day, month, year, key, setFieldValue, errors, requiredError]); // If birthday is invalid, like 2000/02/30,
-  // set an error.
+  }, [day, month, year, key, setFieldValue, errors, requiredError]);
 
+  // If birthday is invalid, like 2000/02/30,
+  // set an error.
   if (moment(values[key])._isValid === false || day === placeholderDay || month === placeholderMonth || year === placeholderYear) {
     errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
   } else {
     delete errors[key];
   }
-
   if (!day || !month || !year) {
     errors[key] = requiredError || 'Dit is een vereist veld.';
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformDate",
     onClick: () => {
@@ -132,5 +127,4 @@ const WebformDate = ({
     className: "WebformDate_error WebformComponent--error"
   }, errors[key]) : null);
 };
-
 export default WebformDate;

package/dist/components/Webform/WebformMapper/index.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import Immutable from 'immutable';
 import WysiwygField from '../../WysiwygField';
@@ -14,7 +13,6 @@ import WebformActions from '../WebformActions';
 import WebformContainer from '../WebformContainer';
 import WebformNumber from '../WebformNumber';
 import WebformWizardPage from '../WebformWizardPage';
-
 const WebformMapper = props => {
   const {
     entities,
@@ -23,7 +21,6 @@ const WebformMapper = props => {
   return entities.entrySeq().map(([key, entity]) => {
     const mappedEntity = new Immutable.OrderedMap(entity);
     const type = mappedEntity.get('#type');
-
     if (overriddenComponents && overriddenComponents[type]) {
       const OverriddenComponent = overriddenComponents[type];
       return /*#__PURE__*/React.createElement(OverriddenComponent, _extends({}, props, {
@@ -31,7 +28,6 @@ const WebformMapper = props => {
         entity: mappedEntity
       }));
     }
-
     switch (type) {
       case 'textfield':
         {
@@ -40,7 +36,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'textarea':
         {
           return /*#__PURE__*/React.createElement(WebformTextarea, _extends({}, props, {
@@ -48,7 +43,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'checkbox':
         {
           return /*#__PURE__*/React.createElement(WebformCheckbox, _extends({}, props, {
@@ -56,7 +50,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'radios':
         {
           return /*#__PURE__*/React.createElement(WebformRadioButtons, _extends({}, props, {
@@ -64,7 +57,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'checkboxes':
         {
           return /*#__PURE__*/React.createElement(WebformCheckboxes, _extends({}, props, {
@@ -72,7 +64,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'select':
         {
           return /*#__PURE__*/React.createElement(WebformSelect, _extends({}, props, {
@@ -80,7 +71,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'date':
         {
           return /*#__PURE__*/React.createElement(WebformDate, _extends({}, props, {
@@ -88,7 +78,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'webform_actions':
         {
           return /*#__PURE__*/React.createElement(WebformActions, _extends({}, props, {
@@ -96,7 +85,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'container':
         {
           return /*#__PURE__*/React.createElement(WebformContainer, _extends({}, props, {
@@ -105,7 +93,6 @@ const WebformMapper = props => {
             WebformMapper: WebformMapper
           }));
         }
-
       case 'number':
         {
           return /*#__PURE__*/React.createElement(WebformNumber, _extends({}, props, {
@@ -113,7 +100,6 @@ const WebformMapper = props => {
             entity: mappedEntity
           }));
         }
-
       case 'wizard_page':
       case 'webform_wizard_page':
         {
@@ -123,7 +109,6 @@ const WebformMapper = props => {
             WebformMapper: WebformMapper
           }));
         }
-
       case 'processed_text':
         {
           return /*#__PURE__*/React.createElement(WysiwygField, {
@@ -133,7 +118,6 @@ const WebformMapper = props => {
             html: mappedEntity.get('#text', '')
           });
         }
-
       default:
         {
           return /*#__PURE__*/React.createElement("pre", {
@@ -143,5 +127,4 @@ const WebformMapper = props => {
     }
   });
 };
-
 export default WebformMapper;

package/dist/components/Webform/WebformNumber/index.js

@@ -1,9 +1,7 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import FormikTextField from '../../Form/Number';
 import withStates from '../withStates';
-
 const WebformNumber = props => {
   const {
     entity,
@@ -38,5 +36,4 @@ const WebformNumber = props => {
     value: props.values[key]
   })));
 };
-
 export default withStates(WebformNumber);

package/dist/components/Webform/WebformRadioButtons/index.js

@@ -1,11 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import Immutable from 'immutable';
 import RadioButtons from '../../Form/RadioButtons';
 import withStates from '../withStates';
-
 const WebformRadioButtons = props => {
   const {
     entity,
@@ -26,21 +24,16 @@ const WebformRadioButtons = props => {
   const otherLabel = entity.get('#other__option_label');
   const otherPlaceholder = entity.get('#other__placeholder');
   let options = entity.get('#options', Immutable.Map());
-
   if (showOther) {
     options = options.set('__other__', 'Anders');
   }
-
   function validation(value) {
     let error;
-
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
-
     return error;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformRadioButtons"
   }, /*#__PURE__*/React.createElement(RadioButtons, _extends({}, fieldProps, {
@@ -58,5 +51,4 @@ const WebformRadioButtons = props => {
     otherPlaceholder: otherPlaceholder
   })));
 };
-
 export default withStates(WebformRadioButtons);

package/dist/components/Webform/WebformSelect/index.js

@@ -1,11 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import Immutable from 'immutable';
 import Select from '../../Form/Select';
 import withStates from '../withStates';
-
 const WebformSelect = props => {
   const {
     entity,
@@ -26,21 +24,16 @@ const WebformSelect = props => {
   const otherLabel = entity.get('#other__option_label');
   const otherPlaceholder = entity.get('#other__placeholder');
   let options = entity.get('#options', Immutable.Map());
-
   if (showOther) {
     options = options.set('__other__', 'Anders');
   }
-
   function validation(value) {
     let error;
-
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
-
     return error;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformSelect"
   }, /*#__PURE__*/React.createElement(Select, _extends({}, fieldProps, {
@@ -58,5 +51,4 @@ const WebformSelect = props => {
     otherPlaceholder: otherPlaceholder
   })));
 };
-
 export default withStates(WebformSelect);

package/dist/components/Webform/WebformTextField/index.js

@@ -1,10 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import FormikTextField from '../../Form/TextField';
 import withStates from '../withStates';
-
 const WebformTextField = props => {
   const {
     entity,
@@ -21,17 +19,13 @@ const WebformTextField = props => {
   const requiredError = entity.get('#required_error');
   const key = entity.get('#webform_key');
   const type = props.type || "text";
-
   const validation = props.validation || (value => {
     let error;
-
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
-
     return error;
   });
-
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformTextField"
   }, /*#__PURE__*/React.createElement(FormikTextField, _extends({}, fieldProps, {
@@ -47,5 +41,4 @@ const WebformTextField = props => {
     value: props.values[key]
   })));
 };
-
 export default withStates(WebformTextField);

package/dist/components/Webform/WebformTextarea/index.js

@@ -1,10 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import FormikTextarea from '../../Form/Textarea';
 import withStates from '../withStates';
-
 const WebformTextarea = props => {
   const {
     entity,
@@ -21,17 +19,13 @@ const WebformTextarea = props => {
   const placeholder = entity.get('#placeholder');
   const requiredError = entity.get('#required_error');
   const key = entity.get('#webform_key');
-
   function validation(value) {
     let error;
-
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
-
     return error;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "WebformTextarea"
   }, /*#__PURE__*/React.createElement(FormikTextarea, _extends({}, fieldProps, {
@@ -46,5 +40,4 @@ const WebformTextarea = props => {
     value: props.values[key]
   })));
 };
-
 export default withStates(WebformTextarea);

package/dist/components/Webform/WebformWizardPage/index.js

@@ -2,7 +2,8 @@ import React from 'react';
 import classnames from 'classnames';
 import Immutable from 'immutable';
 import Button from '../../Button';
-import WebformContainer from '../WebformContainer'; // import WebformStepCounter from '../WebformStepCounter';
+import WebformContainer from '../WebformContainer';
+// import WebformStepCounter from '../WebformStepCounter';
 
 const WebformWizardPage = props => {
   const {
@@ -19,12 +20,12 @@ const WebformWizardPage = props => {
   const classes = classnames('WebformWizardPage', {
     hidden: currentPage !== entity.get('#webform_key')
   });
-
   const collectInitialValuesFlat = entity => {
     let output = new Immutable.List();
     const mappedEntity = Immutable.fromJS(entity);
-    output = output.push(mappedEntity.get('#webform_key')); // Collect child items.
+    output = output.push(mappedEntity.get('#webform_key'));
 
+    // Collect child items.
     let children = Immutable.fromJS(entity);
     children.keySeq().forEach(k => {
       if (k.indexOf('#') === 0) {
@@ -37,15 +38,15 @@ const WebformWizardPage = props => {
     });
     return output;
   };
-
   const onNextButton = () => {
     const {
       setFieldTouched,
       validateForm,
       entity,
       onNextPage
-    } = props; // Determine all children in this page.
+    } = props;
 
+    // Determine all children in this page.
     const fieldsInThisPage = collectInitialValuesFlat(entity);
     validateForm().then(validation => {
       let validated = true;
@@ -56,13 +57,11 @@ const WebformWizardPage = props => {
           setFieldTouched(invalidField);
         }
       });
-
       if (validated) {
         onNextPage();
       }
     });
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: classes
   }, /*#__PURE__*/React.createElement("h2", {
@@ -81,5 +80,4 @@ const WebformWizardPage = props => {
     onClick: onNextButton
   }, labelNext)));
 };
-
 export default WebformWizardPage;