@uncinc/uncinc-react-kitchen-sink 2.4.0 → 2.4.2

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

@@ -1,38 +1,65 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import SelectInput from '../../Form/Select/Input';
-import { isValidDate, parseDateWithTimezoneOffset } from '../../../helpers/date';
-const WebformDate = ({
-  entity,
-  setFieldValue,
-  values,
-  errors,
-  touched,
-  ...props
-}) => {
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Input = _interopRequireDefault(require("../../Form/Select/Input"));
+var _date = require("../../../helpers/date");
+var _excluded = ["entity", "setFieldValue", "values", "errors", "touched"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var WebformDate = function WebformDate(_ref) {
+  var entity = _ref.entity,
+    setFieldValue = _ref.setFieldValue,
+    values = _ref.values,
+    errors = _ref.errors,
+    touched = _ref.touched,
+    props = _objectWithoutProperties(_ref, _excluded);
   // Set all states for the date.
-  const [day, setDay] = useState();
-  const [month, setMonth] = useState();
-  const [year, setYear] = useState();
-  const title = entity.get('#title');
-  const key = entity.get('#webform_key');
-  const required = entity.get('#required');
-  const requiredError = entity.get('#required_error');
-  const dateMin = parseInt(entity.get('#date_date_min')) + 1 || 1970;
-  const dateMax = parseInt(entity.get('#date_date_max')) || 2070;
-  const placeholderDay = 'Dag';
-  const placeholderMonth = 'Maand';
-  const placeholderYear = 'Jaar';
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    day = _useState2[0],
+    setDay = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    month = _useState4[0],
+    setMonth = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    year = _useState6[0],
+    setYear = _useState6[1];
+  var title = entity.get('#title');
+  var key = entity.get('#webform_key');
+  var required = entity.get('#required');
+  var requiredError = entity.get('#required_error');
+  var dateMin = parseInt(entity.get('#date_date_min')) + 1 || 1970;
+  var dateMax = parseInt(entity.get('#date_date_max')) || 2070;
+  var placeholderDay = 'Dag';
+  var placeholderMonth = 'Maand';
+  var placeholderYear = 'Jaar';
 
   // Render all day options possible.
-  const renderDayOptions = useCallback(placeholder => {
-    const options = [];
+  var renderDayOptions = (0, _react.useCallback)(function (placeholder) {
+    var options = [];
     if (placeholder) {
       options.push({
         value: placeholder,
         label: placeholder
       });
     }
-    for (let index = 1; index <= 31; index++) {
+    for (var index = 1; index <= 31; index++) {
       options.push({
         value: index,
         label: index
@@ -42,9 +69,9 @@ const WebformDate = ({
   }, []);
 
   // 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) => {
+  var renderMonthOptions = (0, _react.useCallback)(function () {
+    var months = ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'October', 'November', 'December'];
+    return months.map(function (e, i) {
       return {
         value: i + 1,
         label: e
@@ -54,9 +81,9 @@ const WebformDate = ({
 
   // Render all options for possible years from
   // the DateMin and DateMax variables.
-  const renderYearOptions = useCallback(() => {
-    const options = [];
-    for (let index = dateMin; index <= dateMax; index++) {
+  var renderYearOptions = (0, _react.useCallback)(function () {
+    var options = [];
+    for (var index = dateMin; index <= dateMax; index++) {
       options.push({
         value: index,
         label: index
@@ -64,7 +91,7 @@ const WebformDate = ({
     }
     return options;
   }, [dateMax, dateMin]);
-  useEffect(() => {
+  (0, _react.useEffect)(function () {
     // If one of these is not set return.
     if (!day || !month || !year) {
       errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
@@ -76,14 +103,14 @@ const WebformDate = ({
     }
 
     // Transform state items to date object.
-    const birthdate = parseDateWithTimezoneOffset(new Date(`${year}-${month}-${day}`));
-    const birthdateFormatted = birthdate.split('T')[0];
+    var birthdate = (0, _date.parseDateWithTimezoneOffset)(new Date("".concat(year, "-").concat(month, "-").concat(day)));
+    var birthdateFormatted = birthdate.split('T')[0];
     setFieldValue(key, birthdateFormatted);
   }, [day, month, year, key, setFieldValue, errors, requiredError]);
 
   // If birthday is invalid, like 2000/02/30,
   // set an error.
-  if (!isValidDate(new Date(values[key])) || day === placeholderDay || month === placeholderMonth || year === placeholderYear) {
+  if (!(0, _date.isValidDate)(new Date(values[key])) || day === placeholderDay || month === placeholderMonth || year === placeholderYear) {
     errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
   } else {
     delete errors[key];
@@ -91,41 +118,42 @@ const WebformDate = ({
   if (!day || !month || !year) {
     errors[key] = requiredError || 'Dit is een vereist veld.';
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "WebformDate",
-    onClick: () => {
+    onClick: function onClick() {
       touched[key] = true;
     }
-  }, title && /*#__PURE__*/React.createElement("label", {
+  }, title && /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: key
-  }, title, !required && '(optioneel)'), /*#__PURE__*/React.createElement("div", {
+  }, title, !required && '(optioneel)'), /*#__PURE__*/_react.default.createElement("div", {
     className: "WebformDate__inner"
-  }, /*#__PURE__*/React.createElement(SelectInput, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
     fieldName: "day",
     options: renderDayOptions(),
     value: day,
     placeholder: placeholderDay,
-    onChange: e => {
+    onChange: function onChange(e) {
       setDay(e);
     }
-  }), /*#__PURE__*/React.createElement(SelectInput, {
+  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
     fieldName: "month",
     options: renderMonthOptions(),
     value: month,
     placeholder: placeholderMonth,
-    onChange: e => {
+    onChange: function onChange(e) {
       setMonth(e);
     }
-  }), /*#__PURE__*/React.createElement(SelectInput, {
+  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
     fieldName: "year",
     options: renderYearOptions(),
     value: year,
     placeholder: placeholderYear,
-    onChange: e => {
+    onChange: function onChange(e) {
       setYear(e);
     }
-  })), errors[key] && touched[key] ? /*#__PURE__*/React.createElement("div", {
+  })), errors[key] && touched[key] ? /*#__PURE__*/_react.default.createElement("div", {
     className: "WebformDate_error WebformComponent--error"
   }, errors[key]) : null);
 };
-export default WebformDate;
+var _default = WebformDate;
+exports.default = _default;

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

@@ -1,29 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _immutable = _interopRequireDefault(require("immutable"));
+var _WysiwygField = _interopRequireDefault(require("../../WysiwygField"));
+var _WebformTextField = _interopRequireDefault(require("../WebformTextField"));
+var _WebformTextarea = _interopRequireDefault(require("../WebformTextarea"));
+var _WebformCheckbox = _interopRequireDefault(require("../WebformCheckbox"));
+var _WebformRadioButtons = _interopRequireDefault(require("../WebformRadioButtons"));
+var _WebformCheckboxes = _interopRequireDefault(require("../WebformCheckboxes"));
+var _WebformSelect = _interopRequireDefault(require("../WebformSelect"));
+var _WebformDate = _interopRequireDefault(require("../WebformDate"));
+var _WebformActions = _interopRequireDefault(require("../WebformActions"));
+var _WebformContainer = _interopRequireDefault(require("../WebformContainer"));
+var _WebformNumber = _interopRequireDefault(require("../WebformNumber"));
+var _WebformWizardPage = _interopRequireDefault(require("../WebformWizardPage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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';
-import WebformTextField from '../WebformTextField';
-import WebformTextarea from '../WebformTextarea';
-import WebformCheckbox from '../WebformCheckbox';
-import WebformRadioButtons from '../WebformRadioButtons';
-import WebformCheckboxes from '../WebformCheckboxes';
-import WebformSelect from '../WebformSelect';
-import WebformDate from '../WebformDate';
-import WebformActions from '../WebformActions';
-import WebformContainer from '../WebformContainer';
-import WebformNumber from '../WebformNumber';
-import WebformWizardPage from '../WebformWizardPage';
-const WebformMapper = props => {
-  const {
-    entities,
-    overriddenComponents
-  } = props;
-  return entities.entrySeq().map(([key, entity]) => {
-    const mappedEntity = new Immutable.OrderedMap(entity);
-    const type = mappedEntity.get('#type');
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var WebformMapper = function WebformMapper(props) {
+  var entities = props.entities,
+    overriddenComponents = props.overriddenComponents;
+  return entities.entrySeq().map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      entity = _ref2[1];
+    var mappedEntity = new _immutable.default.OrderedMap(entity);
+    var type = mappedEntity.get('#type');
     if (overriddenComponents && overriddenComponents[type]) {
-      const OverriddenComponent = overriddenComponents[type];
-      return /*#__PURE__*/React.createElement(OverriddenComponent, _extends({}, props, {
+      var OverriddenComponent = overriddenComponents[type];
+      return /*#__PURE__*/_react.default.createElement(OverriddenComponent, _extends({}, props, {
         key: mappedEntity.get('#webform_key'),
         entity: mappedEntity
       }));
@@ -31,63 +45,63 @@ const WebformMapper = props => {
     switch (type) {
       case 'textfield':
         {
-          return /*#__PURE__*/React.createElement(WebformTextField, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformTextField.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'textarea':
         {
-          return /*#__PURE__*/React.createElement(WebformTextarea, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformTextarea.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'checkbox':
         {
-          return /*#__PURE__*/React.createElement(WebformCheckbox, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformCheckbox.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'radios':
         {
-          return /*#__PURE__*/React.createElement(WebformRadioButtons, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformRadioButtons.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'checkboxes':
         {
-          return /*#__PURE__*/React.createElement(WebformCheckboxes, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformCheckboxes.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'select':
         {
-          return /*#__PURE__*/React.createElement(WebformSelect, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformSelect.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'date':
         {
-          return /*#__PURE__*/React.createElement(WebformDate, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformDate.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'webform_actions':
         {
-          return /*#__PURE__*/React.createElement(WebformActions, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformActions.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
         }
       case 'container':
         {
-          return /*#__PURE__*/React.createElement(WebformContainer, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformContainer.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity,
             WebformMapper: WebformMapper
@@ -95,7 +109,7 @@ const WebformMapper = props => {
         }
       case 'number':
         {
-          return /*#__PURE__*/React.createElement(WebformNumber, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformNumber.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity
           }));
@@ -103,7 +117,7 @@ const WebformMapper = props => {
       case 'wizard_page':
       case 'webform_wizard_page':
         {
-          return /*#__PURE__*/React.createElement(WebformWizardPage, _extends({}, props, {
+          return /*#__PURE__*/_react.default.createElement(_WebformWizardPage.default, _extends({}, props, {
             key: mappedEntity.get('#webform_key'),
             entity: mappedEntity,
             WebformMapper: WebformMapper
@@ -111,7 +125,7 @@ const WebformMapper = props => {
         }
       case 'processed_text':
         {
-          return /*#__PURE__*/React.createElement(WysiwygField, {
+          return /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
             key: mappedEntity.get('#webform_key'),
             property: "schema:text",
             className: "WebformProcessedText",
@@ -120,11 +134,12 @@ const WebformMapper = props => {
         }
       default:
         {
-          return /*#__PURE__*/React.createElement("pre", {
+          return /*#__PURE__*/_react.default.createElement("pre", {
             key: mappedEntity.get('#webform_key')
           }, type);
         }
     }
   });
 };
-export default WebformMapper;
+var _default = WebformMapper;
+exports.default = _default;

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

@@ -1,26 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Number = _interopRequireDefault(require("../../Form/Number"));
+var _withStates = _interopRequireDefault(require("../withStates"));
+var _excluded = ["entity", "customClasses"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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,
-    customClasses,
-    ...fieldProps
-  } = props;
-  const title = entity.get('#title');
-  const validation = entity.get('#validation');
-  const description = entity.get('#description');
-  const placeholder = entity.get('#placeholder');
-  const key = entity.get('#webform_key');
-  const type = props.type || 'text';
-  const required = entity.get('#required');
-  const min = entity.get('#min');
-  const max = entity.get('#max');
-  const step = entity.get('#step');
-  return /*#__PURE__*/React.createElement("div", {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var WebformNumber = function WebformNumber(props) {
+  var entity = props.entity,
+    customClasses = props.customClasses,
+    fieldProps = _objectWithoutProperties(props, _excluded);
+  var title = entity.get('#title');
+  var validation = entity.get('#validation');
+  var description = entity.get('#description');
+  var placeholder = entity.get('#placeholder');
+  var key = entity.get('#webform_key');
+  var type = props.type || 'text';
+  var required = entity.get('#required');
+  var min = entity.get('#min');
+  var max = entity.get('#max');
+  var step = entity.get('#step');
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "WebformNumber"
-  }, /*#__PURE__*/React.createElement(FormikTextField, _extends({}, fieldProps, {
+  }, /*#__PURE__*/_react.default.createElement(_Number.default, _extends({}, fieldProps, {
     title: title,
     type: type,
     required: required,
@@ -36,4 +44,5 @@ const WebformNumber = props => {
     value: props.values[key]
   })));
 };
-export default withStates(WebformNumber);
+var _default = (0, _withStates.default)(WebformNumber);
+exports.default = _default;

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

@@ -1,42 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _immutable = _interopRequireDefault(require("immutable"));
+var _RadioButtons = _interopRequireDefault(require("../../Form/RadioButtons"));
+var _withStates = _interopRequireDefault(require("../withStates"));
+var _excluded = ["entity", "customClasses", "type", "showOther"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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,
-    customClasses,
-    type,
-    showOther,
-    ...fieldProps
-  } = props;
-  const {
-    t
-  } = useTranslation();
-  const title = entity.get('#title');
-  const required = entity.get('#required');
-  const description = entity.get('#description');
-  const placeholder = entity.get('#placeholder');
-  const requiredError = entity.get('#required_error');
-  const key = entity.get('#webform_key');
-  const otherLabel = entity.get('#other__option_label');
-  const otherPlaceholder = entity.get('#other__placeholder');
-  let options = entity.get('#options', Immutable.Map());
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var WebformRadioButtons = function WebformRadioButtons(props) {
+  var entity = props.entity,
+    customClasses = props.customClasses,
+    type = props.type,
+    showOther = props.showOther,
+    fieldProps = _objectWithoutProperties(props, _excluded);
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var title = entity.get('#title');
+  var required = entity.get('#required');
+  var description = entity.get('#description');
+  var placeholder = entity.get('#placeholder');
+  var requiredError = entity.get('#required_error');
+  var key = entity.get('#webform_key');
+  var otherLabel = entity.get('#other__option_label');
+  var otherPlaceholder = entity.get('#other__placeholder');
+  var options = entity.get('#options', _immutable.default.Map());
   if (showOther) {
     options = options.set('__other__', 'Anders');
   }
   function validation(value) {
-    let error;
+    var error;
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
     return error;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "WebformRadioButtons"
-  }, /*#__PURE__*/React.createElement(RadioButtons, _extends({}, fieldProps, {
+  }, /*#__PURE__*/_react.default.createElement(_RadioButtons.default, _extends({}, fieldProps, {
     title: title,
     required: required,
     description: description,
@@ -51,4 +58,5 @@ const WebformRadioButtons = props => {
     otherPlaceholder: otherPlaceholder
   })));
 };
-export default withStates(WebformRadioButtons);
+var _default = (0, _withStates.default)(WebformRadioButtons);
+exports.default = _default;

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

@@ -1,42 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _immutable = _interopRequireDefault(require("immutable"));
+var _Select = _interopRequireDefault(require("../../Form/Select"));
+var _withStates = _interopRequireDefault(require("../withStates"));
+var _excluded = ["entity", "customClasses", "type", "showOther"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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,
-    customClasses,
-    type,
-    showOther,
-    ...fieldProps
-  } = props;
-  const {
-    t
-  } = useTranslation();
-  const title = entity.get('#title');
-  const required = entity.get('#required');
-  const description = entity.get('#description');
-  const placeholder = entity.get('#placeholder');
-  const requiredError = entity.get('#required_error');
-  const key = entity.get('#webform_key');
-  const otherLabel = entity.get('#other__option_label');
-  const otherPlaceholder = entity.get('#other__placeholder');
-  let options = entity.get('#options', Immutable.Map());
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var WebformSelect = function WebformSelect(props) {
+  var entity = props.entity,
+    customClasses = props.customClasses,
+    type = props.type,
+    showOther = props.showOther,
+    fieldProps = _objectWithoutProperties(props, _excluded);
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var title = entity.get('#title');
+  var required = entity.get('#required');
+  var description = entity.get('#description');
+  var placeholder = entity.get('#placeholder');
+  var requiredError = entity.get('#required_error');
+  var key = entity.get('#webform_key');
+  var otherLabel = entity.get('#other__option_label');
+  var otherPlaceholder = entity.get('#other__placeholder');
+  var options = entity.get('#options', _immutable.default.Map());
   if (showOther) {
     options = options.set('__other__', 'Anders');
   }
   function validation(value) {
-    let error;
+    var error;
     if (required && !value) {
       error = requiredError || t('Dit is een vereist veld.');
     }
     return error;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "WebformSelect"
-  }, /*#__PURE__*/React.createElement(Select, _extends({}, fieldProps, {
+  }, /*#__PURE__*/_react.default.createElement(_Select.default, _extends({}, fieldProps, {
     title: title,
     required: required,
     description: description,
@@ -51,4 +58,5 @@ const WebformSelect = props => {
     otherPlaceholder: otherPlaceholder
   })));
 };
-export default withStates(WebformSelect);
+var _default = (0, _withStates.default)(WebformSelect);
+exports.default = _default;