tabexseriescomponents 0.0.175 → 0.0.176

package/dist/index.cjs.js

@@ -8435,6 +8435,8 @@ var Filter$1 = function Filter(props) {
   var ProductFilterObjContext = props.actions.ProductFilterObjContext;
   var setProductFilterObjContext = props.actions.setProductFilterObjContext;
   var authdetailsContext = props.actions.authdetailsContext;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -8496,15 +8498,17 @@ var Filter$1 = function Filter(props) {
   }, [ProductFilterObjContext]);
   var filterupdater = function filterupdater() {
     if (instfilters.length != 0) {
+      var _ProductFilterObjCont;
       var tempinstfilters = _toConsumableArray__default["default"](instfilters);
-      tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+      tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
         instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
           valefilteritem.isfilterselected = false;
         });
       });
-      ProductFilterObjContext.FilterOptions.forEach(function (filteritem, filterindex) {
-        tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
-          instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (filteritem, filterindex) {
+        tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+          var _instfilteritem$produ;
+          instfilteritem === null || instfilteritem === void 0 ? void 0 : (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 ? void 0 : _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
             if (filteritem.valueid == valefilteritem.valueid) {
               valefilteritem.isfilterselected = true;
             }
@@ -8514,12 +8518,13 @@ var Filter$1 = function Filter(props) {
       setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
     }
     if (instcollections.length != 0) {
+      var _ProductFilterObjCont2;
       var tempInstcollections = _toConsumableArray__default["default"](instcollections);
       tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
         instfilteritem.isfilterselected = false;
       });
-      ProductFilterObjContext.collections.forEach(function (filteritem, filterindex) {
-        tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
+        tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
           if (instfilteritem.collectionid == filteritem) {
             instfilteritem.isfilterselected = true;
           }
@@ -8533,8 +8538,9 @@ var Filter$1 = function Filter(props) {
     if (type == 'clearfilters') {
       tempfetchproductsfilerobjcontext.FilterOptions = [];
     } else {
+      var _tempfetchproductsfil;
       var FilterExists = false;
-      tempfetchproductsfilerobjcontext.FilterOptions.forEach(function (filteritem, filterindex) {
+      tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 ? void 0 : (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.FilterOptions) === null || _tempfetchproductsfil === void 0 ? void 0 : _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
         if (filteritem.valueid == valueid) {
           FilterExists = true;
           tempfetchproductsfilerobjcontext.FilterOptions.splice(filterindex, 1);
@@ -8551,12 +8557,15 @@ var Filter$1 = function Filter(props) {
     } else {
       tempfetchproductsfilerobjcontext.isfilter = 1;
     }
+    tempfetchproductsfilerobjcontext.page = 0;
     setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
+    var _tempfetchproductsfil2;
     var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
     var CollectionExists = false;
-    tempfetchproductsfilerobjcontext.collections.forEach(function (filteritem, filterindex) {
+    tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 ? void 0 : (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 ? void 0 : _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
       if (filteritem == collectionid) {
         CollectionExists = true;
         tempfetchproductsfilerobjcontext.collections.splice(filterindex, 1);
@@ -8565,7 +8574,9 @@ var Filter$1 = function Filter(props) {
     if (!CollectionExists) {
       tempfetchproductsfilerobjcontext.collections.push(collectionid);
     }
+    tempfetchproductsfilerobjcontext.page = 0;
     setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
   var filter_cssstyles = {
     collapsetitle: glamor.css({
@@ -8808,6 +8819,7 @@ var Filter$1 = function Filter(props) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
           }
           setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
@@ -9271,6 +9283,13 @@ var CardsSection = function CardsSection(props) {
   //     }
   // }, [inView]);
   React.useEffect(function () {
+    if (props.filterparamsprops != undefined) {
+      var filterpar = decodeURIComponent(props.filterparamsprops);
+      var filterparsed = JSON.parse(filterpar);
+      if (filterparsed != undefined) {
+        setProductFilterObjContext(filterparsed);
+      }
+    }
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
       if (sectionitem.sectionid == props.sectionidprops) {
         var secpropobj = {};
@@ -9340,7 +9359,9 @@ var CardsSection = function CardsSection(props) {
         var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
         tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
         if (ProductsFetchingTypeSectionObj.grouptype == 'collections' || ProductsFetchingTypeSectionObj.grouptype == 'categories' || ProductsFetchingTypeSectionObj.grouptype == 'parentcollections') ; else {
-          tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+          if (tempfetchproductsfilerobjcontext.collections != undefined) {
+            tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+          }
         }
         tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
         tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
@@ -9569,16 +9590,24 @@ var CardsSection = function CardsSection(props) {
     var tempProductFilterObjContext = _objectSpread$1B({}, ProductFilterObjContext);
     tempProductFilterObjContext.page = event === null || event === void 0 ? void 0 : event.selected;
     setProductFilterObjContext(_objectSpread$1B({}, tempProductFilterObjContext));
+    var pasturl = '';
+    if (props.grouptypeprops != undefined) {
+      if (props.collectionidprops != undefined) {
+        pasturl = props.grouptypeprops + '/' + props.collectionidprops + '/';
+      }
+    }
+    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
   };
   function PaginatedItems(_ref) {
     var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
     _ref.itemsPerPage;
     // Here we use item offsets; we could also use page offsets
     // following the API or data you're working with.
-    var _useState13 = React.useState(0),
-      _useState14 = _slicedToArray__default["default"](_useState13, 2);
-      _useState14[0];
-      _useState14[1];
+    // const [itemOffset, setItemOffset] = useState(0);
+    // Simulate fetching items from another resources.
+    // (This could be items from props; or items loaded in a local state
+    // from an API endpoint with useEffect and useState)
+    // const endOffset = itemOffset + itemsPerPage;
 
     // const currentItems = items.slice(itemOffset, endOffset);
     // const pageCount = Math.ceil(items.length / itemsPerPage);

package/dist/index.esm.js

@@ -8391,6 +8391,8 @@ var Filter$1 = function Filter(props) {
   var ProductFilterObjContext = props.actions.ProductFilterObjContext;
   var setProductFilterObjContext = props.actions.setProductFilterObjContext;
   var authdetailsContext = props.actions.authdetailsContext;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -8452,15 +8454,17 @@ var Filter$1 = function Filter(props) {
   }, [ProductFilterObjContext]);
   var filterupdater = function filterupdater() {
     if (instfilters.length != 0) {
+      var _ProductFilterObjCont;
       var tempinstfilters = _toConsumableArray(instfilters);
-      tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+      tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
         instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
           valefilteritem.isfilterselected = false;
         });
       });
-      ProductFilterObjContext.FilterOptions.forEach(function (filteritem, filterindex) {
-        tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
-          instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (filteritem, filterindex) {
+        tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+          var _instfilteritem$produ;
+          instfilteritem === null || instfilteritem === void 0 ? void 0 : (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 ? void 0 : _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
             if (filteritem.valueid == valefilteritem.valueid) {
               valefilteritem.isfilterselected = true;
             }
@@ -8470,12 +8474,13 @@ var Filter$1 = function Filter(props) {
       setinstfilters(_toConsumableArray(tempinstfilters));
     }
     if (instcollections.length != 0) {
+      var _ProductFilterObjCont2;
       var tempInstcollections = _toConsumableArray(instcollections);
       tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
         instfilteritem.isfilterselected = false;
       });
-      ProductFilterObjContext.collections.forEach(function (filteritem, filterindex) {
-        tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
+        tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
           if (instfilteritem.collectionid == filteritem) {
             instfilteritem.isfilterselected = true;
           }
@@ -8489,8 +8494,9 @@ var Filter$1 = function Filter(props) {
     if (type == 'clearfilters') {
       tempfetchproductsfilerobjcontext.FilterOptions = [];
     } else {
+      var _tempfetchproductsfil;
       var FilterExists = false;
-      tempfetchproductsfilerobjcontext.FilterOptions.forEach(function (filteritem, filterindex) {
+      tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 ? void 0 : (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.FilterOptions) === null || _tempfetchproductsfil === void 0 ? void 0 : _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
         if (filteritem.valueid == valueid) {
           FilterExists = true;
           tempfetchproductsfilerobjcontext.FilterOptions.splice(filterindex, 1);
@@ -8507,12 +8513,15 @@ var Filter$1 = function Filter(props) {
     } else {
       tempfetchproductsfilerobjcontext.isfilter = 1;
     }
+    tempfetchproductsfilerobjcontext.page = 0;
     setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
+    var _tempfetchproductsfil2;
     var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
     var CollectionExists = false;
-    tempfetchproductsfilerobjcontext.collections.forEach(function (filteritem, filterindex) {
+    tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 ? void 0 : (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 ? void 0 : _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
       if (filteritem == collectionid) {
         CollectionExists = true;
         tempfetchproductsfilerobjcontext.collections.splice(filterindex, 1);
@@ -8521,7 +8530,9 @@ var Filter$1 = function Filter(props) {
     if (!CollectionExists) {
       tempfetchproductsfilerobjcontext.collections.push(collectionid);
     }
+    tempfetchproductsfilerobjcontext.page = 0;
     setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
   var filter_cssstyles = {
     collapsetitle: css({
@@ -8764,6 +8775,7 @@ var Filter$1 = function Filter(props) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
           }
           setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
         }
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
         className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
@@ -9227,6 +9239,13 @@ var CardsSection = function CardsSection(props) {
   //     }
   // }, [inView]);
   useEffect(function () {
+    if (props.filterparamsprops != undefined) {
+      var filterpar = decodeURIComponent(props.filterparamsprops);
+      var filterparsed = JSON.parse(filterpar);
+      if (filterparsed != undefined) {
+        setProductFilterObjContext(filterparsed);
+      }
+    }
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
       if (sectionitem.sectionid == props.sectionidprops) {
         var secpropobj = {};
@@ -9296,7 +9315,9 @@ var CardsSection = function CardsSection(props) {
         var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
         tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
         if (ProductsFetchingTypeSectionObj.grouptype == 'collections' || ProductsFetchingTypeSectionObj.grouptype == 'categories' || ProductsFetchingTypeSectionObj.grouptype == 'parentcollections') ; else {
-          tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+          if (tempfetchproductsfilerobjcontext.collections != undefined) {
+            tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+          }
         }
         tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
         tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
@@ -9525,16 +9546,24 @@ var CardsSection = function CardsSection(props) {
     var tempProductFilterObjContext = _objectSpread$1B({}, ProductFilterObjContext);
     tempProductFilterObjContext.page = event === null || event === void 0 ? void 0 : event.selected;
     setProductFilterObjContext(_objectSpread$1B({}, tempProductFilterObjContext));
+    var pasturl = '';
+    if (props.grouptypeprops != undefined) {
+      if (props.collectionidprops != undefined) {
+        pasturl = props.grouptypeprops + '/' + props.collectionidprops + '/';
+      }
+    }
+    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
   };
   function PaginatedItems(_ref) {
     var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
     _ref.itemsPerPage;
     // Here we use item offsets; we could also use page offsets
     // following the API or data you're working with.
-    var _useState13 = useState(0),
-      _useState14 = _slicedToArray(_useState13, 2);
-      _useState14[0];
-      _useState14[1];
+    // const [itemOffset, setItemOffset] = useState(0);
+    // Simulate fetching items from another resources.
+    // (This could be items from props; or items loaded in a local state
+    // from an API endpoint with useEffect and useState)
+    // const endOffset = itemOffset + itemsPerPage;
 
     // const currentItems = items.slice(itemOffset, endOffset);
     // const pageCount = Math.ceil(items.length / itemsPerPage);

package/dist/index.umd.js

@@ -8296,6 +8296,8 @@
       var ProductFilterObjContext = props.actions.ProductFilterObjContext;
       var setProductFilterObjContext = props.actions.setProductFilterObjContext;
       var authdetailsContext = props.actions.authdetailsContext;
+      var routingcountext = props.actions.routingcountext;
+      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -8357,15 +8359,17 @@
       }, [ProductFilterObjContext]);
       var filterupdater = function filterupdater() {
         if (instfilters.length != 0) {
+          var _ProductFilterObjCont;
           var tempinstfilters = _toConsumableArray__default["default"](instfilters);
-          tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+          tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
             instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
               valefilteritem.isfilterselected = false;
             });
           });
-          ProductFilterObjContext.FilterOptions.forEach(function (filteritem, filterindex) {
-            tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
-              instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
+          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (filteritem, filterindex) {
+            tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+              var _instfilteritem$produ;
+              instfilteritem === null || instfilteritem === void 0 ? void 0 : (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 ? void 0 : _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
                 if (filteritem.valueid == valefilteritem.valueid) {
                   valefilteritem.isfilterselected = true;
                 }
@@ -8375,12 +8379,13 @@
           setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
         }
         if (instcollections.length != 0) {
+          var _ProductFilterObjCont2;
           var tempInstcollections = _toConsumableArray__default["default"](instcollections);
           tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
             instfilteritem.isfilterselected = false;
           });
-          ProductFilterObjContext.collections.forEach(function (filteritem, filterindex) {
-            tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
+          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
+            tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
               if (instfilteritem.collectionid == filteritem) {
                 instfilteritem.isfilterselected = true;
               }
@@ -8394,8 +8399,9 @@
         if (type == 'clearfilters') {
           tempfetchproductsfilerobjcontext.FilterOptions = [];
         } else {
+          var _tempfetchproductsfil;
           var FilterExists = false;
-          tempfetchproductsfilerobjcontext.FilterOptions.forEach(function (filteritem, filterindex) {
+          tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 ? void 0 : (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.FilterOptions) === null || _tempfetchproductsfil === void 0 ? void 0 : _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
             if (filteritem.valueid == valueid) {
               FilterExists = true;
               tempfetchproductsfilerobjcontext.FilterOptions.splice(filterindex, 1);
@@ -8412,12 +8418,15 @@
         } else {
           tempfetchproductsfilerobjcontext.isfilter = 1;
         }
+        tempfetchproductsfilerobjcontext.page = 0;
         setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
       var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
+        var _tempfetchproductsfil2;
         var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
         var CollectionExists = false;
-        tempfetchproductsfilerobjcontext.collections.forEach(function (filteritem, filterindex) {
+        tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 ? void 0 : (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 ? void 0 : _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
           if (filteritem == collectionid) {
             CollectionExists = true;
             tempfetchproductsfilerobjcontext.collections.splice(filterindex, 1);
@@ -8426,7 +8435,9 @@
         if (!CollectionExists) {
           tempfetchproductsfilerobjcontext.collections.push(collectionid);
         }
+        tempfetchproductsfilerobjcontext.page = 0;
         setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
       var filter_cssstyles = {
         collapsetitle: glamor.css({
@@ -8669,6 +8680,7 @@
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
               }
               setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
             className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
@@ -9132,6 +9144,13 @@
       //     }
       // }, [inView]);
       React.useEffect(function () {
+        if (props.filterparamsprops != undefined) {
+          var filterpar = decodeURIComponent(props.filterparamsprops);
+          var filterparsed = JSON.parse(filterpar);
+          if (filterparsed != undefined) {
+            setProductFilterObjContext(filterparsed);
+          }
+        }
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
           if (sectionitem.sectionid == props.sectionidprops) {
             var secpropobj = {};
@@ -9201,7 +9220,9 @@
             var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
             tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
             if (ProductsFetchingTypeSectionObj.grouptype == 'collections' || ProductsFetchingTypeSectionObj.grouptype == 'categories' || ProductsFetchingTypeSectionObj.grouptype == 'parentcollections') ; else {
-              tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+              if (tempfetchproductsfilerobjcontext.collections != undefined) {
+                tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+              }
             }
             tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
             tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
@@ -9430,16 +9451,24 @@
         var tempProductFilterObjContext = _objectSpread$1B({}, ProductFilterObjContext);
         tempProductFilterObjContext.page = event === null || event === void 0 ? void 0 : event.selected;
         setProductFilterObjContext(_objectSpread$1B({}, tempProductFilterObjContext));
+        var pasturl = '';
+        if (props.grouptypeprops != undefined) {
+          if (props.collectionidprops != undefined) {
+            pasturl = props.grouptypeprops + '/' + props.collectionidprops + '/';
+          }
+        }
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
       };
       function PaginatedItems(_ref) {
         var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
         _ref.itemsPerPage;
         // Here we use item offsets; we could also use page offsets
         // following the API or data you're working with.
-        var _useState13 = React.useState(0),
-          _useState14 = _slicedToArray__default["default"](_useState13, 2);
-          _useState14[0];
-          _useState14[1];
+        // const [itemOffset, setItemOffset] = useState(0);
+        // Simulate fetching items from another resources.
+        // (This could be items from props; or items loaded in a local state
+        // from an API endpoint with useEffect and useState)
+        // const endOffset = itemOffset + itemsPerPage;
 
         // const currentItems = items.slice(itemOffset, endOffset);
         // const pageCount = Math.ceil(items.length / itemsPerPage);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tabexseriescomponents",
-	"version": "0.0.175",
+	"version": "0.0.176",
 	"description": "your description",
 	"main": "dist/index.cjs.js",
 	"scripts": {