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

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 STATUS_DECLINED = '0';
 var STATUS_NOT_YET_ANSWERED = '1';
 var STATUS_ACCEPTED = '2';
@@ -47,13 +38,13 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
     manualHeader = props.manualHeader,
     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 internal state to check whether the user has answered in the current session.
   // It is either null (because we don't know if it was already in the cookies) or true
-  var _useState3 = (0, _react.useState)(null),
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     answeredInCurrentSession = _useState4[0],
     setAnsweredInCurrentSession = _useState4[1];
@@ -63,7 +54,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
   // STATUS DECLINED (0 as cookie value)
   // STATUS NOT YET ANSWERED (1 as cookie value)
   // STATUS ACCEPTED (2 as cookie value)
-  var _useCookie = (0, _reactUseCookie.default)('cookie-agreed', null),
+  var _useCookie = useCookie('cookie-agreed', null),
     _useCookie2 = _slicedToArray(_useCookie, 2),
     didConsent = _useCookie2[0],
     setDidConsent = _useCookie2[1];
@@ -77,11 +68,11 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
   }, {});
 
   // Default choices for select, this way we can locally manage the state of the form.
-  var _useState5 = (0, _react.useState)(defaultState),
+  var _useState5 = useState(defaultState),
     _useState6 = _slicedToArray(_useState5, 2),
     choicesSelected = _useState6[0],
     setChoicesSelected = _useState6[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     // We now know the value of the cookie. If there is no cookie set,
     // immediately set the didConsent state to STATUS_NOT_YET_ANSWERED.
     if (didConsent === null) {
@@ -118,7 +109,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
     });
@@ -133,7 +124,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
     });
@@ -142,7 +133,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
   var _onDisagree = function _onDisagree() {
     setDidConsent(STATUS_DECLINED, cookieOptions);
     setAnsweredInCurrentSession(true);
-    _jsCookie.default.set('cookie-agreed-categories', JSON.stringify([]), {
+    Cookies.set('cookie-agreed-categories', JSON.stringify([]), {
       expires: 365,
       domain: cookieDomain
     });
@@ -152,7 +143,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
     });
@@ -187,7 +178,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--prompting': isPrompting,
     'Cookie--loading': isLoading,
     'Cookie--answered': isAnswered,
@@ -207,12 +198,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),
@@ -221,51 +212,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',
@@ -309,29 +299,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/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;

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

@@ -1,37 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DialogHookStory = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _uuid = require("uuid");
-var _useDialog2 = _interopRequireDefault(require("../../../hooks/useDialog"));
-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 DialogHookStory = function DialogHookStory(args) {
-  var _useDialog = (0, _useDialog2.default)(),
+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import useDialog from '../../../hooks/useDialog';
+export var DialogHookStory = function DialogHookStory(args) {
+  var _useDialog = useDialog(),
     openDialog = _useDialog.openDialog,
     DialogComponent = _useDialog.DialogComponent;
-  var uuid = (0, _uuid.v4)();
+  var uuid = uuidv4();
   var Content = function Content() {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "I've been created using the ", /*#__PURE__*/_react.default.createElement("code", null, "useDialog"), " hook.", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "This hook provides you with:", /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "DialogComponent"), " - the Dialog component"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "dialogIsOpen"), " - a const which tells you if the dialog is open or closed"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "openDialog"), " - a function to open the dialog"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "closeDialog"), " - a function to close the dialog")), "The ", /*#__PURE__*/_react.default.createElement("code", null, "DialogComponent"), " has several arguments:", /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "id"), " - a unique identifier (optional)"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "title"), " - a header element, or any element, really (optional)"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "children"), " - the dialog's content. Wrapped within the dialog."), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "showCloseButton"), " - render a close button? (optional)"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "showCloseIcon"), " - render a close icon? (optional)"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "closeButtonText"), " - text for the close button (optional)"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "closeIcon"), " - what icon to use. Default 'icon-cross' (optional)"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "dialogLabel"), " - a label for a11y - default 'dialog' (optional)")), "Depending on where the dialog is being used, you might need to add a z-index.", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "This Dialog handles several things for you: Taking focus and keeping it inside and it allows you to close the Dialog by either pressing Escape or clicking outside of it. This is done by several different hooks.", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "Alternatively, if you need a more custom approach, you can opt to use the ", /*#__PURE__*/_react.default.createElement("code", null, "useDialogHelpers"), " hook instead."));
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "I've been created using the ", /*#__PURE__*/React.createElement("code", null, "useDialog"), " hook.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "This hook provides you with:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "DialogComponent"), " - the Dialog component"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "dialogIsOpen"), " - a const which tells you if the dialog is open or closed"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "openDialog"), " - a function to open the dialog"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "closeDialog"), " - a function to close the dialog")), "The ", /*#__PURE__*/React.createElement("code", null, "DialogComponent"), " has several arguments:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "id"), " - a unique identifier (optional)"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "title"), " - a header element, or any element, really (optional)"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "children"), " - the dialog's content. Wrapped within the dialog."), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "showCloseButton"), " - render a close button? (optional)"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "showCloseIcon"), " - render a close icon? (optional)"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "closeButtonText"), " - text for the close button (optional)"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "closeIcon"), " - what icon to use. Default 'icon-cross' (optional)"), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("code", null, "dialogLabel"), " - a label for a11y - default 'dialog' (optional)")), "Depending on where the dialog is being used, you might need to add a z-index.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "This Dialog handles several things for you: Taking focus and keeping it inside and it allows you to close the Dialog by either pressing Escape or clicking outside of it. This is done by several different hooks.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Alternatively, if you need a more custom approach, you can opt to use the ", /*#__PURE__*/React.createElement("code", null, "useDialogHelpers"), " hook instead."));
   };
   var title = function title() {
-    return /*#__PURE__*/_react.default.createElement("h2", null, "I'm a Dialog!");
+    return /*#__PURE__*/React.createElement("h2", null, "I'm a Dialog!");
   };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: openDialog
-  }, "Open a dialog"), /*#__PURE__*/_react.default.createElement(DialogComponent, _extends({
+  }, "Open a dialog"), /*#__PURE__*/React.createElement(DialogComponent, _extends({
     id: uuid,
     title: title,
     showCloseButton: true,
     closeButtonText: "Click here to close me.",
     showCloseIcon: true,
     closeIcon: "icon-cross"
-  }, args), /*#__PURE__*/_react.default.createElement(Content, null))));
+  }, args), /*#__PURE__*/React.createElement(Content, null))));
 };
-exports.DialogHookStory = DialogHookStory;
-var _default = DialogHookStory;
-exports.default = _default;
+export default DialogHookStory;

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

@@ -1,31 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DialogOverrideStory = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _useDialog2 = _interopRequireDefault(require("../../../hooks/useDialog"));
-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 DialogOverrideStory = function DialogOverrideStory(args) {
-  var _useDialog = (0, _useDialog2.default)(),
+import React from 'react';
+import useDialog from '../../../hooks/useDialog';
+export var DialogOverrideStory = function DialogOverrideStory(args) {
+  var _useDialog = useDialog(),
     openDialog = _useDialog.openDialog,
     closeDialog = _useDialog.closeDialog,
     DialogComponent = _useDialog.DialogComponent;
   var Content = function Content() {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "You could pass the ", /*#__PURE__*/_react.default.createElement("code", null, "disableClosers"), " prop.", /*#__PURE__*/_react.default.createElement("br", null), "That way you can create pesky pop-ups or cookiebars that users can't close without doing whatever you require first.", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "Don't forget to add a ", /*#__PURE__*/_react.default.createElement("button", {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "You could pass the ", /*#__PURE__*/React.createElement("code", null, "disableClosers"), " prop.", /*#__PURE__*/React.createElement("br", null), "That way you can create pesky pop-ups or cookiebars that users can't close without doing whatever you require first.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Don't forget to add a ", /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: closeDialog
     }, "close"), " button in the content though..."));
   };
-  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
-  }, "Open a dialog"), /*#__PURE__*/_react.default.createElement(DialogComponent, _extends({
+  }, "Open a dialog"), /*#__PURE__*/React.createElement(DialogComponent, _extends({
     disableClosers: true
-  }, args), /*#__PURE__*/_react.default.createElement(Content, null)));
+  }, args), /*#__PURE__*/React.createElement(Content, null)));
 };
-exports.DialogOverrideStory = DialogOverrideStory;
-var _default = DialogOverrideStory;
-exports.default = _default;
+export default DialogOverrideStory;

package/dist/components/Dialog/index.js

@@ -1,22 +1,12 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _reactRemoveScroll = require("react-remove-scroll");
-var _reactI18next = require("react-i18next");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _uuid = require("uuid");
-var _useDialogHelpers2 = _interopRequireDefault(require("../../hooks/useDialogHelpers"));
-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 _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, { useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { RemoveScroll } from 'react-remove-scroll';
+import { useTranslation } from 'react-i18next';
+import PropTypes from 'prop-types';
+import { v4 as uuidv4 } from 'uuid';
+import useDialogHelpers from '../../hooks/useDialogHelpers';
+import './style.scss';
 var Dialog = function Dialog(props) {
   var id = props.id,
     title = props.title,
@@ -30,10 +20,10 @@ var Dialog = function Dialog(props) {
     dialogLabel = props.dialogLabel,
     portalTarget = props.portalTarget,
     disableClosers = props.disableClosers;
-  var wrapper = (0, _react.useRef)(null);
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
+  var wrapper = useRef(null);
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useDialogHelpers = (0, _useDialogHelpers2.default)({
+  var _useDialogHelpers = useDialogHelpers({
       id: id,
       wrapperElement: wrapper,
       closeFunction: closeFunction,
@@ -43,53 +33,53 @@ var Dialog = function Dialog(props) {
     labelId = _useDialogHelpers.labelId,
     dialogHelpersProps = _useDialogHelpers.dialogHelpersProps;
   if (!isOpen) return null;
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
     className: "Dialog"
-  }, /*#__PURE__*/_react.default.createElement("div", _extends({
+  }, /*#__PURE__*/React.createElement("div", _extends({
     className: "Dialog__wrapper"
   }, dialogHelpersProps, {
     ref: wrapper
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     id: labelId,
     className: "Dialog__sr-only"
-  }, dialogLabel), title && /*#__PURE__*/_react.default.createElement("div", {
+  }, dialogLabel), title && /*#__PURE__*/React.createElement("div", {
     className: "Dialog__title"
-  }, title()), showCloseIcon && /*#__PURE__*/_react.default.createElement("button", {
+  }, title()), showCloseIcon && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "Dialog__closeicon",
     "aria-label": t('general.close', 'Close'),
     onClick: closeFunction
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "icon ".concat(closeIcon)
-  })), /*#__PURE__*/_react.default.createElement(_reactRemoveScroll.RemoveScroll, {
+  })), /*#__PURE__*/React.createElement(RemoveScroll, {
     className: "Dialog__inner"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "Dialog__content"
-  }, children), showCloseButton && /*#__PURE__*/_react.default.createElement("button", {
+  }, children), showCloseButton && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "Dialog__closebutton",
     onClick: closeFunction
-  }, closeButtonText))), /*#__PURE__*/_react.default.createElement("div", {
+  }, closeButtonText))), /*#__PURE__*/React.createElement("div", {
     className: "Dialog__backdrop",
     "aria-label": t('general.close', 'Close')
   })), portalTarget);
 };
 Dialog.propTypes = {
-  id: _propTypes.default.string,
-  title: _propTypes.default.element,
-  children: _propTypes.default.element.isRequired,
-  isOpen: _propTypes.default.bool,
-  closeFunction: _propTypes.default.func,
-  showCloseButton: _propTypes.default.bool,
-  closeButtonText: _propTypes.default.string,
-  showCloseIcon: _propTypes.default.bool,
-  closeIcon: _propTypes.default.string,
-  dialogLabel: _propTypes.default.string,
-  portalTarget: _propTypes.default.element,
-  disableClosers: _propTypes.default.bool
+  id: PropTypes.string,
+  title: PropTypes.element,
+  children: PropTypes.element.isRequired,
+  isOpen: PropTypes.bool,
+  closeFunction: PropTypes.func,
+  showCloseButton: PropTypes.bool,
+  closeButtonText: PropTypes.string,
+  showCloseIcon: PropTypes.bool,
+  closeIcon: PropTypes.string,
+  dialogLabel: PropTypes.string,
+  portalTarget: PropTypes.element,
+  disableClosers: PropTypes.bool
 };
 Dialog.defaultProps = {
-  id: (0, _uuid.v4)(),
+  id: uuidv4(),
   title: null,
   showCloseButton: false,
   closeButtonText: 'Close',
@@ -101,5 +91,4 @@ Dialog.defaultProps = {
   portalTarget: typeof document !== 'undefined' ? document.body : null,
   disableClosers: false
 };
-var _default = Dialog;
-exports.default = _default;
+export default Dialog;