@selfcommunity/react-ui 0.1.19-alpha.3 → 0.2.0

package/lib/esm/shared/VirtualizedScroller/VirtualizedScroller.js

@@ -0,0 +1,74 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect, useMemo, useRef } from 'react';
+import { CacheStrategies, LRUCache } from '@selfcommunity/utils';
+import VirtualScroller from 'virtual-scroller/react';
+export default function VirtualizedScroller(props) {
+    const { items = [], ItemComponent, getItemId, initialScrollerState, onScrollerStateChange, onScrollerMount, onScrollerPositionChange, onScrollerSaveState, cacheStrategy = CacheStrategies.CACHE_FIRST, cacheScrollStateKey = 'virtual_scroller_st', cacheScrollerPositionKey = 'virtual_scroller_sp' } = props, rest = __rest(props, ["items", "ItemComponent", "getItemId", "initialScrollerState", "onScrollerStateChange", "onScrollerMount", "onScrollerPositionChange", "onScrollerSaveState", "cacheStrategy", "cacheScrollStateKey", "cacheScrollerPositionKey"]);
+    // REF
+    const virtualScrollerMountState = useRef(false);
+    // HELPERS
+    /**
+     * Callback on mount the virtual scroller
+     */
+    const onVirtualScrollerMount = useMemo(() => () => {
+        virtualScrollerMountState.current = true;
+        onScrollerMount && onScrollerMount();
+    }, []);
+    /**
+     * Get initial scroll position by cacheScrollerPositionKey
+     * Recovered only if cacheStrategy = CACHE_FIRST
+     */
+    const getInitialScrollPosition = useMemo(() => () => cacheStrategy === CacheStrategies.CACHE_FIRST && cacheScrollerPositionKey ? LRUCache.get(cacheScrollerPositionKey) : 0, [cacheStrategy, cacheScrollerPositionKey]);
+    /**
+     * Callback on virtual scroller position change
+     */
+    const onScrollPositionChange = useMemo(() => (y) => {
+        if (cacheScrollerPositionKey) {
+            LRUCache.set(cacheScrollerPositionKey, y);
+        }
+        onScrollerPositionChange && onScrollerPositionChange(y);
+    }, [cacheScrollerPositionKey]);
+    /**
+     * Callback on virtual scroller state change
+     */
+    const onStateScrollChange = useMemo(() => (state) => {
+        virtualScrollerState.current = state;
+        onScrollerStateChange && onScrollerStateChange(state);
+    }, []);
+    /**
+     * Save virtual scroller state
+     */
+    const saveVirtualScrollerState = useMemo(() => (state) => {
+        if (cacheScrollerPositionKey) {
+            LRUCache.set(cacheScrollStateKey, state);
+        }
+        onScrollerSaveState && onScrollerSaveState(state);
+    }, [cacheScrollStateKey]);
+    const readVirtualScrollerState = useMemo(() => () => {
+        if (cacheStrategy === CacheStrategies.CACHE_FIRST && cacheScrollStateKey) {
+            return LRUCache.get(cacheScrollStateKey);
+        }
+        return null;
+    }, [cacheScrollStateKey, cacheStrategy]);
+    // REF
+    const virtualScrollerState = useRef(readVirtualScrollerState());
+    // EFFECTS
+    useEffect(() => {
+        return () => {
+            // Save state before the component unmounts.
+            saveVirtualScrollerState(virtualScrollerState.current);
+        };
+    });
+    return (React.createElement(VirtualScroller, Object.assign({ items: items, itemComponent: ItemComponent, onMount: onVirtualScrollerMount }, (getItemId && { getItemId }), { initialState: initialScrollerState ? initialScrollerState : readVirtualScrollerState(), onStateChange: onStateScrollChange, initialScrollPosition: getInitialScrollPosition(), onScrollPositionChange: onScrollPositionChange }, rest)));
+}
+//# sourceMappingURL=VirtualizedScroller.js.map

package/lib/esm/shared/VirtualizedScroller/VirtualizedScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedScroller.js","sourceRoot":"","sources":["../../../../src/shared/VirtualizedScroller/VirtualizedScroller.tsx"],"names":[],"mappings":"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"}

package/lib/esm/shared/VirtualizedScroller/index.d.ts

@@ -0,0 +1,5 @@
+import VirtualizedScroller from './VirtualizedScroller';
+import VirtualScrollChild from './VirtualScrollerChild';
+export default VirtualizedScroller;
+export { VirtualScrollChild };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/VirtualizedScroller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/VirtualizedScroller/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,eAAe,mBAAmB,CAAC;AACnC,OAAO,EAAC,kBAAkB,EAAC,CAAC"}

package/lib/esm/shared/VirtualizedScroller/index.js

@@ -0,0 +1,5 @@
+import VirtualizedScroller from './VirtualizedScroller';
+import VirtualScrollChild from './VirtualScrollerChild';
+export default VirtualizedScroller;
+export { VirtualScrollChild };
+//# sourceMappingURL=index.js.map

package/lib/esm/shared/VirtualizedScroller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/shared/VirtualizedScroller/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,eAAe,mBAAmB,CAAC;AACnC,OAAO,EAAC,kBAAkB,EAAC,CAAC"}

package/lib/esm/utils/feed.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Compare widget priority
+ * @param w1
+ * @param w2
+ */
+export declare const widgetSort: (w1: any, w2: any) => 1 | -1;
+/**
+ * Insert widget in the correct position of feed
+ * @param value
+ * @param w
+ */
+export declare const widgetReducer: (total: any, limit: any) => (value: any, w: any) => any;
+//# sourceMappingURL=feed.d.ts.map

package/lib/esm/utils/feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../src/utils/feed.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,UAAU,8BAAmD,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,aAAa,yDAKzB,CAAC"}

package/lib/esm/utils/feed.js

@@ -0,0 +1,18 @@
+/**
+ * Compare widget priority
+ * @param w1
+ * @param w2
+ */
+export const widgetSort = (w1, w2) => (w1.position > w2.position ? 1 : -1);
+/**
+ * Insert widget in the correct position of feed
+ * @param value
+ * @param w
+ */
+export const widgetReducer = (total, limit) => (value, w) => {
+    if (w.position < value.length || total < limit) {
+        value.splice(w.position, 0, w);
+    }
+    return value;
+};
+//# sourceMappingURL=feed.js.map

package/lib/esm/utils/feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed.js","sourceRoot":"","sources":["../../../src/utils/feed.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3E;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;IAC1D,IAAI,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,GAAG,KAAK,EAAE;QAC9C,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;KAChC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}