@cleartrip/ct-platform-io-hoc 0.1.42-b5

package/dist/IntersectionObserverHOC.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IntersectionObserverProps } from './IntersectionObserverHOC.types';
+declare const IntersectionObserverHOC: React.FC<IntersectionObserverProps>;
+export default IntersectionObserverHOC;
+//# sourceMappingURL=IntersectionObserverHOC.d.ts.map

package/dist/IntersectionObserverHOC.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserverHOC.d.ts","sourceRoot":"","sources":["../packages/components/IntersectionObserverHOC/src/IntersectionObserverHOC.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAE5E,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuEhE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/IntersectionObserverHOC.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface IntersectionObserverProps {
+    children: ReactNode;
+    onIntersection: () => void;
+    onTimedObservationComplete?: () => void;
+}
+//# sourceMappingURL=IntersectionObserverHOC.types.d.ts.map

package/dist/IntersectionObserverHOC.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserverHOC.types.d.ts","sourceRoot":"","sources":["../packages/components/IntersectionObserverHOC/src/IntersectionObserverHOC.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3C"}

package/dist/ct-platform-io-hoc.cjs.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+var IntersectionObserverHOC = function (_a) {
+    var children = _a.children, onIntersection = _a.onIntersection, onTimedObservationComplete = _a.onTimedObservationComplete;
+    var viewed = react.useRef(false);
+    var intersected = react.useRef(false);
+    var intersectionRef = react.useRef(null);
+    var timeoutInstance = react.useRef(null);
+    var handleIO = react.useCallback(function (entries, observer) {
+        var entry = entries[0];
+        if (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) {
+            if (!intersected.current) {
+                onIntersection();
+                intersected.current = true;
+            }
+            var intersectionRatio = entry.intersectionRatio;
+            if (intersectionRatio >= 0.5) {
+                timeoutInstance.current &&
+                    clearTimeout(timeoutInstance.current);
+                timeoutInstance.current = setTimeout(function () {
+                    if (!viewed.current) {
+                        unobserve(observer);
+                        viewed.current = true;
+                        onTimedObservationComplete === null || onTimedObservationComplete === void 0 ? void 0 : onTimedObservationComplete();
+                    }
+                }, 1000);
+            }
+            else if (timeoutInstance.current) {
+                clearTimeout(timeoutInstance.current);
+            }
+        }
+        else {
+            if (timeoutInstance.current) {
+                clearTimeout(timeoutInstance.current);
+            }
+        }
+    }, []);
+    react.useEffect(function () {
+        var observer = new IntersectionObserver(handleIO, {
+            threshold: [0.01, 0.5],
+        });
+        if (intersectionRef.current) {
+            observer.observe(intersectionRef.current);
+        }
+        return function () {
+            unobserve(observer);
+        };
+    }, []);
+    var unobserve = react.useCallback(function (observer) {
+        if (intersectionRef.current) {
+            observer.unobserve(intersectionRef.current);
+        }
+    }, [intersectionRef]);
+    return jsxRuntime.jsx("div", tslib.__assign({ ref: intersectionRef }, { children: children }));
+};
+
+exports.IntersectionObserverHOC = IntersectionObserverHOC;
+//# sourceMappingURL=ct-platform-io-hoc.cjs.js.map

package/dist/ct-platform-io-hoc.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-platform-io-hoc.cjs.js","sources":["../packages/components/IntersectionObserverHOC/src/IntersectionObserverHOC.tsx"],"sourcesContent":[null],"names":["useRef","useCallback","useEffect","_jsx"],"mappings":";;;;;;AAIM,IAAA,uBAAuB,GAAwC,UAAC,EAIrE,EAAA;AAHG,IAAA,IAAA,QAAQ,cAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,0BAA0B,GAAA,EAAA,CAAA,0BAAA,CAAA;AAE1B,IAAA,IAAM,MAAM,GAAGA,YAAM,CAAU,KAAK,CAAC,CAAC;AACtC,IAAA,IAAM,WAAW,GAAGA,YAAM,CAAU,KAAK,CAAC,CAAC;AAC3C,IAAA,IAAM,eAAe,GAAGA,YAAM,CAAwB,IAAI,CAAC,CAAC;AAC5D,IAAA,IAAM,eAAe,GAAGA,YAAM,CAAwB,IAAI,CAAC,CAAC;AAE5D,IAAA,IAAM,QAAQ,GAAGC,iBAAW,CACxB,UACI,OAAoC,EACpC,QAA8B,EAAA;AAE9B,QAAA,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAEzB,QAAA,IAAI,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;AACtB,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,aAAA;AAEO,YAAA,IAAA,iBAAiB,GAAK,KAAK,CAAA,iBAAV,CAAW;YAEpC,IAAI,iBAAiB,IAAI,GAAG,EAAE;AAC1B,gBAAA,eAAe,CAAC,OAAO;AACnB,oBAAA,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC1C,gBAAA,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,YAAA;AACjC,oBAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;wBACjB,SAAS,CAAC,QAAQ,CAAC,CAAC;AACpB,wBAAA,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;AACtB,wBAAA,0BAA0B,KAA1B,IAAA,IAAA,0BAA0B,KAA1B,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,0BAA0B,EAAI,CAAC;AAClC,qBAAA;iBACJ,EAAE,IAAI,CAAC,CAAC;AACZ,aAAA;iBAAM,IAAI,eAAe,CAAC,OAAO,EAAE;AAChC,gBAAA,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AACzC,aAAA;AACJ,SAAA;AAAM,aAAA;YACH,IAAI,eAAe,CAAC,OAAO,EAAE;AACzB,gBAAA,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AACzC,aAAA;AACJ,SAAA;KACJ,EACD,EAAE,CACL,CAAC;AAEF,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,QAAQ,EAAE;AAChD,YAAA,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC;AACzB,SAAA,CAAC,CAAC;QAEH,IAAI,eAAe,CAAC,OAAO,EAAE;AACzB,YAAA,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC7C,SAAA;QAED,OAAO,YAAA;YACH,SAAS,CAAC,QAAQ,CAAC,CAAC;AACxB,SAAC,CAAC;KACL,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,IAAM,SAAS,GAAGD,iBAAW,CACzB,UAAC,QAA8B,EAAA;QAC3B,IAAI,eAAe,CAAC,OAAO,EAAE;AACzB,YAAA,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC/C,SAAA;AACL,KAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;AAEF,IAAA,OAAOE,uCAAK,GAAG,EAAE,eAAe,EAAG,EAAA,EAAA,QAAA,EAAA,QAAQ,IAAO,CAAC;AACvD;;;;"}

package/dist/ct-platform-io-hoc.esm.js

@@ -0,0 +1,60 @@
+import { __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useCallback, useEffect } from 'react';
+
+var IntersectionObserverHOC = function (_a) {
+    var children = _a.children, onIntersection = _a.onIntersection, onTimedObservationComplete = _a.onTimedObservationComplete;
+    var viewed = useRef(false);
+    var intersected = useRef(false);
+    var intersectionRef = useRef(null);
+    var timeoutInstance = useRef(null);
+    var handleIO = useCallback(function (entries, observer) {
+        var entry = entries[0];
+        if (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) {
+            if (!intersected.current) {
+                onIntersection();
+                intersected.current = true;
+            }
+            var intersectionRatio = entry.intersectionRatio;
+            if (intersectionRatio >= 0.5) {
+                timeoutInstance.current &&
+                    clearTimeout(timeoutInstance.current);
+                timeoutInstance.current = setTimeout(function () {
+                    if (!viewed.current) {
+                        unobserve(observer);
+                        viewed.current = true;
+                        onTimedObservationComplete === null || onTimedObservationComplete === void 0 ? void 0 : onTimedObservationComplete();
+                    }
+                }, 1000);
+            }
+            else if (timeoutInstance.current) {
+                clearTimeout(timeoutInstance.current);
+            }
+        }
+        else {
+            if (timeoutInstance.current) {
+                clearTimeout(timeoutInstance.current);
+            }
+        }
+    }, []);
+    useEffect(function () {
+        var observer = new IntersectionObserver(handleIO, {
+            threshold: [0.01, 0.5],
+        });
+        if (intersectionRef.current) {
+            observer.observe(intersectionRef.current);
+        }
+        return function () {
+            unobserve(observer);
+        };
+    }, []);
+    var unobserve = useCallback(function (observer) {
+        if (intersectionRef.current) {
+            observer.unobserve(intersectionRef.current);
+        }
+    }, [intersectionRef]);
+    return jsx("div", __assign({ ref: intersectionRef }, { children: children }));
+};
+
+export { IntersectionObserverHOC };
+//# sourceMappingURL=ct-platform-io-hoc.esm.js.map

package/dist/ct-platform-io-hoc.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-platform-io-hoc.esm.js","sources":["../packages/components/IntersectionObserverHOC/src/IntersectionObserverHOC.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAIM,IAAA,uBAAuB,GAAwC,UAAC,EAIrE,EAAA;AAHG,IAAA,IAAA,QAAQ,cAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,0BAA0B,GAAA,EAAA,CAAA,0BAAA,CAAA;AAE1B,IAAA,IAAM,MAAM,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AACtC,IAAA,IAAM,WAAW,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAC3C,IAAA,IAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC5D,IAAA,IAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAE5D,IAAA,IAAM,QAAQ,GAAG,WAAW,CACxB,UACI,OAAoC,EACpC,QAA8B,EAAA;AAE9B,QAAA,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAEzB,QAAA,IAAI,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;AACtB,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,aAAA;AAEO,YAAA,IAAA,iBAAiB,GAAK,KAAK,CAAA,iBAAV,CAAW;YAEpC,IAAI,iBAAiB,IAAI,GAAG,EAAE;AAC1B,gBAAA,eAAe,CAAC,OAAO;AACnB,oBAAA,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC1C,gBAAA,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,YAAA;AACjC,oBAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;wBACjB,SAAS,CAAC,QAAQ,CAAC,CAAC;AACpB,wBAAA,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;AACtB,wBAAA,0BAA0B,KAA1B,IAAA,IAAA,0BAA0B,KAA1B,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,0BAA0B,EAAI,CAAC;AAClC,qBAAA;iBACJ,EAAE,IAAI,CAAC,CAAC;AACZ,aAAA;iBAAM,IAAI,eAAe,CAAC,OAAO,EAAE;AAChC,gBAAA,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AACzC,aAAA;AACJ,SAAA;AAAM,aAAA;YACH,IAAI,eAAe,CAAC,OAAO,EAAE;AACzB,gBAAA,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AACzC,aAAA;AACJ,SAAA;KACJ,EACD,EAAE,CACL,CAAC;AAEF,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,QAAQ,EAAE;AAChD,YAAA,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC;AACzB,SAAA,CAAC,CAAC;QAEH,IAAI,eAAe,CAAC,OAAO,EAAE;AACzB,YAAA,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC7C,SAAA;QAED,OAAO,YAAA;YACH,SAAS,CAAC,QAAQ,CAAC,CAAC;AACxB,SAAC,CAAC;KACL,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,IAAM,SAAS,GAAG,WAAW,CACzB,UAAC,QAA8B,EAAA;QAC3B,IAAI,eAAe,CAAC,OAAO,EAAE;AACzB,YAAA,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC/C,SAAA;AACL,KAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;AAEF,IAAA,OAAOA,sBAAK,GAAG,EAAE,eAAe,EAAG,EAAA,EAAA,QAAA,EAAA,QAAQ,IAAO,CAAC;AACvD;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as IntersectionObserverHOC } from './IntersectionObserverHOC';
+export * from './IntersectionObserverHOC.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/IntersectionObserverHOC/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,cAAc,iCAAiC,CAAC"}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@cleartrip/ct-platform-io-hoc",
+  "version": "0.1.42-b5",
+  "description": "Intersection Observer HOC",
+  "types": "dist/index.d.ts",
+  "main": "dist/ct-platform-io-hoc.cjs.js",
+  "module": "dist/ct-platform-io-hoc.esm.js",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {},
+  "dependencies": {},
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Cleartrip",
+  "license": "ISC",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "watch-package": "rollup -c -w",
+    "build-package": "rollup -c",
+    "build-package:clean": "rm -rf dist && rollup -c"
+  }
+}