@uncinc/uncinc-react-kitchen-sink 2.3.6 → 2.4.1

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;

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

@@ -1,34 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _TextField = _interopRequireDefault(require("../../Form/TextField"));
+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 { useTranslation } from 'react-i18next';
-import FormikTextField from '../../Form/TextField';
-import withStates from '../withStates';
-const WebformTextField = props => {
-  const {
-    entity,
-    customClasses,
-    ...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 type = props.type || "text";
-  const validation = props.validation || (value => {
-    let error;
+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 WebformTextField = function WebformTextField(props) {
+  var entity = props.entity,
+    customClasses = props.customClasses,
+    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 type = props.type || 'text';
+  var validation = props.validation || function (value) {
+    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: "WebformTextField"
-  }, /*#__PURE__*/React.createElement(FormikTextField, _extends({}, fieldProps, {
+  }, /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, fieldProps, {
     title: title,
     type: type,
     required: required,
@@ -41,4 +48,5 @@ const WebformTextField = props => {
     value: props.values[key]
   })));
 };
-export default withStates(WebformTextField);
+var _default = (0, _withStates.default)(WebformTextField);
+exports.default = _default;

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

@@ -1,34 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _Textarea = _interopRequireDefault(require("../../Form/Textarea"));
+var _withStates = _interopRequireDefault(require("../withStates"));
+var _excluded = ["entity", "customClasses", "type"];
+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 FormikTextarea from '../../Form/Textarea';
-import withStates from '../withStates';
-const WebformTextarea = props => {
-  const {
-    entity,
-    customClasses,
-    type,
-    ...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');
+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 WebformTextarea = function WebformTextarea(props) {
+  var entity = props.entity,
+    customClasses = props.customClasses,
+    type = props.type,
+    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');
   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: "WebformTextarea"
-  }, /*#__PURE__*/React.createElement(FormikTextarea, _extends({}, fieldProps, {
+  }, /*#__PURE__*/_react.default.createElement(_Textarea.default, _extends({}, fieldProps, {
     title: title,
     required: required,
     description: description,
@@ -40,4 +47,5 @@ const WebformTextarea = props => {
     value: props.values[key]
   })));
 };
-export default withStates(WebformTextarea);
+var _default = (0, _withStates.default)(WebformTextarea);
+exports.default = _default;