@uncinc/uncinc-react-kitchen-sink 2.7.9 → 2.7.10

package/dist/components/TitleWithText/index.js

@@ -1,31 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _WysiwygField = _interopRequireDefault(require("../WysiwygField"));
-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 c from 'classnames';
+import WysiwygField from '../WysiwygField';
 var TitleWithText = function TitleWithText(_ref) {
   var title = _ref.title,
     titleProps = _ref.titleProps,
     text = _ref.text,
     textProps = _ref.textProps,
     className = _ref.className;
-  var classes = (0, _classnames.default)('TitleWithText', className);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var classes = c('TitleWithText', className);
+  return /*#__PURE__*/React.createElement("div", {
     className: classes
-  }, title && /*#__PURE__*/_react.default.createElement("h2", _extends({
+  }, title && /*#__PURE__*/React.createElement("h2", _extends({
     className: "TitleWithText__title"
-  }, titleProps), title), text && /*#__PURE__*/_react.default.createElement(_WysiwygField.default, _extends({
+  }, titleProps), title), text && /*#__PURE__*/React.createElement(WysiwygField, _extends({
     className: "TitleWithText__text",
     property: "schema:text"
   }, textProps, {
     html: text
   })));
 };
-var _default = TitleWithText;
-exports.default = _default;
+export default TitleWithText;

package/dist/components/WysiwygField/index.js

@@ -1,24 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactHtmlParser = _interopRequireDefault(require("react-html-parser"));
-var _Button = _interopRequireDefault(require("../Button"));
 var _excluded = ["html", "customElementHandler"];
-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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import ReactHtmlParser from 'react-html-parser';
+import Button from '../Button';
 var WysiwygField = function WysiwygField(_ref) {
   var html = _ref.html,
     _ref$customElementHan = _ref.customElementHandler,
     customElementHandler = _ref$customElementHan === void 0 ? function () {} : _ref$customElementHan,
     props = _objectWithoutProperties(_ref, _excluded);
-  var parsedHtml = (0, _reactHtmlParser.default)(html, {
+  var parsedHtml = ReactHtmlParser(html, {
     transform: function transform(node) {
       var customHandler = customElementHandler(node);
       if (customHandler) {
@@ -29,7 +22,7 @@ var WysiwygField = function WysiwygField(_ref) {
           {
             if (node.attribs.class && node.attribs.class.indexOf('button--primary') !== -1) {
               var label = node.children[0].data;
-              return /*#__PURE__*/_react.default.createElement(_Button.default, {
+              return /*#__PURE__*/React.createElement(Button, {
                 primary: true,
                 withIcon: true,
                 buttonIcon: true,
@@ -48,16 +41,15 @@ var WysiwygField = function WysiwygField(_ref) {
       }
     }
   });
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: "WysiwygField"
   }, props), parsedHtml);
 };
 WysiwygField.propTypes = {
-  html: _propTypes.default.string.isRequired,
-  customElementHandler: _propTypes.default.func
+  html: PropTypes.string.isRequired,
+  customElementHandler: PropTypes.func
 };
 WysiwygField.defaultProps = {
   customElementHandler: function customElementHandler() {}
 };
-var _default = WysiwygField;
-exports.default = _default;
+export default WysiwygField;

package/dist/components/index.js

@@ -1,127 +1,17 @@
-"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
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "FormCheckbox", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox.default;
-  }
-});
-Object.defineProperty(exports, "FormCheckboxes", {
-  enumerable: true,
-  get: function get() {
-    return _Checkboxes.default;
-  }
-});
-Object.defineProperty(exports, "FormDate", {
-  enumerable: true,
-  get: function get() {
-    return _DateField.default;
-  }
-});
-Object.defineProperty(exports, "FormDatePicker", {
-  enumerable: true,
-  get: function get() {
-    return _DatePicker.default;
-  }
-});
-Object.defineProperty(exports, "FormDateSelect", {
-  enumerable: true,
-  get: function get() {
-    return _DateSelect.default;
-  }
-});
-Object.defineProperty(exports, "FormEmail", {
-  enumerable: true,
-  get: function get() {
-    return _Email.default;
-  }
-});
-Object.defineProperty(exports, "FormNumber", {
-  enumerable: true,
-  get: function get() {
-    return _Number.default;
-  }
-});
-Object.defineProperty(exports, "FormRadioButtons", {
-  enumerable: true,
-  get: function get() {
-    return _RadioButtons.default;
-  }
-});
-Object.defineProperty(exports, "FormSearchField", {
-  enumerable: true,
-  get: function get() {
-    return _SearchField.default;
-  }
-});
-Object.defineProperty(exports, "FormSelect", {
-  enumerable: true,
-  get: function get() {
-    return _Select.default;
-  }
-});
-Object.defineProperty(exports, "FormTextField", {
-  enumerable: true,
-  get: function get() {
-    return _TextField.default;
-  }
-});
-Object.defineProperty(exports, "FormTextarea", {
-  enumerable: true,
-  get: function get() {
-    return _Textarea.default;
-  }
-});
-Object.defineProperty(exports, "FormikExtendedContextProvider", {
-  enumerable: true,
-  get: function get() {
-    return _FormikWrapper.FormikExtendedContextProvider;
-  }
-});
-Object.defineProperty(exports, "FormikWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _FormikWrapper.default;
-  }
-});
-Object.defineProperty(exports, "MediaPlayer", {
-  enumerable: true,
-  get: function get() {
-    return _MediaPlayer.default;
-  }
-});
-Object.defineProperty(exports, "WysiwygField", {
-  enumerable: true,
-  get: function get() {
-    return _WysiwygField.default;
-  }
-});
-var _Button = _interopRequireDefault(require("./Button"));
-var _WysiwygField = _interopRequireDefault(require("./WysiwygField"));
-var _MediaPlayer = _interopRequireDefault(require("./MediaPlayer"));
-var _FormikWrapper = _interopRequireWildcard(require("./Form/FormikWrapper"));
-var _Checkbox = _interopRequireDefault(require("./Form/Checkbox"));
-var _Checkboxes = _interopRequireDefault(require("./Form/Checkboxes"));
-var _DateField = _interopRequireDefault(require("./Form/DateField"));
-var _DatePicker = _interopRequireDefault(require("./Form/DatePicker"));
-var _DateSelect = _interopRequireDefault(require("./Form/DateSelect"));
-var _Email = _interopRequireDefault(require("./Form/Email"));
-var _Number = _interopRequireDefault(require("./Form/Number"));
-var _RadioButtons = _interopRequireDefault(require("./Form/RadioButtons"));
-var _SearchField = _interopRequireDefault(require("./Form/SearchField"));
-var _Select = _interopRequireDefault(require("./Form/Select"));
-var _Textarea = _interopRequireDefault(require("./Form/Textarea"));
-var _TextField = _interopRequireDefault(require("./Form/TextField"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export { default as Button } from './Button';
+export { default as WysiwygField } from './WysiwygField';
+export { default as MediaPlayer } from './MediaPlayer';
+export { default as FormikWrapper } from './Form/FormikWrapper';
+export { FormikExtendedContextProvider } from './Form/FormikWrapper';
+export { default as FormCheckbox } from './Form/Checkbox';
+export { default as FormCheckboxes } from './Form/Checkboxes';
+export { default as FormDate } from './Form/DateField';
+export { default as FormDatePicker } from './Form/DatePicker';
+export { default as FormDateSelect } from './Form/DateSelect';
+export { default as FormEmail } from './Form/Email';
+export { default as FormNumber } from './Form/Number';
+export { default as FormRadioButtons } from './Form/RadioButtons';
+export { default as FormSearchField } from './Form/SearchField';
+export { default as FormSelect } from './Form/Select';
+export { default as FormTextarea } from './Form/Textarea';
+export { default as FormTextField } from './Form/TextField';

package/dist/config/constants.js

@@ -1,44 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.__DEBUG__ = exports.VIEW_ACTION_REPLACE = exports.VIEW_ACTION_APPEND = exports.SITE_NAME = exports.SCREEN_WIDE = exports.SCREEN_TABLET = exports.SCREEN_NORMAL = exports.SCREEN_MOBILE = exports.SCREEN_HUGE = exports.MAPBOX_API_TOKEN = exports.IS_SERVER = exports.IS_CLIENT = exports.DEFAULT_LANGUAGE = exports.APP_ENV = exports.API_URL = void 0;
-var APP_ENV = process.env.REACT_APP_ENV;
-exports.APP_ENV = APP_ENV;
-var __DEBUG__ = APP_ENV !== 'production';
-exports.__DEBUG__ = __DEBUG__;
-var DEFAULT_LANGUAGE = 'nl';
-exports.DEFAULT_LANGUAGE = DEFAULT_LANGUAGE;
-var SITE_NAME = 'Unc Inc';
-exports.SITE_NAME = SITE_NAME;
-var MAPBOX_API_TOKEN = 'pk.eyJ1IjoidW5jaW5jYnYiLCJhIjoiY2pxeHhxd2FlMDMyeTQzbWp1a3hleHRscCJ9.QMfmlryTLEyrSyjU7FfBiw';
-exports.MAPBOX_API_TOKEN = MAPBOX_API_TOKEN;
+export var APP_ENV = process.env.REACT_APP_ENV;
+export var __DEBUG__ = APP_ENV !== 'production';
+export var DEFAULT_LANGUAGE = 'nl';
+export var SITE_NAME = 'Unc Inc';
+export var MAPBOX_API_TOKEN = 'pk.eyJ1IjoidW5jaW5jYnYiLCJhIjoiY2pxeHhxd2FlMDMyeTQzbWp1a3hleHRscCJ9.QMfmlryTLEyrSyjU7FfBiw';
 var API_URL = 'https://content.uncinc.nl';
-exports.API_URL = API_URL;
 if (APP_ENV === 'development') {
-  exports.API_URL = API_URL = 'http://uncinc.docker.localhost';
+  API_URL = 'http://uncinc.docker.localhost';
 } else if (APP_ENV === 'staging') {
-  exports.API_URL = API_URL = 'https://staging.uncinc.nl';
+  API_URL = 'https://staging.uncinc.nl';
 }
-var IS_SERVER = !(typeof window !== 'undefined' && window.document && window.document.createElement);
-exports.IS_SERVER = IS_SERVER;
-var IS_CLIENT = !IS_SERVER;
+export var IS_SERVER = !(typeof window !== 'undefined' && window.document && window.document.createElement);
+export var IS_CLIENT = !IS_SERVER;
 
 // The value is where the breakpoint starts (mobile-first).
 // These values are taken from '/src/shared/styles/assets/_variables.scss'.
-exports.IS_CLIENT = IS_CLIENT;
-var SCREEN_MOBILE = 0;
-exports.SCREEN_MOBILE = SCREEN_MOBILE;
-var SCREEN_TABLET = 768;
-exports.SCREEN_TABLET = SCREEN_TABLET;
-var SCREEN_NORMAL = 992;
-exports.SCREEN_NORMAL = SCREEN_NORMAL;
-var SCREEN_WIDE = 1240;
-exports.SCREEN_WIDE = SCREEN_WIDE;
-var SCREEN_HUGE = 2000;
-exports.SCREEN_HUGE = SCREEN_HUGE;
-var VIEW_ACTION_REPLACE = 'replace';
-exports.VIEW_ACTION_REPLACE = VIEW_ACTION_REPLACE;
-var VIEW_ACTION_APPEND = 'append';
-exports.VIEW_ACTION_APPEND = VIEW_ACTION_APPEND;
+export var SCREEN_MOBILE = 0;
+export var SCREEN_TABLET = 768;
+export var SCREEN_NORMAL = 992;
+export var SCREEN_WIDE = 1240;
+export var SCREEN_HUGE = 2000;
+export var VIEW_ACTION_REPLACE = 'replace';
+export var VIEW_ACTION_APPEND = 'append';
+export { API_URL };

package/dist/config/i18next/index.js

@@ -1,24 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _i18next = _interopRequireDefault(require("i18next"));
-var _i18nextBrowserLanguagedetector = _interopRequireDefault(require("i18next-browser-languagedetector"));
-var _reactI18next = require("react-i18next");
-var _nl = _interopRequireDefault(require("./locales/nl.json"));
-var _en = _interopRequireDefault(require("./locales/en.json"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import i18n from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { initReactI18next } from 'react-i18next';
+import NL from './locales/nl.json';
+import EN from './locales/en.json';
 var resources = {
   nl: {
-    translation: _nl.default
+    translation: NL
   },
   en: {
-    translation: _en.default
+    translation: EN
   }
 };
-_i18next.default.use(_i18nextBrowserLanguagedetector.default).use(_reactI18next.initReactI18next).init({
+i18n.use(LanguageDetector).use(initReactI18next).init({
   resources: resources,
   lng: 'nl',
   fallbackLng: 'nl',
@@ -27,5 +20,4 @@ _i18next.default.use(_i18nextBrowserLanguagedetector.default).use(_reactI18next.
     escapeValue: false
   }
 });
-var _default = _i18next.default;
-exports.default = _default;
+export default i18n;

package/dist/custom.d.js

@@ -1 +0,0 @@
-"use strict";

package/dist/helpers/date.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parseDateWithTimezoneOffset = exports.isValidDate = exports.doubleDigits = void 0;
-var parseDateWithTimezoneOffset = function parseDateWithTimezoneOffset(date) {
+export var parseDateWithTimezoneOffset = function parseDateWithTimezoneOffset(date) {
   var offset = date.getTimezoneOffset();
   var dateWithTimezoneOffset = new Date(date.getTime() - offset * 60 * 1000);
   return dateWithTimezoneOffset.toISOString();
 };
-exports.parseDateWithTimezoneOffset = parseDateWithTimezoneOffset;
-var isValidDate = function isValidDate(date) {
+export var isValidDate = function isValidDate(date) {
   return date instanceof Date && !Number.isNaN(date);
 };
 
@@ -21,8 +14,6 @@ var isValidDate = function isValidDate(date) {
  *
  * @returns {number} The double digit number.
  */
-exports.isValidDate = isValidDate;
-var doubleDigits = function doubleDigits(number) {
+export var doubleDigits = function doubleDigits(number) {
   return "0".concat(number).slice(-2);
-};
-exports.doubleDigits = doubleDigits;
+};

package/dist/helpers/gtm.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../config/constants");
+import { IS_CLIENT, __DEBUG__ } from '../config/constants';
 var gtm = {
   // Track wether events are binded already or not.
   hasEventsAttached: false,
@@ -48,7 +42,7 @@ gtm.register = function (fn, callback) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    if (_constants.__DEBUG__) {
+    if (__DEBUG__) {
       console.info("GTM Event: ".concat(fn, "() with args"), args);
     }
     callback.apply(void 0, args);
@@ -82,7 +76,7 @@ gtm.push = function (data) {
  * @return {void}
  */
 gtm.attachEventListeners = function () {
-  if (_constants.IS_CLIENT && !gtm.hasEventsAttached) {
+  if (IS_CLIENT && !gtm.hasEventsAttached) {
     window.addEventListener('GTM-Loaded', function () {
       for (var i = 0, len = gtm.tempDataLayer.length; i < len; i++) {
         window.dataLayer.push(gtm.tempDataLayer[i]);
@@ -123,5 +117,4 @@ gtm.register('loadConsentRequiredTags', function () {
 
 // Initialize GTM.
 gtm.attachEventListeners();
-var _default = gtm;
-exports.default = _default;
+export default gtm;

package/dist/helpers/link.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isExternalLink = isExternalLink;
-exports.normalizeLink = normalizeLink;
-var _reactGlobalConfiguration = _interopRequireDefault(require("react-global-configuration"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function isExternalLink() {
+import config from 'react-global-configuration';
+export function isExternalLink() {
   var uri = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var value = uri.trim().replace(/\/$/, '');
   if (/^(https?|mailto|tel):/g.test(value)) {
@@ -15,8 +7,8 @@ function isExternalLink() {
   }
   return false;
 }
-function normalizeLink(link) {
-  var API_URL = _reactGlobalConfiguration.default.get('API_URL');
+export function normalizeLink(link) {
+  var API_URL = config.get('API_URL');
   if (/^\//g.test(link)) {
     return "".concat(API_URL).concat(link);
   }

package/dist/helpers/useValueForCurrentViewPort.js

@@ -1,25 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useValueForCurrentViewPort;
-var _react = require("react");
-var _ViewportContext = _interopRequireDefault(require("../Context/ViewportContext"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 useValueForCurrentViewPort(val1, val2, val3, val4, val5) {
-  var viewportContext = (0, _react.useContext)(_ViewportContext.default);
-  var _useState = (0, _react.useState)(val1),
+import { useState, useEffect, useContext } from 'react';
+import ViewportContext from '../Context/ViewportContext';
+export default function useValueForCurrentViewPort(val1, val2, val3, val4, val5) {
+  var viewportContext = useContext(ViewportContext);
+  var _useState = useState(val1),
     _useState2 = _slicedToArray(_useState, 2),
     ValueForCurrentViewPort = _useState2[0],
     setValueForCurrentViewPort = _useState2[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     function handleResize() {
       var _window = window,
         width = _window.innerWidth;

package/dist/hooks/useBoolean.js

@@ -1,31 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useBoolean;
-var _react = require("react");
 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 useBoolean() {
+import { useCallback, useState } from 'react';
+export default function useBoolean() {
   var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var _useState = (0, _react.useState)(defaultValue),
+  var _useState = useState(defaultValue),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  var toggle = (0, _react.useCallback)(function () {
+  var toggle = useCallback(function () {
     setValue(function (current) {
       return !current;
     });
   }, [setValue]);
-  var setTrue = (0, _react.useCallback)(function () {
+  var setTrue = useCallback(function () {
     setValue(true);
   }, []);
-  var setFalse = (0, _react.useCallback)(function () {
+  var setFalse = useCallback(function () {
     setValue(false);
   }, []);
   return {

package/dist/hooks/useClickOutside.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useClickOutside;
-var _react = require("react");
-function useClickOutside(_ref) {
+import { useEffect } from 'react';
+export default function useClickOutside(_ref) {
   var refs = _ref.refs,
     _ref$unless = _ref.unless,
     unless = _ref$unless === void 0 ? false : _ref$unless,
     onClick = _ref.onClick;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var refsAsArray = Array.isArray(refs) ? refs : [refs];
     function handleOutsideClick(e) {
       var allRefsHaveCurrent = refsAsArray.every(function (ref) {

package/dist/hooks/useDialog.js

@@ -1,15 +1,5 @@
-"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 = useDialog;
-var _react = _interopRequireDefault(require("react"));
-var _Dialog = _interopRequireDefault(require("../components/Dialog"));
-var _useBoolean2 = _interopRequireDefault(require("./useBoolean"));
 var _excluded = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -17,15 +7,18 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function useDialog() {
-  var _useBoolean = (0, _useBoolean2.default)(),
+import React from 'react';
+import Dialog from '../components/Dialog';
+import useBoolean from './useBoolean';
+export default function useDialog() {
+  var _useBoolean = useBoolean(),
     dialogIsOpen = _useBoolean.value,
     openDialog = _useBoolean.setTrue,
     closeDialog = _useBoolean.setFalse;
   var DialogComponent = function DialogComponent(_ref) {
     var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_react.default.createElement(_Dialog.default, _objectSpread(_objectSpread({}, props), {}, {
+    return /*#__PURE__*/React.createElement(Dialog, _objectSpread(_objectSpread({}, props), {}, {
       isOpen: dialogIsOpen,
       closeFunction: closeDialog
     }), children);

package/dist/hooks/useDialogHelpers.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useDialogHelpers;
-var _react = require("react");
-var _uuid = require("uuid");
-var _useClickOutside = _interopRequireDefault(require("./useClickOutside"));
-var _useEscape = _interopRequireDefault(require("./useEscape"));
-var _useTrapFocus = _interopRequireDefault(require("./useTrapFocus"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { useEffect } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import useClickOutside from './useClickOutside';
+import useEscape from './useEscape';
+import useTrapFocus from './useTrapFocus';
 /**
  * Hook to allow you to implement your own Dialog component.
  * This takes care of focus, and closing the Dialog by
  * click outside it, or hitting Escape.
  */
-function useDialogHelpers(options) {
+export default function useDialogHelpers(options) {
   var _options$id = options.id,
-    id = _options$id === void 0 ? (0, _uuid.v4)() : _options$id,
+    id = _options$id === void 0 ? uuidv4() : _options$id,
     wrapperElement = options.wrapperElement,
     closeFunction = options.closeFunction,
     isOpen = options.isOpen,
@@ -30,7 +23,7 @@ function useDialogHelpers(options) {
     /**
      * Close the Dialog by pressing Escape.
      */
-    (0, _useClickOutside.default)({
+    useClickOutside({
       refs: [wrapperElement],
       onClick: closeFunction
     });
@@ -38,7 +31,7 @@ function useDialogHelpers(options) {
     /**
      * Close the Dialog by pressing Escape.
      */
-    (0, _useEscape.default)({
+    useEscape({
       onPress: closeFunction
     });
   }
@@ -46,7 +39,7 @@ function useDialogHelpers(options) {
   /**
    * Make sure focus does not leave the Dialog while it's open.
    */
-  (0, _useTrapFocus.default)({
+  useTrapFocus({
     ref: wrapperElement,
     isActive: isOpen
   });
@@ -55,7 +48,7 @@ function useDialogHelpers(options) {
    * Sets focus on the popup so that screen readers announce
    * that the user is currently on a dialog.
    */
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (isOpen && wrapperElement.current) {
       wrapperElement.current.setAttribute('tabindex', '-1');
       wrapperElement.current.focus();