@opengeoweb/shared 9.28.1 → 9.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "9.28.1",
+  "version": "9.29.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -21,7 +21,7 @@
     "react-i18next": "^14.1.2",
     "i18next": "^23.11.5",
     "@mui/material": "^6.1.1",
-    "@sentry/react": "^7.109.0"
+    "@sentry/react": "^8.34.0"
   },
   "peerDependencies": {
     "react": "18",

package/src/index.d.ts

@@ -1,7 +1,7 @@
-import sharedTranslations from '../locales/shared.json';
-export * from './lib/components';
-export * from './lib/hooks';
-export * from './lib/utils';
-export * from './lib/types';
-export { SHARED_NAMESPACE } from './lib/utils/i18n';
-export { sharedTranslations };
+import sharedTranslations from '../locales/shared.json';
+export * from './lib/components';
+export * from './lib/hooks';
+export * from './lib/utils';
+export * from './lib/types';
+export { SHARED_NAMESPACE } from './lib/utils/i18n';
+export { sharedTranslations };

package/src/lib/components/AlertBanner/AlertBanner.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import { AlertColor } from '@mui/material';
-interface AlertBannerProps {
-    title: string;
-    severity?: AlertColor;
-    info?: string | React.ReactElement;
-    dataTestId?: string;
-    isCompact?: boolean;
-    shouldClose?: boolean;
-    actionButtonProps?: {
-        onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-        title: string;
-    };
-}
-declare const AlertBanner: React.FC<AlertBannerProps>;
-export default AlertBanner;
+import * as React from 'react';
+import { AlertColor } from '@mui/material';
+interface AlertBannerProps {
+    title: string;
+    severity?: AlertColor;
+    info?: string | React.ReactElement;
+    dataTestId?: string;
+    isCompact?: boolean;
+    shouldClose?: boolean;
+    actionButtonProps?: {
+        onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        title: string;
+    };
+}
+declare const AlertBanner: React.FC<AlertBannerProps>;
+export default AlertBanner;

package/src/lib/components/AlertBanner/AlertBanner.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/src/lib/components/AlertBanner/AlertBanner.stories.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AlertBannersLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const AlertBannersDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AlertBannersLight: {
+    (): React.ReactElement;
+    tags: string[];
+};
+export declare const AlertBannersDark: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/AlertBanner/index.d.ts

@@ -1 +1 @@
-export { default as AlertBanner } from './AlertBanner';
+export { default as AlertBanner } from './AlertBanner';

package/src/lib/components/AlertIcon/AlertIcon.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { AlertColor } from '@mui/material';
-interface AlertIconProps {
-    severity?: AlertColor;
-    dataTestId?: string;
-}
-declare const AlertIcon: React.FC<AlertIconProps>;
-export default AlertIcon;
+import * as React from 'react';
+import { AlertColor } from '@mui/material';
+interface AlertIconProps {
+    severity?: AlertColor;
+    dataTestId?: string;
+}
+declare const AlertIcon: React.FC<AlertIconProps>;
+export default AlertIcon;

package/src/lib/components/AlertIcon/index.d.ts

@@ -1 +1 @@
-export { default as AlertIcon } from './AlertIcon';
+export { default as AlertIcon } from './AlertIcon';

package/src/lib/components/AppHeader/AppHeader.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-interface AppHeaderProps {
-    menu?: React.ReactNode;
-    userMenu?: React.ReactNode;
-    workspaceTopBar?: React.ReactNode;
-    title?: string;
-    onClick?: () => void;
-}
-declare const AppHeader: React.FC<AppHeaderProps>;
-export default AppHeader;
+import React from 'react';
+interface AppHeaderProps {
+    menu?: React.ReactNode;
+    userMenu?: React.ReactNode;
+    workspaceTopBar?: React.ReactNode;
+    title?: string;
+    onClick?: () => void;
+}
+declare const AppHeader: React.FC<AppHeaderProps>;
+export default AppHeader;

package/src/lib/components/AppHeader/AppHeader.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/src/lib/components/AppHeader/AppHeader.stories.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AppHeaderDark: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
-export declare const AppHeaderLight: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AppHeaderDark: {
+    (): React.ReactElement;
+    tags: string[];
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const AppHeaderLight: {
+    (): React.ReactElement;
+    tags: string[];
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

package/src/lib/components/AppHeader/index.d.ts

@@ -1 +1 @@
-export { default as AppHeader } from './AppHeader';
+export { default as AppHeader } from './AppHeader';

package/src/lib/components/AppLayout/AppLayout.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface AppLayoutProps {
-    header?: React.ReactNode;
-    children?: React.ReactNode;
-}
-declare const AppLayout: React.FC<AppLayoutProps>;
-export default AppLayout;
+import React from 'react';
+interface AppLayoutProps {
+    header?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const AppLayout: React.FC<AppLayoutProps>;
+export default AppLayout;

package/src/lib/components/AppLayout/AppLayout.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/src/lib/components/AppLayout/AppLayout.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const ThemeLight: () => React.ReactElement;
-export declare const ThemeDark: () => React.ReactElement;
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ThemeLight: () => React.ReactElement;
+export declare const ThemeDark: () => React.ReactElement;

package/src/lib/components/AppLayout/index.d.ts

@@ -1 +1 @@
-export { default as AppLayout } from './AppLayout';
+export { default as AppLayout } from './AppLayout';

package/src/lib/components/Avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-interface AvatarProps {
-    children: React.ReactNode;
-    size?: 'small' | 'large';
-}
-declare const Avatar: React.FC<AvatarProps>;
-export default Avatar;
+import * as React from 'react';
+interface AvatarProps {
+    children: React.ReactNode;
+    size?: 'small' | 'large';
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/src/lib/components/Avatar/Avatar.stories.d.ts

@@ -1,25 +1,25 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AvatarLight: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
-export declare const AvatarDark: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AvatarLight: {
+    (): React.ReactElement;
+    tags: string[];
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const AvatarDark: {
+    (): React.ReactElement;
+    tags: string[];
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

package/src/lib/components/Avatar/index.d.ts

@@ -1 +1 @@
-export { default as Avatar } from './Avatar';
+export { default as Avatar } from './Avatar';

package/src/lib/components/CanvasComponent/CanvasComponent.d.ts

@@ -1,71 +1,71 @@
-import React, { Component } from 'react';
-interface CanvasComponentProps {
-    onRenderCanvas: (ctx: CanvasRenderingContext2D, width: number, height: number, canvas: HTMLCanvasElement) => void;
-    onCanvasClick?: (x: number, y: number, width: number, height: number) => void;
-    onMouseMove?: (x: number, y: number, event: MouseEvent, width: number) => void;
-    onMouseUp?: (x: number) => void;
-    onMouseDown?: (x: number, y: number, width: number) => void;
-    onTouchStart?: (event: TouchEvent, width: number) => void;
-    onTouchEnd?: () => void;
-    onTouchMove?: (event: TouchEvent, width: number) => void;
-    onKeyUp?: (event: KeyboardEvent) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    isFocussed?: (isFocussed: boolean) => void;
-    onWheel?: ({ event, deltaY, deltaX, canvasWidth, mouseX, }: {
-        event: WheelEvent;
-        deltaY: number;
-        deltaX: number;
-        canvasWidth: number;
-        mouseX: number;
-    }) => void;
-    loop?: boolean;
-    redrawInterval?: number;
-    resizeCallback?: (newWidth: number) => void;
-    children?: React.ReactNode;
-}
-export declare class CanvasComponent extends Component<CanvasComponentProps> {
-    canvas: HTMLCanvasElement | null;
-    ctx: CanvasRenderingContext2D | null;
-    currentWidth: number;
-    currentHeight: number;
-    canvascontaineroutside: React.RefObject<HTMLDivElement> | null;
-    canvascontainer: React.RefObject<HTMLDivElement> | null;
-    timer: ReturnType<typeof setTimeout> | null;
-    redrawTimer: ReturnType<typeof setTimeout> | null;
-    loopHasStarted: boolean;
-    mounted: boolean;
-    static defaultProps: {
-        onRenderCanvas: () => void;
-        onCanvasClick: () => void;
-        onMouseMove: () => void;
-        onMouseUp: () => void;
-        onMouseDown: () => void;
-        onTouchStart: () => void;
-        onTouchEnd: () => void;
-        onTouchMove: () => void;
-        onWheel: () => void;
-    };
-    private _isFocussed;
-    constructor(props: CanvasComponentProps);
-    componentDidMount(): void;
-    shouldComponentUpdate(): boolean;
-    componentWillUnmount(): void;
-    handleMouseMoveEvent(event: MouseEvent): void;
-    handleMouseUpEvent(event: MouseEvent): void;
-    handleMouseDownEvent(event: MouseEvent): void;
-    handleTouchStartEvent(event: TouchEvent): void;
-    handleTouchEndEvent(): void;
-    handleTouchMoveEvent(event: TouchEvent): void;
-    handleClickEvent(event: MouseEvent): void;
-    handleWheelEvent(event: WheelEvent): void;
-    onFocus(): void;
-    onBlur(): void;
-    onKeyUp(event: KeyboardEvent): void;
-    _documentKeyDown(event: KeyboardEvent): void;
-    _handleWindowResize(): void;
-    startLoop(): void;
-    updateCanvas(): void;
-    resize(): void;
-    render(): React.ReactElement;
-}
-export {};
+import React, { Component } from 'react';
+interface CanvasComponentProps {
+    onRenderCanvas: (ctx: CanvasRenderingContext2D, width: number, height: number, canvas: HTMLCanvasElement) => void;
+    onCanvasClick?: (x: number, y: number, width: number, height: number) => void;
+    onMouseMove?: (x: number, y: number, event: MouseEvent, width: number) => void;
+    onMouseUp?: (x: number) => void;
+    onMouseDown?: (x: number, y: number, width: number) => void;
+    onTouchStart?: (event: TouchEvent, width: number) => void;
+    onTouchEnd?: () => void;
+    onTouchMove?: (event: TouchEvent, width: number) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    isFocussed?: (isFocussed: boolean) => void;
+    onWheel?: ({ event, deltaY, deltaX, canvasWidth, mouseX, }: {
+        event: WheelEvent;
+        deltaY: number;
+        deltaX: number;
+        canvasWidth: number;
+        mouseX: number;
+    }) => void;
+    loop?: boolean;
+    redrawInterval?: number;
+    resizeCallback?: (newWidth: number) => void;
+    children?: React.ReactNode;
+}
+export declare class CanvasComponent extends Component<CanvasComponentProps> {
+    canvas: HTMLCanvasElement | null;
+    ctx: CanvasRenderingContext2D | null;
+    currentWidth: number;
+    currentHeight: number;
+    canvascontaineroutside: React.RefObject<HTMLDivElement> | null;
+    canvascontainer: React.RefObject<HTMLDivElement> | null;
+    timer: ReturnType<typeof setTimeout> | null;
+    redrawTimer: ReturnType<typeof setTimeout> | null;
+    loopHasStarted: boolean;
+    mounted: boolean;
+    static defaultProps: {
+        onRenderCanvas: () => void;
+        onCanvasClick: () => void;
+        onMouseMove: () => void;
+        onMouseUp: () => void;
+        onMouseDown: () => void;
+        onTouchStart: () => void;
+        onTouchEnd: () => void;
+        onTouchMove: () => void;
+        onWheel: () => void;
+    };
+    private _isFocussed;
+    constructor(props: CanvasComponentProps);
+    componentDidMount(): void;
+    shouldComponentUpdate(): boolean;
+    componentWillUnmount(): void;
+    handleMouseMoveEvent(event: MouseEvent): void;
+    handleMouseUpEvent(event: MouseEvent): void;
+    handleMouseDownEvent(event: MouseEvent): void;
+    handleTouchStartEvent(event: TouchEvent): void;
+    handleTouchEndEvent(): void;
+    handleTouchMoveEvent(event: TouchEvent): void;
+    handleClickEvent(event: MouseEvent): void;
+    handleWheelEvent(event: WheelEvent): void;
+    onFocus(): void;
+    onBlur(): void;
+    onKeyUp(event: KeyboardEvent): void;
+    _documentKeyDown(event: KeyboardEvent): void;
+    _handleWindowResize(): void;
+    startLoop(): void;
+    updateCanvas(): void;
+    resize(): void;
+    render(): React.ReactElement;
+}
+export {};

package/src/lib/components/CanvasComponent/CanvasComponent.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/src/lib/components/CanvasComponent/CanvasComponent.stories.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const DynamicCanvas: React.FC;
-export declare const StaticCanvas: React.FC;
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DynamicCanvas: React.FC;
+export declare const StaticCanvas: React.FC;

package/src/lib/components/CanvasComponent/index.d.ts

@@ -1 +1 @@
-export * from './CanvasComponent';
+export * from './CanvasComponent';

package/src/lib/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,22 +1,22 @@
-import * as React from 'react';
-import { ModalProps, SxProps, Theme } from '@mui/material';
-import { DialogAction } from '../CustomDialog';
-export interface ConfirmationOptions {
-    title?: string;
-    description?: string;
-    catchOnCancel?: boolean;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    content?: React.ReactNode;
-}
-export type ConfirmationAction = 'CANCELLED' | DialogAction;
-export interface ConfirmationDialogProps extends ConfirmationOptions {
-    disableAutoFocus?: boolean;
-    onSubmit: () => void;
-    onClose: (reason: ConfirmationAction) => void;
-    isLoading?: boolean;
-    open: ModalProps['open'];
-    sx?: SxProps<Theme>;
-}
-export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;
-export default ConfirmationDialog;
+import * as React from 'react';
+import { ModalProps, SxProps, Theme } from '@mui/material';
+import { DialogAction } from '../CustomDialog';
+export interface ConfirmationOptions {
+    title?: string;
+    description?: string;
+    catchOnCancel?: boolean;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    content?: React.ReactNode;
+}
+export type ConfirmationAction = 'CANCELLED' | DialogAction;
+export interface ConfirmationDialogProps extends ConfirmationOptions {
+    disableAutoFocus?: boolean;
+    onSubmit: () => void;
+    onClose: (reason: ConfirmationAction) => void;
+    isLoading?: boolean;
+    open: ModalProps['open'];
+    sx?: SxProps<Theme>;
+}
+export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;
+export default ConfirmationDialog;

package/src/lib/components/ConfirmationDialog/ConfirmationDialog.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/src/lib/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const ConfirmationDialogCustom: () => React.ReactElement;
-export declare const ConfirmationDialogLoading: () => React.ReactElement;
-export declare const ConfirmationDialogLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const ConfirmationDialogDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ConfirmationDialogCustom: () => React.ReactElement;
+export declare const ConfirmationDialogLoading: () => React.ReactElement;
+export declare const ConfirmationDialogLight: {
+    (): React.ReactElement;
+    tags: string[];
+};
+export declare const ConfirmationDialogDark: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/ConfirmationDialog/ConfirmationService.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import { ConfirmationAction, ConfirmationOptions } from './ConfirmationDialog';
-type ConfirmationContext = (options: ConfirmationOptions) => Promise<void>;
-export declare const useConfirmationDialog: () => ConfirmationContext;
-export declare const useDialogActions: (awaitingPromiseRef: React.MutableRefObject<{
-    resolve: () => void;
-    reject: (reason: ConfirmationAction) => void;
-}>, defaultOptions?: ConfirmationOptions) => {
-    openConfirmation: (options: ConfirmationOptions) => Promise<void>;
-    confirmationState: ConfirmationOptions;
-    handleSubmit: () => void;
-    handleClose: (reason: ConfirmationAction) => void;
-};
-interface ConfirmationServiceProviderProps {
-    children: React.ReactNode;
-}
-export declare const ConfirmationServiceProvider: React.FC<ConfirmationServiceProviderProps>;
-export {};
+import * as React from 'react';
+import { ConfirmationAction, ConfirmationOptions } from './ConfirmationDialog';
+type ConfirmationContext = (options: ConfirmationOptions) => Promise<void>;
+export declare const useConfirmationDialog: () => ConfirmationContext;
+export declare const useDialogActions: (awaitingPromiseRef: React.MutableRefObject<{
+    resolve: () => void;
+    reject: (reason: ConfirmationAction) => void;
+}>, defaultOptions?: ConfirmationOptions) => {
+    openConfirmation: (options: ConfirmationOptions) => Promise<void>;
+    confirmationState: ConfirmationOptions;
+    handleSubmit: () => void;
+    handleClose: (reason: ConfirmationAction) => void;
+};
+interface ConfirmationServiceProviderProps {
+    children: React.ReactNode;
+}
+export declare const ConfirmationServiceProvider: React.FC<ConfirmationServiceProviderProps>;
+export {};

package/src/lib/components/ConfirmationDialog/ConfirmationService.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/src/lib/components/ConfirmationDialog/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ConfirmationDialog';
-export * from './ConfirmationService';
+export * from './ConfirmationDialog';
+export * from './ConfirmationService';

package/src/lib/components/CustomAccordion/CustomAccordion.d.ts

@@ -1,12 +1,13 @@
-import * as React from 'react';
-import { AccordionProps, SxProps, Theme } from '@mui/material';
-export interface CustomAccordionProps extends Omit<AccordionProps, 'title'> {
-    title?: string | React.ReactNode;
-    expandedElevation?: number;
-    collapsedElevation?: number;
-    transitionDuration?: number;
-    detailsSx?: SxProps<Theme>;
-    CustomExpandIcon?: React.ElementType;
-    amountOfItems?: number;
-}
-export declare const CustomAccordion: React.FC<CustomAccordionProps>;
+import * as React from 'react';
+import { AccordionProps, SxProps, Theme } from '@mui/material';
+export interface CustomAccordionProps extends Omit<AccordionProps, 'title'> {
+    title?: string | React.ReactNode;
+    title2?: string;
+    expandedElevation?: number;
+    collapsedElevation?: number;
+    transitionDuration?: number;
+    detailsSx?: SxProps<Theme>;
+    CustomExpandIcon?: React.ElementType;
+    amountOfItems?: number;
+}
+export declare const CustomAccordion: React.FC<CustomAccordionProps>;

package/src/lib/components/CustomAccordion/CustomAccordion.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};