@evergis/react 4.0.133 → 4.0.134

package/dist/components/Dashboard/hooks/useFetchImageWithAuth.d.ts

@@ -1 +1,10 @@
+/**
+ * `src` для картинки: свой файл тянется fetch'ем с токеном и отдаётся blob-адресом, чужой
+ * возвращается как есть.
+ *
+ * Внешний адрес намеренно не фетчится: тег `img` грузит кросс-доменную картинку без всякого
+ * CORS, а `fetch` — только если чужой сервер отдал `Access-Control-Allow-Origin`. Заодно
+ * картинка остаётся в HTTP-кеше браузера, которого blob-адрес лишён. Ровно так же поступают
+ * вложения: `useAttachmentPreviewImages` отдаёт внешней ссылке `src: item.link`.
+ */
 export declare const useFetchImageWithAuth: (url: string | null) => string | null;

package/dist/components/Dashboard/utils/getResourceUrl.d.ts

@@ -1 +1,11 @@
+/**
+ * Приводит значение конфига к адресу картинки, иконки или ссылки.
+ *
+ * Развилка одна: готовый адрес отдаётся как есть, всё остальное считается идентификатором
+ * ресурса и разворачивается в путь к файлу каталога.
+ *
+ * Проверка идёт по схеме, а не по префиксу `http`: иначе `data:`-URI, `blob:`, `mailto:` и
+ * `//cdn…` превращались бы в `/sp/resources/file/data:…` — путь к несуществующему файлу,
+ * который дальше по течению неотличим от обычного внутреннего адреса и молча даёт 404.
+ */
 export declare const getResourceUrl: (url?: string) => string;

package/dist/components/Dashboard/utils/index.d.ts

@@ -60,6 +60,7 @@ export * from './getTotalFromAttributes';
 export * from './getTotalFromRelatedFeatures';
 export * from './getRootElementId';
 export * from './hasContainerBgImage';
+export * from './isCrossOriginUrl';
 export * from './isEmptyElementValue';
 export * from './isEmptyValue';
 export * from './isHiddenEmptyValue';

package/dist/components/Dashboard/utils/isCrossOriginUrl.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Ведёт ли адрес на ЧУЖОЙ origin — сервер, который ничего не знает ни про наш токен, ни про
+ * наши заголовки.
+ *
+ * Относительный адрес (`/sp/resources/file/<id>`) всегда свой. Абсолютный сравнивается с
+ * `location.origin`, поэтому `https://<наш хост>/sp/...` тоже считается своим: его файлы
+ * закрыты авторизацией ровно так же, как у относительного пути.
+ *
+ * Проверка НЕ сводится к `^https?://`, как `isExternal` у вложений: там достаточно отличить
+ * ссылку от файла каталога, а здесь решается, отправлять ли на адрес `Authorization`.
+ *
+ * Разобрать адрес не удалось — считаем его своим: пусть с ним разбирается обычный путь
+ * загрузки, а не эта проверка.
+ */
+export declare const isCrossOriginUrl: (url?: string | null) => boolean;

package/dist/index.js

@@ -7226,6 +7226,31 @@ const useEditGroupAttributes = ({ elementConfig, type }) => {
     return { filteredAttributes, filteredControls };
 };
 
+/**
+ * Ведёт ли адрес на ЧУЖОЙ origin — сервер, который ничего не знает ни про наш токен, ни про
+ * наши заголовки.
+ *
+ * Относительный адрес (`/sp/resources/file/<id>`) всегда свой. Абсолютный сравнивается с
+ * `location.origin`, поэтому `https://<наш хост>/sp/...` тоже считается своим: его файлы
+ * закрыты авторизацией ровно так же, как у относительного пути.
+ *
+ * Проверка НЕ сводится к `^https?://`, как `isExternal` у вложений: там достаточно отличить
+ * ссылку от файла каталога, а здесь решается, отправлять ли на адрес `Authorization`.
+ *
+ * Разобрать адрес не удалось — считаем его своим: пусть с ним разбирается обычный путь
+ * загрузки, а не эта проверка.
+ */
+const isCrossOriginUrl = (url) => {
+    if (!url)
+        return false;
+    try {
+        return new URL(url, window.location.href).origin !== window.location.origin;
+    }
+    catch {
+        return false;
+    }
+};
+
 const useFetchWithAuth = (url, transform, cleanup) => {
     const [data, setData] = React.useState(null);
     const loadingRef = React.useRef(false);
@@ -7237,7 +7262,12 @@ const useFetchWithAuth = (url, transform, cleanup) => {
         if (!url || loadingRef.current)
             return;
         loadingRef.current = true;
-        const token = window.localStorage.getItem(api.STORAGE_TOKEN_KEY);
+        /*
+          Токен уходит только на свой сервер. Чужому он не нужен и опасен — а вдобавок кастомный
+          заголовок переводит кросс-доменный запрос в preflight-режим, который сторонние хранилища
+          картинок не обслуживают: ответ на OPTIONS без Access-Control-Allow-Headers роняет весь fetch.
+        */
+        const token = isCrossOriginUrl(url) ? null : window.localStorage.getItem(api.STORAGE_TOKEN_KEY);
         fetch(url, {
             headers: token ? { Authorization: `Bearer ${token}` } : {},
         })
@@ -7266,7 +7296,20 @@ const useFetchWithAuth = (url, transform, cleanup) => {
 };
 
 const toObjectUrl = (res) => res.blob().then(blob => URL.createObjectURL(blob));
-const useFetchImageWithAuth = (url) => useFetchWithAuth(url, toObjectUrl, URL.revokeObjectURL);
+/**
+ * `src` для картинки: свой файл тянется fetch'ем с токеном и отдаётся blob-адресом, чужой
+ * возвращается как есть.
+ *
+ * Внешний адрес намеренно не фетчится: тег `img` грузит кросс-доменную картинку без всякого
+ * CORS, а `fetch` — только если чужой сервер отдал `Access-Control-Allow-Origin`. Заодно
+ * картинка остаётся в HTTP-кеше браузера, которого blob-адрес лишён. Ровно так же поступают
+ * вложения: `useAttachmentPreviewImages` отдаёт внешней ссылке `src: item.link`.
+ */
+const useFetchImageWithAuth = (url) => {
+    const isExternal = React.useMemo(() => isCrossOriginUrl(url), [url]);
+    const blobUrl = useFetchWithAuth(isExternal ? null : url, toObjectUrl, URL.revokeObjectURL);
+    return isExternal ? url : blobUrl;
+};
 
 const HEIGHT_OFFSET = 20;
 const FILL_OPACITY = 0.28;
@@ -16373,21 +16416,27 @@ const BarChartFilter = ({ type, config, elementConfig, filter }) => {
 const DEFAULT_FROM_DATA = { minFromData: null, maxFromData: null };
 const RangeDateFilter = ({ type, filter }) => {
     const { t } = useGlobalContext();
-    const { changeFilters, dataSources } = useWidgetContext(type);
+    const { changeFilters, dataSources, filters } = useWidgetContext(type);
     const { currentPage } = useWidgetPage(type);
-    const [value, setValue] = React.useState([undefined, undefined]);
-    const isInit = React.useRef(false);
-    const isDefaultApplied = React.useRef(false);
     const updateDebounce = useDebouncedCallback(FILTER_UPDATE_DEBOUNCE);
     const { filters: configFilters } = currentPage;
     const { filterName, label, minValue, maxValue, withTime } = filter.options;
+    // Локальный стейт — копия значения из общего стора фильтров, поэтому при монтировании поднимаем
+    // выбор оттуда. Контейнер фильтров размонтируется на время перезапроса источников (их стор
+    // сбрасывается целиком, например, на смену геометрической выборки), и без этого выбранный
+    // диапазон терялся бы, а следом его затирал дефолт.
+    const [value, setValue] = React.useState(() => [getDate(filters[filterName]?.min)?.toISOString(), getDate(filters[filterName]?.max)?.toISOString()]);
+    const isInit = React.useRef(false);
+    // Ref фиксирует только первое значение выражения: если на момент монтирования выбор уже лежит
+    // в сторе, дефолт считается применённым — перемонтирование не должно его затирать.
+    const isDefaultApplied = React.useRef(!lodash.isNil(value[0]) || !lodash.isNil(value[1]));
     const configFilter = React.useMemo(() => getConfigFilter(filterName, configFilters), [configFilters, filterName]);
     const dataSource = React.useMemo(() => getDataSource(configFilter?.relatedDataSource, dataSources), [configFilter?.relatedDataSource, dataSources]);
     const { minFromData, maxFromData } = React.useMemo(() => dataSource?.features?.reduce((prev, { properties }) => {
         const date = getDate(properties[configFilter?.attributeValue]);
         return {
             minFromData: !prev.minFromData ? date : date < prev.minFromData ? date : prev.minFromData,
-            maxFromData: !prev.maxFromData ? date : date > prev.maxFromData ? date : prev.maxFromData
+            maxFromData: !prev.maxFromData ? date : date > prev.maxFromData ? date : prev.maxFromData,
         };
     }, DEFAULT_FROM_DATA) || DEFAULT_FROM_DATA, [configFilter?.attributeValue, dataSource?.features]);
     const minDate = React.useMemo(() => minValue || minFromData?.toISOString(), [minFromData, minValue]);
@@ -16408,8 +16457,8 @@ const RangeDateFilter = ({ type, filter }) => {
             [filterName]: {
                 value: [from, to],
                 min: from,
-                max: to
-            }
+                max: to,
+            },
         }, configFilter?.resetFilters);
     }, [changeFilters, configFilter?.resetFilters, defaultRange, filterName]);
     const onChange = React.useCallback((newValue) => {
@@ -16436,8 +16485,8 @@ const RangeDateFilter = ({ type, filter }) => {
                 [filterName]: {
                     value,
                     min: value[0],
-                    max: value[1]
-                }
+                    max: value[1],
+                },
             }, configFilter?.resetFilters);
         });
     }, [value]); // eslint-disable-line
@@ -17186,8 +17235,26 @@ const getFormattedAttributes = (t, data, attributes, config) => {
         : attributes;
 };
 
+/**
+ * Адрес, который уже готов к употреблению: со схемой (`https:`, `data:`, `blob:`, `mailto:`),
+ * протокол-относительный (`//cdn…`) или абсолютный путь (`/sp/…`).
+ *
+ * Идентификатор ресурса — GUID, схемы у него нет и с `/` он не начинается, поэтому под условие
+ * не попадает и по-прежнему разворачивается в путь к файлу каталога.
+ */
+const READY_URL = /^(?:[a-z][a-z\d+\-.]*:|\/)/i;
+/**
+ * Приводит значение конфига к адресу картинки, иконки или ссылки.
+ *
+ * Развилка одна: готовый адрес отдаётся как есть, всё остальное считается идентификатором
+ * ресурса и разворачивается в путь к файлу каталога.
+ *
+ * Проверка идёт по схеме, а не по префиксу `http`: иначе `data:`-URI, `blob:`, `mailto:` и
+ * `//cdn…` превращались бы в `/sp/resources/file/data:…` — путь к несуществующему файлу,
+ * который дальше по течению неотличим от обычного внутреннего адреса и молча даёт 404.
+ */
 const getResourceUrl = (url) => {
-    return url ? (url.startsWith("http") ? url : `/sp/resources/file/${url}`) : "";
+    return url ? (READY_URL.test(url) ? url : `/sp/resources/file/${url}`) : "";
 };
 
 /**
@@ -18728,6 +18795,7 @@ exports.getTrackSizes = getTrackSizes;
 exports.getWrapperSizeStyle = getWrapperSizeStyle;
 exports.hasContainerBgImage = hasContainerBgImage;
 exports.hexToRgba = hexToRgba;
+exports.isCrossOriginUrl = isCrossOriginUrl;
 exports.isEmptyElementValue = isEmptyElementValue;
 exports.isEmptyValue = isEmptyValue;
 exports.isFeaturesFilterValue = isFeaturesFilterValue;