@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

package/hooks/useFullscreen.js

@@ -2,9 +2,12 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 // inspired by https://github.com/imbhargav5/rooks/blob/main/src/hooks/useFullscreen.ts
+
 import { useState, useCallback } from 'react';
 import noop from 'lodash/fp/noop';
-import useEvent from './useEvent'; // Note old Internet Explorer 11 is skipped here as it is not supported anymore
+import useEvent from './useEvent';
+
+// Note old Internet Explorer 11 is skipped here as it is not supported anymore
 // New WebKit:
 //     'webkitRequestFullscreen',
 //     'webkitExitFullscreen',
@@ -20,11 +23,14 @@ import useEvent from './useEvent'; // Note old Internet Explorer 11 is skipped h
 //     'webkitCancelFullScreen',
 //     'webkitfullscreenchange',
 //     'webkitfullscreenerror',
+
 // type FullscreenApi = {
 //   isEnabled: boolean;
 //   toggle: NoopFunction | ((element?: HTMLElement) => Promise<unknown>); // toggle
+
 //   /** @deprecated Please use useFullScreen({onChange : function() {}}) instead. */
 //   onChange: NoopFunction | ((callback: OnChangeEventCallback) => void); // onchange
+
 //   /** @deprecated Please use useFullScreen({onError : function() {}}) instead. */
 //   onError: NoopFunction | ((callback: EventCallback) => void); // onerror
 //   request: NoopFunction | ((element?: HTMLElement) => Promise<unknown>); // request
@@ -39,10 +45,13 @@ var defaultValue = {
   toggleFullscreen: noop,
   isFullscreen: false,
   isEnabled: false
-}; // type RequestFullscreenOptions = {
+};
+
+// type RequestFullscreenOptions = {
 //   // string will help to ease type casting
 //   navigationUI?: string | 'auto' | 'hide' | 'show';
 // };
+
 // type FullScreenOptions = {
 //   onChange?: OnChangeEventCallback;
 //   onError?: EventCallback;
@@ -53,62 +62,54 @@ var requestFunctions = ['requestFullscreen', 'webkitRequestFullscreen', 'webkitR
 var exitFunctions = ['exitFullscreen', 'webkitExitFullscreen', 'webkitCancelFullScreen', 'mozCancelFullScreen'];
 var fullscreenElementFunctions = ['fullscreenElement', 'webkitFullscreenElement', 'webkitCurrentFullScreenElement', 'mozFullScreenElement'];
 var isFullscreenEnabledFunctions = ['fullscreenElement', 'webkitFullscreenEnabled', 'webkitCurrentFullScreenElement', 'mozFullScreenEnabled'];
-
 var getFnName = function getFnName(fnMap, targetElement) {
   return fnMap.find(function (fnName) {
     if (fnName in targetElement) {
       return fnName;
     }
   });
-}; // Element centered fullscreen functions
-
+};
 
+// Element centered fullscreen functions
 var getRequestFunctionName = function getRequestFunctionName() {
   var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
   return getFnName(requestFunctions, targetElement);
-}; // Document fullscreen functions
-
+};
 
+// Document fullscreen functions
 var getExitFunctionName = function getExitFunctionName() {
   return getFnName(exitFunctions, document);
 };
-
 var getFullscreenElementFunctionName = function getFullscreenElementFunctionName() {
   return getFnName(fullscreenElementFunctions, document);
 };
-
 var getIsFullscreenEnabledFunctionName = function getIsFullscreenEnabledFunctionName() {
   return getFnName(isFullscreenEnabledFunctions, document);
 };
-
 var useFullscreen = function useFullscreen() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   if (typeof window === 'undefined') {
     console.warn('useFullscreen: window is undefined.');
     return defaultValue;
   }
-
   var element = options.element,
-      onChange = options.onChange,
-      onError = options.onError,
-      _options$requestFulls = options.requestFullscreenOptions,
-      requestFullscreenOptions = _options$requestFulls === void 0 ? {} : _options$requestFulls; // use either a defined target or when document is set, use the html element as in Chrome the
-  // document does not have a request function. It needs to be an element.
+    onChange = options.onChange,
+    onError = options.onError,
+    _options$requestFulls = options.requestFullscreenOptions,
+    requestFullscreenOptions = _options$requestFulls === void 0 ? {} : _options$requestFulls;
 
+  // use either a defined target or when document is set, use the html element as in Chrome the
+  // document does not have a request function. It needs to be an element.
   var defaultFullscreenElement = !element || element === document ? document.querySelector('html') : element;
   var initialFullscreenElement = document[getFullscreenElementFunctionName()];
-
   var _useState = useState(Boolean(initialFullscreenElement)),
-      _useState2 = _slicedToArray(_useState, 2),
-      isFullscreen = _useState2[0],
-      setIsFullscreen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isFullscreen = _useState2[0],
+    setIsFullscreen = _useState2[1];
   var _useState3 = useState(initialFullscreenElement),
-      _useState4 = _slicedToArray(_useState3, 2),
-      fullscreenElement = _useState4[0],
-      setFullscreenElement = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullscreenElement = _useState4[0],
+    setFullscreenElement = _useState4[1];
   var requestFullscreen = useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newTargetElement) {
       var isHtmlElement, target;
@@ -122,15 +123,12 @@ var useFullscreen = function useFullscreen() {
               target = newTargetElement && isHtmlElement ? newTargetElement : defaultFullscreenElement;
               _context.next = 5;
               return target[getRequestFunctionName(target)](requestFullscreenOptions);
-
             case 5:
               return _context.abrupt("return", _context.sent);
-
             case 8:
               _context.prev = 8;
               _context.t0 = _context["catch"](1);
               console.log(_context.t0);
-
             case 11:
             case "end":
               return _context.stop();
@@ -138,7 +136,6 @@ var useFullscreen = function useFullscreen() {
         }
       }, _callee, null, [[1, 8]]);
     }));
-
     return function (_x) {
       return _ref.apply(this, arguments);
     };
@@ -149,27 +146,21 @@ var useFullscreen = function useFullscreen() {
         switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-
             if (!fullscreenElement) {
               _context2.next = 5;
               break;
             }
-
             _context2.next = 4;
             return document[getExitFunctionName()]();
-
           case 4:
             return _context2.abrupt("return", _context2.sent);
-
           case 5:
             _context2.next = 10;
             break;
-
           case 7:
             _context2.prev = 7;
             _context2.t0 = _context2["catch"](0);
             console.warn(_context2.t0);
-
           case 10:
           case "end":
             return _context2.stop();
@@ -184,11 +175,9 @@ var useFullscreen = function useFullscreen() {
       requestFullscreen(newTargetElement);
     }
   }, [fullscreenElement]);
-
   var handleChangeEvent = function handleChangeEvent() {
     var currentFullscreenElement = document[getFullscreenElementFunctionName()];
     var isOpen = Boolean(currentFullscreenElement);
-
     if (isOpen) {
       // fullscreen was enabled
       setIsFullscreen(true);
@@ -198,16 +187,13 @@ var useFullscreen = function useFullscreen() {
       setIsFullscreen(false);
       setFullscreenElement(null);
     }
-
     onChange === null || onChange === void 0 ? void 0 : onChange.call(document, event, isOpen);
   };
-
   var handleErrorEvent = function handleErrorEvent() {
     return function (event) {
       return onError === null || onError === void 0 ? void 0 : onError.call(document, event);
     };
   };
-
   useEvent('fullscreenchange', handleChangeEvent);
   useEvent('webkitfullscreenchange', handleChangeEvent);
   useEvent('mozfullscreenchange', handleChangeEvent);
@@ -222,5 +208,4 @@ var useFullscreen = function useFullscreen() {
     isEnabled: Boolean(document[getIsFullscreenEnabledFunctionName(document)])
   };
 };
-
 export default useFullscreen;

package/hooks/useInterval.js

@@ -1,4 +1,6 @@
-import { useEffect, useRef } from 'react'; // See https://overreacted.io/making-setinterval-declarative-with-react-hooks/
+import { useEffect, useRef } from 'react';
+
+// See https://overreacted.io/making-setinterval-declarative-with-react-hooks/
 
 export default function useInterval(callback, delay) {
   var intervalRef = useRef(null);
@@ -10,7 +12,6 @@ export default function useInterval(callback, delay) {
     var tick = function tick() {
       return savedCallback.current();
     };
-
     if (typeof delay === 'number') {
       intervalRef.current = window.setInterval(tick, delay);
       return function () {

package/hooks/useOnMount.js

@@ -5,7 +5,6 @@ export default function useOnMount(callback, deps) {
     if (componentJustMountedRef.current) {
       return callback();
     }
-
     componentJustMountedRef.current = true;
   }, deps);
 }

package/hooks/useOnScreen.js

@@ -5,21 +5,17 @@ export default function useOnScreen(ref) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     rootMargin: '0px'
   };
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isVisible = _useState2[0],
-      setIsVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
   useEffect(function () {
     if (!ref.current) {
       return;
     }
-
     var observer = new IntersectionObserver(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 1),
-          entry = _ref2[0];
-
+        entry = _ref2[0];
       return setIsVisible(entry.isIntersecting);
     }, options);
     observer.observe(ref.current);
@@ -27,7 +23,6 @@ export default function useOnScreen(ref) {
       if (!ref.current) {
         return;
       }
-
       observer.unobserve(ref.current);
     };
   }, [ref.current, options]);

package/hooks/useOnlineStatus.js

@@ -4,10 +4,9 @@ import { useState } from 'react';
 import useEvent from './useEvent';
 export default function useOnlineStatus() {
   var _useState = useState(navigator.onLine),
-      _useState2 = _slicedToArray(_useState, 2),
-      online = _useState2[0],
-      setOnline = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    online = _useState2[0],
+    setOnline = _useState2[1];
   useEvent('online', function () {
     return setOnline(navigator.onLine);
   }, false, window);

package/hooks/useResizeObserver.js

@@ -1,32 +1,27 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // inspired from https://tobbelindstrom.com/blog/resize-observer-hook/
-import { useRef, useLayoutEffect, useState, useCallback, useEffect } from 'react';
 
+import { useRef, useLayoutEffect, useState, useCallback, useEffect } from 'react';
 var useResizeObserver = function useResizeObserver() {
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      observerEntry = _useState2[0],
-      setObserverEntry = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    observerEntry = _useState2[0],
+    setObserverEntry = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      node = _useState4[0],
-      setNode = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    node = _useState4[0],
+    setNode = _useState4[1];
   var observer = useRef(null);
   var disconnect = useCallback(function () {
     var _observer$current;
-
     return (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
   }, []);
   var observe = useCallback(function () {
     observer.current = new ResizeObserver(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 1),
-          entry = _ref2[0];
-
+        entry = _ref2[0];
       return setObserverEntry(entry);
     });
-
     if (node) {
       observer.current.observe(node);
     }
@@ -39,5 +34,4 @@ var useResizeObserver = function useResizeObserver() {
   }, [disconnect, observe]);
   return [setNode, observerEntry];
 };
-
 export default useResizeObserver;

package/hooks/useStateWithValidation.js

@@ -2,17 +2,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useState } from 'react';
 export default function useStateWithValidation(validationFn, initialValue) {
   var _useState = useState(initialValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var _useState3 = useState(function () {
-    return validationFn(state);
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isValid = _useState4[0],
-      setIsValid = _useState4[1];
-
+      return validationFn(state);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isValid = _useState4[0],
+    setIsValid = _useState4[1];
   var onChange = useCallback(function (nextState) {
     var value = typeof nextState === 'function' ? nextState(state) : nextState;
     setState(value);

package/hooks/useStorage.js

@@ -7,30 +7,24 @@ export function useLocalStorage(key, defaultValue) {
 export function useSessionStorage(key, defaultValue) {
   return useStorage(key, defaultValue, window.sessionStorage);
 }
-
 function useStorage(key, defaultValue, storageObject) {
   var _useState = useState(function () {
-    var jsonValue = storageObject.getItem(key);
-
-    if (jsonValue) {
-      return JSON.parse(jsonValue);
-    }
-
-    if (typeof defaultValue === 'function') {
-      return defaultValue();
-    }
-
-    return defaultValue;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+      var jsonValue = storageObject.getItem(key);
+      if (jsonValue) {
+        return JSON.parse(jsonValue);
+      }
+      if (typeof defaultValue === 'function') {
+        return defaultValue();
+      }
+      return defaultValue;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   useEffect(function () {
     if (!value) {
       return storageObject.removeItem(key);
     }
-
     storageObject.setItem(key, JSON.stringify(value));
   }, [key, value, storageObject]);
   var remove = useCallback(function () {

package/hooks/useTimeout.js

@@ -1,4 +1,6 @@
-import { useEffect, useRef } from 'react'; // See www.joshwcomeau.com/snippets/react-hooks/use-timeout/
+import { useEffect, useRef } from 'react';
+
+// See www.joshwcomeau.com/snippets/react-hooks/use-timeout/
 
 export default function useTimeout(callback, delay) {
   var timeoutRef = useRef(null);
@@ -10,7 +12,6 @@ export default function useTimeout(callback, delay) {
     var tick = function tick() {
       return savedCallback.current();
     };
-
     if (typeof delay === 'number') {
       timeoutRef.current = window.setTimeout(tick, delay);
       return function () {

package/hooks/useWindowResize.js

@@ -1,6 +1,5 @@
 import { useEffect } from 'react';
 import throttle from 'lodash/fp/throttle';
-
 var useWindowResize = function useWindowResize(onResizeCallback) {
   var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
   useEffect(function () {
@@ -11,5 +10,4 @@ var useWindowResize = function useWindowResize(onResizeCallback) {
     };
   }, [onResizeCallback, timeout]);
 };
-
 export default useWindowResize;

package/index.js

@@ -1,19 +1,9 @@
 /* eslint-disable max-len */
+
 import versionJson from './version.json';
 var VERSION = versionJson.version;
 export { VERSION };
-export * from 'framer-motion'; // polyfill for scrollToTop() // Edge <= 15
-// As "smoothscroll-polyfill" is accessing the html dom object directly without checking whether it exists or not,
-// we need to use old shool require() to have a conditional import only when html really exists.
-// This avoids issues when running the UIKIT in a web-worker
-
-if (document && document.documentElement) {
-  // eslint-disable-next-line global-require
-  var smoothscroll = require('smoothscroll-polyfill');
-
-  smoothscroll.polyfill();
-}
-
+export * from 'framer-motion';
 import _colors from './styles/shared/colors.json';
 export { _colors as colors };
 import { default as _Button } from './components/button/Button';

package/lib/es/ActionBarItem.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ActionBarItem2["default"];
   }
 });
-
 var _ActionBarItem2 = _interopRequireDefault(require("./components/actionBarItem/ActionBarItem"));

package/lib/es/ActionBarItemList.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ActionBarItemList2["default"];
   }
 });
-
 var _ActionBarItemList2 = _interopRequireDefault(require("./components/actionBarItem/ActionBarItemList"));

package/lib/es/ActionBarItemListItem.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ActionBarItemListItem2["default"];
   }
 });
-
 var _ActionBarItemListItem2 = _interopRequireDefault(require("./components/actionBarItem/ActionBarItemListItem"));

package/lib/es/ActionBarItemListSeparator.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ActionBarItemListSeparator2["default"];
   }
 });
-
 var _ActionBarItemListSeparator2 = _interopRequireDefault(require("./components/actionBarItem/ActionBarItemListSeparator"));

package/lib/es/Activity.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Activity2["default"];
   }
 });
-
 var _Activity2 = _interopRequireDefault(require("./components/activity/Activity"));

package/lib/es/AnimatedNumber.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _AnimatedNumber2["default"];
   }
 });
-
 var _AnimatedNumber2 = _interopRequireDefault(require("./components/animatedNumber/AnimatedNumber"));

package/lib/es/AppNavigationBar.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _AppNavigationBar2["default"];
   }
 });
-
 var _AppNavigationBar2 = _interopRequireDefault(require("./components/navigation/AppNavigationBar"));

package/lib/es/ApplicationHeader.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ApplicationHeader2["default"];
   }
 });
-
 var _ApplicationHeader2 = _interopRequireDefault(require("./components/applicationHeader/ApplicationHeader"));

package/lib/es/ApplicationLayout.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ApplicationLayout2["default"];
   }
 });
-
 var _ApplicationLayout2 = _interopRequireDefault(require("./components/applicationLayout/ApplicationLayout"));

package/lib/es/ApplicationLayoutBodyBanner.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ApplicationLayoutBodyBanner2["default"];
   }
 });
-
 var _ApplicationLayoutBodyBanner2 = _interopRequireDefault(require("./components/applicationLayout/ApplicationLayoutBodyBanner"));

package/lib/es/ApplicationLayoutBodyBottomBar.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ApplicationLayoutBodyBottomBar2["default"];
   }
 });
-
 var _ApplicationLayoutBodyBottomBar2 = _interopRequireDefault(require("./components/applicationLayout/ApplicationLayoutBodyBottomBar"));

package/lib/es/ApplicationLayoutBodyNavigation.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ApplicationLayoutBodyNavigation2["default"];
   }
 });
-
 var _ApplicationLayoutBodyNavigation2 = _interopRequireDefault(require("./components/applicationLayout/ApplicationLayoutBodyNavigation"));

package/lib/es/Area.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Area2["default"];
   }
 });
-
 var _Area2 = _interopRequireDefault(require("./components/charts/Area"));

package/lib/es/AreaChart.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _AreaChart2["default"];
   }
 });
-
 var _AreaChart2 = _interopRequireDefault(require("./components/charts/AreaChart"));