@evergis/react 3.1.131 → 3.1.132

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

@@ -1,4 +1,5 @@
 export * from './useAutoCompleteControl';
+export * from './useFetchImageWithAuth';
 export * from './useFetchWithAuth';
 export * from './useChartChange';
 export * from './useChartData';

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

@@ -0,0 +1 @@
+export declare const useFetchImageWithAuth: (url: string | null) => string | null;

package/dist/index.js

@@ -3954,6 +3954,9 @@ const useFetchWithAuth = (url, transform, cleanup) => {
     return data;
 };
 
+const toObjectUrl = (res) => res.blob().then(blob => URL.createObjectURL(blob));
+const useFetchImageWithAuth = (url) => useFetchWithAuth(url, toObjectUrl, URL.revokeObjectURL);
+
 const DashboardContext = React.createContext({});
 const DashboardProvider = React.memo(({ children, ...props }) => {
     return jsxRuntime.jsx(DashboardContext.Provider, { value: props, children: children });
@@ -7802,10 +7805,10 @@ const PageTitleContainer = styled(uilibGl.Flex) `
 `;
 
 const DashboardDefaultHeader = React.memo(() => {
-    const { title } = useDashboardHeader();
+    const { title, pageId, image, icon, tooltip, themeName } = useDashboardHeader();
     const { toggleLayersVisibility, components: { ProjectPanelMenu, ProjectPagesMenu }, } = useWidgetContext();
-    const { pageId, image, icon, tooltip, themeName } = useDashboardHeader();
-    return (jsxRuntime.jsxs(DefaultHeaderContainer, { image: getResourceUrl(image), isDark: themeName === exports.ThemeName.Dark, children: [!pageId && jsxRuntime.jsx(uilibGl.LinearProgress, {}), jsxRuntime.jsxs(uilibGl.Flex, { column: true, gap: "1rem", children: [jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(TopContainer, { children: [jsxRuntime.jsx(LogoContainer, { children: icon }), jsxRuntime.jsx(TopContainerButtons, { children: jsxRuntime.jsx(ProjectPanelMenu, {}) })] }) }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(uilibGl.Flex, { column: true, gap: "0.25rem", children: jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(uilibGl.Flex, { alignItems: "center", children: [jsxRuntime.jsxs(PageTitleContainer, { children: [jsxRuntime.jsx(uilibGl.Tooltip, { arrow: true, content: tooltip, children: ref => (jsxRuntime.jsx(PageTitle, { ref: ref, onClick: toggleLayersVisibility, children: title })) }), jsxRuntime.jsx(ProjectPagesMenu, {})] }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(Pagination, {}) })] }) }) }) })] })] }));
+    const backgroundImage = useFetchImageWithAuth(image ? getResourceUrl(image) : null);
+    return (jsxRuntime.jsxs(DefaultHeaderContainer, { image: backgroundImage ?? undefined, isDark: themeName === exports.ThemeName.Dark, children: [!pageId && jsxRuntime.jsx(uilibGl.LinearProgress, {}), jsxRuntime.jsxs(uilibGl.Flex, { column: true, gap: "1rem", children: [jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(TopContainer, { children: [jsxRuntime.jsx(LogoContainer, { children: icon }), jsxRuntime.jsx(TopContainerButtons, { children: jsxRuntime.jsx(ProjectPanelMenu, {}) })] }) }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(uilibGl.Flex, { column: true, gap: "0.25rem", children: jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(uilibGl.Flex, { alignItems: "center", children: [jsxRuntime.jsxs(PageTitleContainer, { children: [jsxRuntime.jsx(uilibGl.Tooltip, { arrow: true, content: tooltip, children: ref => (jsxRuntime.jsx(PageTitle, { ref: ref, onClick: toggleLayersVisibility, children: title })) }), jsxRuntime.jsx(ProjectPagesMenu, {})] }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(Pagination, {}) })] }) }) }) })] })] }));
 });
 
 const HeaderFrontView = styled(uilibGl.Flex) `
@@ -8545,7 +8548,6 @@ const ElementIcon = React.memo(({ type, elementConfig }) => {
     return jsxRuntime.jsx(StyledIcon, { kind: iconValue, fontSize: fontSize, fontColor: fontColor, style: style });
 });
 
-const toObjectUrl = (res) => res.blob().then(blob => URL.createObjectURL(blob));
 const ElementImage = React.memo(({ type, elementConfig }) => {
     const { attributes } = useWidgetContext(type);
     const { value, attributeName, options, style } = elementConfig || {};
@@ -8563,7 +8565,7 @@ const ElementImage = React.memo(({ type, elementConfig }) => {
             return null;
         return getResourceUrl(imageUrl);
     }, [attributeName, attributes, value]);
-    const blobUrl = useFetchWithAuth(firstImage, toObjectUrl, URL.revokeObjectURL);
+    const blobUrl = useFetchImageWithAuth(firstImage);
     if (!blobUrl)
         return null;
     return (jsxRuntime.jsx("img", { src: blobUrl, alt: firstImage ?? "", width: width, style: style }));
@@ -12257,6 +12259,7 @@ exports.useDebouncedCallback = useDebouncedCallback;
 exports.useDiffPage = useDiffPage;
 exports.useExpandableContainers = useExpandableContainers;
 exports.useExportPdf = useExportPdf;
+exports.useFetchImageWithAuth = useFetchImageWithAuth;
 exports.useFetchWithAuth = useFetchWithAuth;
 exports.useGetConfigLayer = useGetConfigLayer;
 exports.useGlobalContext = useGlobalContext;