@dhis2-ui/intersection-detector 8.1.11 → 8.2.2

package/build/cjs/intersection-detector.js

@@ -17,14 +17,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const IntersectionDetector = ({
-  threshold,
-  onChange,
-  children,
-  className,
-  dataTest,
-  rootRef
-}) => {
+const IntersectionDetector = _ref => {
+  let {
+    threshold,
+    onChange,
+    children,
+    className,
+    dataTest,
+    rootRef
+  } = _ref;
   // 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.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InView = exports.OutOfView = exports.default = void 0;
+exports.default = exports.OutOfView = exports.InView = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BottomArea = exports.AbsoluteTopArea = exports.AbsoluteBottomArea = exports.default = void 0;
+exports.default = exports.BottomArea = exports.AbsoluteTopArea = exports.AbsoluteBottomArea = void 0;
 
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 
@@ -21,17 +21,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const description = `
-A tool to performantly detect when two components intersect, which is often better to use than scroll listeners. A common use case is to detect when a child component is in view inside a scrolling parent. Uses an [\`IntersectionObserver\`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) object internally.
-
-See the code examples below for examples on how to implement it.
-
-\`\`\`js
-import { IntersectionDetector } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA tool to performantly detect when two components intersect, which is often better to use than scroll listeners. A common use case is to detect when a child component is in view inside a scrolling parent. Uses an [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) object internally.\n\nSee the code examples below for examples on how to implement it.\n\n```js\nimport { IntersectionDetector } from '@dhis2/ui'\n```\n";
 var _default = {
-  title: 'Helpers/Intersection Observer',
+  title: 'Intersection Observer',
   component: _intersectionDetector.IntersectionDetector,
   parameters: {
     docs: {
@@ -60,17 +52,18 @@ const Text = () => /*#__PURE__*/_react.default.createElement("p", {
   id: "3862390236"
 }, ["p.jsx-3862390236{margin:0;}"]));
 
-const Template = ({
-  containerStyles,
-  ...args
-}) => {
+const Template = _ref => {
+  let {
+    containerStyles,
+    ...args
+  } = _ref;
   const rootRef = (0, _react.useRef)();
   const [isIntersecting, setIsIntersecting] = (0, _react.useState)(false);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "jsx-2697878418" + " " + "container"
   }, /*#__PURE__*/_react.default.createElement("p", {
     className: "jsx-2697878418"
-  }, "Is intersecting: ", ` ${isIntersecting}`), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Is intersecting: ", " ".concat(isIntersecting)), /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
     className: "jsx-2697878418" + " " + "scrollContainer"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -79,9 +72,12 @@ const Template = ({
     style: containerStyles,
     className: "jsx-2697878418"
   }, /*#__PURE__*/_react.default.createElement(_intersectionDetector.IntersectionDetector, _extends({}, args, {
-    onChange: ({
-      isIntersecting
-    }) => setIsIntersecting(isIntersecting),
+    onChange: _ref2 => {
+      let {
+        isIntersecting
+      } = _ref2;
+      return setIsIntersecting(isIntersecting);
+    },
     rootRef: rootRef
   }))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2697878418"

package/build/es/intersection-detector.js

@@ -1,14 +1,15 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React, { useEffect, useRef } from 'react';
-export const IntersectionDetector = ({
-  threshold,
-  onChange,
-  children,
-  className,
-  dataTest,
-  rootRef
-}) => {
+export const IntersectionDetector = _ref => {
+  let {
+    threshold,
+    onChange,
+    children,
+    className,
+    dataTest,
+    rootRef
+  } = _ref;
   // 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.stories.js

@@ -5,17 +5,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import PropTypes from 'prop-types';
 import React, { useState, useRef } from 'react';
 import { IntersectionDetector } from './intersection-detector.js';
-const description = `
-A tool to performantly detect when two components intersect, which is often better to use than scroll listeners. A common use case is to detect when a child component is in view inside a scrolling parent. Uses an [\`IntersectionObserver\`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) object internally.
-
-See the code examples below for examples on how to implement it.
-
-\`\`\`js
-import { IntersectionDetector } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA tool to performantly detect when two components intersect, which is often better to use than scroll listeners. A common use case is to detect when a child component is in view inside a scrolling parent. Uses an [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) object internally.\n\nSee the code examples below for examples on how to implement it.\n\n```js\nimport { IntersectionDetector } from '@dhis2/ui'\n```\n";
 export default {
-  title: 'Helpers/Intersection Observer',
+  title: 'Intersection Observer',
   component: IntersectionDetector,
   parameters: {
     docs: {
@@ -43,17 +35,18 @@ const Text = () => /*#__PURE__*/React.createElement("p", {
   id: "3862390236"
 }, ["p.jsx-3862390236{margin:0;}"]));
 
-const Template = ({
-  containerStyles,
-  ...args
-}) => {
+const Template = _ref => {
+  let {
+    containerStyles,
+    ...args
+  } = _ref;
   const rootRef = useRef();
   const [isIntersecting, setIsIntersecting] = useState(false);
   return /*#__PURE__*/React.createElement("div", {
     className: "jsx-2697878418" + " " + "container"
   }, /*#__PURE__*/React.createElement("p", {
     className: "jsx-2697878418"
-  }, "Is intersecting: ", ` ${isIntersecting}`), /*#__PURE__*/React.createElement("div", {
+  }, "Is intersecting: ", " ".concat(isIntersecting)), /*#__PURE__*/React.createElement("div", {
     ref: rootRef,
     className: "jsx-2697878418" + " " + "scrollContainer"
   }, /*#__PURE__*/React.createElement("div", {
@@ -62,9 +55,12 @@ const Template = ({
     style: containerStyles,
     className: "jsx-2697878418"
   }, /*#__PURE__*/React.createElement(IntersectionDetector, _extends({}, args, {
-    onChange: ({
-      isIntersecting
-    }) => setIsIntersecting(isIntersecting),
+    onChange: _ref2 => {
+      let {
+        isIntersecting
+      } = _ref2;
+      return setIsIntersecting(isIntersecting);
+    },
     rootRef: rootRef
   }))))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2697878418"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/intersection-detector",
-    "version": "8.1.11",
+    "version": "8.2.2",
     "description": "UI IntersectionDetector",
     "repository": {
         "type": "git",
@@ -32,7 +32,7 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2/ui-constants": "8.1.11",
+        "@dhis2/ui-constants": "8.2.2",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },