@dhis2-ui/intersection-detector 10.16.3-alpha.1 → 10.16.4

package/build/cjs/intersection-detector.e2e.stories.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.OutOfView = exports.InView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _intersectionDetector = require("./intersection-detector.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 window.onChange = window.Cypress ? window.Cypress.cy.stub() : () => null;
 var _default = exports.default = {
   title: 'IntersectionDetector'

package/build/cjs/intersection-detector.js

@@ -7,18 +7,16 @@ exports.IntersectionDetector = void 0;
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IntersectionDetector = _ref => {
-  let {
-    threshold = 0,
-    onChange,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-intersectiondetector',
-    rootRef
-  } = _ref;
+const IntersectionDetector = ({
+  threshold = 0,
+  onChange,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-intersectiondetector',
+  rootRef
+}) => {
   // Use useRef instead of useState to prevent unnecessary re-render:
   //   The state changes won't be reflected in what this component renders,
   //   so there's no need for re-rendering the (potentially computational

package/build/cjs/intersection-detector.prod.stories.js

@@ -8,8 +8,7 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _intersectionDetector = require("./intersection-detector.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const description = `
@@ -48,11 +47,10 @@ const Text = () => /*#__PURE__*/_react.default.createElement("p", {
 }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tempor venenatis hendrerit. Donec dictum sed ligula id efficitur. Suspendisse feugiat, elit in dictum imperdiet, mi tellus euismod nibh, vitae hendrerit turpis odio ut mauris. Vestibulum rhoncus interdum nunc eu eleifend. Aenean viverra nibh hendrerit nulla iaculis, vitae tincidunt erat ullamcorper. Donec tempus mattis faucibus. Donec nec lacus vitae elit aliquet pharetra. Cras vitae odio eu lorem euismod malesuada. Nunc eu rhoncus mauris. Nullam vehicula elit id vehicula maximus. Phasellus gravida tincidunt mauris, vitae laoreet erat commodo id. Nullam vitae erat ante. Proin id ultricies risus, in ultricies mauris. Vivamus lectus enim, ultricies vel egestas nec, tempor a magna. Nam sed fermentum ipsum, a ullamcorper felis. Aenean finibus erat elit, at eleifend nulla rutrum at.", /*#__PURE__*/_react.default.createElement(_style.default, {
   id: "3862390236"
 }, ["p.jsx-3862390236{margin:0;}"]));
-const Template = _ref => {
-  let {
-    containerStyles,
-    ...args
-  } = _ref;
+const Template = ({
+  containerStyles,
+  ...args
+}) => {
   const rootRef = (0, _react.useRef)();
   const [isIntersecting, setIsIntersecting] = (0, _react.useState)(false);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -68,12 +66,9 @@ const Template = _ref => {
     style: containerStyles,
     className: "jsx-2697878418"
   }, /*#__PURE__*/_react.default.createElement(_intersectionDetector.IntersectionDetector, _extends({}, args, {
-    onChange: _ref2 => {
-      let {
-        isIntersecting
-      } = _ref2;
-      return setIsIntersecting(isIntersecting);
-    },
+    onChange: ({
+      isIntersecting
+    }) => setIsIntersecting(isIntersecting),
     rootRef: rootRef
   }))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2697878418"

package/build/es/intersection-detector.js

@@ -1,15 +1,14 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React, { useEffect, useRef } from 'react';
-export const IntersectionDetector = _ref => {
-  let {
-    threshold = 0,
-    onChange,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-intersectiondetector',
-    rootRef
-  } = _ref;
+export const IntersectionDetector = ({
+  threshold = 0,
+  onChange,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-intersectiondetector',
+  rootRef
+}) => {
   // Use useRef instead of useState to prevent unnecessary re-render:
   //   The state changes won't be reflected in what this component renders,
   //   so there's no need for re-rendering the (potentially computational

package/build/es/intersection-detector.prod.stories.js

@@ -39,11 +39,10 @@ const Text = () => /*#__PURE__*/React.createElement("p", {
 }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tempor venenatis hendrerit. Donec dictum sed ligula id efficitur. Suspendisse feugiat, elit in dictum imperdiet, mi tellus euismod nibh, vitae hendrerit turpis odio ut mauris. Vestibulum rhoncus interdum nunc eu eleifend. Aenean viverra nibh hendrerit nulla iaculis, vitae tincidunt erat ullamcorper. Donec tempus mattis faucibus. Donec nec lacus vitae elit aliquet pharetra. Cras vitae odio eu lorem euismod malesuada. Nunc eu rhoncus mauris. Nullam vehicula elit id vehicula maximus. Phasellus gravida tincidunt mauris, vitae laoreet erat commodo id. Nullam vitae erat ante. Proin id ultricies risus, in ultricies mauris. Vivamus lectus enim, ultricies vel egestas nec, tempor a magna. Nam sed fermentum ipsum, a ullamcorper felis. Aenean finibus erat elit, at eleifend nulla rutrum at.", /*#__PURE__*/React.createElement(_JSXStyle, {
   id: "3862390236"
 }, ["p.jsx-3862390236{margin:0;}"]));
-const Template = _ref => {
-  let {
-    containerStyles,
-    ...args
-  } = _ref;
+const Template = ({
+  containerStyles,
+  ...args
+}) => {
   const rootRef = useRef();
   const [isIntersecting, setIsIntersecting] = useState(false);
   return /*#__PURE__*/React.createElement("div", {
@@ -59,12 +58,9 @@ const Template = _ref => {
     style: containerStyles,
     className: "jsx-2697878418"
   }, /*#__PURE__*/React.createElement(IntersectionDetector, _extends({}, args, {
-    onChange: _ref2 => {
-      let {
-        isIntersecting
-      } = _ref2;
-      return setIsIntersecting(isIntersecting);
-    },
+    onChange: ({
+      isIntersecting
+    }) => setIsIntersecting(isIntersecting),
     rootRef: rootRef
   }))))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2697878418"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/intersection-detector",
-    "version": "10.16.3-alpha.1",
+    "version": "10.16.4",
     "description": "UI IntersectionDetector",
     "repository": {
         "type": "git",
@@ -33,7 +33,7 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "10.16.3-alpha.1",
+        "@dhis2/ui-constants": "10.16.4",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },