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

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

@@ -25,36 +25,36 @@ const Teaser = ({
 }) => /*#__PURE__*/React.createElement("div", {
   className: "Teaser",
   style: {
-    margin: "10px",
-    display: "flex",
-    flexDirection: "column",
-    flex: "1 1 auto"
+    margin: '10px',
+    display: 'flex',
+    flexDirection: 'column',
+    flex: '1 1 auto'
   }
 }, /*#__PURE__*/React.createElement("img", {
   src: image,
   alt: imageAlt,
   style: {
     width: '100%',
-    maxWidth: "100%"
+    maxWidth: '100%'
   }
 }), /*#__PURE__*/React.createElement("div", {
   className: "Teaser__content"
 }, /*#__PURE__*/React.createElement("div", {
-  class: "Teaser__content__title"
+  className: "Teaser__content__title"
 }, title), /*#__PURE__*/React.createElement("div", {
-  class: "Teaser__content__body"
+  className: "Teaser__content__body"
 }, content), /*#__PURE__*/React.createElement("div", {
-  class: "Teaser__content__read_more"
+  className: "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 = "#";
+  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, {
     key: i,
     image: image[Math.round(Math.random(image.length))],

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

@@ -1,6 +1,6 @@
 import React, { useState, useCallback, useEffect } from 'react';
-import moment from 'moment';
 import SelectInput from '../../Form/Select/Input';
+import { isValidDate, parseDateWithTimezoneOffset } from '../../../helpers/date';
 const WebformDate = ({
   entity,
   setFieldValue,
@@ -76,13 +76,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'));
+    const birthdate = parseDateWithTimezoneOffset(new Date(`${year}-${month}-${day}`));
+    const 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 (!isValidDate(new Date(values[key])) || day === placeholderDay || month === placeholderMonth || year === placeholderYear) {
     errors[key] = requiredError || 'Dit is geen geldige geboortedatum.';
   } else {
     delete errors[key];

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

@@ -13,7 +13,7 @@ const WebformNumber = props => {
   const description = entity.get('#description');
   const placeholder = entity.get('#placeholder');
   const key = entity.get('#webform_key');
-  const type = props.type || "text";
+  const type = props.type || 'text';
   const required = entity.get('#required');
   const min = entity.get('#min');
   const max = entity.get('#max');

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

@@ -18,7 +18,7 @@ const WebformTextField = props => {
   const placeholder = entity.get('#placeholder');
   const requiredError = entity.get('#required_error');
   const key = entity.get('#webform_key');
-  const type = props.type || "text";
+  const type = props.type || 'text';
   const validation = props.validation || (value => {
     let error;
     if (required && !value) {

package/dist/components/Webform/stories.actions.js

@@ -1,26 +1,26 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Mapper'
 };
 const entities = Immutable.fromJS({
-  "actions": {
-    "#type": "webform_actions",
-    "#title": "Submit button(s)",
-    "#submit__label": "Verstuur",
-    "#webform": "test",
-    "#webform_id": "test--actions",
-    "#webform_key": "actions",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["actions"],
-    "#admin_title": "Submit button(s)",
-    "#webform_plugin_id": "webform_actions"
+  'actions': {
+    '#type': 'webform_actions',
+    '#title': 'Submit button(s)',
+    '#submit__label': 'Verstuur',
+    '#webform': 'test',
+    '#webform_id': 'test--actions',
+    '#webform_key': 'actions',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['actions'],
+    '#admin_title': 'Submit button(s)',
+    '#webform_plugin_id': 'webform_actions'
   }
 });
 export const Actions = () => /*#__PURE__*/React.createElement(Webform, {

package/dist/components/Webform/stories.checkboxes.js

@@ -1,32 +1,32 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Mapper'
 };
 const entities = Immutable.fromJS({
-  "field_3": {
-    "#type": "checkboxes",
-    "#title": "Pick your poison",
-    '#description': "Please select your poison.",
-    "#options": {
-      "beer": "Beer",
-      "wine": "Wine",
-      "rum": "Rum",
-      "whisky": "Whisk(e)y"
+  'field_3': {
+    '#type': 'checkboxes',
+    '#title': 'Pick your poison',
+    '#description': 'Please select your poison.',
+    '#options': {
+      'beer': 'Beer',
+      'wine': 'Wine',
+      'rum': 'Rum',
+      'whisky': 'Whisk(e)y'
     },
-    "#webform": "test_conditionals",
-    "#webform_id": "test_conditionals--field_3",
-    "#webform_key": "field_3",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["field_3"],
-    "#admin_title": "Pick your poison",
-    "#webform_plugin_id": "radios"
+    '#webform': 'test_conditionals',
+    '#webform_id': 'test_conditionals--field_3',
+    '#webform_key': 'field_3',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['field_3'],
+    '#admin_title': 'Pick your poison',
+    '#webform_plugin_id': 'radios'
   }
 });
 export const Checkboxes = () => /*#__PURE__*/React.createElement(Webform, {

package/dist/components/Webform/stories.checked.js

@@ -1,48 +1,48 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Conditionals'
 };
 const entities = Immutable.fromJS({
-  "field_1": {
-    "#type": "checkbox",
-    "#title": "field 1",
-    "#webform": "test_conditionals",
-    "#webform_id": "test_conditionals--field_1",
-    "#webform_key": "field_1",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["field_1"],
-    "#admin_title": "field 1",
-    "#webform_plugin_id": "textfield"
+  'field_1': {
+    '#type': 'checkbox',
+    '#title': 'field 1',
+    '#webform': 'test_conditionals',
+    '#webform_id': 'test_conditionals--field_1',
+    '#webform_key': 'field_1',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['field_1'],
+    '#admin_title': 'field 1',
+    '#webform_plugin_id': 'textfield'
   },
-  "field_2": {
-    "#type": "textfield",
-    "#title": "field 2",
-    "#states": {
-      "visible": {
-        ":input[name=\u0022field_1\u0022]": {
-          "checked": true
+  'field_2': {
+    '#type': 'textfield',
+    '#title': 'field 2',
+    '#states': {
+      'visible': {
+        ':input[name=\u0022field_1\u0022]': {
+          'checked': true
         }
       }
     },
-    "#webform": "test_conditionals",
-    "#webform_id": "test_conditionals--field_2",
-    "#webform_key": "field_2",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["field_2"],
-    "#admin_title": "field 2",
-    "#webform_plugin_id": "textfield"
+    '#webform': 'test_conditionals',
+    '#webform_id': 'test_conditionals--field_2',
+    '#webform_key': 'field_2',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['field_2'],
+    '#admin_title': 'field 2',
+    '#webform_plugin_id': 'textfield'
   }
 });
 export const Checked = () => /*#__PURE__*/React.createElement(Webform, {

package/dist/components/Webform/stories.container.js

@@ -1,39 +1,39 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Mapper'
 };
 const entities = Immutable.fromJS({
-  "container": {
-    "#type": "container",
-    "textfield": {
-      "#type": "textfield",
-      "#title": "Textfield",
-      "#webform": "test",
-      "#webform_id": "test--textfield",
-      "#webform_key": "textfield",
-      "#webform_parent_key": "container",
-      "#webform_parent_flexbox": false,
-      "#webform_depth": 1,
-      "#webform_children": [],
-      "#webform_multiple": false,
-      "#webform_composite": false,
-      "#admin_title": "Textfield",
-      "#webform_plugin_id": "textfield"
+  'container': {
+    '#type': 'container',
+    'textfield': {
+      '#type': 'textfield',
+      '#title': 'Textfield',
+      '#webform': 'test',
+      '#webform_id': 'test--textfield',
+      '#webform_key': 'textfield',
+      '#webform_parent_key': 'container',
+      '#webform_parent_flexbox': false,
+      '#webform_depth': 1,
+      '#webform_children': [],
+      '#webform_multiple': false,
+      '#webform_composite': false,
+      '#admin_title': 'Textfield',
+      '#webform_plugin_id': 'textfield'
     },
-    "#webform": "test",
-    "#webform_id": "test--container",
-    "#webform_key": "container",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#title": null,
-    "#admin_title": null,
-    "#webform_plugin_id": "container"
+    '#webform': 'test',
+    '#webform_id': 'test--container',
+    '#webform_key': 'container',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#title': null,
+    '#admin_title': null,
+    '#webform_plugin_id': 'container'
   }
 });
 export const Container = () => /*#__PURE__*/React.createElement(Webform, {

package/dist/components/Webform/stories.date.js

@@ -1,26 +1,26 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Mapper'
 };
 const entities = Immutable.fromJS({
-  "field_3": {
-    "#type": "date",
-    "#title": "What is your birth date?",
-    '#description': "Please select your birth date.",
-    "#webform": "test_conditionals",
-    "#webform_id": "test_conditionals--field_3",
-    "#webform_key": "field_3",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["field_3"],
-    "#admin_title": "What is your birth date?",
-    "#webform_plugin_id": "date"
+  'field_3': {
+    '#type': 'date',
+    '#title': 'What is your birth date?',
+    '#description': 'Please select your birth date.',
+    '#webform': 'test_conditionals',
+    '#webform_id': 'test_conditionals--field_3',
+    '#webform_key': 'field_3',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['field_3'],
+    '#admin_title': 'What is your birth date?',
+    '#webform_plugin_id': 'date'
   }
 });
 export const Date = () => /*#__PURE__*/React.createElement(Webform, {

package/dist/components/Webform/stories.filled.js

@@ -1,48 +1,48 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Conditionals'
 };
 const entities = Immutable.fromJS({
-  "field_1": {
-    "#type": "textfield",
-    "#title": "field 1",
-    "#webform": "test_conditionals",
-    "#webform_id": "test_conditionals--field_1",
-    "#webform_key": "field_1",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["field_1"],
-    "#admin_title": "field 1",
-    "#webform_plugin_id": "textfield"
+  'field_1': {
+    '#type': 'textfield',
+    '#title': 'field 1',
+    '#webform': 'test_conditionals',
+    '#webform_id': 'test_conditionals--field_1',
+    '#webform_key': 'field_1',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['field_1'],
+    '#admin_title': 'field 1',
+    '#webform_plugin_id': 'textfield'
   },
-  "field_2": {
-    "#type": "textfield",
-    "#title": "field 2",
-    "#states": {
-      "visible": {
-        ":input[name=\u0022field_1\u0022]": {
-          "filled": true
+  'field_2': {
+    '#type': 'textfield',
+    '#title': 'field 2',
+    '#states': {
+      'visible': {
+        ':input[name=\u0022field_1\u0022]': {
+          'filled': true
         }
       }
     },
-    "#webform": "test_conditionals",
-    "#webform_id": "test_conditionals--field_2",
-    "#webform_key": "field_2",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["field_2"],
-    "#admin_title": "field 2",
-    "#webform_plugin_id": "textfield"
+    '#webform': 'test_conditionals',
+    '#webform_id': 'test_conditionals--field_2',
+    '#webform_key': 'field_2',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['field_2'],
+    '#admin_title': 'field 2',
+    '#webform_plugin_id': 'textfield'
   }
 });
 export const Filled = () => /*#__PURE__*/React.createElement(Webform, {

package/dist/components/Webform/stories.number.js

@@ -1,27 +1,27 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Mapper'
 };
 const entities = Immutable.fromJS({
-  "number": {
-    "#type": "number",
-    "#title": "Number",
-    "#min": 1,
-    "#max": 100,
-    "#step": 1,
-    "#webform": "test",
-    "#webform_id": "test--number",
-    "#webform_key": "number",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#admin_title": "Number",
-    "#webform_plugin_id": "number"
+  'number': {
+    '#type': 'number',
+    '#title': 'Number',
+    '#min': 1,
+    '#max': 100,
+    '#step': 1,
+    '#webform': 'test',
+    '#webform_id': 'test--number',
+    '#webform_key': 'number',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#admin_title': 'Number',
+    '#webform_plugin_id': 'number'
   }
 });
 export const Number = () => /*#__PURE__*/React.createElement(Webform, {

package/dist/components/Webform/stories.radiobuttons.js

@@ -1,32 +1,32 @@
 import React from 'react';
 import Immutable from 'immutable';
-import Webform from './';
+import Webform from '.';
 export default {
   title: 'Organisms/Webform/Mapper'
 };
 const entities = Immutable.fromJS({
-  "field_3": {
-    "#type": "radios",
-    "#title": "Pick your poison",
-    '#description': "Please select your poison.",
-    "#options": {
-      "beer": "Beer",
-      "wine": "Wine",
-      "rum": "Rum",
-      "whisky": "Whisk(e)y"
+  'field_3': {
+    '#type': 'radios',
+    '#title': 'Pick your poison',
+    '#description': 'Please select your poison.',
+    '#options': {
+      'beer': 'Beer',
+      'wine': 'Wine',
+      'rum': 'Rum',
+      'whisky': 'Whisk(e)y'
     },
-    "#webform": "test_conditionals",
-    "#webform_id": "test_conditionals--field_3",
-    "#webform_key": "field_3",
-    "#webform_parent_key": "",
-    "#webform_parent_flexbox": false,
-    "#webform_depth": 0,
-    "#webform_children": [],
-    "#webform_multiple": false,
-    "#webform_composite": false,
-    "#webform_parents": ["field_3"],
-    "#admin_title": "Pick your poison",
-    "#webform_plugin_id": "radios"
+    '#webform': 'test_conditionals',
+    '#webform_id': 'test_conditionals--field_3',
+    '#webform_key': 'field_3',
+    '#webform_parent_key': '',
+    '#webform_parent_flexbox': false,
+    '#webform_depth': 0,
+    '#webform_children': [],
+    '#webform_multiple': false,
+    '#webform_composite': false,
+    '#webform_parents': ['field_3'],
+    '#admin_title': 'Pick your poison',
+    '#webform_plugin_id': 'radios'
   }
 });
 export const RadioButtons = () => /*#__PURE__*/React.createElement(Webform, {