@antscorp/antsomi-ui 1.3.5-beta.146 → 1.3.5-beta.147

package/es/components/template/TemplateListing/hooks/useTemplateListing.d.ts

@@ -8,6 +8,7 @@ interface TemplateListingOptions {
     serviceAuth: TServiceAuth;
     config: TTemplateListingConfig;
     checkedCategoriesDefault?: TCheckedCategories;
+    templateListingSelector?: string;
 }
 /**
  * Represents the state of a system with generic data types.

package/es/components/template/TemplateListing/hooks/useTemplateListing.js

@@ -35,7 +35,7 @@ import { getShuffleArray } from '@antscorp/antsomi-ui/es/utils';
  * @property {Function} onLoadMore - A function to load more template data when scrolling in the template listing.
  */
 export const useTemplateListing = (options) => {
-    const { serviceAuth, config, checkedCategoriesDefault } = options;
+    const { serviceAuth, config, checkedCategoriesDefault, templateListingSelector = '.template-listing', } = options;
     const { objectType, categoryCodes, publicLevel, getListType, channel, limitListPerPage = 10, } = config;
     const { message } = App.useApp();
     // Locales
@@ -211,6 +211,16 @@ export const useTemplateListing = (options) => {
                 }, {}) || {} })));
         }
     }, [checkedCategoriesDefault]);
+    /**
+     * When publicLevel or getListType change
+     * Scroll template listing to top
+     */
+    useDeepCompareEffect(() => {
+        const templateListingEl = document.querySelector(templateListingSelector);
+        if (templateListingEl) {
+            templateListingEl.scrollTop = 0;
+        }
+    }, [getListType, publicLevel, objectType]);
     // Handles
     const onChangeCheckedCategories = (checkedCategories) => {
         setState(prev => (Object.assign(Object.assign({}, prev), { checkedCategories })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.146",
+  "version": "1.3.5-beta.147",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",