@uncinc/uncinc-react-kitchen-sink 2.5.2 → 2.5.4-1-treeshaking

package/dist/components/WysiwygField/index.js

@@ -1,23 +1,16 @@
-"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,
     customElementHandler = _ref.customElementHandler,
     props = _objectWithoutProperties(_ref, _excluded);
-  var parsedHtml = (0, _reactHtmlParser.default)(html, {
+  var parsedHtml = ReactHtmlParser(html, {
     transform: function transform(node) {
       var customHandler = customElementHandler(node);
       if (customHandler) {
@@ -28,7 +21,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,
@@ -47,16 +40,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/WysiwygField/stories.js

@@ -1,34 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Primary = exports.CustomHandlers = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _AbbreviationAnnotation = _interopRequireDefault(require("../AbbreviationAnnotation"));
-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 = {
+import React from 'react';
+import WysiwygField from '.';
+import AbbreviationAnnotation from '../AbbreviationAnnotation';
+export default {
   title: 'Atoms/WysiwygField'
 };
-exports.default = _default;
 var html = '<p>This is <em>some</em> example <a href=\'https://www.uncinc.nl\'>HTML</a>.</p>';
-var Primary = function Primary() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Primary = function Primary() {
+  return /*#__PURE__*/React.createElement(WysiwygField, {
     html: html
   });
 };
-exports.Primary = Primary;
 var htmlCustomHandler = "\n  <p>Lorem ipsum dolor sit amet, <abbr title=\"Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi.\">consectetur adipiscing</abbr> elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget.</p>\n  <p>Donec feugiat, nunc vitae euismod posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare.</p>\n  <p>Nam venenatis est eget lorem laoreet, id tempor urna hendrerit. Quisque suscipit in magna nec condimentum. Duis id tempor nisi. Sed rutrum urna elit, vitae placerat enim volutpat nec. Vivamus volutpat, magna sit amet commodo ultricies, enim turpis pretium libero, quis molestie nibh augue a ex. Nulla vestibulum vestibulum tellus, vel molestie libero vehicula nec. Sed maximus tortor vel ipsum cursus egestas. Proin suscipit tortor id luctus bibendum.</p>\n";
-var CustomHandlers = function CustomHandlers() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var CustomHandlers = function CustomHandlers() {
+  return /*#__PURE__*/React.createElement(WysiwygField, {
     html: htmlCustomHandler,
     customElementHandler: function customElementHandler(element) {
       switch (element.name) {
         case 'abbr':
           {
-            return /*#__PURE__*/_react.default.createElement(_AbbreviationAnnotation.default, _extends({
+            return /*#__PURE__*/React.createElement(AbbreviationAnnotation, _extends({
               title: element.attribs.title
             }, element.attribs), element.children[0].data);
           }
@@ -39,5 +30,4 @@ var CustomHandlers = function CustomHandlers() {
       }
     }
   });
-};
-exports.CustomHandlers = CustomHandlers;
+};

package/dist/components/index.js

@@ -1,111 +1,15 @@
-"use strict";
-
-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 _Date.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, "FormikWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _FormikWrapper.default;
-  }
-});
-Object.defineProperty(exports, "WysiwygField", {
-  enumerable: true,
-  get: function get() {
-    return _WysiwygField.default;
-  }
-});
-var _Button = _interopRequireDefault(require("./Button"));
-var _WysiwygField = _interopRequireDefault(require("./WysiwygField"));
-var _FormikWrapper = _interopRequireDefault(require("./Form/FormikWrapper"));
-var _Checkbox = _interopRequireDefault(require("./Form/Checkbox"));
-var _Checkboxes = _interopRequireDefault(require("./Form/Checkboxes"));
-var _Date = _interopRequireDefault(require("./Form/Date"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export { default as Button } from './Button';
+export { default as WysiwygField } from './WysiwygField';
+export { default as FormikWrapper } from './Form/FormikWrapper';
+export { default as FormCheckbox } from './Form/Checkbox';
+export { default as FormCheckboxes } from './Form/Checkboxes';
+export { default as FormDate } from './Form/Date';
+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/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 {int} 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,17 +1,11 @@
-"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;
   var refsAsArray = Array.isArray(refs) ? refs : [refs];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     function handleOutsideClick(e) {
       var allRefsHaveCurrent = refsAsArray.every(function (ref) {
         return !!ref.current;

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.d.ts

@@ -4,6 +4,7 @@ export interface UseDialogHelpersOptions<T extends HTMLElement> {
     wrapperElement: MutableRefObject<T>;
     closeFunction: () => void;
     isOpen: boolean;
+    disableClosers: boolean;
 }
 /**
  * Hook to allow you to implement your own Dialog component.