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

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

@@ -1,9 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Two = exports.Three = exports.One = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = _interopRequireDefault(require("."));
+var _Button = _interopRequireDefault(require("../../Button"));
+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 SliderRelated from '.';
-import Button from '../../Button';
-const d = {
-  component: SliderRelated,
+var d = {
+  component: _.default,
   title: 'Organisms/SliderRelated',
   parameters: {
     info: {
@@ -11,63 +18,74 @@ const d = {
     }
   }
 };
-export default d;
-const defaultProps = {
+var _default = d;
+exports.default = _default;
+var defaultProps = {
   autoplay: false
 };
-const Teaser = ({
-  title,
-  image,
-  imageAlt,
-  content,
-  buttonText,
-  buttonLink
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "Teaser",
-  style: {
-    margin: "10px",
-    display: "flex",
-    flexDirection: "column",
-    flex: "1 1 auto"
-  }
-}, /*#__PURE__*/React.createElement("img", {
-  src: image,
-  alt: imageAlt,
-  style: {
-    width: '100%',
-    maxWidth: "100%"
-  }
-}), /*#__PURE__*/React.createElement("div", {
-  className: "Teaser__content"
-}, /*#__PURE__*/React.createElement("div", {
-  class: "Teaser__content__title"
-}, title), /*#__PURE__*/React.createElement("div", {
-  class: "Teaser__content__body"
-}, content), /*#__PURE__*/React.createElement("div", {
-  class: "Teaser__content__read_more"
-}, buttonText && buttonLink && /*#__PURE__*/React.createElement(Button, {
-  primary: false,
-  href: buttonLink
-}, buttonText))));
-const children = Array.from(Array(6).keys()).map(i => {
-  const image = ["https://dummyimage.com/600x400/000/fff", "https://dummyimage.com/600x400/f00/fff", "https://dummyimage.com/600x400/ddd/fff"];
-  const title = "Title";
-  const content = ["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et lacinia justo, in vehicula sem.", "Lorem ipsum dolor sit amet, adipiscing elit. Donec et lacinia justo, in vehicula sem.", "Lorem ipsum dolor sit amet, consectetur adipiscing. Donec et lacinia justo, in vehicula sem.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit."];
-  const buttonText = "Read more";
-  const buttonLink = "#";
-  return /*#__PURE__*/React.createElement(Teaser, {
+var Teaser = function Teaser(_ref) {
+  var title = _ref.title,
+    image = _ref.image,
+    imageAlt = _ref.imageAlt,
+    content = _ref.content,
+    buttonText = _ref.buttonText,
+    buttonLink = _ref.buttonLink;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "Teaser",
+    style: {
+      margin: '10px',
+      display: 'flex',
+      flexDirection: 'column',
+      flex: '1 1 auto'
+    }
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: image,
+    alt: imageAlt,
+    style: {
+      width: '100%',
+      maxWidth: '100%'
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "Teaser__content"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "Teaser__content__title"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "Teaser__content__body"
+  }, content), /*#__PURE__*/_react.default.createElement("div", {
+    className: "Teaser__content__read_more"
+  }, buttonText && buttonLink && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    primary: false,
+    href: buttonLink
+  }, buttonText))));
+};
+var children = Array.from(Array(6).keys()).map(function (i) {
+  var image = ['https://dummyimage.com/600x400/000/fff', 'https://dummyimage.com/600x400/f00/fff', 'https://dummyimage.com/600x400/ddd/fff'];
+  var title = 'Title';
+  var content = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'];
+  var buttonText = 'Read more';
+  var buttonLink = '#';
+  return /*#__PURE__*/_react.default.createElement(Teaser, {
     key: i,
     image: image[Math.round(Math.random(image.length))],
-    title: /*#__PURE__*/React.createElement("h2", null, title),
-    content: /*#__PURE__*/React.createElement("p", null, content[Math.round(Math.random(content.length))]),
+    title: /*#__PURE__*/_react.default.createElement("h2", null, title),
+    content: /*#__PURE__*/_react.default.createElement("p", null, content[Math.round(Math.random(content.length))]),
     buttonText: buttonText,
     buttonLink: buttonLink
   });
 });
-export const One = () => /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
-  slidesToShow: 1
-}), children);
-export const Two = () => /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
-  slidesToShow: 2
-}), children);
-export const Three = () => /*#__PURE__*/React.createElement(SliderRelated, defaultProps, children);
+var One = function One() {
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
+    slidesToShow: 1
+  }), children);
+};
+exports.One = One;
+var Two = function Two() {
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
+    slidesToShow: 2
+  }), children);
+};
+exports.Two = Two;
+var Three = function Three() {
+  return /*#__PURE__*/_react.default.createElement(_.default, defaultProps, children);
+};
+exports.Three = Three;

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

@@ -1,19 +1,25 @@
-import React from 'react';
-import c from 'classnames';
-import Button from '../../Button';
-const WebformActions = props => {
-  const {
-    entity,
-    pages,
-    currentPage
-  } = props;
-  const classes = c('WebformComponent__submit', {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Button = _interopRequireDefault(require("../../Button"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var WebformActions = function WebformActions(props) {
+  var entity = props.entity,
+    pages = props.pages,
+    currentPage = props.currentPage;
+  var classes = (0, _classnames.default)('WebformComponent__submit', {
     hidden: pages && currentPage !== pages.last()
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     type: "submit"
   }, entity.get('#submit__label')));
 };
-export default WebformActions;
+var _default = WebformActions;
+exports.default = _default;

package/dist/components/Webform/WebformCheckbox/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 _Checkbox = _interopRequireDefault(require("../../Form/Checkbox"));
+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 Checkbox from '../../Form/Checkbox';
-import withStates from '../withStates';
-const WebformCheckbox = 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 WebformCheckbox = function WebformCheckbox(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: "WebformCheckbox"
-  }, /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
+  }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({}, fieldProps, {
     title: title,
     required: required,
     description: description,
@@ -40,4 +47,5 @@ const WebformCheckbox = props => {
     value: props.values[key]
   })));
 };
-export default withStates(WebformCheckbox);
+var _default = (0, _withStates.default)(WebformCheckbox);
+exports.default = _default;

package/dist/components/Webform/WebformCheckboxes/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 _Checkboxes = _interopRequireDefault(require("../../Form/Checkboxes"));
+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 Checkboxes from '../../Form/Checkboxes';
-import withStates from '../withStates';
-const WebformCheckboxes = 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 WebformCheckboxes = function WebformCheckboxes(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: "WebformCheckboxes"
-  }, /*#__PURE__*/React.createElement(Checkboxes, _extends({}, fieldProps, {
+  }, /*#__PURE__*/_react.default.createElement(_Checkboxes.default, _extends({}, fieldProps, {
     title: title,
     required: required,
     description: description,
@@ -51,4 +58,5 @@ const WebformCheckboxes = props => {
     otherPlaceholder: otherPlaceholder
   })));
 };
-export default withStates(WebformCheckboxes);
+var _default = (0, _withStates.default)(WebformCheckboxes);
+exports.default = _default;

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

@@ -1,24 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+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';
-const WebformContainer = props => {
-  const {
-    entity,
-    WebformMapper
-  } = props;
+var WebformContainer = function WebformContainer(props) {
+  var entity = props.entity,
+    WebformMapper = props.WebformMapper;
 
   // Remove all non-element children.
-  let children = entity;
-  children.keySeq().forEach(k => {
+  var children = entity;
+  children.keySeq().forEach(function (k) {
     if (k.indexOf('#') === 0) {
       children = children.delete(k);
     }
   });
 
   // Recursively render children.
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "WebformContainer"
-  }, /*#__PURE__*/React.createElement(WebformMapper, _extends({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(WebformMapper, _extends({}, props, {
     entities: children
   })));
 };
-export default WebformContainer;
+var _default = WebformContainer;
+exports.default = _default;

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

@@ -1,38 +1,65 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import moment from 'moment';
-import SelectInput from '../../Form/Select/Input';
-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,13 +103,14 @@ const WebformDate = ({
     }
 
     // Transform state items to date object.
-    const birthdate = moment(`${year}-${month}-${day}`, 'YYYY-MM-DD');
-    setFieldValue(key, birthdate.format('YYYY-MM-DD'));
+    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 (moment(values[key])._isValid === false || 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];
@@ -90,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;