@uncinc/uncinc-react-kitchen-sink 2.3.3 → 2.3.4

package/dist/components/Layout/QuickLayout/Sidebar/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import c from 'classnames';
 import './style.scss';
-
 const QuickLayoutSidebar = ({
   children,
   min,
@@ -17,7 +16,6 @@ const QuickLayoutSidebar = ({
     }
   }, children);
 };
-
 QuickLayoutSidebar.defaultProps = {
   min: '2.5rem',
   max: '25%'

package/dist/components/Layout/QuickLayout/SpaceBetween/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import c from 'classnames';
 import './style.scss';
-
 const QuickLayoutSpaceBetween = ({
   children,
   gap,
@@ -17,7 +16,6 @@ const QuickLayoutSpaceBetween = ({
     }
   }, children);
 };
-
 QuickLayoutSpaceBetween.defaultProps = {
   gap: '2.5rem',
   items: '3'

package/dist/components/Layout/QuickLayout/Stack/index.js

@@ -1,9 +1,7 @@
-function _extends() { _extends = Object.assign || 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import c from 'classnames';
 import './style.scss';
-
 const QuickLayoutStack = ({
   children,
   className,
@@ -14,5 +12,4 @@ const QuickLayoutStack = ({
     className: classes
   }, props), children);
 };
-
 export default QuickLayoutStack;

package/dist/components/Layout/QuickLayout/Wrap/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import c from 'classnames';
 import './style.scss';
-
 const QuickLayoutWrap = ({
   children,
   min,
@@ -21,7 +20,6 @@ const QuickLayoutWrap = ({
     }, child);
   }));
 };
-
 QuickLayoutWrap.defaultProps = {
   min: '2.5rem',
   stretched: true

package/dist/components/Layout/QuickLayout/index.js

@@ -6,7 +6,6 @@ import QuickLayoutStack from './Stack';
 import QuickLayoutAuto from './Auto';
 import QuickLayoutSpaceBetween from './SpaceBetween';
 import QuickLayoutClamp from './Clamp';
-
 const QuickLayout = ({
   type,
   children,
@@ -31,7 +30,6 @@ const QuickLayout = ({
      * @param {string} className - A classname to be added for extra control, if needed.
      * @param {boolean} stretched - if the children can stretch over the parent width.
      */
-
     case 'wrap':
       {
         return /*#__PURE__*/React.createElement(QuickLayoutWrap, props, children);
@@ -46,7 +44,6 @@ const QuickLayout = ({
      * @param {string} className - A classname to be added for extra control, if needed.
      * @param {string} max - The maximal width of the sidebar.
      */
-
     case 'sidebar':
       {
         return /*#__PURE__*/React.createElement(QuickLayoutSidebar, props, children);
@@ -60,7 +57,6 @@ const QuickLayout = ({
      *
      * @param {string} className - A classname to be added for extra control, if needed.
      */
-
     case 'stack':
       {
         return /*#__PURE__*/React.createElement(QuickLayoutStack, props, children);
@@ -72,7 +68,6 @@ const QuickLayout = ({
      * @param {string} gap - The space between items.
      * @param {string} className - A classname to be added for extra control, if needed.
      */
-
     case 'auto':
       {
         return /*#__PURE__*/React.createElement(QuickLayoutAuto, props, children);
@@ -88,7 +83,6 @@ const QuickLayout = ({
      *
      * @note Only use this when the amount of items is known to you. Use QuickLayoutAuto otherwise.
      */
-
     case 'spaceBetween':
       {
         return /*#__PURE__*/React.createElement(QuickLayoutSpaceBetween, props, children);
@@ -101,19 +95,16 @@ const QuickLayout = ({
      * @param {string} max - The maximal font-size.
      * @param {string} className - A classname to be added for extra control, if needed.
      */
-
     case 'clamp':
       {
         return /*#__PURE__*/React.createElement(QuickLayoutClamp, props, children);
       }
-
     default:
       {
         return 'No type selected.';
       }
   }
 };
-
 QuickLayout.defaultProps = {
   type: ''
 };

package/dist/components/Lottie/LottieAnimation/index.js

@@ -15,10 +15,10 @@ const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
   const refInternal = useRef(null);
   const lottieAnimation = ref || refInternal;
   const lottieId = id || (data ? data.nm : null);
+
   /*
    * Initial load of the Lottie animation
    */
-
   const loadAnimation = useCallback(() => {
     const {
       renderer,
@@ -43,59 +43,54 @@ const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
       autoplay: activateOnHover ? false : autoPlay,
       path
     });
-    onInit(lottieAnimation.current); // Set the default speed.
-
-    lottieAnimation.current.setSpeed(speed); // Play segments if we have them.
+    onInit(lottieAnimation.current);
 
+    // Set the default speed.
+    lottieAnimation.current.setSpeed(speed);
+    // Play segments if we have them.
     if (segments) {
       lottieAnimation.current.playSegments(segments);
-    } // If startPosition is defined use it as a starting frame, startPosition should be between 0 and 1.
-
-
+    }
+    // If startPosition is defined use it as a starting frame, startPosition should be between 0 and 1.
     if (startPosition) {
       const startingFrame = Math.round(lottieAnimation.current.totalFrames * startPosition);
       lottieAnimation.current.goToAndStop(startingFrame, true);
     }
   }, [data, lottieAnimation, lottieId, props]);
+
   /*
    * Reverse direction on Mouse enter.
    */
-
   const onMouseEnter = e => {
     const {
       activateOnHover
     } = props;
-
     if (activateOnHover) {
       lottieAnimation.current.setDirection(DIRECTION_FORWARD);
       lottieAnimation.current.play();
     }
   };
+
   /*
    * Reverse direction on Mouse leave
    */
-
-
   const onMouseLeave = () => {
     const {
       activateOnHover
     } = props;
-
     if (activateOnHover) {
       lottieAnimation.current.setDirection(DIRECTION_BACKWARDS);
       lottieAnimation.current.play();
     }
   };
+
   /*
    * Toggle the animation on click
    */
-
-
   const onClick = () => {
     const {
       pauseOnClick
     } = props;
-
     if (pauseOnClick) {
       if (lottieAnimation.current.isPaused) {
         lottieAnimation.current.play();
@@ -103,9 +98,9 @@ const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
         lottieAnimation.current.pause();
       }
     }
-  }; // Init the Lottie animation.
-
+  };
 
+  // Init the Lottie animation.
   useEffect(() => {
     const {
       onDestroy

package/dist/components/Lottie/LottieAnimationWithMousePosition.js

@@ -1,36 +1,36 @@
-function _extends() { _extends = Object.assign || 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 _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 Lottie from './';
 import Ola from "ola";
-
 const LottieAnimationWithMousePosition = ({
   olaTime,
   ...props
 }) => {
   // Create our own ref that we pass to the component so that we can use lottie functions.
-  const ref = useRef(null); // Create an Ola instance for frame interpolation.
+  const ref = useRef(null);
 
+  // Create an Ola instance for frame interpolation.
   const interpolatedFrame = Ola(0, olaTime);
+
   /*
    * Follow mouse position for animation on Mouse move.
    */
-
   const onMouseMove = e => {
     if (ref && ref.current) {
       // Determine the mouse position relative to the current Lottie.
       const clientRect = ref.current.wrapper.getBoundingClientRect();
       const mousePositionRelative = e.type === 'touchmove' ? (e.touches[0].clientX - clientRect.left) / clientRect.width : (e.clientX - clientRect.left) / clientRect.width;
-      const lottiePosition = Math.max(0, Math.min(1, mousePositionRelative)); // Round the frame, clamp it, and pass it to Ola for frame interpolation.
+      const lottiePosition = Math.max(0, Math.min(1, mousePositionRelative));
 
+      // Round the frame, clamp it, and pass it to Ola for frame interpolation.
       const rawFrame = Math.round(ref.current.totalFrames * lottiePosition);
       const frame = Math.min(ref.current.totalFrames - 1, Math.max(1, rawFrame));
-      interpolatedFrame.set(frame); // Go to the frame we just calculated using the Ola value.
+      interpolatedFrame.set(frame);
 
+      // Go to the frame we just calculated using the Ola value.
       ref.current.goToAndStop(interpolatedFrame.value, true);
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     onMouseMove: onMouseMove,
     onTouchMove: onMouseMove
@@ -38,5 +38,4 @@ const LottieAnimationWithMousePosition = ({
     ref: ref
   }, props)));
 };
-
 export default LottieAnimationWithMousePosition;

package/dist/components/Lottie/index.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || 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 _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 PropTypes from 'prop-types';
-import loadable from '@loadable/component'; // Lazy-load Lottie animations with a delay.
+import loadable from '@loadable/component';
 
+// Lazy-load Lottie animations with a delay.
 const Lottie = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     delay

package/dist/components/Lottie/stories.js

@@ -5,32 +5,37 @@ import exampleLottie from '../../assets/lottie/example.json';
 import exampleLottieEspero from '../../assets/lottie/data.json';
 export default {
   title: 'Atoms/Lottie'
-}; // Default animation
+};
 
+// Default animation
 export const DefaultAnimation = () => /*#__PURE__*/React.createElement(Lottie, {
   id: "example",
   data: exampleLottie,
   onInit: lottie => console.log(lottie)
-}); // Animation active on hover
+});
 
+// Animation active on hover
 export const activateOnHoverAnimation = () => /*#__PURE__*/React.createElement(Lottie, {
   data: exampleLottie,
   activateOnHover: true
-}); // Animation plays on mouse position
+});
 
+// Animation plays on mouse position
 export const playAnimationOnMousePosition = () => /*#__PURE__*/React.createElement(LottieAnimationWithMousePosition, {
   loop: false,
   autoplay: false,
   data: exampleLottieEspero,
   olaTime: 100,
   startPosition: 0.5
-}); // Pause animation on click
+});
 
+// Pause animation on click
 export const pauseOnClickAnimation = () => /*#__PURE__*/React.createElement(Lottie, {
   data: exampleLottie,
   pauseOnClick: true
-}); // Via path load
+});
 
+// Via path load
 export const PathLoad = () => /*#__PURE__*/React.createElement(Lottie, {
   path: "https://maxst.icons8.com/vue-static/landings/animated-icons/icons/checkmark-ok/checkmark-ok.json"
 });

package/dist/components/MagicLine/index.js

@@ -1,6 +1,5 @@
 import React, { useRef, useState, useEffect } from 'react';
 import c from 'classnames';
-
 const MagicLine = ({
   activeClassName = "Menu__item--active",
   children
@@ -10,17 +9,14 @@ const MagicLine = ({
   const currentActiveItem = useRef(null);
   const [loaded, setLoaded] = useState(false);
   const [activeItemInNavigation, _setActiveItemInNavigation] = useState(false);
-
   const setActiveItemInNavigation = value => {
     if (value !== activeItemInNavigation) {
       _setActiveItemInNavigation(value);
     }
   };
-
   const MagicLineRefClasses = c('MagicLine__magic_line', {
     'MagicLine__magic_line--visible': activeItemInNavigation && loaded
   });
-
   const alignMagicLine = () => {
     if (magicLineRef.current && currentActiveItem.current) {
       const left = currentActiveItem.current.getBoundingClientRect().left - magicLineParentRef.current.getBoundingClientRect().left;
@@ -30,34 +26,25 @@ const MagicLine = ({
       setLoaded(true);
     }
   };
-
   const hoverMagicLine = e => {
     currentActiveItem.current = e.target;
-
     _setActiveItemInNavigation(true);
-
     alignMagicLine();
   };
-
   const setInitialMagicLine = () => {
     currentActiveItem.current = document.getElementsByClassName(activeClassName)[0];
-
     if (!currentActiveItem.current) {
       _setActiveItemInNavigation(false);
     }
-
     alignMagicLine();
   };
-
   useEffect(() => {
     const initialize = () => {
       setInitialMagicLine();
     };
-
     const handleResize = () => {
       alignMagicLine();
     };
-
     document.fonts.ready.then(initialize);
     window.addEventListener('load', initialize);
     window.addEventListener("resize", handleResize);
@@ -74,5 +61,4 @@ const MagicLine = ({
     className: MagicLineRefClasses
   }), children(setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation));
 };
-
 export default MagicLine;

package/dist/components/MagicLine/stories.js

@@ -11,11 +11,9 @@ export const Default = () => /*#__PURE__*/React.createElement(MagicLine, null, (
     className: "Menu"
   }, items.map(item => {
     const active = item === "three";
-
     if (active) {
       setActiveItemInNavigation(true);
     }
-
     const classes = c('Menu__item', {
       'Menu__item--active': active
     });

package/dist/components/NavigationScroll/index.js

@@ -2,7 +2,6 @@ import React, { useState, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import './style.scss';
-
 const NavigationScroll = props => {
   const node = useRef(null);
   const [state, setState] = useState({
@@ -18,41 +17,34 @@ const NavigationScroll = props => {
       window.removeEventListener('scroll', handleScroll);
     };
   });
-
   const getScrollPos = element => {
     if (typeof element.pageYOffset !== 'undefined') {
       return element.pageYOffset;
     }
-
     return element.scrollTop;
   };
-
   const getElementHeight = element => {
     let deductHeight = 0;
-
     if (document.getElementsByClassName('Header__subMenu').length !== 0) {
       deductHeight = document.getElementsByClassName('Header__subMenu')[0].clientHeight;
     }
-
     return element.offsetHeight - deductHeight;
   };
-
   const handleScroll = () => {
     const scrollPos = getScrollPos(window);
     let elementHeight = getElementHeight(node.current);
     let newPos = 0;
-
     if (scrollPos > 0) {
       const diff = state._previousPos - scrollPos;
       newPos = state.pos + diff;
       newPos = Math.max(-elementHeight, Math.min(0, newPos));
     }
-
     const isVisible = newPos > -elementHeight;
     const hasReachedTop = scrollPos < 5 && isVisible;
     const hasReachedBottom = Math.round(scrollPos + window.innerHeight) >= document.body.clientHeight;
     const scrolledPastNavHeight = scrollPos > elementHeight;
-    setState(prevState => ({ ...prevState,
+    setState(prevState => ({
+      ...prevState,
       pos: hasReachedBottom ? 0 : newPos,
       reachedTop: hasReachedTop,
       scrolledPastNavHeight,
@@ -60,7 +52,6 @@ const NavigationScroll = props => {
       _previousPos: scrollPos
     }));
   };
-
   const {
     reachedTop,
     reachedBottom,
@@ -85,7 +76,6 @@ const NavigationScroll = props => {
     }
   }, children);
 };
-
 NavigationScroll.propTypes = {
   children: PropTypes.element.isRequired,
   onUpdate: PropTypes.func

package/dist/components/Pagination/index.js

@@ -4,7 +4,6 @@ import c from 'classnames';
 import './style.scss';
 import PropTypes from 'prop-types';
 import withMapping from '../../Context/withMapping';
-
 const Pagination = ({
   currentPage,
   totalPages,
@@ -24,19 +23,15 @@ const Pagination = ({
       setCurrentPage(data.selected + 1);
     }
   };
-
   if (totalPages === 0) {
     return null;
   }
-
   if (totalPages === 1 && !showWhenOnePage) {
     return null;
   }
-
   if (currentPage > totalPages) {
     currentPage = totalPages;
   }
-
   if (!previousLabel || !nextLabel) {
     previousLabel = /*#__PURE__*/React.createElement("a", {
       className: "Pagination__previous__icon"
@@ -45,7 +40,6 @@ const Pagination = ({
       className: "Pagination__next__icon"
     });
   }
-
   const containerClasses = c('Pagination__container', containerClassName);
   const breakClasses = c('Pagination__break', breakClassName);
   const disabledClasses = c('disabled', disabledClassName);
@@ -67,7 +61,6 @@ const Pagination = ({
     activeClassName: activeClasses
   }));
 };
-
 Pagination.propTypes = {
   currentPage: PropTypes.number.isRequired,
   totalPages: PropTypes.number.isRequired,

package/dist/components/SearchKit/Facets/ChipFacet/index.js

@@ -2,11 +2,9 @@ import React from 'react';
 import { useSearchkit } from '@searchkit/client';
 import Button from '../../../Button';
 import classNames from 'classnames';
-
 const makeSafeForCSS = value => {
   return encodeURIComponent(value).replace(/\.|%[0-9a-z]{2}/gi, '');
 };
-
 export const ChipFacet = ({
   facet
 }) => {

package/dist/components/SearchKit/Facets/HierarchicalFilterFacet/index.js

@@ -1,7 +1,6 @@
 import React, { Fragment, useRef } from 'react';
 import { EuiFacetGroup, EuiTitle, EuiFacetButton } from '@elastic/eui';
 import { useSearchkit, FilterLink } from '@searchkit/client';
-
 const EntriesList = ({
   entries,
   loading,
@@ -48,7 +47,6 @@ const EntriesList = ({
   });
   return /*#__PURE__*/React.createElement(EuiFacetGroup, null, entriesElements);
 };
-
 export const HierarchicalFilterFacet = ({
   facet,
   loading

package/dist/components/SearchKit/Facets/HierarchicalMenuFacet/index.js

@@ -1,7 +1,6 @@
 import React, { Fragment, useRef } from 'react';
 import { EuiFacetGroup, EuiTitle, EuiFacetButton } from '@elastic/eui';
 import { useSearchkit, FilterLink } from '@searchkit/client';
-
 const EntriesList = ({
   entries,
   loading,
@@ -48,7 +47,6 @@ const EntriesList = ({
   });
   return /*#__PURE__*/React.createElement(EuiFacetGroup, null, entriesElements);
 };
-
 export const HierarchicalMenuFacet = ({
   facet,
   loading

package/dist/components/SearchKit/Facets/SelectFacet/index.js

@@ -4,20 +4,16 @@ import Select from '../../../Form/Select';
 import FormikWrapper from '../../../Form/FormikWrapper';
 import { useTranslation } from 'react-i18next';
 import classNames from 'classnames';
-
 const useInitialValues = () => {
   const parsed = useSearchkitVariables();
   const filters = {};
-
   if (parsed.filters) {
     parsed.filters.forEach(filter => {
       filters[filter.identifier] = filter.value;
     });
   }
-
   return filters;
 };
-
 export const SelectFacet = ({
   facet
 }) => {
@@ -49,14 +45,12 @@ export const SelectFacet = ({
       api.setPage({
         from: 0
       });
-
       if (value) {
         api.addFilter({
           identifier: facet.identifier,
           value: value
         });
       }
-
       api.search();
     }
   })));

package/dist/components/SearchKit/Query/index.js

@@ -2,7 +2,6 @@ import React, { useMemo, useState, useEffect } from 'react';
 import { gql, useQuery } from '@apollo/client';
 import { useSearchkitVariables } from '@searchkit/client';
 import SearchPage from '../SearchPage';
-
 function Query({
   query,
   useRouting,
@@ -21,21 +20,19 @@ function Query({
     loading
   } = useQuery(graphQuery, {
     variables
-  }); // In between searches, Searchkit will empty it's results, resulting
-  // in a re-render with an empty screen. Use a local state to prevent this.
+  });
 
+  // In between searches, Searchkit will empty it's results, resulting
+  // in a re-render with an empty screen. Use a local state to prevent this.
   const [dataLoaded, setDataLoaded] = useState(null);
   useEffect(() => {
     if (data) {
       setDataLoaded(data);
     }
   }, [data]);
-
   if (!useRouting) {
     return /*#__PURE__*/React.createElement("div", null, children(dataLoaded, loading));
   }
-
   return /*#__PURE__*/React.createElement(SearchPage, null, children(dataLoaded, loading));
 }
-
 export default Query;

package/dist/components/SearchKit/SearchFacets/index.js

@@ -4,7 +4,6 @@ import { ListFacet } from '../Facets/ListFacet';
 import { ChipFacet } from '../Facets/ChipFacet';
 import { HierarchicalFilterFacet } from '../Facets/HierarchicalFilterFacet';
 import { HierarchicalMenuFacet } from '../Facets/HierarchicalMenuFacet';
-
 const FacetList = (components = []) => {
   const FacetsMapper = [HierarchicalFilterFacet, HierarchicalMenuFacet, SelectFacet, ChipFacet, ListFacet, ...components].reduce((sum, component) => {
     sum[component.DISPLAY] = component;
@@ -18,11 +17,9 @@ const FacetList = (components = []) => {
       className: "SearchFacets"
     }, data && data.facets && data.facets.map(facet => {
       const Facet = FacetsMapper[facet.display];
-
       if (!Facet) {
         throw new Error(facet.display + ' not available');
       }
-
       return /*#__PURE__*/React.createElement(Facet, {
         facet: facet,
         loading: loading
@@ -30,18 +27,15 @@ const FacetList = (components = []) => {
     }));
   };
 };
-
 const SearchFacets = ({
   data,
   loading,
   facets
 }) => {
   const Facets = FacetList(facets);
-
   if (!data) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "SearchFacets"
   }, /*#__PURE__*/React.createElement(Facets, {
@@ -49,7 +43,6 @@ const SearchFacets = ({
     loading: loading
   }));
 };
-
 SearchFacets.defaultProps = {
   data: null,
   loading: false,