package.cjs.react-utils.useRestoreScrollPosition.useRestoreScrollPosition.js.map Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of neeto-commons-frontend Show documentation
Show all versions of neeto-commons-frontend Show documentation
A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.
{"version":3,"file":"useRestoreScrollPosition.js","names":["_react","require","_ramda","_useFuncDebounce","_interopRequireDefault","_withImmutableActions","_zustand","useScrollStore","create","withImmutableActions","set","get","scrollPositions","setScrollPosition","key","value","state","assoc","removeScrollPosition","dissoc","getScrollPosition","useRestoreScrollPosition","ref","prop","handleScroll","useFuncDebounce","current","scrollTop","useEffect","savedScrollPosition","undefined","addEventListener","removeEventListener","useSetScrollPosition","exports","useGetScrollPosition","useRemoveScrollPosition","_default"],"sources":["../../../../src/react-utils/useRestoreScrollPosition/useRestoreScrollPosition.js"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { assoc, dissoc, prop } from \"ramda\";\nimport useFuncDebounce from \"react-utils/useFuncDebounce\";\nimport withImmutableActions from \"react-utils/withImmutableActions\";\nimport { create } from \"zustand\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useScrollStore = create(\n withImmutableActions((set, get) => ({\n scrollPositions: {},\n setScrollPosition: (key, value) =>\n set(state => ({\n scrollPositions: assoc(key, value, state.scrollPositions),\n })),\n removeScrollPosition: key =>\n set(state => ({ scrollPositions: dissoc(key, state.scrollPositions) })),\n getScrollPosition: key => get().scrollPositions[key],\n }))\n);\n\nconst useRestoreScrollPosition = (key, ref) => {\n const setScrollPosition = useScrollStore(prop(\"setScrollPosition\"));\n const getScrollPosition = useScrollStore(prop(\"getScrollPosition\"));\n\n const handleScroll = useFuncDebounce(() => {\n if (!ref.current) return;\n setScrollPosition(key, ref.current.scrollTop);\n }, 500);\n\n useEffect(() => {\n if (ref.current) {\n const savedScrollPosition = getScrollPosition(key);\n if (savedScrollPosition !== undefined) {\n ref.current.scrollTop = savedScrollPosition;\n }\n ref.current.addEventListener(\"scroll\", handleScroll);\n }\n\n return () => {\n if (ref.current) {\n ref.current.removeEventListener(\"scroll\", handleScroll);\n }\n };\n }, [key]);\n};\n\nexport const useSetScrollPosition = () =>\n useScrollStore(prop(\"setScrollPosition\"));\n\nexport const useGetScrollPosition = () =>\n useScrollStore(prop(\"getScrollPosition\"));\n\nexport const useRemoveScrollPosition = () =>\n useScrollStore(prop(\"removeScrollPosition\"));\n\nexport default useRestoreScrollPosition;\n"],"mappings":"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","ignoreList":[]}