@cloudscape-design/components 3.0.553 → 3.0.555

package/internal/hooks/use-latency-metrics/is-in-viewport.js

@@ -1,74 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-let map = new WeakMap();
-const MAX_DELAY_MS = 1000;
-const MANUAL_TRIGGER_DELAY = 2000;
-/**
- * This function determines whether an element is in the viewport. The callback
- * is batched with other elements that also use this function, in order to improve
- * performance.
- */
-export function isInViewport(element, callback) {
-    const mapSnapshot = map;
-    let called = false;
-    mapSnapshot.set(element, entry => {
-        if (!called) {
-            called = true;
-            callback(entry);
-        }
-    });
-    /*
-     If the IntersectionObserver does not fire in reasonable time (for example
-     in a background page in Chrome), we need to call the callback manually.
-  
-     See https://issues.chromium.org/issues/41383759
-     */
-    const timeoutHandle = setTimeout(() => {
-        if (!called) {
-            called = true;
-            callback(false);
-        }
-    }, MANUAL_TRIGGER_DELAY);
-    observer.observe(element);
-    // Cleanup
-    return () => {
-        clearTimeout(timeoutHandle);
-        mapSnapshot.delete(element);
-        observer.unobserve(element);
-    };
-}
-function createIntersectionObserver(callback) {
-    if (typeof IntersectionObserver === 'undefined') {
-        return {
-            observe: () => { },
-            unobserve: () => { },
-        };
-    }
-    return new IntersectionObserver(callback);
-}
-const observer = createIntersectionObserver(function isInViewportObserver(entries) {
-    // This avoids interference when the IntersectionObserver is called again during the delay.
-    const mapSnapshot = map;
-    map = new Map();
-    // We only want the first run of the observer.
-    for (const entry of entries) {
-        observer.unobserve(entry.target);
-    }
-    // We yield the event loop, since these events are low priority and not time critical.
-    defer(() => {
-        var _a;
-        for (const entry of entries) {
-            (_a = mapSnapshot.get(entry.target)) === null || _a === void 0 ? void 0 : _a(entry.isIntersecting);
-        }
-    }, MAX_DELAY_MS);
-});
-function defer(callback, maxDelayMs) {
-    if (typeof requestIdleCallback === 'function') {
-        requestIdleCallback(callback, { timeout: maxDelayMs });
-    }
-    else {
-        // requestIdleCallback is not supported in Safari
-        setTimeout(callback, maxDelayMs);
-    }
-}
-//# sourceMappingURL=is-in-viewport.js.map

package/internal/hooks/use-latency-metrics/is-in-viewport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-in-viewport.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-latency-metrics/is-in-viewport.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,IAAI,GAAG,GAAG,IAAI,OAAO,EAAqB,CAAC;AAE3C,MAAM,YAAY,GAAG,IAAI,CAAC;AAC1B,MAAM,oBAAoB,GAAG,IAAI,CAAC;AAElC;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,OAAgB,EAAE,QAAkB;IAC/D,MAAM,WAAW,GAAG,GAAG,CAAC;IACxB,IAAI,MAAM,GAAG,KAAK,CAAC;IAEnB,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;QAC/B,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,GAAG,IAAI,CAAC;YACd,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,CAAC,CAAC;IAEH;;;;;OAKG;IACH,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,GAAG,IAAI,CAAC;YACd,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EAAE,oBAAoB,CAAC,CAAC;IAEzB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1B,UAAU;IACV,OAAO,GAAG,EAAE;QACV,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B,CAAC,QAAsC;IACxE,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE;QAC/C,OAAO;YACL,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;SACpB,CAAC;KACH;IACD,OAAO,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,QAAQ,GAAG,0BAA0B,CAAC,SAAS,oBAAoB,CAAC,OAAO;IAC/E,2FAA2F;IAC3F,MAAM,WAAW,GAAG,GAAG,CAAC;IACxB,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;IAEhB,8CAA8C;IAC9C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAClC;IAED,sFAAsF;IACtF,KAAK,CAAC,GAAG,EAAE;;QACT,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;YAC3B,MAAA,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,0CAAG,KAAK,CAAC,cAAc,CAAC,CAAC;SACvD;IACH,CAAC,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC,CAAC,CAAC;AAEH,SAAS,KAAK,CAAC,QAAoB,EAAE,UAAkB;IACrD,IAAI,OAAO,mBAAmB,KAAK,UAAU,EAAE;QAC7C,mBAAmB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;KACxD;SAAM;QACL,iDAAiD;QACjD,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;KAClC;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\ntype Callback = (inViewport: boolean) => void;\nlet map = new WeakMap<Element, Callback>();\n\nconst MAX_DELAY_MS = 1000;\nconst MANUAL_TRIGGER_DELAY = 2000;\n\n/**\n * This function determines whether an element is in the viewport. The callback\n * is batched with other elements that also use this function, in order to improve\n * performance.\n */\nexport function isInViewport(element: Element, callback: Callback) {\n  const mapSnapshot = map;\n  let called = false;\n\n  mapSnapshot.set(element, entry => {\n    if (!called) {\n      called = true;\n      callback(entry);\n    }\n  });\n\n  /*\n   If the IntersectionObserver does not fire in reasonable time (for example\n   in a background page in Chrome), we need to call the callback manually.\n\n   See https://issues.chromium.org/issues/41383759\n   */\n  const timeoutHandle = setTimeout(() => {\n    if (!called) {\n      called = true;\n      callback(false);\n    }\n  }, MANUAL_TRIGGER_DELAY);\n\n  observer.observe(element);\n\n  // Cleanup\n  return () => {\n    clearTimeout(timeoutHandle);\n    mapSnapshot.delete(element);\n    observer.unobserve(element);\n  };\n}\n\nfunction createIntersectionObserver(callback: IntersectionObserverCallback) {\n  if (typeof IntersectionObserver === 'undefined') {\n    return {\n      observe: () => {},\n      unobserve: () => {},\n    };\n  }\n  return new IntersectionObserver(callback);\n}\n\nconst observer = createIntersectionObserver(function isInViewportObserver(entries) {\n  // This avoids interference when the IntersectionObserver is called again during the delay.\n  const mapSnapshot = map;\n  map = new Map();\n\n  // We only want the first run of the observer.\n  for (const entry of entries) {\n    observer.unobserve(entry.target);\n  }\n\n  // We yield the event loop, since these events are low priority and not time critical.\n  defer(() => {\n    for (const entry of entries) {\n      mapSnapshot.get(entry.target)?.(entry.isIntersecting);\n    }\n  }, MAX_DELAY_MS);\n});\n\nfunction defer(callback: () => void, maxDelayMs: number) {\n  if (typeof requestIdleCallback === 'function') {\n    requestIdleCallback(callback, { timeout: maxDelayMs });\n  } else {\n    // requestIdleCallback is not supported in Safari\n    setTimeout(callback, maxDelayMs);\n  }\n}\n"]}