@kne/react-filter 1.0.6 → 1.0.7

package/dist/index.modern.js

@@ -123,13 +123,14 @@ const useVisibleItemCount = ({
   enabled,
   strategy: _strategy = 'asc'
 }) => {
+  const safeItems = Array.isArray(items) ? items : [];
   const containerRef = useRef(null);
   const measureRef = useRef(null);
   const moreMeasureRef = useRef(null);
   const rafRef = useRef(null);
   const lastWidthRef = useRef(0);
   const [containerEl, setContainerEl] = useState(null);
-  const [visibleCount, setVisibleCount] = useState(() => items.length > 0 ? 1 : 0);
+  const [visibleCount, setVisibleCount] = useState(() => safeItems.length > 0 ? 1 : 0);
   const setContainerRef = useCallback(node => {
     containerRef.current = node;
     setContainerEl(node || null);
@@ -156,7 +157,7 @@ const useVisibleItemCount = ({
       return null;
     }
     const moreButtonWidth = ((_moreMeasureRef$curre = moreMeasureRef.current) == null ? void 0 : _moreMeasureRef$curre.getBoundingClientRect().width) || 0;
-    if (items.length > 1 && moreButtonWidth <= 0) {
+    if (safeItems.length > 1 && moreButtonWidth <= 0) {
       return null;
     }
     const itemWidths = Array.from(itemNodes, node => node.getBoundingClientRect().width);
@@ -165,24 +166,24 @@ const useVisibleItemCount = ({
       itemWidths,
       moreButtonWidth
     };
-  }, [items.length]);
+  }, [safeItems.length]);
   const getWidthForCount = useCallback((itemWidths, moreButtonWidth, count) => {
     let usedWidth = 0;
     for (let i = 0; i < count; i++) {
       usedWidth += itemWidths[i] + (i > 0 ? GAP : 0);
     }
-    if (count < items.length) {
+    if (count < safeItems.length) {
       usedWidth += GAP + moreButtonWidth;
     }
     return usedWidth;
-  }, [items.length]);
+  }, [safeItems.length]);
   const resolveVisibleCount = useCallback(widths => {
     const {
       containerWidth,
       itemWidths,
       moreButtonWidth
     } = widths;
-    const maxCount = Math.min(items.length, itemWidths.length);
+    const maxCount = Math.min(safeItems.length, itemWidths.length);
     let count = 1;
     if (_strategy === 'desc') {
       count = maxCount;
@@ -205,10 +206,10 @@ const useVisibleItemCount = ({
       }
     }
     return Math.max(1, count);
-  }, [getWidthForCount, items.length, _strategy]);
+  }, [getWidthForCount, safeItems.length, _strategy]);
   const calculateByWidth = useCallback(() => {
-    if (!enabled || !items.length) {
-      setVisibleCount(prev => prev === items.length ? prev : items.length);
+    if (!enabled || !safeItems.length) {
+      setVisibleCount(prev => prev === safeItems.length ? prev : safeItems.length);
       return;
     }
     const widths = getWidths();
@@ -217,7 +218,7 @@ const useVisibleItemCount = ({
     }
     const nextCount = resolveVisibleCount(widths);
     setVisibleCount(prev => prev === nextCount ? prev : nextCount);
-  }, [enabled, getWidths, items.length, resolveVisibleCount]);
+  }, [enabled, getWidths, safeItems.length, resolveVisibleCount]);
   const scheduleCalculate = useCallback(() => {
     if (rafRef.current) {
       window.cancelAnimationFrame(rafRef.current);
@@ -235,7 +236,7 @@ const useVisibleItemCount = ({
         rafRef.current = null;
       }
     };
-  }, [items, scheduleCalculate]);
+  }, [safeItems, scheduleCalculate]);
   useEffect(() => {
     if (!enabled || !containerEl) {
       return undefined;
@@ -291,14 +292,14 @@ const normalizeFilterList = list => {
   if (isNestedFilterList(safeList)) {
     return {
       mode: 'nested',
-      items: null,
+      items: [],
       lines: safeList
     };
   }
   return {
     mode: 'flat',
     items: safeList,
-    lines: null
+    lines: []
   };
 };
 const getMobileFilterList = list => {