@fremtind/jkl-react-hooks
Advanced tools
Comparing version 1.2.16 to 1.3.0
import React, { useRef, useCallback, useLayoutEffect, useEffect, useReducer } from 'react'; | ||
import _defineProperty from '@babel/runtime/helpers/defineProperty'; | ||
import _slicedToArray from '@babel/runtime/helpers/slicedToArray'; | ||
import { breakpoints } from '@fremtind/jkl-core'; | ||
@@ -212,107 +214,5 @@ | ||
function _defineProperty(obj, key, value) { | ||
if (key in obj) { | ||
Object.defineProperty(obj, key, { | ||
value: value, | ||
enumerable: true, | ||
configurable: true, | ||
writable: true | ||
}); | ||
} else { | ||
obj[key] = value; | ||
} | ||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
return obj; | ||
} | ||
function ownKeys(object, enumerableOnly) { | ||
var keys = Object.keys(object); | ||
if (Object.getOwnPropertySymbols) { | ||
var symbols = Object.getOwnPropertySymbols(object); | ||
if (enumerableOnly) symbols = symbols.filter(function (sym) { | ||
return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
}); | ||
keys.push.apply(keys, symbols); | ||
} | ||
return keys; | ||
} | ||
function _objectSpread2(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i] != null ? arguments[i] : {}; | ||
if (i % 2) { | ||
ownKeys(Object(source), true).forEach(function (key) { | ||
_defineProperty(target, key, source[key]); | ||
}); | ||
} else if (Object.getOwnPropertyDescriptors) { | ||
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); | ||
} else { | ||
ownKeys(Object(source)).forEach(function (key) { | ||
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); | ||
}); | ||
} | ||
} | ||
return target; | ||
} | ||
function _slicedToArray(arr, i) { | ||
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); | ||
} | ||
function _arrayWithHoles(arr) { | ||
if (Array.isArray(arr)) return arr; | ||
} | ||
function _iterableToArrayLimit(arr, i) { | ||
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; | ||
var _arr = []; | ||
var _n = true; | ||
var _d = false; | ||
var _e = undefined; | ||
try { | ||
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { | ||
_arr.push(_s.value); | ||
if (i && _arr.length === i) break; | ||
} | ||
} catch (err) { | ||
_d = true; | ||
_e = err; | ||
} finally { | ||
try { | ||
if (!_n && _i["return"] != null) _i["return"](); | ||
} finally { | ||
if (_d) throw _e; | ||
} | ||
} | ||
return _arr; | ||
} | ||
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 _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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
var ActionTypes; | ||
@@ -367,6 +267,9 @@ | ||
case actionTypes.resized: | ||
return _objectSpread2(_objectSpread2({}, state), setDeviceSize(width, height)); | ||
return _objectSpread(_objectSpread({}, state), setDeviceSize(width, height)); | ||
} | ||
}; | ||
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
var useScreen = function useScreen() { | ||
@@ -399,3 +302,3 @@ var _useReducer = useReducer(reducer, initialState, init), | ||
}, []); | ||
return _objectSpread2({}, device); | ||
return _objectSpread$1({}, device); | ||
}; | ||
@@ -402,0 +305,0 @@ |
@@ -1,1 +0,1 @@ | ||
import e,{useRef as n,useCallback as t,useLayoutEffect as r,useEffect as i,useReducer as o}from"react";import{breakpoints as c}from"@fremtind/jkl-core";function u(e){var o=n(),c=n(),u=n(null),f=n(!0);function s(){var e=a(u);e&&e.removeAttribute("style")}var d=t((function(){if(!f.current){var n=a(u);n&&(n.style.display="block",n.style.overflow="hidden",e?(n.style.height="0",n.style.height="".concat(n.scrollHeight,"px")):(n.style.height="".concat(n.scrollHeight,"px"),o.current=requestAnimationFrame((function(){c.current=requestAnimationFrame((function(){n.style.height="".concat(0,"px")}))}))))}}),[e]);return r((function(){d()}),[e,d]),i((function(){var e=a(u);return e&&e.addEventListener("transitionend",s),function(){e&&e.removeEventListener("transitionend",s)}}),[e]),i((function(){var e=o.current,n=c.current;return f.current=!1,function(){e&&cancelAnimationFrame(e),n&&cancelAnimationFrame(n)}}),[o,c]),[u,d]}function a(e){return e.current&&(e.current.el||e.current)}function f(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("click",r),function(){n&&document&&document.removeEventListener("click",r)}}))}function s(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("focusin",r),function(){n&&document&&document.removeEventListener("focusin",r)}}))}function d(e,n,t){function r(e){n&&!n.includes(e.key)||t(e)}"string"==typeof n&&(n=[n]),i((function(){var n=e&&e.current;return n&&n.addEventListener("keydown",r),function(){n&&n.removeEventListener("keydown",r)}}))}var l,v=function(){return"undefined"!=typeof window&&"undefined"!=typeof MutationObserver},m=function(e,t,r){var o=n(null);i((function(){var n=o.current;if(v()){var i=e.current;n&&n.disconnect(),n=new MutationObserver(t),i&&n.observe(i,r)}return function(){v()&&n&&n.disconnect()}}),[e,t,r])},y=function(){return"undefined"!=typeof window&&"undefined"!=typeof IntersectionObserver},p=function(e,t,r,o){var c=n(null);i((function(){var n=c.current;if(y()){var i=e.current;n&&n.disconnect(),n=new IntersectionObserver(t,o),i&&n.observe(i)}else r();return function(){y()&&n&&n.disconnect()}}),[e,t,r,o])};function w(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function b(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function g(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,i=!1,o=void 0;try{for(var c,u=e[Symbol.iterator]();!(r=(c=u.next()).done)&&(t.push(c.value),!n||t.length!==n);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==u.return||u.return()}finally{if(i)throw o}}return t}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return O(e,n)}(e,n)||function(){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 O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}!function(e){e.resized="WINDOW_RESIZED"}(l||(l={}));var j={resized:l.resized},E=function(e,n){return{isSmallDevice:e<c.small,isMediumDevice:e>c.small&&e<c.medium,isLargeDevice:e>c.medium&&e<c.large,isXlDevice:e>c.large,isPortrait:n>=e,isLandscape:n<e,inner:{height:n,width:e}}},D={isSmallDevice:!1,isMediumDevice:!1,isLargeDevice:!1,isXlDevice:!1,isLandscape:!1,isPortrait:!1,inner:{height:0,width:0}},L=function(){var e="undefined"!=typeof window?window.innerWidth:0,n="undefined"!=typeof window?window.innerHeight:0;return E(e,n)},S=function(e,n){var t=n.type,r=n.width,i=n.height;switch(t){case j.resized:return b(b({},e),E(r,i))}},A=function(){var e=g(o(S,D,L),2),n=e[0],t=e[1],r=function(){return requestAnimationFrame((function(){return t({type:j.resized,width:window.innerWidth,height:window.innerHeight})}))};return i((function(){return"undefined"!=typeof window&&window.addEventListener("resize",r),function(){"undefined"!=typeof window&&window.removeEventListener("resize",r)}}),[]),b({},n)},P=function(e){var n=e.ref,t=e.timeout,r=void 0===t?0:t,o=e.autoScroll,c=void 0===o||o,u=e.options,a=void 0===u?{behavior:"smooth"}:u,f=function(){n&&n.current&&n.current.scrollIntoView(a)};return i((function(){if(c){var e=setTimeout(f,r);return function(){return clearTimeout(e)}}}),[n,r,c]),[f]};export{D as initialScreenState,u as useAnimatedHeight,f as useClickOutside,s as useFocusOutside,p as useIntersectionObserver,d as useKeyListener,m as useMutationObserver,A as useScreen,P as useScrollIntoView}; | ||
import e,{useRef as n,useCallback as t,useLayoutEffect as r,useEffect as i,useReducer as o}from"react";import c from"@babel/runtime/helpers/defineProperty";import u from"@babel/runtime/helpers/slicedToArray";import{breakpoints as f}from"@fremtind/jkl-core";function s(e){var o=n(),c=n(),u=n(null),f=n(!0);function s(){var e=a(u);e&&e.removeAttribute("style")}var d=t((function(){if(!f.current){var n=a(u);n&&(n.style.display="block",n.style.overflow="hidden",e?(n.style.height="0",n.style.height="".concat(n.scrollHeight,"px")):(n.style.height="".concat(n.scrollHeight,"px"),o.current=requestAnimationFrame((function(){c.current=requestAnimationFrame((function(){n.style.height="".concat(0,"px")}))}))))}}),[e]);return r((function(){d()}),[e,d]),i((function(){var e=a(u);return e&&e.addEventListener("transitionend",s),function(){e&&e.removeEventListener("transitionend",s)}}),[e]),i((function(){var e=o.current,n=c.current;return f.current=!1,function(){e&&cancelAnimationFrame(e),n&&cancelAnimationFrame(n)}}),[o,c]),[u,d]}function a(e){return e.current&&(e.current.el||e.current)}function d(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("click",r),function(){n&&document&&document.removeEventListener("click",r)}}))}function l(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("focusin",r),function(){n&&document&&document.removeEventListener("focusin",r)}}))}function v(e,n,t){function r(e){n&&!n.includes(e.key)||t(e)}"string"==typeof n&&(n=[n]),i((function(){var n=e&&e.current;return n&&n.addEventListener("keydown",r),function(){n&&n.removeEventListener("keydown",r)}}))}var p,m=function(){return"undefined"!=typeof window&&"undefined"!=typeof MutationObserver},w=function(e,t,r){var o=n(null);i((function(){var n=o.current;if(m()){var i=e.current;n&&n.disconnect(),n=new MutationObserver(t),i&&n.observe(i,r)}return function(){m()&&n&&n.disconnect()}}),[e,t,r])},y=function(){return"undefined"!=typeof window&&"undefined"!=typeof IntersectionObserver},b=function(e,t,r,o){var c=n(null);i((function(){var n=c.current;if(y()){var i=e.current;n&&n.disconnect(),n=new IntersectionObserver(t,o),i&&n.observe(i)}else r();return function(){y()&&n&&n.disconnect()}}),[e,t,r,o])};function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function O(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){c(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}!function(e){e.resized="WINDOW_RESIZED"}(p||(p={}));var g={resized:p.resized},j=function(e,n){return{isSmallDevice:e<f.small,isMediumDevice:e>f.small&&e<f.medium,isLargeDevice:e>f.medium&&e<f.large,isXlDevice:e>f.large,isPortrait:n>=e,isLandscape:n<e,inner:{height:n,width:e}}},P={isSmallDevice:!1,isMediumDevice:!1,isLargeDevice:!1,isXlDevice:!1,isLandscape:!1,isPortrait:!1,inner:{height:0,width:0}},D=function(){var e="undefined"!=typeof window?window.innerWidth:0,n="undefined"!=typeof window?window.innerHeight:0;return j(e,n)},E=function(e,n){var t=n.type,r=n.width,i=n.height;switch(t){case g.resized:return O(O({},e),j(r,i))}};function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var S=function(){var e=o(E,P,D),n=u(e,2),t=n[0],r=n[1],f=function(){return requestAnimationFrame((function(){return r({type:g.resized,width:window.innerWidth,height:window.innerHeight})}))};return i((function(){return"undefined"!=typeof window&&window.addEventListener("resize",f),function(){"undefined"!=typeof window&&window.removeEventListener("resize",f)}}),[]),function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){c(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},t)},k=function(e){var n=e.ref,t=e.timeout,r=void 0===t?0:t,o=e.autoScroll,c=void 0===o||o,u=e.options,f=void 0===u?{behavior:"smooth"}:u,s=function(){n&&n.current&&n.current.scrollIntoView(f)};return i((function(){if(c){var e=setTimeout(s,r);return function(){return clearTimeout(e)}}}),[n,r,c]),[s]};export{P as initialScreenState,s as useAnimatedHeight,d as useClickOutside,l as useFocusOutside,b as useIntersectionObserver,v as useKeyListener,w as useMutationObserver,S as useScreen,k as useScrollIntoView}; |
@@ -9,2 +9,4 @@ 'use strict'; | ||
var React__default = _interopDefault(React); | ||
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty')); | ||
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray')); | ||
var jklCore = require('@fremtind/jkl-core'); | ||
@@ -220,107 +222,5 @@ | ||
function _defineProperty(obj, key, value) { | ||
if (key in obj) { | ||
Object.defineProperty(obj, key, { | ||
value: value, | ||
enumerable: true, | ||
configurable: true, | ||
writable: true | ||
}); | ||
} else { | ||
obj[key] = value; | ||
} | ||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
return obj; | ||
} | ||
function ownKeys(object, enumerableOnly) { | ||
var keys = Object.keys(object); | ||
if (Object.getOwnPropertySymbols) { | ||
var symbols = Object.getOwnPropertySymbols(object); | ||
if (enumerableOnly) symbols = symbols.filter(function (sym) { | ||
return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
}); | ||
keys.push.apply(keys, symbols); | ||
} | ||
return keys; | ||
} | ||
function _objectSpread2(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i] != null ? arguments[i] : {}; | ||
if (i % 2) { | ||
ownKeys(Object(source), true).forEach(function (key) { | ||
_defineProperty(target, key, source[key]); | ||
}); | ||
} else if (Object.getOwnPropertyDescriptors) { | ||
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); | ||
} else { | ||
ownKeys(Object(source)).forEach(function (key) { | ||
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); | ||
}); | ||
} | ||
} | ||
return target; | ||
} | ||
function _slicedToArray(arr, i) { | ||
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); | ||
} | ||
function _arrayWithHoles(arr) { | ||
if (Array.isArray(arr)) return arr; | ||
} | ||
function _iterableToArrayLimit(arr, i) { | ||
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; | ||
var _arr = []; | ||
var _n = true; | ||
var _d = false; | ||
var _e = undefined; | ||
try { | ||
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { | ||
_arr.push(_s.value); | ||
if (i && _arr.length === i) break; | ||
} | ||
} catch (err) { | ||
_d = true; | ||
_e = err; | ||
} finally { | ||
try { | ||
if (!_n && _i["return"] != null) _i["return"](); | ||
} finally { | ||
if (_d) throw _e; | ||
} | ||
} | ||
return _arr; | ||
} | ||
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 _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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
var ActionTypes; | ||
@@ -375,6 +275,9 @@ | ||
case actionTypes.resized: | ||
return _objectSpread2(_objectSpread2({}, state), setDeviceSize(width, height)); | ||
return _objectSpread(_objectSpread({}, state), setDeviceSize(width, height)); | ||
} | ||
}; | ||
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
var useScreen = function useScreen() { | ||
@@ -407,3 +310,3 @@ var _useReducer = React.useReducer(reducer, initialState, init), | ||
}, []); | ||
return _objectSpread2({}, device); | ||
return _objectSpread$1({}, device); | ||
}; | ||
@@ -410,0 +313,0 @@ |
import React, { useRef, useCallback, useLayoutEffect, useEffect, useReducer } from 'react'; | ||
import _defineProperty from '@babel/runtime/helpers/defineProperty'; | ||
import _slicedToArray from '@babel/runtime/helpers/slicedToArray'; | ||
import { breakpoints } from '@fremtind/jkl-core'; | ||
@@ -212,107 +214,5 @@ | ||
function _defineProperty(obj, key, value) { | ||
if (key in obj) { | ||
Object.defineProperty(obj, key, { | ||
value: value, | ||
enumerable: true, | ||
configurable: true, | ||
writable: true | ||
}); | ||
} else { | ||
obj[key] = value; | ||
} | ||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
return obj; | ||
} | ||
function ownKeys(object, enumerableOnly) { | ||
var keys = Object.keys(object); | ||
if (Object.getOwnPropertySymbols) { | ||
var symbols = Object.getOwnPropertySymbols(object); | ||
if (enumerableOnly) symbols = symbols.filter(function (sym) { | ||
return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
}); | ||
keys.push.apply(keys, symbols); | ||
} | ||
return keys; | ||
} | ||
function _objectSpread2(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i] != null ? arguments[i] : {}; | ||
if (i % 2) { | ||
ownKeys(Object(source), true).forEach(function (key) { | ||
_defineProperty(target, key, source[key]); | ||
}); | ||
} else if (Object.getOwnPropertyDescriptors) { | ||
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); | ||
} else { | ||
ownKeys(Object(source)).forEach(function (key) { | ||
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); | ||
}); | ||
} | ||
} | ||
return target; | ||
} | ||
function _slicedToArray(arr, i) { | ||
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); | ||
} | ||
function _arrayWithHoles(arr) { | ||
if (Array.isArray(arr)) return arr; | ||
} | ||
function _iterableToArrayLimit(arr, i) { | ||
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; | ||
var _arr = []; | ||
var _n = true; | ||
var _d = false; | ||
var _e = undefined; | ||
try { | ||
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { | ||
_arr.push(_s.value); | ||
if (i && _arr.length === i) break; | ||
} | ||
} catch (err) { | ||
_d = true; | ||
_e = err; | ||
} finally { | ||
try { | ||
if (!_n && _i["return"] != null) _i["return"](); | ||
} finally { | ||
if (_d) throw _e; | ||
} | ||
} | ||
return _arr; | ||
} | ||
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 _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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
var ActionTypes; | ||
@@ -367,6 +267,9 @@ | ||
case actionTypes.resized: | ||
return _objectSpread2(_objectSpread2({}, state), setDeviceSize(width, height)); | ||
return _objectSpread(_objectSpread({}, state), setDeviceSize(width, height)); | ||
} | ||
}; | ||
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
var useScreen = function useScreen() { | ||
@@ -399,3 +302,3 @@ var _useReducer = useReducer(reducer, initialState, init), | ||
}, []); | ||
return _objectSpread2({}, device); | ||
return _objectSpread$1({}, device); | ||
}; | ||
@@ -402,0 +305,0 @@ |
@@ -1,1 +0,1 @@ | ||
import e,{useRef as n,useCallback as t,useLayoutEffect as r,useEffect as i,useReducer as o}from"react";import{breakpoints as c}from"@fremtind/jkl-core";function u(e){var o=n(),c=n(),u=n(null),f=n(!0);function s(){var e=a(u);e&&e.removeAttribute("style")}var d=t((function(){if(!f.current){var n=a(u);n&&(n.style.display="block",n.style.overflow="hidden",e?(n.style.height="0",n.style.height="".concat(n.scrollHeight,"px")):(n.style.height="".concat(n.scrollHeight,"px"),o.current=requestAnimationFrame((function(){c.current=requestAnimationFrame((function(){n.style.height="".concat(0,"px")}))}))))}}),[e]);return r((function(){d()}),[e,d]),i((function(){var e=a(u);return e&&e.addEventListener("transitionend",s),function(){e&&e.removeEventListener("transitionend",s)}}),[e]),i((function(){var e=o.current,n=c.current;return f.current=!1,function(){e&&cancelAnimationFrame(e),n&&cancelAnimationFrame(n)}}),[o,c]),[u,d]}function a(e){return e.current&&(e.current.el||e.current)}function f(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("click",r),function(){n&&document&&document.removeEventListener("click",r)}}))}function s(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("focusin",r),function(){n&&document&&document.removeEventListener("focusin",r)}}))}function d(e,n,t){function r(e){n&&!n.includes(e.key)||t(e)}"string"==typeof n&&(n=[n]),i((function(){var n=e&&e.current;return n&&n.addEventListener("keydown",r),function(){n&&n.removeEventListener("keydown",r)}}))}var l,v=function(){return"undefined"!=typeof window&&"undefined"!=typeof MutationObserver},m=function(e,t,r){var o=n(null);i((function(){var n=o.current;if(v()){var i=e.current;n&&n.disconnect(),n=new MutationObserver(t),i&&n.observe(i,r)}return function(){v()&&n&&n.disconnect()}}),[e,t,r])},y=function(){return"undefined"!=typeof window&&"undefined"!=typeof IntersectionObserver},p=function(e,t,r,o){var c=n(null);i((function(){var n=c.current;if(y()){var i=e.current;n&&n.disconnect(),n=new IntersectionObserver(t,o),i&&n.observe(i)}else r();return function(){y()&&n&&n.disconnect()}}),[e,t,r,o])};function w(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function b(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function g(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,i=!1,o=void 0;try{for(var c,u=e[Symbol.iterator]();!(r=(c=u.next()).done)&&(t.push(c.value),!n||t.length!==n);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==u.return||u.return()}finally{if(i)throw o}}return t}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return O(e,n)}(e,n)||function(){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 O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}!function(e){e.resized="WINDOW_RESIZED"}(l||(l={}));var j={resized:l.resized},E=function(e,n){return{isSmallDevice:e<c.small,isMediumDevice:e>c.small&&e<c.medium,isLargeDevice:e>c.medium&&e<c.large,isXlDevice:e>c.large,isPortrait:n>=e,isLandscape:n<e,inner:{height:n,width:e}}},D={isSmallDevice:!1,isMediumDevice:!1,isLargeDevice:!1,isXlDevice:!1,isLandscape:!1,isPortrait:!1,inner:{height:0,width:0}},L=function(){var e="undefined"!=typeof window?window.innerWidth:0,n="undefined"!=typeof window?window.innerHeight:0;return E(e,n)},S=function(e,n){var t=n.type,r=n.width,i=n.height;switch(t){case j.resized:return b(b({},e),E(r,i))}},A=function(){var e=g(o(S,D,L),2),n=e[0],t=e[1],r=function(){return requestAnimationFrame((function(){return t({type:j.resized,width:window.innerWidth,height:window.innerHeight})}))};return i((function(){return"undefined"!=typeof window&&window.addEventListener("resize",r),function(){"undefined"!=typeof window&&window.removeEventListener("resize",r)}}),[]),b({},n)},P=function(e){var n=e.ref,t=e.timeout,r=void 0===t?0:t,o=e.autoScroll,c=void 0===o||o,u=e.options,a=void 0===u?{behavior:"smooth"}:u,f=function(){n&&n.current&&n.current.scrollIntoView(a)};return i((function(){if(c){var e=setTimeout(f,r);return function(){return clearTimeout(e)}}}),[n,r,c]),[f]};export{D as initialScreenState,u as useAnimatedHeight,f as useClickOutside,s as useFocusOutside,p as useIntersectionObserver,d as useKeyListener,m as useMutationObserver,A as useScreen,P as useScrollIntoView}; | ||
import e,{useRef as n,useCallback as t,useLayoutEffect as r,useEffect as i,useReducer as o}from"react";import c from"@babel/runtime/helpers/defineProperty";import u from"@babel/runtime/helpers/slicedToArray";import{breakpoints as f}from"@fremtind/jkl-core";function s(e){var o=n(),c=n(),u=n(null),f=n(!0);function s(){var e=a(u);e&&e.removeAttribute("style")}var d=t((function(){if(!f.current){var n=a(u);n&&(n.style.display="block",n.style.overflow="hidden",e?(n.style.height="0",n.style.height="".concat(n.scrollHeight,"px")):(n.style.height="".concat(n.scrollHeight,"px"),o.current=requestAnimationFrame((function(){c.current=requestAnimationFrame((function(){n.style.height="".concat(0,"px")}))}))))}}),[e]);return r((function(){d()}),[e,d]),i((function(){var e=a(u);return e&&e.addEventListener("transitionend",s),function(){e&&e.removeEventListener("transitionend",s)}}),[e]),i((function(){var e=o.current,n=c.current;return f.current=!1,function(){e&&cancelAnimationFrame(e),n&&cancelAnimationFrame(n)}}),[o,c]),[u,d]}function a(e){return e.current&&(e.current.el||e.current)}function d(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("click",r),function(){n&&document&&document.removeEventListener("click",r)}}))}function l(n,t){function r(e){n&&n.current&&!n.current.contains(e.target)&&t()}e.useEffect((function(){return n&&document&&document.addEventListener("focusin",r),function(){n&&document&&document.removeEventListener("focusin",r)}}))}function v(e,n,t){function r(e){n&&!n.includes(e.key)||t(e)}"string"==typeof n&&(n=[n]),i((function(){var n=e&&e.current;return n&&n.addEventListener("keydown",r),function(){n&&n.removeEventListener("keydown",r)}}))}var p,m=function(){return"undefined"!=typeof window&&"undefined"!=typeof MutationObserver},w=function(e,t,r){var o=n(null);i((function(){var n=o.current;if(m()){var i=e.current;n&&n.disconnect(),n=new MutationObserver(t),i&&n.observe(i,r)}return function(){m()&&n&&n.disconnect()}}),[e,t,r])},y=function(){return"undefined"!=typeof window&&"undefined"!=typeof IntersectionObserver},b=function(e,t,r,o){var c=n(null);i((function(){var n=c.current;if(y()){var i=e.current;n&&n.disconnect(),n=new IntersectionObserver(t,o),i&&n.observe(i)}else r();return function(){y()&&n&&n.disconnect()}}),[e,t,r,o])};function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function O(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){c(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}!function(e){e.resized="WINDOW_RESIZED"}(p||(p={}));var g={resized:p.resized},j=function(e,n){return{isSmallDevice:e<f.small,isMediumDevice:e>f.small&&e<f.medium,isLargeDevice:e>f.medium&&e<f.large,isXlDevice:e>f.large,isPortrait:n>=e,isLandscape:n<e,inner:{height:n,width:e}}},P={isSmallDevice:!1,isMediumDevice:!1,isLargeDevice:!1,isXlDevice:!1,isLandscape:!1,isPortrait:!1,inner:{height:0,width:0}},D=function(){var e="undefined"!=typeof window?window.innerWidth:0,n="undefined"!=typeof window?window.innerHeight:0;return j(e,n)},E=function(e,n){var t=n.type,r=n.width,i=n.height;switch(t){case g.resized:return O(O({},e),j(r,i))}};function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var S=function(){var e=o(E,P,D),n=u(e,2),t=n[0],r=n[1],f=function(){return requestAnimationFrame((function(){return r({type:g.resized,width:window.innerWidth,height:window.innerHeight})}))};return i((function(){return"undefined"!=typeof window&&window.addEventListener("resize",f),function(){"undefined"!=typeof window&&window.removeEventListener("resize",f)}}),[]),function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){c(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},t)},k=function(e){var n=e.ref,t=e.timeout,r=void 0===t?0:t,o=e.autoScroll,c=void 0===o||o,u=e.options,f=void 0===u?{behavior:"smooth"}:u,s=function(){n&&n.current&&n.current.scrollIntoView(f)};return i((function(){if(c){var e=setTimeout(s,r);return function(){return clearTimeout(e)}}}),[n,r,c]),[s]};export{P as initialScreenState,s as useAnimatedHeight,d as useClickOutside,l as useFocusOutside,b as useIntersectionObserver,v as useKeyListener,w as useMutationObserver,S as useScreen,k as useScrollIntoView}; |
@@ -6,2 +6,13 @@ # Change Log | ||
# [1.3.0](https://github.com/fremtind/jokul/compare/@fremtind/jkl-react-hooks@1.2.16...@fremtind/jkl-react-hooks@1.3.0) (2020-07-29) | ||
### Features | ||
* **build:** use @babel/runtime instead of inlining helpers in each file ([bbadce5](https://github.com/fremtind/jokul/commit/bbadce52ba4da5d540b479b07273332587bed436)), closes [#1136](https://github.com/fremtind/jokul/issues/1136) | ||
## 1.2.16 (2020-07-08) | ||
@@ -8,0 +19,0 @@ |
{ | ||
"name": "@fremtind/jkl-react-hooks", | ||
"version": "1.2.16", | ||
"version": "1.3.0", | ||
"publishConfig": { | ||
@@ -37,6 +37,7 @@ "access": "public" | ||
"devDependencies": { | ||
"@fremtind/jkl-portal-components": "^0.3.16" | ||
"@fremtind/jkl-portal-components": "^0.4.0" | ||
}, | ||
"dependencies": { | ||
"@fremtind/jkl-core": "^4.8.0" | ||
"@babel/runtime": "^7.9.0", | ||
"@fremtind/jkl-core": "^4.9.0" | ||
}, | ||
@@ -56,3 +57,3 @@ "peerDependencies": { | ||
}, | ||
"gitHead": "bcd9aa0bc572427d843935c7ed4cd67185e8b621" | ||
"gitHead": "4fb5d732a85a32d7c79d0502e530adbdfbd49eab" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
59894
6
1007
+ Added@babel/runtime@^7.9.0
Updated@fremtind/jkl-core@^4.9.0