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

package/dist/components/SearchKit/stories.js

@@ -26,8 +26,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _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); }
 var _default = {
-  title: 'Molecules/SearchKit'
+  title: 'Molecules/SearchKit',
+  component: _.default
 };
 exports.default = _default;
 var query = "\n  query contentResultSet($query: String, $filters: [SKFiltersSet], $page: SKPageInput, $sortBy: String) {\n    content {\n      results(query: $query, filters: $filters) {\n        summary {\n          total\n          sortOptions {\n            id\n            label\n          }\n          appliedFilters {\n            id\n            identifier\n            display\n            label\n            ... on DateRangeSelectedFilter {\n              dateMin\n              dateMax\n            }\n\n            ... on NumericRangeSelectedFilter {\n              min\n              max\n            }\n\n            ... on ValueSelectedFilter {\n              value\n            }\n          }\n          query\n        }\n        hits(page: $page, sortBy: $sortBy) {\n          sortedBy\n          page {\n            total\n            totalPages\n            pageNumber\n            from\n            size\n          }\n          items {\n            id\n            ... on ContentResultHit {\n              fields {\n                nid\n                title\n                type\n                summary\n                milestone_summary\n                url\n                author_name\n                created\n                image_style_uri\n                field_article_type_name\n                field_download_type_name\n                field_elearning_type_name\n                field_event_type_name\n                field_intervention_type_name\n                field_research_type_name\n                field_practicalexample_type_name\n                field_tool_type_name\n                field_publication_date\n                field_domain_access\n                field_milestone_label\n                combined_types\n              }\n            }\n          }\n        }\n        facets {\n          identifier\n          type\n          label\n          display\n          entries {\n            label\n            count\n          }\n        }\n      }\n    }\n  }\n";
@@ -39,11 +41,11 @@ var SearchHeader = function SearchHeader(_ref2) {
   var data = _ref2.data;
   return /*#__PURE__*/_react.default.createElement("h2", null, data.results.summary.total, " Resultaten");
 };
-var Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query
-  }, function (data, loading) {
+  }, args), function (data, loading) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading
@@ -96,12 +98,12 @@ var ListFacet = function ListFacet(_ref3) {
   })));
 };
 ListFacet.DISPLAY = 'ListFacet';
-var CustomFacets = function CustomFacets() {
+var CustomFacets = function CustomFacets(args) {
   var customFacets = [ListFacet];
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query
-  }, function (data, loading) {
+  }, args), function (data, loading) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading,
@@ -124,7 +126,7 @@ var CustomFacets = function CustomFacets() {
   });
 };
 exports.CustomFacets = CustomFacets;
-var Test = function Test() {
+var Test = function Test(args) {
   var _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     q = _useState2[0],
@@ -134,7 +136,7 @@ var Test = function Test() {
       return setQ(e.target.value);
     },
     value: q
-  }), /*#__PURE__*/_react.default.createElement(_.default, {
+  }), /*#__PURE__*/_react.default.createElement(_.default, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query,
     useRouting: false,
@@ -143,7 +145,7 @@ var Test = function Test() {
       value: 'article'
     }],
     searchQuery: q
-  }, function (data, loading) {
+  }, args), function (data, loading) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
       data: data === null || data === void 0 ? void 0 : data.content,
       renderItem: SearchItem,
@@ -171,15 +173,15 @@ var Test = function Test() {
   }));
 };
 exports.Test = Test;
-var LoadMore = function LoadMore() {
+var LoadMore = function LoadMore(args) {
   var api = (0, _client.useSearchkit)();
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query
     // useRouting={false}
     ,
     pageSize: 5
-  }, function (data, loading) {
+  }, args), function (data, loading) {
     var toggleFilter = function toggleFilter() {
       api.toggleFilter({
         identifier: 'type',

package/dist/helpers/date.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseDateWithTimezoneOffset = exports.isValidDate = void 0;
+exports.parseDateWithTimezoneOffset = exports.isValidDate = exports.doubleDigits = void 0;
 var parseDateWithTimezoneOffset = function parseDateWithTimezoneOffset(date) {
   var offset = date.getTimezoneOffset();
   var dateWithTimezoneOffset = new Date(date.getTime() - offset * 60 * 1000);
@@ -13,4 +13,16 @@ exports.parseDateWithTimezoneOffset = parseDateWithTimezoneOffset;
 var isValidDate = function isValidDate(date) {
   return date instanceof Date && !Number.isNaN(date);
 };
-exports.isValidDate = isValidDate;
+
+/**
+ * Make a time string double digit. So make 9 in to 09.
+ *
+ * @param {int} number - The number.
+ *
+ * @returns {int} The double digit number.
+ */
+exports.isValidDate = isValidDate;
+var doubleDigits = function doubleDigits(number) {
+  return "0".concat(number).slice(-2);
+};
+exports.doubleDigits = doubleDigits;

package/dist/styles/assets/_base.scss

@@ -1,6 +1,3 @@
-@import 'assets/variables';
-@import 'assets/mixins';
-
 *, *:before, *:after {
   box-sizing: border-box;
 }

package/dist/styles/assets/_fonts.scss

@@ -5,8 +5,8 @@
 // -----------------------------------------------------------------------------
 @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-extrabold-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-extrabold-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-extrabold-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-extrabold-webfont.woff') format('woff');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
@@ -14,8 +14,8 @@
 
   @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff') format('woff');
     font-weight: 900;
     font-style: italic;
     font-display: swap;
@@ -23,8 +23,8 @@
 
   @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-semibold-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-semibold-webfont.woff') format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
@@ -32,8 +32,8 @@
 
   @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff') format('woff');
     font-weight: 700;
     font-style: italic;
     font-display: swap;
@@ -41,8 +41,8 @@
 
   @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-medium-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-medium-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-medium-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-medium-webfont.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
@@ -50,8 +50,8 @@
 
   @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff') format('woff');
     font-weight: 500;
     font-style: italic;
     font-display: swap;
@@ -59,8 +59,8 @@
 
   @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-regular-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-regular-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-regular-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-regular-webfont.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
@@ -68,9 +68,9 @@
 
   @font-face {
     font-family: 'Gilroy';
-    src: url('../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff2') format('woff2'),
-         url('../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff') format('woff');
+    src: url('../../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff') format('woff');
     font-weight: 300;
     font-style: italic;
     font-display: swap;
-  }
+  }

package/dist/styles/assets/_icons.scss

@@ -16,14 +16,14 @@ $icon-names: (
   youtube,
   marker,
   information,
-  checkbox,
+  checkmark,
   radio
 );
 
 // The base of an icon.
 @mixin icon {
   // The path here is defined starting from '/src/'.
-  background-image: url('../assets/icons/icongrid.svg?v=1.1');
+  background-image: url('../../assets/icons/icongrid.svg?v=1.1');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: #{length($icon-names)}em #{$rows}em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",

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

@@ -1,25 +0,0 @@
-"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.default.createElement("div", {
-    className: classes
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    type: "submit"
-  }, entity.get('#submit__label')));
-};
-var _default = WebformActions;
-exports.default = _default;

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

@@ -1,51 +0,0 @@
-"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); }
-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) {
-    var error;
-    if (required && !value) {
-      error = requiredError || t('Dit is een vereist veld.');
-    }
-    return error;
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "WebformCheckbox"
-  }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({}, fieldProps, {
-    title: title,
-    required: required,
-    description: description,
-    placeholder: placeholder,
-    fieldName: key,
-    validation: validation,
-    touched: props.touched[key],
-    error: props.errors[key],
-    value: props.values[key]
-  })));
-};
-var _default = (0, _withStates.default)(WebformCheckbox);
-exports.default = _default;

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

@@ -1,62 +0,0 @@
-"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); }
-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) {
-    var error;
-    if (required && !value) {
-      error = requiredError || t('Dit is een vereist veld.');
-    }
-    return error;
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "WebformCheckboxes"
-  }, /*#__PURE__*/_react.default.createElement(_Checkboxes.default, _extends({}, fieldProps, {
-    title: title,
-    required: required,
-    description: description,
-    placeholder: placeholder,
-    fieldName: key,
-    validation: validation,
-    touched: props.touched[key],
-    error: props.errors[key],
-    value: props.values[key],
-    options: options.toJS(),
-    otherLabel: otherLabel,
-    otherPlaceholder: otherPlaceholder
-  })));
-};
-var _default = (0, _withStates.default)(WebformCheckboxes);
-exports.default = _default;

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

@@ -1,30 +0,0 @@
-"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); }
-var WebformContainer = function WebformContainer(props) {
-  var entity = props.entity,
-    WebformMapper = props.WebformMapper;
-
-  // Remove all non-element children.
-  var children = entity;
-  children.keySeq().forEach(function (k) {
-    if (k.indexOf('#') === 0) {
-      children = children.delete(k);
-    }
-  });
-
-  // Recursively render children.
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "WebformContainer"
-  }, /*#__PURE__*/_react.default.createElement(WebformMapper, _extends({}, props, {
-    entities: children
-  })));
-};
-var _default = WebformContainer;
-exports.default = _default;

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

@@ -1,159 +0,0 @@
-"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.
-  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.
-  var renderDayOptions = (0, _react.useCallback)(function (placeholder) {
-    var options = [];
-    if (placeholder) {
-      options.push({
-        value: placeholder,
-        label: placeholder
-      });
-    }
-    for (var index = 1; index <= 31; index++) {
-      options.push({
-        value: index,
-        label: index
-      });
-    }
-    return options;
-  }, []);
-
-  // Render all options possible for months.
-  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
-      };
-    });
-  }, []);
-
-  // Render all options for possible years from
-  // the DateMin and DateMax variables.
-  var renderYearOptions = (0, _react.useCallback)(function () {
-    var options = [];
-    for (var index = dateMin; index <= dateMax; index++) {
-      options.push({
-        value: index,
-        label: index
-      });
-    }
-    return options;
-  }, [dateMax, dateMin]);
-  (0, _react.useEffect)(function () {
-    // If one of these is not set return.
-    if (!day || !month || !year) {
-      errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
-      return;
-    }
-    if (day === placeholderDay || month === placeholderMonth || year === placeholderYear) {
-      errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
-      return;
-    }
-
-    // Transform state items to date object.
-    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 (!(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];
-  }
-  if (!day || !month || !year) {
-    errors[key] = requiredError || 'Dit is een vereist veld.';
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "WebformDate",
-    onClick: function onClick() {
-      touched[key] = true;
-    }
-  }, title && /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: key
-  }, title, !required && '(optioneel)'), /*#__PURE__*/_react.default.createElement("div", {
-    className: "WebformDate__inner"
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    fieldName: "day",
-    options: renderDayOptions(),
-    value: day,
-    placeholder: placeholderDay,
-    onChange: function onChange(e) {
-      setDay(e);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    fieldName: "month",
-    options: renderMonthOptions(),
-    value: month,
-    placeholder: placeholderMonth,
-    onChange: function onChange(e) {
-      setMonth(e);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    fieldName: "year",
-    options: renderYearOptions(),
-    value: year,
-    placeholder: placeholderYear,
-    onChange: function onChange(e) {
-      setYear(e);
-    }
-  })), errors[key] && touched[key] ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "WebformDate_error WebformComponent--error"
-  }, errors[key]) : null);
-};
-var _default = WebformDate;
-exports.default = _default;