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

package/dist/components/ApiAutocomplete/index.js

@@ -1,91 +1,119 @@
-import React, { useState } from 'react';
-import Autosuggest from 'react-autosuggest';
-import './style.scss';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactAutosuggest = _interopRequireDefault(require("react-autosuggest"));
+require("./style.scss");
+var _excluded = ["endpoint", "placeholder", "renderItem", "defaultValue", "onSelectItem", "queryParameter", "getSuggestionValue", "requestOptions"];
+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 _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); }
+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 _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 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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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 abortableFetch(request, opts) {
-  const controller = new AbortController();
-  const signal = controller.signal;
+  var controller = new AbortController();
+  var signal = controller.signal;
   return {
-    abort: () => controller.abort(),
-    ready: fetch(request, {
-      ...opts,
-      signal
-    })
+    abort: function abort() {
+      return controller.abort();
+    },
+    ready: fetch(request, _objectSpread(_objectSpread({}, opts), {}, {
+      signal: signal
+    }))
   };
 }
-let currentFetch = null;
-const ApiAutocomplete = ({
-  endpoint,
-  placeholder,
-  renderItem,
-  defaultValue,
-  onSelectItem,
-  queryParameter = 'q',
-  getSuggestionValue,
-  requestOptions,
-  ...props
-}) => {
-  const [queryInput, setQuery] = useState(defaultValue || '');
-  const [results, setResults] = useState([]);
-  const getSuggestions = query => {
-    const url = `${endpoint}?${queryParameter}=${query}`;
+var currentFetch = null;
+var ApiAutocomplete = function ApiAutocomplete(_ref) {
+  var endpoint = _ref.endpoint,
+    placeholder = _ref.placeholder,
+    renderItem = _ref.renderItem,
+    defaultValue = _ref.defaultValue,
+    onSelectItem = _ref.onSelectItem,
+    _ref$queryParameter = _ref.queryParameter,
+    queryParameter = _ref$queryParameter === void 0 ? 'q' : _ref$queryParameter,
+    getSuggestionValue = _ref.getSuggestionValue,
+    requestOptions = _ref.requestOptions,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(defaultValue || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    queryInput = _useState2[0],
+    setQuery = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    results = _useState4[0],
+    setResults = _useState4[1];
+  var getSuggestions = function getSuggestions(query) {
+    var url = "".concat(endpoint, "?").concat(queryParameter, "=").concat(query);
     if (currentFetch) {
       currentFetch.abort();
     }
     currentFetch = abortableFetch(url, requestOptions);
-    currentFetch.ready.then(response => {
+    currentFetch.ready.then(function (response) {
       return response.json();
-    }).then(response => {
-      const ajaxResults = response.map((item, index) => {
+    }).then(function (response) {
+      var ajaxResults = response.map(function (item, index) {
         item.value = index;
         return item;
       });
       setResults(ajaxResults);
-    }).catch(e => {
+    }).catch(function (e) {
       // Catch the error so the browser does not output errors.
     });
   };
-  return /*#__PURE__*/React.createElement(Autosuggest, {
+  return /*#__PURE__*/_react.default.createElement(_reactAutosuggest.default, {
     suggestions: results,
-    onSuggestionsFetchRequested: ({
-      value,
-      reason
-    }) => {
+    onSuggestionsFetchRequested: function onSuggestionsFetchRequested(_ref2) {
+      var value = _ref2.value,
+        reason = _ref2.reason;
       getSuggestions(value);
     },
-    onSuggestionsClearRequested: () => {
+    onSuggestionsClearRequested: function onSuggestionsClearRequested() {
       setResults([]);
     },
     getSuggestionValue: getSuggestionValue,
-    renderSuggestion: (item, attributes) => {
+    renderSuggestion: function renderSuggestion(item, attributes) {
       return renderItem(item, attributes.isHighlighted);
     },
-    onSuggestionSelected: (event, {
-      suggestion
-    }) => {
+    onSuggestionSelected: function onSuggestionSelected(event, _ref3) {
+      var suggestion = _ref3.suggestion;
       onSelectItem(suggestion);
     },
-    inputProps: {
-      ...props,
-      placeholder,
+    inputProps: _objectSpread(_objectSpread({}, props), {}, {
+      placeholder: placeholder,
       value: queryInput,
-      onBlur: event => {
-        const value = event.target.value;
+      onBlur: function onBlur(event) {
+        var value = event.target.value;
         if (!value || value.length === 0) {
           onSelectItem('');
         }
       },
-      onChange: (event, {
-        newValue
-      }) => {
+      onChange: function onChange(event, _ref4) {
+        var newValue = _ref4.newValue;
         setQuery(newValue);
       }
-    }
+    })
   });
 };
 ApiAutocomplete.defaultProps = {
-  getSuggestionValue: item => {
+  getSuggestionValue: function getSuggestionValue(item) {
     return item.name;
   },
   requestOptions: {}
 };
-export default ApiAutocomplete;
+var _default = ApiAutocomplete;
+exports.default = _default;

package/dist/components/ApiAutocomplete/stories.js

@@ -1,20 +1,29 @@
-import React from 'react';
-import ApiAutocomplete from '.';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = _interopRequireDefault(require("."));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
   title: 'Organisms/Autocomplete'
 };
-export const Default = () => {
-  return /*#__PURE__*/React.createElement(ApiAutocomplete, {
+exports.default = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
     endpoint: "http://nldoet.devinc.eu/autocomplete/json",
-    renderItem: item => {
+    renderItem: function renderItem(item) {
       console.log(item);
-      return /*#__PURE__*/React.createElement("div", null, item.name);
+      return /*#__PURE__*/_react.default.createElement("div", null, item.name);
     },
-    onSelectItem: item => {
+    onSelectItem: function onSelectItem(item) {
       console.log('Selected', item);
     },
     inputProps: {
       label: 'test'
     }
   });
-};
+};
+exports.Default = Default;

package/dist/components/Button/index.js

@@ -1,37 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Button = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _gtm = _interopRequireDefault(require("../../helpers/gtm"));
+var _link = require("../../helpers/link");
+var _withMapping = _interopRequireDefault(require("../../Context/withMapping"));
+require("./style.scss");
+var _excluded = ["href", "dispatch", "className", "children", "primary", "inverted", "language", "enableLoader", "loading", "htmlType"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
-import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import gtm from '../../helpers/gtm';
-import { isExternalLink } from '../../helpers/link';
-import withMapping from '../../Context/withMapping';
-import './style.scss';
-const Button = ({
-  href,
-  dispatch,
-  className,
-  children,
-  primary,
-  inverted,
-  language,
-  enableLoader,
-  loading,
-  htmlType,
-  ...props
-}) => {
-  const classes = classNames('Button', className, {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Button = function Button(_ref) {
+  var href = _ref.href,
+    dispatch = _ref.dispatch,
+    className = _ref.className,
+    children = _ref.children,
+    primary = _ref.primary,
+    inverted = _ref.inverted,
+    language = _ref.language,
+    enableLoader = _ref.enableLoader,
+    loading = _ref.loading,
+    htmlType = _ref.htmlType,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classes = (0, _classnames.default)('Button', className, {
     'Button--primary': primary,
     'Button--inverted': inverted,
     'is-loading': loading
   });
-  const onClick = event => {
+  var onClick = function onClick(event) {
     if (loading) return;
 
     // Using element.innerText gives us purely the text of the element which is
     // perfect for the tracking event. We don't want a string containing HTML.
-    const text = event.target ? event.target.innerText : 'Unknown';
-    gtm.trackUserEvent('button', 'click', text, href);
+    var text = event.target ? event.target.innerText : 'Unknown';
+    _gtm.default.trackUserEvent('button', 'click', text, href);
     if (props.onClick) {
       props.onClick(event);
     }
@@ -40,7 +49,7 @@ const Button = ({
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/button-has-type
-      React.createElement("button", _extends({
+      _react.default.createElement("button", _extends({
         type: htmlType,
         className: classes,
         href: href
@@ -49,30 +58,36 @@ const Button = ({
       }), children)
     );
   }
-  return isExternalLink(href) ? /*#__PURE__*/React.createElement("a", _extends({
+  return (0, _link.isExternalLink)(href) ? /*#__PURE__*/_react.default.createElement("a", _extends({
     className: classes,
     href: href,
     target: "_blank",
     rel: "noreferrer noopener"
   }, props, {
     onClick: onClick
-  }), children) : /*#__PURE__*/React.createElement(Link, _extends({
+  }), children) : /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, _extends({
     to: href,
     className: classes
   }, props, {
     onClick: onClick
   }), children);
 };
+exports.Button = Button;
 Button.defaultProps = {
   primary: true,
   inverted: false,
+  disabled: false,
+  href: null,
   enableLoader: false,
   htmlType: 'button'
 };
 Button.propTypes = {
-  primary: PropTypes.bool,
-  inverted: PropTypes.bool,
-  enableLoader: PropTypes.bool,
-  htmlType: PropTypes.oneOf(['button', 'submit', 'reset'])
+  href: _propTypes.default.string,
+  primary: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  inverted: _propTypes.default.bool,
+  enableLoader: _propTypes.default.bool,
+  htmlType: _propTypes.default.oneOf(['button', 'submit', 'reset'])
 };
-export default withMapping(Button);
+var _default = (0, _withMapping.default)(Button);
+exports.default = _default;

package/dist/components/Button/stories.js

@@ -1,54 +1,36 @@
-import React from 'react';
-import Button from '.';
-import './stories.scss';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithIcon = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+require("./stories.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _default = {
+  component: _.Button,
   title: 'Atoms/Button'
 };
-export const Primary = () => /*#__PURE__*/React.createElement(Button, {
-  primary: true,
-  href: "/"
-}, "Test");
-export const PrimaryWithIcon = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    primary: true,
-    href: "/"
-  }, "Test", /*#__PURE__*/React.createElement("div", {
+exports.default = _default;
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_.Button, args);
+};
+exports.Default = Default;
+var WithIcon = function WithIcon(args) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Button, args, args.children, /*#__PURE__*/_react.default.createElement("div", {
     className: "icon icon-arrow icon-variant-1"
-  })), /*#__PURE__*/React.createElement(Button, {
-    primary: true,
-    className: "icon-before icon-arrow icon-variant-1",
-    href: "/"
-  }, "Test"), /*#__PURE__*/React.createElement(Button, {
-    primary: true,
-    className: "icon-after icon-arrow icon-variant-1",
-    href: "/"
-  }, "Test"));
+  })), /*#__PURE__*/_react.default.createElement(_.Button, _extends({
+    className: "icon-before icon-arrow icon-variant-1"
+  }, args)), /*#__PURE__*/_react.default.createElement(_.Button, _extends({
+    className: "icon-after icon-arrow icon-variant-1"
+  }, args)));
 };
-export const PrimaryDisabled = () => /*#__PURE__*/React.createElement(Button, {
-  primary: true,
-  disabled: true
-}, "Test");
-export const Inverted = () => /*#__PURE__*/React.createElement(Button, {
-  inverted: true,
-  href: "/"
-}, "Test");
-export const InvertedWithIcon = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    inverted: true,
-    href: "/"
-  }, "Test", /*#__PURE__*/React.createElement("div", {
-    className: "icon icon-arrow"
-  })), /*#__PURE__*/React.createElement(Button, {
-    inverted: true,
-    className: "icon-before icon-arrow",
-    href: "/"
-  }, "Test"), /*#__PURE__*/React.createElement(Button, {
-    inverted: true,
-    className: "icon-after icon-arrow",
-    href: "/"
-  }, "Test"));
+exports.WithIcon = WithIcon;
+var defaultArgs = {
+  children: 'Test',
+  primary: true
 };
-export const InvertedDisabled = () => /*#__PURE__*/React.createElement(Button, {
-  inverted: true,
-  disabled: true
-}, "Test");
+Default.args = defaultArgs;
+WithIcon.args = defaultArgs;

package/dist/components/Button/stories.scss

@@ -9,8 +9,8 @@
 
   &--primary {
     font-size: 21px;
-    background-color: black;
-    color: #ffffff;
+    background-color: #000;
+    color: #fff;
     font-weight: 600;
     line-height: 1.14;
     padding: 19px 30px;
@@ -18,6 +18,7 @@
     &:hover {
       background-color: #434343;
     }
+
     &:disabled {
       font-family: inherit;
       background-color: rgba(0, 0, 0, 0.3);
@@ -25,16 +26,17 @@
   }
 
   &--inverted {
-    border: solid 1px #888888;
-    background-color: #ffffff;
+    border: solid 1px #888;
+    background-color: #fff;
     padding: 18px 34.5px;
     font-size: 18px;
     font-weight: 600;
-    color: #000000;
+    color: #000;
 
     &:hover {
       background-color: #f1f1f1;
     }
+
     &:disabled {
       font-family: inherit;
       opacity: .5;

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

@@ -1,18 +1,24 @@
-import React from 'react';
-import './style.scss';
-const CheckboxAndRadio = ({
-  name,
-  id,
-  value,
-  label,
-  checked,
-  onChange,
-  disabled,
-  type
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
+"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 }; }
+var CheckboxAndRadio = function CheckboxAndRadio(_ref) {
+  var name = _ref.name,
+    id = _ref.id,
+    value = _ref.value,
+    label = _ref.label,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    type = _ref.type;
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "Checkbox"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     type: type || 'checkbox',
     className: "Checkbox__input",
     name: name,
@@ -21,9 +27,10 @@ const CheckboxAndRadio = ({
     checked: checked,
     onChange: onChange,
     disabled: disabled
-  }), /*#__PURE__*/React.createElement("label", {
+  }), /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: id,
     className: "icon-before icon-checkmark"
   }, label));
 };
-export default CheckboxAndRadio;
+var _default = CheckboxAndRadio;
+exports.default = _default;