@opengeoweb/shared 9.16.0 → 9.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "9.16.0",
+  "version": "9.17.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -19,7 +19,9 @@
     "date-fns": "^3.3.0",
     "redux-mock-store": "^1.5.4",
     "@reduxjs/toolkit": "^1.9.7",
-    "i18next": "^23.7.19"
+    "react-i18next": "^13.5.0",
+    "i18next": "^23.7.19",
+    "@sentry/react": "^7.109.0"
   },
   "peerDependencies": {
     "react": "18"

package/src/index.d.ts

@@ -1,4 +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 * from './lib/utils/i18n';
+export { sharedTranslations };

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const AlertBannersLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const AlertBannersDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -5,7 +5,7 @@ declare const _default: {
 export default _default;
 export declare const AppHeaderDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;
@@ -15,7 +15,7 @@ export declare const AppHeaderDark: {
 };
 export declare const AppHeaderLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;

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

@@ -5,7 +5,7 @@ declare const _default: {
 export default _default;
 export declare const AvatarLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;
@@ -15,7 +15,7 @@ export declare const AvatarLight: {
 };
 export declare const AvatarDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;

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

@@ -7,9 +7,9 @@ export declare const ConfirmationDialogCustom: () => React.ReactElement;
 export declare const ConfirmationDialogLoading: () => React.ReactElement;
 export declare const ConfirmationDialogLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const ConfirmationDialogDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const CustomAccordionLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const CustomAccordionDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const CustomDialogLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const CustomDialogDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -5,7 +5,7 @@ declare const _default: {
 export default _default;
 export declare const CustomIconButtonLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;
@@ -15,7 +15,7 @@ export declare const CustomIconButtonLight: {
 };
 export declare const CustomIconButtonDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const CustomSliderLightTheme: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const CustomSliderDarkTheme: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const CustomToggleButtonLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const CustomToggleButtonDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -2,6 +2,8 @@ import * as React from 'react';
 interface ErrorBoundaryProps {
     children: React.ReactNode;
     onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+    handlePromiseRejections?: boolean;
+    displayOnTop?: boolean;
 }
 interface ErrorBoundaryState {
     error?: Error;
@@ -19,8 +21,11 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
         onError: () => void;
     };
     constructor(props: ErrorBoundaryProps);
+    componentDidMount(): void;
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentWillUnmount(): void;
+    handlePromiseRejection: (event: PromiseRejectionEvent) => void;
     render(): React.ReactNode;
 }
 export default ErrorBoundary;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const BUTTON_TITLE = "Click to refresh";
-export declare const getLastUpdateTitle: (time: string) => string;
+import { TFunction } from 'i18next';
+export declare const getLastUpdateTitle: (time: string, t: TFunction) => string;
 interface LastUpdateTimeProps {
     onPressRefresh: () => void;
     lastUpdateTime?: string;

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const LastUpdateTimeLightTheme: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const LastUpdateTimeDarkTheme: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -1 +1 @@
-export { default as LastUpdateTime, getLastUpdateTitle, BUTTON_TITLE, } from './LastUpdateTime';
+export { default as LastUpdateTime, getLastUpdateTitle, } from './LastUpdateTime';

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

@@ -1,8 +1,14 @@
 import React from 'react';
 import { ThemeProviderProps } from '@opengeoweb/theme';
+interface SharedStoryWrapperProps {
+    children: React.ReactNode;
+    theme?: 'light' | 'dark';
+}
 /**
  * A Provider component which provides the GeoWeb theme
  * @param children
  * @returns
  */
 export declare const SharedThemeProvider: React.FC<ThemeProviderProps>;
+export declare const SharedStoryWrapper: React.FC<SharedStoryWrapperProps>;
+export {};

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const SearchHighlightLightTheme: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const SearchHighlightDarkTheme: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -5,7 +5,7 @@ declare const _default: {
 export default _default;
 export declare const StatusTagsLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;
@@ -15,7 +15,7 @@ export declare const StatusTagsLight: {
 };
 export declare const StatusTagsDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const ToggleMenuLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const ToggleMenuDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

package/src/lib/components/ToolContainer/ToolContainerSnapShots.stories.d.ts

@@ -3,11 +3,11 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const ThemeLight: {
+export declare const ToolContainerLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
-export declare const ThemeDark: {
+export declare const ToolContainerDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

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

@@ -5,9 +5,9 @@ declare const _default: {
 export default _default;
 export declare const TooltipSelectLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
 export declare const TooltipSelectDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

package/src/lib/components/UserMenu/CheatSheet/CheatSheet.stories.d.ts

@@ -21,11 +21,11 @@ export declare const ThemeDark: {
         }[];
     };
 };
-export declare const ThemeLightSnapShot: {
+export declare const CheatSheetLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
-export declare const ThemeDarkSnapShot: {
+export declare const CheatSheetDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

package/src/lib/components/UserMenu/CheatSheet/ShortcutList.d.ts

@@ -1,14 +1,6 @@
 import React from 'react';
-interface ShortCut {
-    title: string;
-    description: React.ReactNode;
-    descriptionMac?: React.ReactNode;
-}
 type Platform = 'windows' | 'mac';
-export declare const shortcuts: ShortCut[];
-export declare const getShortcutList: (shortcutList: ShortCut[], platform?: Platform) => ShortCut[];
-interface ShortcutListProps {
+declare const ShortcutList: React.FC<{
     platform?: Platform;
-}
-declare const ShortcutList: React.FC<ShortcutListProps>;
+}>;
 export default ShortcutList;

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

@@ -5,6 +5,7 @@ interface UserMenuProps {
     onClose?: () => void;
     children?: React.ReactNode;
     initials?: string;
+    isAdmin?: boolean;
 }
 declare const UserMenu: React.FC<UserMenuProps>;
 export default UserMenu;

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

@@ -5,11 +5,11 @@ declare const _default: {
 export default _default;
 export declare const ThemeLight: () => React.ReactElement;
 export declare const ThemeDark: () => React.ReactElement;
-export declare const ThemeLightSnapShot: {
+export declare const UserMenuLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
-export declare const ThemeDarkSnapShot: {
+export declare const UserMenuDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

package/src/lib/components/UserMenu/UserMenuSentryRecording.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface UserMenuSentryRecordingProps {
+    recordButtonEnabled?: boolean;
+    setRecordButtonEnabled?: React.Dispatch<React.SetStateAction<boolean>>;
+}
+declare const UserMenuItemSentryRecording: React.FC<UserMenuSentryRecordingProps>;
+export default UserMenuItemSentryRecording;

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

@@ -1,5 +1,6 @@
 export { default as UserMenu } from './UserMenu';
 export { default as UserMenuItemTheme } from './UserMenuItemTheme';
 export { default as UserMenuItemCheatSheet } from './UserMenuItemCheatSheet';
+export { default as UserMenuItemSentryRecording } from './UserMenuSentryRecording';
 export { useUserMenu } from './useUserMenu';
 export { getInitials } from './utils';

package/src/lib/utils/dateUtils/dateFormats.d.ts

@@ -0,0 +1,6 @@
+export declare const DATE_FORMAT_DATEPICKER = "dd/MM/yyyy HH:mm";
+export declare const DATE_FORMAT_UTC = "yyyy-MM-dd'T'HH:mm:ss'Z'";
+export declare const DATE_FORMAT_YEAR = "yyyy-MM-dd";
+export declare const DATE_FORMAT_HOURS = "HH:mm";
+export declare const DATE_FORMAT_NAME_OF_DAY_MONTH = "eee dd MMM HH:mm";
+export declare const DATE_FORMAT_NAME_OF_MONTH = "dd MMM yyyy, HH:mm";

package/src/lib/utils/dateUtils/dateUtils.d.ts

@@ -62,6 +62,7 @@ export interface DateValues {
  * ``` isoStringToDate("2022-5-10T20:32:00:00Z", false) ```
  */
 export declare const isoStringToDate: (input: string, utc?: boolean) => Date | undefined;
+export declare const isValidIsoDateString: (input: string) => boolean;
 /**
  * Parse a string to a date
  *
@@ -312,6 +313,18 @@ export declare const startOfMonthUTC: (date: Date) => Date;
  * @returns the new date
  */
 export declare const startOfYearUTC: (date: Date) => Date;
+/**
+ * Parse custom time format of NOW+current time | current date in UTC. The result will be in UTC.
+ * @param timeValue - string value
+ * @returns Time in UTC format
+ */
+export declare const convertNOWFormatToUTC: (timeValue: string) => string;
+/**
+ * Parse custom time format of NOW+-hours and minutes || TODAY+-hours and minutes into UTC. The result will be in UTC.
+ * @param timeValue - string value
+ * @returns Time in UTC format
+ */
+export declare const convertNOWandTODAYFormatsToUTC: (timeValue: string) => string;
 /**
  * Compares two dates if values are the same
  * @param {Date} date - first date

package/src/lib/utils/dateUtils/index.d.ts

@@ -1 +1,2 @@
 export * from './dateUtils';
+export * from './dateFormats';

package/src/lib/utils/i18n.d.ts

@@ -0,0 +1,3 @@
+export declare const SHARED_NAMESPACE = "shared";
+export declare const initSharedI18n: () => void;
+export declare const translateKeyOutsideComponents: (key: string, params?: Record<string, string | number> | undefined) => string;

package/src/lib/storyshots/Storyshots.spec.d.ts

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