@expressms/smartapp-ui 2.4.0 → 2.4.1

package/build/main//321/201omponents/CachedImage/CachedImage.d.ts

@@ -0,0 +1,4 @@
+import { ICachedImageProps } from './types';
+import '../../styles/styles.scss';
+declare const CachedImage: ({ src, alt, className, width, height, borderRadius }: ICachedImageProps) => import("react/jsx-runtime").JSX.Element;
+export default CachedImage;

package/build/main//321/201omponents/CachedImage/CachedImage.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useState } from 'react';
+import { isBlobUrl, tryToLoadImageFromCache, tryToSaveImageToCache } from './helpers';
+import '../../styles/styles.scss';
+var IMAGE_LOADING_STATE;
+(function (IMAGE_LOADING_STATE) {
+    IMAGE_LOADING_STATE[IMAGE_LOADING_STATE["pending"] = 0] = "pending";
+    IMAGE_LOADING_STATE[IMAGE_LOADING_STATE["success"] = 1] = "success";
+    IMAGE_LOADING_STATE[IMAGE_LOADING_STATE["error"] = -1] = "error";
+})(IMAGE_LOADING_STATE || (IMAGE_LOADING_STATE = {}));
+var CachedImage = function (_a) {
+    var src = _a.src, alt = _a.alt, className = _a.className, width = _a.width, height = _a.height, borderRadius = _a.borderRadius;
+    var _b = useState(''), url = _b[0], setUrl = _b[1];
+    var _c = useState(IMAGE_LOADING_STATE.pending), loadingState = _c[0], setLoadingState = _c[1];
+    useLayoutEffect(function () {
+        setUrl(src);
+    }, [src]);
+    // Очистка URL объекта после ошибки загрузки изображения
+    useEffect(function () {
+        if (loadingState === IMAGE_LOADING_STATE.error && isBlobUrl(url))
+            URL.revokeObjectURL(url);
+        return function () { return void 0; };
+    }, [loadingState, url]);
+    var isImageLoadingStatePending = function () { return loadingState === IMAGE_LOADING_STATE.pending; };
+    // Обработчик успешной загрузки изображения
+    var handleOnLoad = function () {
+        if (!isImageLoadingStatePending())
+            return;
+        setLoadingState(IMAGE_LOADING_STATE.success);
+        tryToSaveImageToCache(src);
+    };
+    // Обработчик ошибки загрузки изображения
+    var handleOnError = function () {
+        if (!isImageLoadingStatePending())
+            return;
+        setLoadingState(IMAGE_LOADING_STATE.error);
+        tryToLoadImageFromCache(src).then(function (blobUrl) { return blobUrl && setUrl(blobUrl); });
+    };
+    var generateImageStyles = function () { return ({
+        width: width ? "".concat(width, "px") : '100%',
+        height: height ? "".concat(height, "px") : '100%',
+        borderRadius: "".concat(borderRadius, "px"),
+    }); };
+    return _jsx("img", { className: className, style: generateImageStyles(), src: url, alt: alt, onLoad: handleOnLoad, onError: handleOnError });
+};
+export default CachedImage;
+//# sourceMappingURL=CachedImage.js.map

package/build/main//321/201omponents/CachedImage/CachedImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CachedImage.js","sourceRoot":"","sources":["../../../../src/сomponents/CachedImage/CachedImage.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAErF,OAAO,0BAA0B,CAAA;AAEjC,IAAK,mBAIJ;AAJD,WAAK,mBAAmB;IACtB,mEAAa,CAAA;IACb,mEAAa,CAAA;IACb,gEAAY,CAAA;AACd,CAAC,EAJI,mBAAmB,KAAnB,mBAAmB,QAIvB;AAED,IAAM,WAAW,GAAG,UAAC,EAAuE;QAArE,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA;IAC/D,IAAA,KAAgB,QAAQ,CAAC,EAAE,CAAC,EAA3B,GAAG,QAAA,EAAE,MAAM,QAAgB,CAAA;IAC5B,IAAA,KAAkC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAtE,YAAY,QAAA,EAAE,eAAe,QAAyC,CAAA;IAE7E,eAAe,CAAC;QACd,MAAM,CAAC,GAAG,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,wDAAwD;IACxD,SAAS,CAAC;QACR,IAAI,YAAY,KAAK,mBAAmB,CAAC,KAAK,IAAI,SAAS,CAAC,GAAG,CAAC;YAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;QAC1F,OAAO,cAAM,OAAA,KAAK,CAAC,EAAN,CAAM,CAAA;IACrB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAA;IAEvB,IAAM,0BAA0B,GAAG,cAAM,OAAA,YAAY,KAAK,mBAAmB,CAAC,OAAO,EAA5C,CAA4C,CAAA;IAErF,2CAA2C;IAC3C,IAAM,YAAY,GAAG;QACnB,IAAI,CAAC,0BAA0B,EAAE;YAAE,OAAM;QAEzC,eAAe,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAA;QAC5C,qBAAqB,CAAC,GAAG,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,yCAAyC;IACzC,IAAM,aAAa,GAAG;QACpB,IAAI,CAAC,0BAA0B,EAAE;YAAE,OAAM;QAEzC,eAAe,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;QAC1C,uBAAuB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,EAA1B,CAA0B,CAAC,CAAA;IAC5E,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,cAAM,OAAA,CAAC;QACjC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM;QACpC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,MAAM;QACvC,YAAY,EAAE,UAAG,YAAY,OAAI;KAClC,CAAC,EAJgC,CAIhC,CAAA;IAEF,OAAO,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,GAAI,CAAA;AACtI,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/build/main//321/201omponents/CachedImage/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const tryToLoadImageFromCache: (url: string) => Promise<string | null>;
+export declare const tryToSaveImageToCache: (url: string) => Promise<void>;
+export declare const isBlobUrl: (url: string) => boolean;

package/build/main//321/201omponents/CachedImage/helpers.js

@@ -0,0 +1,40 @@
+var SMARTAPP_CACHE_STORAGE = 'smartapp-cache-storage';
+var NETWORK_RESPONSE_ERROR = 'Network response was not ok';
+var FAILED_TO_SAVE_IMAGE_TO_CACHE = 'Failed to save image to cache';
+// Загрузка изображения из кэша
+export var tryToLoadImageFromCache = function (url) {
+    return caches
+        .open(SMARTAPP_CACHE_STORAGE)
+        .then(function (cache) { return cache.match(url); })
+        .then(function (response) { return (response === null || response === void 0 ? void 0 : response.blob()) || null; })
+        .then(function (blob) { return (blob ? URL.createObjectURL(blob) : null); })
+        .catch(function () { return null; });
+};
+// Сохранение изображения в кэш
+var saveImageToCache = function (url) {
+    return fetch(url, {
+        credentials: 'include',
+    })
+        .then(function (response) {
+        if (!response.ok)
+            throw new Error(NETWORK_RESPONSE_ERROR);
+        return caches.open(SMARTAPP_CACHE_STORAGE).then(function (cache) { return cache.put(url, response); });
+    })
+        .catch(function (error) { return console.error("".concat(FAILED_TO_SAVE_IMAGE_TO_CACHE, ":"), error); });
+};
+// Проверка наличия изображения в кэше и сохранение его при отсутствии
+export var tryToSaveImageToCache = function (url) {
+    if (!url)
+        return Promise.resolve();
+    return caches
+        .open(SMARTAPP_CACHE_STORAGE)
+        .then(function (cache) { return cache.match(url); })
+        .then(function (response) {
+        if (!response)
+            return saveImageToCache(url);
+        return Promise.resolve();
+    });
+};
+// Функция для проверки, является ли URL объектом Blob
+export var isBlobUrl = function (url) { return url.indexOf('blob:') === 0; };
+//# sourceMappingURL=helpers.js.map

package/build/main//321/201omponents/CachedImage/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/CachedImage/helpers.ts"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAAG,wBAAwB,CAAA;AACvD,IAAM,sBAAsB,GAAG,6BAA6B,CAAA;AAC5D,IAAM,6BAA6B,GAAG,+BAA+B,CAAA;AAErE,+BAA+B;AAC/B,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,GAAW;IACjD,OAAA,MAAM;SACH,IAAI,CAAC,sBAAsB,CAAC;SAC5B,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAhB,CAAgB,CAAC;SACjC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,KAAI,IAAI,EAAxB,CAAwB,CAAC;SAC5C,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAzC,CAAyC,CAAC;SACzD,KAAK,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AALpB,CAKoB,CAAA;AAEtB,+BAA+B;AAC/B,IAAM,gBAAgB,GAAG,UAAC,GAAW;IACnC,OAAA,KAAK,CAAC,GAAG,EAAE;QACT,WAAW,EAAE,SAAS;KACvB,CAAC;SACC,IAAI,CAAC,UAAC,QAAQ;QACb,IAAI,CAAC,QAAQ,CAAC,EAAE;YAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAA;QACzD,OAAO,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAxB,CAAwB,CAAC,CAAA;IACtF,CAAC,CAAC;SACD,KAAK,CAAC,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,KAAK,CAAC,UAAG,6BAA6B,MAAG,EAAE,KAAK,CAAC,EAAzD,CAAyD,CAAC;AAP9E,CAO8E,CAAA;AAEhF,sEAAsE;AACtE,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,GAAW;IAC/C,IAAI,CAAC,GAAG;QAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAA;IAElC,OAAO,MAAM;SACV,IAAI,CAAC,sBAAsB,CAAC;SAC5B,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAhB,CAAgB,CAAC;SACjC,IAAI,CAAC,UAAC,QAAQ;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAAA;QAC3C,OAAO,OAAO,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AAED,sDAAsD;AACtD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAA1B,CAA0B,CAAA"}

package/build/main//321/201omponents/CachedImage/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CachedImage';

package/build/main//321/201omponents/CachedImage/index.js

@@ -0,0 +1,2 @@
+export { default } from './CachedImage';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/CachedImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/CachedImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/build/main//321/201omponents/CachedImage/types.d.ts

@@ -0,0 +1,8 @@
+export interface ICachedImageProps {
+    src: string;
+    alt?: string;
+    className?: string;
+    height?: number;
+    width?: number;
+    borderRadius?: number;
+}

package/build/main//321/201omponents/CachedImage/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/CachedImage/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/CachedImage/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/index.d.ts

@@ -26,3 +26,4 @@ export { default as ContextMenu } from './ContextMenu';
 export { default as UserDropdown } from './UserDropdown';
 export { Skeleton } from './Skeleton';
 export { default as ListItem } from './ListItem';
+export { default as CachedImage } from './CachedImage';

package/build/main//321/201omponents/index.js

@@ -26,4 +26,5 @@ export { default as ContextMenu } from './ContextMenu';
 export { default as UserDropdown } from './UserDropdown';
 export { Skeleton } from './Skeleton';
 export { default as ListItem } from './ListItem';
+export { default as CachedImage } from './CachedImage';
 //# sourceMappingURL=index.js.map

package/build/main//321/201omponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",