wex-ui-lib 1.0.3 → 1.0.5

package/src/shared/utils/useIntObs.ts

@@ -1,112 +0,0 @@
-import { useEffect, useRef, useState, MutableRefObject } from 'react';
-
-interface UseIntObsOptions {
-  threshold?: number | number[];
-  root?: any;
-  rootMargin?: string;
-  freezeOnceVisible?: boolean;
-  initialIsIntersecting?: boolean;
-  onChange?: (isIntersecting: boolean, entry: IntersectionObserverEntry) => void;
-}
-
-interface IntObsState {
-  isIntersecting: boolean;
-  entry?: IntersectionObserverEntry;
-}
-
-type UseIntObsResult = [
-  (node: Element | null) => void,
-  boolean,
-  IntersectionObserverEntry | undefined
-] & {
-  ref: (node: Element | null) => void;
-  isIntersecting: boolean;
-  entry: IntersectionObserverEntry | undefined;
-};
-
-export function useIntObs({
-  threshold = 0,
-  root = null,
-  rootMargin = '0%',
-  freezeOnceVisible = false,
-  initialIsIntersecting = false,
-  onChange,
-}: UseIntObsOptions = {}): UseIntObsResult {
-  const [ref, setRef] = useState<Element | null>(null);
-  const [state, setState] = useState<IntObsState>(() => ({
-    isIntersecting: initialIsIntersecting,
-    entry: undefined,
-  }));
-
-  const callbackRef = useRef<(isIntersecting: boolean, entry: IntersectionObserverEntry) => void>(undefined);
-  callbackRef.current = onChange;
-
-  const frozen = state.entry?.isIntersecting && freezeOnceVisible;
-
-  useEffect(() => {
-    if (!ref || frozen || !('IntersectionObserver' in window)) return;
-
-    let unobserve: (() => void) | undefined;
-
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const thresholds = Array.isArray(observer.thresholds)
-          ? observer.thresholds
-          : [observer.thresholds];
-
-        entries.forEach((entry) => {
-          const isIntersecting =
-            entry.isIntersecting &&
-            thresholds.some((threshold) => entry.intersectionRatio >= threshold);
-
-          setState({ isIntersecting, entry });
-
-          if (callbackRef.current) {
-            callbackRef.current(isIntersecting, entry);
-          }
-
-          if (isIntersecting && freezeOnceVisible && unobserve) {
-            unobserve();
-            unobserve = undefined;
-          }
-        });
-      },
-      { threshold, root, rootMargin }
-    );
-
-    observer.observe(ref);
-
-    unobserve = () => observer.unobserve(ref);
-
-    return () => {
-      observer.disconnect();
-    };
-  }, [ref, JSON.stringify(threshold), root, rootMargin, frozen, freezeOnceVisible]);
-
-  const prevRef = useRef<Element | null>(null);
-
-  useEffect(() => {
-    if (
-      !ref &&
-      state.entry?.target &&
-      !freezeOnceVisible &&
-      !frozen &&
-      prevRef.current !== state.entry.target
-    ) {
-      prevRef.current = state.entry.target as Element;
-      setState({ isIntersecting: initialIsIntersecting, entry: undefined });
-    }
-  }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);
-
-  const result: UseIntObsResult = [
-    setRef,
-    !!state.isIntersecting,
-    state.entry,
-  ] as UseIntObsResult;
-
-  result.ref = result[0];
-  result.isIntersecting = result[1];
-  result.entry = result[2];
-
-  return result;
-}

package/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ], /* Specify a set of bundled library declaration files that describe the target runtime environment. */
-    "allowJs": true, /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
-    "skipLibCheck": true, /* Skip type checking all .d.ts files. */
-    "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
-    "allowSyntheticDefaultImports": true,
-    "strict": true, /* Enable all strict type-checking options. */
-    "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext", /* Specify what module code is generated. */
-    "moduleResolution": "node", /* Specify how TypeScript looks up a file from a given module specifier. */
-    "resolveJsonModule": true, /* Enable importing .json files. */
-    "noEmit": true, /* Disable emitting files from a compilation. */
-    "jsx": "react-jsx",
-    "rootDir": ".",
-    "declaration": true,
-    "sourceMap": true,
-    "outDir": "dist",
-    "emitDeclarationOnly": true
-  },
-  "include": [
-    "src"
-  ]
-}