@riosst100/pwa-marketplace 2.3.5 → 2.3.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@riosst100/pwa-marketplace",
   "author": "riosst100@gmail.com",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "main": "src/index.js",
   "pwa-studio": {
     "targets": {

package/src/overwrites/venia-ui/lib/components/FilterModal/FilterList/filterItemRadioGroup.js

@@ -15,10 +15,14 @@ import { useFieldApi } from 'informed';
 import useFieldState from '@magento/peregrine/lib/hooks/hook-wrappers/useInformedFieldStateWrapper';
 
 const FilterItemRadioGroup = props => {
-    const { filterApi, filterState, group, items, onApply, labels } = props;
+    const { filterApi, filterState, group, items, onApply, labels,isListExpanded = true, itemCountToShow = 5 } = props;
 
     const radioItems = useMemo(() => {
-        return items.map(item => {
+        return items.map((item,index) => {
+            if (!isListExpanded && index >= itemCountToShow) {
+                return null;
+            }
+
             const code = `item-${group}-${item.value}`;
             return (
                 <FilterItemRadio
@@ -32,7 +36,7 @@ const FilterItemRadioGroup = props => {
                 />
             );
         });
-    }, [filterApi, filterState, group, items, labels, onApply]);
+    }, [filterApi, filterState, group, items, labels, onApply,isListExpanded,itemCountToShow]);
 
     const fieldValue = useMemo(() => {
         if (filterState) {

package/src/overwrites/venia-ui/lib/components/FilterModal/FilterList/filterList.js

@@ -103,6 +103,7 @@ const FilterList = props => {
     // search value is not referenced, so this array is stable
     const itemElements = useMemo(() => {
         // if (filterFrontendInput === 'boolean') {
+            
             const key = `item-${group}`;
             return (
                 <li
@@ -118,6 +119,8 @@ const FilterList = props => {
                         items={items}
                         onApply={onApply}
                         labels={labels}
+                        isListExpanded={isListExpanded}
+                        itemCountToShow={itemCountToShow}
                     />
                 </li>
             );