more modularization of the code to prepare for better testing

Author: olarsson

.eslintrc.cjs

@@ -2,16 +2,17 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react-hooks/recommended",
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'eslint-config-prettier',
   ],
-  ignorePatterns: ["dist", ".eslintrc.cjs"],
-  parser: "@typescript-eslint/parser",
-  plugins: ["react-refresh"],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
   rules: {
-    "react-refresh/only-export-components": [
-      "warn",
+    'react-refresh/only-export-components': [
+      'warn',
       { allowConstantExport: true },
     ],
   },

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "printWidth": 150,
+  "workbench.startupEditor": "none",
+  "singleQuote": true,
+  "semi": true,
+  "trailingComma": "none"
+}

dist/config.d.ts

@@ -1,4 +1,4 @@
-import { IScrollTrackerObject } from "./types";
+import { IScrollTrackerObject } from './types';
 export declare const defaultConfig: {
     resizeThrottle: number;
     trigger: string;

dist/functions/childrenAsMethod.d.ts

@@ -1,2 +1,2 @@
-import { IScrollDataChildren } from "../types";
+import { IScrollDataChildren } from '../types';
 export declare const childrenAsMethod: ({ scrollData, children }: IScrollDataChildren) => any;

dist/functions/elementVisibility.d.ts

@@ -1,4 +1,36 @@
 import { IScrollDataBase, IScrollTrackerSettingsProperties } from '../types';
+export declare const calcOffset: ({ mode, scrollData, elementScrollHeight, offsetTop, offsetBottom }: {
+    mode: string;
+    scrollData: IScrollDataBase;
+    elementScrollHeight: number;
+    offsetTop?: IScrollTrackerSettingsProperties | undefined;
+    offsetBottom?: IScrollTrackerSettingsProperties | undefined;
+}) => number;
+export declare const calcDurationInPx: ({ heightDuration, duration }: {
+    heightDuration: number;
+    duration: IScrollTrackerSettingsProperties;
+}) => number;
+export declare const calcHeightDurationAndElementOffset: ({ duration, elementScrollHeight, elementOffsetTopRelativeToContainer, trigger, scrollData }: {
+    duration: IScrollTrackerSettingsProperties;
+    elementScrollHeight: number;
+    elementOffsetTopRelativeToContainer: number;
+    trigger: string;
+    scrollData: IScrollDataBase;
+}) => {
+    heightDuration: number;
+    elementOffset: number;
+};
+export declare const calcElementVisibilityReturn: ({ elementOffset, offsetTopVal, durationInPx, offsetBottomVal, scrollData }: {
+    elementOffset: number;
+    offsetTopVal: number;
+    durationInPx: number;
+    offsetBottomVal: number;
+    scrollData: IScrollDataBase;
+}) => {
+    progress: number;
+    start: number;
+    end: number;
+};
 declare const elementVisibility: (el: HTMLElement, scrollData: IScrollDataBase, trigger: string, offsetTop: IScrollTrackerSettingsProperties | undefined, offsetBottom: IScrollTrackerSettingsProperties | undefined, duration: IScrollTrackerSettingsProperties) => {
     progress: number;
     scrollData: IScrollDataBase;

dist/functions/elementVisibility.test.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch } from "react";
-import { TScrollingElement, TTimeout } from "../types";
+import { Dispatch } from 'react';
+import { TScrollingElement, TTimeout } from '../types';
 export declare const onScroll: ({ timeout, setProgress, scrollElement, containerHeight }: {
     timeout: TTimeout;
     setProgress: Dispatch<number>;

dist/functions/onScroll.d.ts

@@ -1,4 +1,4 @@
-import { ScrollTracker } from "./scroll-trackers/ScrollTracker";
-import { ScrollTrackerDocument } from "./scroll-trackers/ScrollTrackerDocument";
-import { ScrollTrackerCustom } from "./scroll-trackers/ScrollTrackerCustom";
+import { ScrollTracker } from './scroll-trackers/ScrollTracker';
+import { ScrollTrackerDocument } from './scroll-trackers/ScrollTrackerDocument';
+import { ScrollTrackerCustom } from './scroll-trackers/ScrollTrackerCustom';
 export { ScrollTracker, ScrollTrackerDocument, ScrollTrackerCustom };