@abcagency/hc-ui-components 1.1.1 → 1.2.0

package/dist/hooks/useList.js

@@ -0,0 +1,119 @@
+import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useRef, useEffect } from 'react';
+import { getStorageObject } from '../util/localStorageUtil.js';
+import { dynamicSort } from '../util/sortUtil.js';
+import { useMapList } from '../contexts/mapListContext.js';
+
+var getDefaultItemId = function getDefaultItemId() {
+  var item = getStorageObject("selectedListItem");
+  if ((item === null || item === void 0 ? void 0 : item.expanded) == true) {
+    return item.id;
+  } else {
+    return null;
+  }
+};
+var useListLogic = function useListLogic() {
+  var _useState = useState(100),
+    _useState2 = _slicedToArray(_useState, 2),
+    itemLimit = _useState2[0],
+    setItemLimit = _useState2[1];
+  var _useState3 = useState(getDefaultItemId()),
+    _useState4 = _slicedToArray(_useState3, 1),
+    expandedId = _useState4[0];
+  var _useState5 = useState(getStorageObject('sortSetting', null)),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sortSetting = _useState6[0],
+    setSortSetting = _useState6[1];
+  var _useState7 = useState(getStorageObject('scrollPosition', 0)),
+    _useState8 = _slicedToArray(_useState7, 2),
+    scrollPosition = _useState8[0],
+    setScrollPosition = _useState8[1];
+  var loader = useRef(null);
+  var scrollContainerRef = useRef(null);
+  var itemRefs = useRef({});
+  var observer = useRef(null);
+  var _useMapList = useMapList(),
+    filteredListings = _useMapList.filteredListings,
+    setFilteredListings = _useMapList.setFilteredListings;
+  useEffect(function () {
+    if (!sortSetting) return;
+    localStorage.setItem('sortSetting', JSON.stringify(sortSetting));
+    var listingFiltered = dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
+    setFilteredListings(listingFiltered);
+  }, [sortSetting]);
+  useEffect(function () {
+    observer.current = new IntersectionObserver(handleObserver, {
+      root: scrollContainerRef.current,
+      rootMargin: "100px 0px",
+      threshold: 0.5
+    });
+    if (loader.current) {
+      observer.current.observe(loader.current);
+    }
+    return function () {
+      if (observer.current && loader.current) {
+        observer.current.unobserve(loader.current);
+      }
+    };
+  }, [loader.current, itemLimit, filteredListings.length]);
+  useEffect(function () {
+    localStorage.setItem('scrollPosition', scrollPosition.toString());
+  }, [scrollPosition]);
+  useEffect(function () {
+    var savedScrollPosition = scrollPosition;
+    if (parseInt(savedScrollPosition) > 3000) {
+      setItemLimit(savedScrollPosition / 10);
+    }
+    if (savedScrollPosition && scrollPosition != null && scrollContainerRef.current) {
+      scrollContainerRef.current;
+      setTimeout(function () {
+      }, 300);
+    }
+  }, []);
+  useEffect(function () {
+    var scrollContainer = scrollContainerRef.current;
+    if (scrollContainer) {
+      scrollContainer.addEventListener('scroll', handleScroll);
+    }
+    return function () {
+      if (scrollContainer) {
+        scrollContainer.removeEventListener('scroll', handleScroll);
+      }
+    };
+  }, [scrollContainerRef.current]);
+  var handleObserver = function handleObserver(entities) {
+    var target = entities[0];
+    if (!target.isIntersecting) return;
+    if (filteredListings.length > itemLimit) {
+      setItemLimit(function (prevLimit) {
+        return prevLimit + 100;
+      });
+    } else if (observer.current) {
+      observer.current.disconnect();
+    }
+  };
+  if (sortSetting) {
+    dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
+  }
+  var handleScroll = function handleScroll() {
+    if (scrollContainerRef.current) {
+      setScrollPosition(scrollContainerRef.current.scrollTop);
+    }
+  };
+  return {
+    itemLimit: itemLimit,
+    expandedId: expandedId,
+    sortSetting: sortSetting,
+    scrollPosition: scrollPosition,
+    loader: loader,
+    scrollContainerRef: scrollContainerRef,
+    itemRefs: itemRefs,
+    setSortSetting: setSortSetting,
+    setScrollPosition: setScrollPosition,
+    dynamicSort: dynamicSort,
+    filteredListings: filteredListings
+  };
+};
+
+export { useListLogic as default };
+//# sourceMappingURL=useList.js.map

package/dist/hooks/useList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useList.js","sources":["../../src/hooks/useList.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nimport { getStorageObject } from '~/util/localStorageUtil';\nimport { dynamicSort } from '~/util/sortUtil';\n\nimport { useMapList } from '~/contexts/mapListContext';\n\nconst getDefaultItemId = () => {\n\tlet item = getStorageObject(\"selectedListItem\");\n\tif (item?.expanded == true) {\n\t\treturn item.id;\n\t} else {\n\t\treturn null;\n\t}\n};\n\nconst useListLogic = () => {\n\tconst [itemLimit, setItemLimit] = useState(100);\n\tconst [expandedId] = useState(getDefaultItemId());\n\tconst [sortSetting, setSortSetting] = useState(getStorageObject('sortSetting', null));\n\tconst [scrollPosition, setScrollPosition] = useState(getStorageObject('scrollPosition', 0));\n\tconst loader = useRef(null);\n\tconst scrollContainerRef = useRef(null);\n\tconst itemRefs = useRef({});\n\tconst observer = useRef(null);\n\tconst { filteredListings, setFilteredListings } = useMapList();\n\n\tuseEffect(() => {\n\t\tif (!sortSetting) return;\n\t\tlocalStorage.setItem('sortSetting', JSON.stringify(sortSetting));\n\t\tlet listingFiltered = dynamicSort(filteredListings, sortSetting.field, sortSetting.type);\n\t\tsetFilteredListings(listingFiltered);\n\t}, [sortSetting]);\n\n\tuseEffect(() => {\n\t\tobserver.current = new IntersectionObserver(handleObserver, {\n\t\t\troot: scrollContainerRef.current,\n\t\t\trootMargin: \"100px 0px\",\n\t\t\tthreshold: 0.5\n\t\t});\n\t\tif (loader.current) {\n\t\t\tobserver.current.observe(loader.current);\n\t\t}\n\t\treturn () => {\n\t\t\tif (observer.current && loader.current) {\n\t\t\t\tobserver.current.unobserve(loader.current);\n\t\t\t}\n\t\t};\n\t}, [loader.current, itemLimit, filteredListings.length]);\n\n\tuseEffect(() => {\n\t\tlocalStorage.setItem('scrollPosition', scrollPosition.toString());\n\t}, [scrollPosition]);\n\n\tuseEffect(() => {\n\t\tconst savedScrollPosition = scrollPosition;\n\t\tif (parseInt(savedScrollPosition) > 3000) {\n\t\t\tsetItemLimit(savedScrollPosition / 10);\n\t\t}\n\t\tif (savedScrollPosition && scrollPosition != null && scrollContainerRef.current) {\n\t\t\tlet scrollContainerRefCurrent = scrollContainerRef.current;\n\t\t\tsetTimeout(() => {\n\t\t\t\tscrollContainerRefCurrent = parseInt(savedScrollPosition, 10);\n\t\t\t}, 300);\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tconst scrollContainer = scrollContainerRef.current;\n\t\tif (scrollContainer) {\n\t\t\tscrollContainer.addEventListener('scroll', handleScroll);\n\t\t}\n\t\treturn () => {\n\t\t\tif (scrollContainer) {\n\t\t\t\tscrollContainer.removeEventListener('scroll', handleScroll);\n\t\t\t}\n\t\t};\n\t}, [scrollContainerRef.current]);\n\n\tconst handleObserver = entities => {\n\t\tconst target = entities[0];\n\t\tif (!target.isIntersecting) return;\n\t\tif (filteredListings.length > itemLimit) {\n\t\t\tsetItemLimit(prevLimit => prevLimit + 100);\n\t\t} else if (observer.current) {\n\t\t\tobserver.current.disconnect();\n\t\t}\n\n\t};\n\n\tif (sortSetting) {\n\t\tdynamicSort(filteredListings, sortSetting.field, sortSetting.type);\n\t}\n\n\tconst handleScroll = () => {\n\t\tif (scrollContainerRef.current) {\n\t\t\tsetScrollPosition(scrollContainerRef.current.scrollTop);\n\t\t}\n\t};\n\n\treturn { itemLimit, expandedId, sortSetting, scrollPosition, loader, scrollContainerRef, itemRefs, setSortSetting, setScrollPosition, dynamicSort, filteredListings };\n};\n\nexport default useListLogic;\n"],"names":["getDefaultItemId","item","getStorageObject","expanded","id","useListLogic","_useState","useState","_useState2","_slicedToArray","itemLimit","setItemLimit","_useState3","_useState4","expandedId","_useState5","_useState6","sortSetting","setSortSetting","_useState7","_useState8","scrollPosition","setScrollPosition","loader","useRef","scrollContainerRef","itemRefs","observer","_useMapList","useMapList","filteredListings","setFilteredListings","useEffect","localStorage","setItem","JSON","stringify","listingFiltered","dynamicSort","field","type","current","IntersectionObserver","handleObserver","root","rootMargin","threshold","observe","unobserve","length","toString","savedScrollPosition","parseInt","setTimeout","scrollContainer","addEventListener","handleScroll","removeEventListener","entities","target","isIntersecting","prevLimit","disconnect","scrollTop"],"mappings":"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"}