@uncinc/uncinc-react-kitchen-sink 2.5.3 → 2.5.4-2-custom-searchkit-routing

package/dist/components/Button/index.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Button = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _gtm = _interopRequireDefault(require("../../helpers/gtm"));
-var _link = require("../../helpers/link");
-var _withMapping = _interopRequireDefault(require("../../Context/withMapping"));
-require("./style.scss");
 var _excluded = ["href", "dispatch", "className", "children", "primary", "inverted", "language", "enableLoader", "loading", "htmlType"];
-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 Button = function Button(_ref) {
+import React from 'react';
+import { Link } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import gtm from '../../helpers/gtm';
+import { isExternalLink } from '../../helpers/link';
+import withMapping from '../../Context/withMapping';
+import './style.scss';
+export var Button = function Button(_ref) {
   var href = _ref.href,
     dispatch = _ref.dispatch,
     className = _ref.className,
@@ -29,7 +22,7 @@ var Button = function Button(_ref) {
     loading = _ref.loading,
     htmlType = _ref.htmlType,
     props = _objectWithoutProperties(_ref, _excluded);
-  var classes = (0, _classnames.default)('Button', className, {
+  var classes = classNames('Button', className, {
     'Button--primary': primary,
     'Button--inverted': inverted,
     'is-loading': loading
@@ -40,7 +33,7 @@ var Button = function Button(_ref) {
     // Using element.innerText gives us purely the text of the element which is
     // perfect for the tracking event. We don't want a string containing HTML.
     var text = event.target ? event.target.innerText : 'Unknown';
-    _gtm.default.trackUserEvent('button', 'click', text, href);
+    gtm.trackUserEvent('button', 'click', text, href);
     if (props.onClick) {
       props.onClick(event);
     }
@@ -49,7 +42,7 @@ var Button = function Button(_ref) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/button-has-type
-      _react.default.createElement("button", _extends({
+      React.createElement("button", _extends({
         type: htmlType,
         className: classes,
         href: href
@@ -58,21 +51,20 @@ var Button = function Button(_ref) {
       }), children)
     );
   }
-  return (0, _link.isExternalLink)(href) ? /*#__PURE__*/_react.default.createElement("a", _extends({
+  return isExternalLink(href) ? /*#__PURE__*/React.createElement("a", _extends({
     className: classes,
     href: href,
     target: "_blank",
     rel: "noreferrer noopener"
   }, props, {
     onClick: onClick
-  }), children) : /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, _extends({
+  }), children) : /*#__PURE__*/React.createElement(Link, _extends({
     to: href,
     className: classes
   }, props, {
     onClick: onClick
   }), children);
 };
-exports.Button = Button;
 Button.defaultProps = {
   primary: true,
   inverted: false,
@@ -82,12 +74,11 @@ Button.defaultProps = {
   htmlType: 'button'
 };
 Button.propTypes = {
-  href: _propTypes.default.string,
-  primary: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  inverted: _propTypes.default.bool,
-  enableLoader: _propTypes.default.bool,
-  htmlType: _propTypes.default.oneOf(['button', 'submit', 'reset'])
+  href: PropTypes.string,
+  primary: PropTypes.bool,
+  disabled: PropTypes.bool,
+  inverted: PropTypes.bool,
+  enableLoader: PropTypes.bool,
+  htmlType: PropTypes.oneOf(['button', 'submit', 'reset'])
 };
-var _default = (0, _withMapping.default)(Button);
-exports.default = _default;
+export default withMapping(Button);

package/dist/components/Button/stories.js

@@ -1,33 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithIcon = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-require("./stories.scss");
-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 _default = {
-  component: _.Button,
+import React from 'react';
+import { Button } from '.';
+import './stories.scss';
+export default {
+  component: Button,
   title: 'Atoms/Button'
 };
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Button, args);
+export var Default = function Default(args) {
+  return /*#__PURE__*/React.createElement(Button, args);
 };
-exports.Default = Default;
-var WithIcon = function WithIcon(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Button, args, args.children, /*#__PURE__*/_react.default.createElement("div", {
+export var WithIcon = function WithIcon(args) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, args, args.children, /*#__PURE__*/React.createElement("div", {
     className: "icon icon-arrow icon-variant-1"
-  })), /*#__PURE__*/_react.default.createElement(_.Button, _extends({
+  })), /*#__PURE__*/React.createElement(Button, _extends({
     className: "icon-before icon-arrow icon-variant-1"
-  }, args)), /*#__PURE__*/_react.default.createElement(_.Button, _extends({
+  }, args)), /*#__PURE__*/React.createElement(Button, _extends({
     className: "icon-after icon-arrow icon-variant-1"
   }, args)));
 };
-exports.WithIcon = WithIcon;
 var defaultArgs = {
   children: 'Test',
   primary: true

package/dist/components/Cookie/Checkbox/index.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./style.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import './style.scss';
 var CheckboxAndRadio = function CheckboxAndRadio(_ref) {
   var name = _ref.name,
     id = _ref.id,
@@ -16,9 +9,9 @@ var CheckboxAndRadio = function CheckboxAndRadio(_ref) {
     onChange = _ref.onChange,
     disabled = _ref.disabled,
     type = _ref.type;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "Checkbox"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     type: type || 'checkbox',
     className: "Checkbox__input",
     name: name,
@@ -27,10 +20,9 @@ var CheckboxAndRadio = function CheckboxAndRadio(_ref) {
     checked: checked,
     onChange: onChange,
     disabled: disabled
-  }), /*#__PURE__*/_react.default.createElement("label", {
+  }), /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: "icon-before icon-checkmark"
   }, label));
 };
-var _default = CheckboxAndRadio;
-exports.default = _default;
+export default CheckboxAndRadio;

package/dist/components/Cookie/index.js

@@ -1,21 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactUseCookie = _interopRequireDefault(require("react-use-cookie"));
-var _jsCookie = _interopRequireDefault(require("js-cookie"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Container = _interopRequireDefault(require("../Layout/Container"));
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-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 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; }
@@ -28,6 +10,15 @@ 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; }
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import useCookie from 'react-use-cookie';
+import Cookies from 'js-cookie';
+import classNames from 'classnames';
+import Button from '../Button';
+import Container from '../Layout/Container';
+import Checkbox from './Checkbox';
+import './style.scss';
 var CookieCompliancePopup = function CookieCompliancePopup(props) {
   var className = props.className,
     children = props.children,
@@ -45,14 +36,14 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
     manualButtonClassname = props.manualButtonClassname;
 
   // This is an internal state to check whether we should show the options.
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     manualChoiceVisible = _useState2[0],
     setManualChoiceVisible = _useState2[1];
 
   // This is an extra hidden variable to internally check if we should show the notification.
   // This also allows us to add an animation when the user accepts.
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     hiddenInternal = _useState4[0],
     setHiddenInternal = _useState4[1];
@@ -61,13 +52,13 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
   // 0: Declined (Not yet used).
   // 1: Not yet agreed/disagreed (Not yet used).
   // 2: Accepted.
-  var _useCookie = (0, _reactUseCookie.default)('cookie-agreed', null),
+  var _useCookie = useCookie('cookie-agreed', null),
     _useCookie2 = _slicedToArray(_useCookie, 2),
     didConsent = _useCookie2[0],
     setDidConsent = _useCookie2[1];
 
   // Cookie stating whether we should render the notification.
-  var _useState5 = (0, _react.useState)(didConsent !== null),
+  var _useState5 = useState(didConsent !== null),
     _useState6 = _slicedToArray(_useState5, 2),
     hidden = _useState6[0],
     setHidden = _useState6[1];
@@ -81,11 +72,11 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
   }, {});
 
   // Default choices for select, this way we can locally manage the state of the form.
-  var _useState7 = (0, _react.useState)(defaultState),
+  var _useState7 = useState(defaultState),
     _useState8 = _slicedToArray(_useState7, 2),
     choicesSelected = _useState8[0],
     setChoicesSelected = _useState8[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (hidden) {
       setHiddenInternal(true);
     }
@@ -96,7 +87,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
 
   // Check if didConsent has been changed.
   // If so, set the hidden cookie for page reloads.
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (didConsent !== null) {
       setHidden(true);
     }
@@ -127,7 +118,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
     // I used js-cookie for this insead of react-use-cookie because the encoding is not what we want
     // for arrays in react-use-cookie. This shouldn't be an issue, as we don't want to keep track of
     // CookieAgreedCategories, as we have that in state already.
-    _jsCookie.default.set('cookie-agreed-categories', JSON.stringify(selectedChoices), {
+    Cookies.set('cookie-agreed-categories', JSON.stringify(selectedChoices), {
       expires: 365,
       domain: cookieDomain
     });
@@ -142,7 +133,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
     categories.forEach(function (category) {
       value[category] = true;
     }, {});
-    _jsCookie.default.set('cookie-consent', JSON.stringify(value), {
+    Cookies.set('cookie-consent', JSON.stringify(value), {
       expires: 365,
       domain: cookieDomain
     });
@@ -150,7 +141,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
   };
   var _onDisagree = function _onDisagree() {
     setDidConsent('0', cookieOptions);
-    _jsCookie.default.set('cookie-agreed-categories', JSON.stringify([]), {
+    Cookies.set('cookie-agreed-categories', JSON.stringify([]), {
       expires: 365,
       domain: cookieDomain
     });
@@ -160,7 +151,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
       utc: timestamp,
       region: 'nl'
     };
-    _jsCookie.default.set('cookie-consent', JSON.stringify(value), {
+    Cookies.set('cookie-consent', JSON.stringify(value), {
       expires: 365,
       domain: cookieDomain
     });
@@ -195,7 +186,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
       checked = _event$target.checked;
     setChoicesSelected(_objectSpread(_objectSpread({}, choicesSelected), {}, _defineProperty({}, value, checked)));
   };
-  var classes = (0, _classnames.default)('Cookie', className, {
+  var classes = classNames('Cookie', className, {
     'Cookie--hidden': didConsent !== null
   });
 
@@ -208,12 +199,12 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
   // allowing us to add more checkboxes eventually.
   var renderChoices = function renderChoices() {
     return cookieLevels.map(function (choice) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "Cookie__category col-xs-12 col-lg-6",
         key: choice.value
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "Checkbox"
-      }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+      }, /*#__PURE__*/React.createElement(Checkbox, {
         name: "cookie-categories",
         type: "checkbox",
         id: "cookie-category-".concat(choice.value),
@@ -222,51 +213,50 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
         value: choice.value,
         checked: choicesSelected[choice.value],
         disabled: choice.disabled
-      })), /*#__PURE__*/_react.default.createElement("div", {
+      })), /*#__PURE__*/React.createElement("div", {
         className: "Cookie__category__description"
       }, choice.description));
     });
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes
-  }, /*#__PURE__*/_react.default.createElement(_Container.default, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement("div", {
     className: "Cookie__content ".concat(manualChoiceVisible ? 'Cookie__content--full-height' : '')
-  }, !manualChoiceVisible ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  }, !manualChoiceVisible ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "row"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 Cookie__content__message"
-  }, children), /*#__PURE__*/_react.default.createElement("div", {
+  }, children), /*#__PURE__*/React.createElement("div", {
     className: "col-12 Cookie__content__buttons"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/React.createElement(Button, {
     id: "complete-agree",
     className: "Button--cta",
     primary: true,
     onClick: onConsentAll
-  }, agreeText), showDisagree && /*#__PURE__*/_react.default.createElement("button", {
+  }, agreeText), showDisagree && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "Cookie__content__buttons__manual Cookie__content__buttons__manual-disagree ".concat(manualButtonClassname),
     onClick: onConsent(false)
-  }, disagreeText), /*#__PURE__*/_react.default.createElement("button", {
+  }, disagreeText), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "Cookie__content__buttons__manual Cookie__content__buttons__manual-agree ".concat(manualButtonClassname),
     onClick: function onClick(e) {
       displayConsentChoices(e);
     }
-  }, manualText)))) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  }, manualText)))) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "Cookie__content__message"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "Cookie__checkboxes-container row"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "col-12"
-  }, manualHeader), renderChoices())), /*#__PURE__*/_react.default.createElement("div", {
+  }, manualHeader), renderChoices())), /*#__PURE__*/React.createElement("div", {
     className: "Cookie__content__buttons"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/React.createElement(Button, {
     className: "Button--cta",
     onClick: onConsent(true)
   }, agreeText))))));
 };
-var _default = CookieCompliancePopup;
-exports.default = _default;
+export default CookieCompliancePopup;
 CookieCompliancePopup.defaultProps = {
   agreeText: 'Accepteren',
   disagreeText: 'Alles weigeren',
@@ -310,29 +300,29 @@ CookieCompliancePopup.defaultProps = {
   }
 };
 CookieCompliancePopup.propTypes = {
-  agreeText: _propTypes.default.string,
-  disagreeText: _propTypes.default.string,
-  manualText: _propTypes.default.string,
-  manualHeader: _propTypes.default.func,
-  manualButtonClassname: _propTypes.default.string,
-  onAgree: _propTypes.default.func,
-  onDisagree: _propTypes.default.func,
-  showDisagree: _propTypes.default.bool,
-  cookieLevels: _propTypes.default.arrayOf(_propTypes.default.shape({
-    value: _propTypes.default.string,
-    label: _propTypes.default.string,
-    description: _propTypes.default.string,
-    disabled: _propTypes.default.bool
+  agreeText: PropTypes.string,
+  disagreeText: PropTypes.string,
+  manualText: PropTypes.string,
+  manualHeader: PropTypes.func,
+  manualButtonClassname: PropTypes.string,
+  onAgree: PropTypes.func,
+  onDisagree: PropTypes.func,
+  showDisagree: PropTypes.bool,
+  cookieLevels: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string,
+    description: PropTypes.string,
+    disabled: PropTypes.bool
   })),
-  cookieOptions: _propTypes.default.shape({
-    days: _propTypes.default.number,
-    path: _propTypes.default.string
+  cookieOptions: PropTypes.shape({
+    days: PropTypes.number,
+    path: PropTypes.string
   }),
-  cookieDomain: _propTypes.default.string,
-  defaultValues: _propTypes.default.shape({
-    necessary: _propTypes.default.bool,
-    voorkeuren: _propTypes.default.bool,
-    statistieken: _propTypes.default.bool,
-    marketing: _propTypes.default.bool
+  cookieDomain: PropTypes.string,
+  defaultValues: PropTypes.shape({
+    necessary: PropTypes.bool,
+    voorkeuren: PropTypes.bool,
+    statistieken: PropTypes.bool,
+    marketing: PropTypes.bool
   })
 };

package/dist/components/Cookie/stories.js

@@ -1,17 +1,3 @@
-"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.Default = exports.Advanced = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactUseCookie5 = _interopRequireDefault(require("react-use-cookie"));
-var _ = _interopRequireDefault(require("."));
-require("./stories.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 _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 _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."); }
@@ -19,23 +5,26 @@ 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; }
-var _default = {
+import React, { useEffect } from 'react';
+import reactUseCookie from 'react-use-cookie';
+import Cookie from '.';
+import './stories.scss';
+export default {
   title: 'Organisms/Cookie',
-  component: _.default
+  component: Cookie
 };
-exports.default = _default;
-var Default = function Default(args) {
-  var _reactUseCookie = (0, _reactUseCookie5.default)('cookie-agreed', null),
+export var Default = function Default(args) {
+  var _reactUseCookie = reactUseCookie('cookie-agreed', null),
     _reactUseCookie2 = _slicedToArray(_reactUseCookie, 2),
     didConsent = _reactUseCookie2[0],
     setDidConsent = _reactUseCookie2[1];
 
   // Reset the cookie so we can keep testing the component.
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setDidConsent('');
   }, [setDidConsent]);
-  if (didConsent) return /*#__PURE__*/_react.default.createElement("p", null, "Loading...");
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  if (didConsent) return /*#__PURE__*/React.createElement("p", null, "Loading...");
+  return /*#__PURE__*/React.createElement(Cookie, _extends({
     agreeText: "Accepteren",
     manualText: "Zelf instellen",
     onAgree: function onAgree(choices) {
@@ -44,21 +33,20 @@ var Default = function Default(args) {
     onDisagree: function onDisagree() {
       return console.log('User did NOT agree');
     }
-  }, args), /*#__PURE__*/_react.default.createElement("h1", null, "Wij gebruiken cookies"), /*#__PURE__*/_react.default.createElement("p", null, "Aliquam accumsan sem lacus, ut laoreet urna aliquam quis. Ut ut imperdiet tortor, sed vestibulum felis. Etiam a eleifend leo, eu interdum nulla. Etiam id elit ex. Etiam condimentum facilisis venenatis. Curabitur accumsan ut dui vel laoreet. Donec dapibus convallis diam, at sodales nulla laoreet ac. Nunc maximus, orci ac tristique dapibus, dolor felis semper lorem, eu dapibus turpis enim quis urna."));
+  }, args), /*#__PURE__*/React.createElement("h1", null, "Wij gebruiken cookies"), /*#__PURE__*/React.createElement("p", null, "Aliquam accumsan sem lacus, ut laoreet urna aliquam quis. Ut ut imperdiet tortor, sed vestibulum felis. Etiam a eleifend leo, eu interdum nulla. Etiam id elit ex. Etiam condimentum facilisis venenatis. Curabitur accumsan ut dui vel laoreet. Donec dapibus convallis diam, at sodales nulla laoreet ac. Nunc maximus, orci ac tristique dapibus, dolor felis semper lorem, eu dapibus turpis enim quis urna."));
 };
-exports.Default = Default;
-var Advanced = function Advanced(args) {
-  var _reactUseCookie3 = (0, _reactUseCookie5.default)('cookie-agreed', null),
+export var Advanced = function Advanced(args) {
+  var _reactUseCookie3 = reactUseCookie('cookie-agreed', null),
     _reactUseCookie4 = _slicedToArray(_reactUseCookie3, 2),
     didConsent = _reactUseCookie4[0],
     setDidConsent = _reactUseCookie4[1];
 
   // Reset the cookie so we can keep testing the component.
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setDidConsent('');
   }, [setDidConsent]);
-  if (didConsent) return /*#__PURE__*/_react.default.createElement("p", null, "Loading...");
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  if (didConsent) return /*#__PURE__*/React.createElement("p", null, "Loading...");
+  return /*#__PURE__*/React.createElement(Cookie, _extends({
     agreeText: "Accepteren",
     manualText: "Zelf instellen",
     showDisagree: true,
@@ -85,7 +73,6 @@ var Advanced = function Advanced(args) {
       voorkeuren: true,
       statistieken: true
     },
-    manualHeader: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Manual choice"), /*#__PURE__*/_react.default.createElement("p", null, "You have a choice."))
-  }, args), /*#__PURE__*/_react.default.createElement("h1", null, "Wij gebruiken cookies"), /*#__PURE__*/_react.default.createElement("p", null, "Aliquam accumsan sem lacus, ut laoreet urna aliquam quis. Ut ut imperdiet tortor, sed vestibulum felis. Etiam a eleifend leo, eu interdum nulla. Etiam id elit ex. Etiam condimentum facilisis venenatis. Curabitur accumsan ut dui vel laoreet. Donec dapibus convallis diam, at sodales nulla laoreet ac. Nunc maximus, orci ac tristique dapibus, dolor felis semper lorem, eu dapibus turpis enim quis urna."));
-};
-exports.Advanced = Advanced;
+    manualHeader: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "Manual choice"), /*#__PURE__*/React.createElement("p", null, "You have a choice."))
+  }, args), /*#__PURE__*/React.createElement("h1", null, "Wij gebruiken cookies"), /*#__PURE__*/React.createElement("p", null, "Aliquam accumsan sem lacus, ut laoreet urna aliquam quis. Ut ut imperdiet tortor, sed vestibulum felis. Etiam a eleifend leo, eu interdum nulla. Etiam id elit ex. Etiam condimentum facilisis venenatis. Curabitur accumsan ut dui vel laoreet. Donec dapibus convallis diam, at sodales nulla laoreet ac. Nunc maximus, orci ac tristique dapibus, dolor felis semper lorem, eu dapibus turpis enim quis urna."));
+};

package/dist/components/Dialog/DialogHelpersStory/index.js

@@ -1,43 +1,31 @@
-"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.DialogHelpersStory = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _useBoolean2 = _interopRequireDefault(require("../../../hooks/useBoolean"));
-var _useDialogHelpers2 = _interopRequireDefault(require("../../../hooks/useDialogHelpers"));
-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 _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 DialogHelpersStory = function DialogHelpersStory(args) {
-  var _useBoolean = (0, _useBoolean2.default)(),
+import React, { useRef } from 'react';
+import useBoolean from '../../../hooks/useBoolean';
+import useDialogHelpers from '../../../hooks/useDialogHelpers';
+export var DialogHelpersStory = function DialogHelpersStory(args) {
+  var _useBoolean = useBoolean(),
     dialogIsOpen = _useBoolean.value,
     openDialog = _useBoolean.setTrue,
     closeDialog = _useBoolean.setFalse;
-  var wrapper = (0, _react.useRef)(null);
-  var _useDialogHelpers = (0, _useDialogHelpers2.default)({
+  var wrapper = useRef(null);
+  var _useDialogHelpers = useDialogHelpers({
       wrapperElement: wrapper,
       closeFunction: closeDialog,
       isOpen: dialogIsOpen
     }),
     dialogHelpersProps = _useDialogHelpers.dialogHelpersProps;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: openDialog
-  }, "Click me to open another Dialog"), dialogIsOpen && /*#__PURE__*/_react.default.createElement("div", _extends({}, dialogHelpersProps, {
+  }, "Click me to open another Dialog"), dialogIsOpen && /*#__PURE__*/React.createElement("div", _extends({}, dialogHelpersProps, {
     className: "Dialog"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "Dialog__wrapper",
     ref: wrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "Dialog__inner"
-  }, /*#__PURE__*/_react.default.createElement("p", null, "I've been implemented using the ", /*#__PURE__*/_react.default.createElement("code", null, "useDialogHelpers"), " hook.", /*#__PURE__*/_react.default.createElement("br", null), "This hook consists of three hooks:", /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "useClickOutside"), " - close the Dialog by clicking outside of it"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "useEscape"), " - press escape to close"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "useTrapFocus"), " - bring and keep focus within the Dialog"))))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", null, "I've been implemented using the ", /*#__PURE__*/React.createElement("code", null, "useDialogHelpers"), " hook.", /*#__PURE__*/React.createElement("br", null), "This hook consists of three hooks:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "useClickOutside"), " - close the Dialog by clicking outside of it"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "useEscape"), " - press escape to close"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "useTrapFocus"), " - bring and keep focus within the Dialog"))))), /*#__PURE__*/React.createElement("div", {
     className: "Dialog__backdrop"
   })));
 };
-exports.DialogHelpersStory = DialogHelpersStory;
-var _default = DialogHelpersStory;
-exports.default = _default;
+export default DialogHelpersStory;