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

package/dist/components/Form/DatePicker/stories.js

@@ -1,22 +1,31 @@
-import React from 'react';
-import FormikWrapper from '../FormikWrapper';
-import FormikDatePicker from '.';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DatePicker = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FormikWrapper = _interopRequireDefault(require("../FormikWrapper"));
+var _ = _interopRequireDefault(require("."));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
   title: 'Molecules/Form'
 };
-export const DatePicker = () => {
-  return /*#__PURE__*/React.createElement(FormikWrapper, null, /*#__PURE__*/React.createElement(FormikDatePicker, {
+exports.default = _default;
+var DatePicker = function DatePicker() {
+  return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
     title: "Date",
     required: true,
     description: "This is a test input.",
     placeholder: "This is a placeholder",
     fieldName: "date",
-    validation: value => {
-      let error;
+    validation: function validation(value) {
+      var error;
       if (!value) {
         error = 'Dit is een vereist veld.';
       }
       return error;
     }
   }));
-};
+};
+exports.DatePicker = DatePicker;

package/dist/components/Form/DateSelect/index.js

@@ -1,52 +1,82 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import { useFormikContext } from 'formik';
-import { useTranslation } from 'react-i18next';
-import GenericFormElement from '../GenericFormElement';
-import SelectInput from '../Select/Input';
-import './style.scss';
-const DateSelect = props => {
-  const {
-    title,
-    fieldName,
-    yearMin,
-    yearMax,
-    hideYear,
-    fixedYear,
-    required,
-    displayRequiredIndicator,
-    requiredError,
-    notValidError,
-    dayPlaceholder,
-    monthPlaceholder,
-    yearPlaceholder
-  } = props;
-  const {
-    setFieldValue,
-    isSubmitting,
-    values
-  } = useFormikContext();
-  const {
-    t
-  } = useTranslation();
+"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 _formik = require("formik");
+var _reactI18next = require("react-i18next");
+var _GenericFormElement = _interopRequireDefault(require("../GenericFormElement"));
+var _Input = _interopRequireDefault(require("../Select/Input"));
+require("./style.scss");
+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; }
+var DateSelect = function DateSelect(props) {
+  var title = props.title,
+    fieldName = props.fieldName,
+    yearMin = props.yearMin,
+    yearMax = props.yearMax,
+    hideYear = props.hideYear,
+    fixedYear = props.fixedYear,
+    required = props.required,
+    displayRequiredIndicator = props.displayRequiredIndicator,
+    requiredError = props.requiredError,
+    notValidError = props.notValidError,
+    dayPlaceholder = props.dayPlaceholder,
+    monthPlaceholder = props.monthPlaceholder,
+    yearPlaceholder = props.yearPlaceholder;
+  var _useFormikContext = (0, _formik.useFormikContext)(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    isSubmitting = _useFormikContext.isSubmitting,
+    values = _useFormikContext.values;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
 
   // Set all states for the date.
-  const [day, setDay] = useState();
-  const [month, setMonth] = useState();
-  const [year, setYear] = useState();
-  const [showError, setShowError] = useState();
-  const [error, setError] = useState();
-  const [dateNotValid, setDateNotValid] = useState();
+  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 _useState7 = (0, _react.useState)(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showError = _useState8[0],
+    setShowError = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    error = _useState10[0],
+    setError = _useState10[1];
+  var _useState11 = (0, _react.useState)(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    dateNotValid = _useState12[0],
+    setDateNotValid = _useState12[1];
 
   // List all day options
-  const dayOptions = useCallback(placeholder => {
-    const options = [];
+  var dayOptions = (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
@@ -56,9 +86,9 @@ const DateSelect = props => {
   }, []);
 
   // List all month options
-  const monthOptions = useCallback(() => {
-    const months = [t('dateselect.months.jan', 'Januari'), t('dateselect.months.feb', 'Februari'), t('dateselect.months.mar', 'Maart'), t('dateselect.months.apr', 'April'), t('dateselect.months.may', 'Mei'), t('dateselect.months.jun', 'Juni'), t('dateselect.months.jul', 'Juli'), t('dateselect.months.aug', 'Augustus'), t('dateselect.months.sep', 'September'), t('dateselect.months.oct', 'Oktober'), t('dateselect.months.nov', 'November'), t('dateselect.months.dec', 'December')];
-    return months.map((e, i) => {
+  var monthOptions = (0, _react.useCallback)(function () {
+    var months = [t('dateselect.months.jan', 'Januari'), t('dateselect.months.feb', 'Februari'), t('dateselect.months.mar', 'Maart'), t('dateselect.months.apr', 'April'), t('dateselect.months.may', 'Mei'), t('dateselect.months.jun', 'Juni'), t('dateselect.months.jul', 'Juli'), t('dateselect.months.aug', 'Augustus'), t('dateselect.months.sep', 'September'), t('dateselect.months.oct', 'Oktober'), t('dateselect.months.nov', 'November'), t('dateselect.months.dec', 'December')];
+    return months.map(function (e, i) {
       return {
         value: i + 1,
         label: e
@@ -67,9 +97,9 @@ const DateSelect = props => {
   }, []);
 
   // List all options for possible years from the yearMin and yearMax variables.
-  const yearOptions = useCallback(() => {
-    const options = [];
-    for (let index = yearMin; index <= yearMax; index++) {
+  var yearOptions = (0, _react.useCallback)(function () {
+    var options = [];
+    for (var index = yearMin; index <= yearMax; index++) {
       options.push({
         value: index,
         label: index
@@ -79,7 +109,7 @@ const DateSelect = props => {
   }, [yearMin, yearMax]);
 
   // Check if all fields are filled
-  useEffect(() => {
+  (0, _react.useEffect)(function () {
     if (isSubmitting) {
       if (required && !values[fieldName]) {
         !dateNotValid && setError(requiredError);
@@ -89,12 +119,12 @@ const DateSelect = props => {
   }, [isSubmitting]);
 
   // Validation and setting either an error or the FieldValue
-  useEffect(() => {
+  (0, _react.useEffect)(function () {
     hideYear && setYear(fixedYear || new Date().getFullYear());
 
     // All options are filled, start validation
     if (day && month && year) {
-      const date = new Date(`${year}-${month}-${day}`);
+      var date = new Date("".concat(year, "-").concat(month, "-").concat(day));
       if (!(
       // Take note of the exclamation mark
       date.getDate() === day && date.getMonth() + 1 === month && date.getFullYear() === year)) {
@@ -123,34 +153,40 @@ const DateSelect = props => {
     setDateNotValid(false);
     setFieldValue('dateSelect', '');
   }, [day, month, year]);
-  return /*#__PURE__*/React.createElement(GenericFormElement, {
+  return /*#__PURE__*/_react.default.createElement(_GenericFormElement.default, {
     className: "DateSelect",
     title: title,
     required: required,
     displayRequiredIndicator: displayRequiredIndicator,
     error: error,
     touched: showError
-  }, /*#__PURE__*/React.createElement(SelectInput, {
-    id: `${fieldName}day`,
-    fieldName: `${fieldName}day`,
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    id: "".concat(fieldName, "day"),
+    fieldName: "".concat(fieldName, "day"),
     options: dayOptions(),
     value: day,
     placeholder: dayPlaceholder,
-    onChange: day => setDay(day)
-  }), /*#__PURE__*/React.createElement(SelectInput, {
-    id: `${fieldName}month`,
-    fieldName: `${fieldName}month`,
+    onChange: function onChange(day) {
+      return setDay(day);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    id: "".concat(fieldName, "month"),
+    fieldName: "".concat(fieldName, "month"),
     options: monthOptions(),
     value: month,
     placeholder: monthPlaceholder,
-    onChange: month => setMonth(month)
-  }), !hideYear && /*#__PURE__*/React.createElement(SelectInput, {
-    id: `${fieldName}year`,
-    fieldName: `${fieldName}year`,
+    onChange: function onChange(month) {
+      return setMonth(month);
+    }
+  }), !hideYear && /*#__PURE__*/_react.default.createElement(_Input.default, {
+    id: "".concat(fieldName, "year"),
+    fieldName: "".concat(fieldName, "year"),
     options: yearOptions(),
     value: year,
     placeholder: yearPlaceholder,
-    onChange: year => setYear(year)
+    onChange: function onChange(year) {
+      return setYear(year);
+    }
   }));
 };
 DateSelect.defaultProps = {
@@ -165,4 +201,5 @@ DateSelect.defaultProps = {
   monthPlaceholder: 'Maand',
   yearPlaceholder: 'Jaar'
 };
-export default DateSelect;
+var _default = DateSelect;
+exports.default = _default;

package/dist/components/Form/DateSelect/stories.js

@@ -1,22 +1,42 @@
-import React, { useState } from 'react';
-import FormikWrapper from '../FormikWrapper';
-import FormikDateSelect from '.';
-export default {
+"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 = exports.DateSelect = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FormikWrapper = _interopRequireDefault(require("../FormikWrapper"));
+var _ = _interopRequireDefault(require("."));
+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; }
+var _default = {
   title: 'Molecules/Form'
 };
-export const DateSelect = () => {
-  const [date, setDate] = useState('');
-  return /*#__PURE__*/React.createElement(FormikWrapper, {
+exports.default = _default;
+var DateSelect = function DateSelect() {
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
     initialValues: {
       dateSelect: date
     },
     validateOnBlur: true,
     displayRequiredIndicator: "required",
-    onSubmit: (values, form) => {
+    onSubmit: function onSubmit(values, form) {
       form.setSubmitting(false);
       setDate(values.dateSelect);
     }
-  }, /*#__PURE__*/React.createElement(FormikDateSelect, {
+  }, /*#__PURE__*/_react.default.createElement(_.default, {
     title: "Pick a date",
     fieldName: "dateSelect",
     required: true,
@@ -25,9 +45,10 @@ export const DateSelect = () => {
     yearPlaceholder: "Year",
     requiredError: "Please fill all fields.",
     notValidError: "That's not a valid date."
-  }), /*#__PURE__*/React.createElement("p", null, "Selected date: ", date.toString()), /*#__PURE__*/React.createElement("input", {
+  }), /*#__PURE__*/_react.default.createElement("p", null, "Selected date: ", date.toString()), /*#__PURE__*/_react.default.createElement("input", {
     className: "submitButton",
     type: "submit",
     value: "Pick date"
   }));
-};
+};
+exports.DateSelect = DateSelect;

package/dist/components/Form/Email/index.js

@@ -1,9 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TextField = _interopRequireDefault(require("../TextField"));
+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 TextField from '../TextField';
-const Email = props => {
-  return /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
+var Email = function Email(props) {
+  return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, props, {
     type: "email"
   }));
 };
-export default Email;
+var _default = Email;
+exports.default = _default;

package/dist/components/Form/Email/stories.js

@@ -1,22 +1,31 @@
-import React from 'react';
-import FormikWrapper from '../FormikWrapper';
-import FormikEmail from '.';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Email = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FormikWrapper = _interopRequireDefault(require("../FormikWrapper"));
+var _ = _interopRequireDefault(require("."));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
   title: 'Molecules/Form'
 };
-export const Email = () => {
-  return /*#__PURE__*/React.createElement(FormikWrapper, null, /*#__PURE__*/React.createElement(FormikEmail, {
+exports.default = _default;
+var Email = function Email() {
+  return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
     title: "Email address",
     required: true,
     description: "This is a test input.",
     placeholder: "This is a placeholder",
     fieldName: "email",
-    validation: value => {
-      let error;
+    validation: function validation(value) {
+      var error;
       if (!value) {
         error = 'Dit is een vereist veld.';
       }
       return error;
     }
   }));
-};
+};
+exports.Email = Email;

package/dist/components/Form/FormikWrapper/index.js

@@ -1,28 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _formik = require("formik");
+var _excluded = ["initialValues", "onSubmit", "displayRequiredIndicator", "validate", "validateOnChange", "validateOnBlur", "validateOnMount", "onReset"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
 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 { Form, Formik } from 'formik';
-const renderChildrenRecursively = (child, childProps, displayRequiredIndicator) => {
-  const {
-    fieldName,
-    type,
-    htmlType,
-    children
-  } = child.props;
+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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var renderChildrenRecursively = function renderChildrenRecursively(child, childProps, displayRequiredIndicator) {
+  var _child$props = child.props,
+    fieldName = _child$props.fieldName,
+    type = _child$props.type,
+    htmlType = _child$props.htmlType,
+    children = _child$props.children;
   if (type === 'submit' || htmlType === 'submit') {
-    return /*#__PURE__*/React.cloneElement(child, {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
       disabled: childProps.isSubmitting
     }, children);
   }
-  const fieldProps = {
+  var fieldProps = {
     touched: childProps.touched[fieldName],
     error: childProps.errors[fieldName],
     value: childProps.values[fieldName],
     displayRequiredIndicator: displayRequiredIndicator
   };
-  return /*#__PURE__*/React.cloneElement(child, {
-    ...child.props,
-    ...fieldProps
-  }, React.Children.map(children, subchild => {
+  return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({}, child.props), fieldProps), _react.default.Children.map(children, function (subchild) {
     // Happens when we conditionally render elements.
     if (!subchild) {
       return null;
@@ -30,42 +42,34 @@ const renderChildrenRecursively = (child, childProps, displayRequiredIndicator)
 
     // Happens for simple text nodes.
     if (!subchild.props) {
-      return /*#__PURE__*/React.createElement("span", null, subchild);
+      return /*#__PURE__*/_react.default.createElement("span", null, subchild);
     }
-    const {
-      fieldName,
-      children
-    } = subchild.props;
-    const fieldProps = {
+    var _subchild$props = subchild.props,
+      fieldName = _subchild$props.fieldName,
+      children = _subchild$props.children;
+    var fieldProps = {
       touched: childProps.touched[fieldName],
       error: childProps.errors[fieldName],
       value: childProps.values[fieldName],
       displayRequiredIndicator: displayRequiredIndicator
     };
     if (children) {
-      return renderChildrenRecursively(subchild, {
-        ...childProps
-      }, displayRequiredIndicator);
+      return renderChildrenRecursively(subchild, _objectSpread({}, childProps), displayRequiredIndicator);
     }
-    return /*#__PURE__*/React.cloneElement(subchild, {
-      ...childProps,
-      ...fieldProps
-    }, null);
+    return /*#__PURE__*/_react.default.cloneElement(subchild, _objectSpread(_objectSpread({}, childProps), fieldProps), null);
   }));
 };
-const FormikWrapper = props => {
-  const {
-    initialValues,
-    onSubmit,
-    displayRequiredIndicator,
-    validate,
-    validateOnChange,
-    validateOnBlur,
-    validateOnMount,
-    onReset,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/React.createElement(Formik, _extends({
+var FormikWrapper = function FormikWrapper(props) {
+  var initialValues = props.initialValues,
+    onSubmit = props.onSubmit,
+    displayRequiredIndicator = props.displayRequiredIndicator,
+    validate = props.validate,
+    validateOnChange = props.validateOnChange,
+    validateOnBlur = props.validateOnBlur,
+    validateOnMount = props.validateOnMount,
+    onReset = props.onReset,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_formik.Formik, _extends({
     initialValues: initialValues || {},
     onSubmit: onSubmit,
     validate: validate,
@@ -73,8 +77,11 @@ const FormikWrapper = props => {
     validateOnBlur: validateOnBlur,
     validateOnMount: validateOnMount,
     onReset: onReset
-  }, restProps), childProps => /*#__PURE__*/React.createElement(Form, null, React.Children.map(props.children, child => {
-    return renderChildrenRecursively(child, childProps, displayRequiredIndicator);
-  })));
+  }, restProps), function (childProps) {
+    return /*#__PURE__*/_react.default.createElement(_formik.Form, null, _react.default.Children.map(props.children, function (child) {
+      return renderChildrenRecursively(child, childProps, displayRequiredIndicator);
+    }));
+  });
 };
-export default FormikWrapper;
+var _default = FormikWrapper;
+exports.default = _default;

package/dist/components/Form/GenericFormElement/index.js

@@ -1,39 +1,44 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import withMapping from '../../../Context/withMapping';
-import WysiwygField from '../../WysiwygField';
-import './style.scss';
-const GenericFormElement = props => {
-  const {
-    t
-  } = useTranslation();
-  const {
-    className,
-    title,
-    required,
-    description,
-    fieldName,
-    touched,
-    error,
-    children,
-    displayRequiredIndicator
-  } = props;
-  return /*#__PURE__*/React.createElement("div", {
-    className: error ? `FormElement ${className} error` : `FormElement ${className}`
-  }, title && /*#__PURE__*/React.createElement("label", {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _withMapping = _interopRequireDefault(require("../../../Context/withMapping"));
+var _WysiwygField = _interopRequireDefault(require("../../WysiwygField"));
+require("./style.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var GenericFormElement = function GenericFormElement(props) {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var className = props.className,
+    title = props.title,
+    required = props.required,
+    description = props.description,
+    fieldName = props.fieldName,
+    touched = props.touched,
+    error = props.error,
+    children = props.children,
+    displayRequiredIndicator = props.displayRequiredIndicator;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: error ? "FormElement ".concat(className, " error") : "FormElement ".concat(className)
+  }, title && /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: fieldName
-  }, title, !required && displayRequiredIndicator === 'optional' && /*#__PURE__*/React.createElement("span", {
-    className: `FormElement__optional ${className}__optional`
-  }, t(['form.optional', ' - optioneel'])), required && displayRequiredIndicator === 'required' && /*#__PURE__*/React.createElement("span", {
-    className: `FormElement__required ${className}__required`
-  }, t(['form.required', ' - vereist']))), /*#__PURE__*/React.createElement("div", {
-    className: `FormElement__inner ${className}__inner`
-  }, children), description && /*#__PURE__*/React.createElement(WysiwygField, {
+  }, title, !required && displayRequiredIndicator === 'optional' && /*#__PURE__*/_react.default.createElement("span", {
+    className: "FormElement__optional ".concat(className, "__optional")
+  }, t(['form.optional', ' - optioneel'])), required && displayRequiredIndicator === 'required' && /*#__PURE__*/_react.default.createElement("span", {
+    className: "FormElement__required ".concat(className, "__required")
+  }, t(['form.required', ' - vereist']))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "FormElement__inner ".concat(className, "__inner")
+  }, children), description && /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
     property: "schema:text",
     html: description,
-    className: `FormElement__description ${className}__description`
-  }), error && touched ? /*#__PURE__*/React.createElement("div", {
-    className: `FormElement__error ${className}__error`
+    className: "FormElement__description ".concat(className, "__description")
+  }), error && touched ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "FormElement__error ".concat(className, "__error")
   }, error) : null);
 };
-export default withMapping(GenericFormElement);
+var _default = (0, _withMapping.default)(GenericFormElement);
+exports.default = _default;