@selfcommunity/react-ui 0.7.0-alpha.32 → 0.7.0-alpha.320

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

@@ -6,4 +6,3 @@ export declare function parseThreshold(scrollThreshold: string | number): {
     unit: string;
     value: number;
 };
-//# sourceMappingURL=threshold.d.ts.map

package/lib/esm/utils/threshold.js

@@ -32,4 +32,3 @@ export function parseThreshold(scrollThreshold) {
     console.warn('scrollThreshold should be string or number');
     return defaultThreshold;
 }
-//# sourceMappingURL=threshold.js.map

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

@@ -0,0 +1,4 @@
+export declare const pdfImagePlaceholder = "data:image/png;base64,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";
+export declare function pdfToJpeg(url: any, fileName: any): Promise<unknown>;
+export declare function createThumbnail(file: any): Promise<unknown>;
+export declare function createVideoThumbnail(file: any, fileName: any): Promise<unknown>;

package/lib/esm/utils/thumbnailCoverter.js

@@ -0,0 +1,105 @@
+export const pdfImagePlaceholder = 'data:image/png;base64,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';
+const MAX_WIDTH = 1920;
+function dataURLtoFile(dataUrl, fileName) {
+    let arr = dataUrl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+    const _fileName = fileName.endsWith('.pdf') ? fileName.replace(/\.pdf$/, '.jpeg') : fileName;
+    while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+    }
+    return new File([u8arr], _fileName, { type: mime });
+}
+export function pdfToJpeg(url, fileName) {
+    const pdfjsLib = require('pdfjs-dist/webpack');
+    return new Promise(function (resolve, reject) {
+        try {
+            const canvas = document.createElement('canvas');
+            const ctx = canvas.getContext('2d');
+            // Load the PDF file
+            pdfjsLib
+                .getDocument(url)
+                .promise.then((pdf) => {
+                // Get the first page of the PDF
+                return pdf.getPage(1);
+            })
+                .then((page) => {
+                // Set the canvas dimensions to match the PDF page dimensions
+                const viewport = page.getViewport({ scale: 1 });
+                canvas.width = viewport.width;
+                canvas.height = viewport.height;
+                // Render the PDF page onto the canvas
+                const renderContext = {
+                    canvasContext: ctx,
+                    viewport: viewport
+                };
+                return page.render(renderContext).promise;
+            })
+                .then(() => {
+                // Convert the canvas to an image
+                const thumbnailUrl = canvas.toDataURL('image/jpeg', 1);
+                // Resolve the Promise with the generated value
+                resolve(dataURLtoFile(thumbnailUrl, fileName));
+            });
+        }
+        catch (e) {
+            reject(e);
+            console.log(e);
+        }
+    });
+}
+export function createThumbnail(file) {
+    return new Promise(function (resolve, reject) {
+        try {
+            const reader = new FileReader();
+            reader.onload = (event) => {
+                let img = new Image();
+                img.onload = function () {
+                    const canvas = document.createElement('canvas');
+                    const ctx = canvas.getContext('2d');
+                    canvas.width = MAX_WIDTH;
+                    //to keep aspect ratio
+                    const scaleSize = MAX_WIDTH / img.width;
+                    canvas.height = img.height * scaleSize;
+                    // Draw the canvas
+                    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+                    const thumbnailData = canvas.toDataURL('image/jpeg', 0.5);
+                    // Resolve the Promise with the generated value
+                    resolve(dataURLtoFile(thumbnailData, file.name));
+                };
+                img.src = event.target.result;
+            };
+            reader.onerror = reject;
+            reader.readAsDataURL(file);
+        }
+        catch (e) {
+            reject(e);
+            console.log(e);
+        }
+    });
+}
+export function createVideoThumbnail(file, fileName) {
+    return new Promise(function (resolve, reject) {
+        try {
+            const video = document.createElement('video');
+            video.src = file;
+            video.crossOrigin = '*';
+            video.addEventListener('seeked', function () {
+                const canvas = document.createElement('canvas');
+                canvas.width = MAX_WIDTH;
+                //to keep aspect ratio
+                const scaleSize = MAX_WIDTH / video.videoWidth;
+                canvas.height = video.videoHeight * scaleSize;
+                const ctx = canvas.getContext('2d');
+                // Draw the canvas
+                ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+                const thumbnailUrl = canvas.toDataURL('image/jpeg', 0.5);
+                // Resolve the Promise with the generated value
+                resolve(dataURLtoFile(thumbnailUrl, fileName));
+            });
+            video.currentTime = 1;
+        }
+        catch (e) {
+            reject(e);
+            console.log(e);
+        }
+    });
+}

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

@@ -0,0 +1,29 @@
+/**
+ * @hidden
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+export declare const actionWidgetTypes: {
+    LOADING_NEXT: string;
+    LOADING_PREVIOUS: string;
+    LOAD_NEXT_SUCCESS: string;
+    LOAD_PREVIOUS_SUCCESS: string;
+    LOAD_NEXT_FAILURE: string;
+    LOAD_PREVIOUS_FAILURE: string;
+    SET_RESULTS: string;
+    SET_VISIBLE_ITEMS: string;
+    RESET: string;
+};
+/**
+ * Manage tools state reducer
+ * @param state
+ * @param action
+ */
+export declare function dataWidgetReducer(state: any, action: any): any;
+/**
+ * Define initial tools state
+ * @param data
+ */
+export declare function stateWidgetInitializer(data: any): any;

package/lib/esm/utils/widget.js

@@ -0,0 +1,81 @@
+import { CacheStrategies, LRUCache } from '@selfcommunity/utils';
+/**
+ * @hidden
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+export const actionWidgetTypes = {
+    LOADING_NEXT: '_loading_next',
+    LOADING_PREVIOUS: '_loading_previous',
+    LOAD_NEXT_SUCCESS: '_load_next_success',
+    LOAD_PREVIOUS_SUCCESS: '_load_previous_success',
+    LOAD_NEXT_FAILURE: '_load_next_failure',
+    LOAD_PREVIOUS_FAILURE: '_load_previous_failure',
+    SET_RESULTS: '_set_results',
+    SET_VISIBLE_ITEMS: '_set_visible_items',
+    RESET: '_reset'
+};
+/**
+ * Manage tools state reducer
+ * @param state
+ * @param action
+ */
+export function dataWidgetReducer(state, action) {
+    var _a;
+    let _state = Object.assign({}, state);
+    switch (action.type) {
+        case actionWidgetTypes.LOADING_NEXT:
+            _state = Object.assign(Object.assign({}, state), { isLoadingNext: true, errorLoadNext: null });
+            break;
+        case actionWidgetTypes.LOADING_PREVIOUS:
+            _state = Object.assign(Object.assign({}, state), { isLoadingPrevious: true, errorLoadPrevious: null });
+            break;
+        case actionWidgetTypes.LOAD_NEXT_SUCCESS:
+            _state = Object.assign(Object.assign({}, state), { isLoadingNext: false, count: action.payload.count, next: action.payload.next ? action.payload.next : null, results: [...state.results, ...action.payload.results], errorLoadNext: null, initialized: ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.initialized) || true });
+            break;
+        case actionWidgetTypes.LOAD_PREVIOUS_SUCCESS:
+            _state = Object.assign(Object.assign({}, state), { isLoadingPrevious: false, count: action.payload.count, previous: action.payload.previous ? action.payload.previous : null, results: [...action.payload.results, ...state.results], errorPreviousNext: null });
+            break;
+        case actionWidgetTypes.SET_RESULTS:
+            _state = Object.assign(Object.assign(Object.assign({}, state), { results: [...action.payload.results] }), (action.payload.count ? { count: action.payload.count } : {}));
+            break;
+        case actionWidgetTypes.SET_VISIBLE_ITEMS:
+            _state = Object.assign(Object.assign({}, state), { visibleItems: action.payload.visibleItems });
+            break;
+        case actionWidgetTypes.LOAD_NEXT_FAILURE:
+            _state = Object.assign(Object.assign({}, state), { isLoadingNext: false, errorLoadNext: action.payload.error });
+            break;
+        case actionWidgetTypes.LOAD_PREVIOUS_FAILURE:
+            _state = Object.assign(Object.assign({}, state), { isLoadingNext: false, errorLoadPrevious: action.payload.error });
+            break;
+        case actionWidgetTypes.RESET:
+            _state = { isLoadingNext: false, next: null, results: [], count: 0, errorLoadNext: null, initialized: false };
+            break;
+    }
+    LRUCache.set(_state.cacheKey, _state);
+    return _state;
+}
+/**
+ * Define initial tools state
+ * @param data
+ */
+export function stateWidgetInitializer(data) {
+    let _initState = {
+        cacheKey: data.cacheKey ? data.cacheKey : null,
+        count: data.count ? data.count : 0,
+        results: data.results ? data.results : [],
+        next: data.next ? data.next : null,
+        previous: data.previous ? data.previous : null,
+        isLoadingNext: data.isLoadingNext ? data.isLoadingNext : false,
+        isLoadingPrevious: data.isLoadingPrevious ? data.isLoadingPrevious : false,
+        visibleItems: data.visibleItems ? data.visibleItems : null,
+        initialized: false
+    };
+    if (_initState.cacheKey && LRUCache.hasKey(_initState.cacheKey) && data.cacheStrategy !== CacheStrategies.NETWORK_ONLY) {
+        const _cachedStateData = LRUCache.get(_initState.cacheKey);
+        return Object.assign(Object.assign({}, _initState), _cachedStateData);
+    }
+    return _initState;
+}