@opengeoweb/shared 2.0.1 → 2.1.3

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

@@ -1,2 +1,9 @@
 import * as React from 'react';
-export declare const AlertBanners: () => React.ReactElement;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AlertBanners: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -1,2 +1,6 @@
 import * as React from 'react';
-export declare const ConfirmationDialog: () => React.ReactElement;
+export declare const ConfirmationDialogExample: () => React.ReactElement;
+export declare const ConfirmationDialogSnapshot: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -1,18 +1,9 @@
 import * as React from 'react';
-import { Mark } from '@material-ui/core';
+import { SliderProps } from '@material-ui/core';
 export declare const sliderStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"sliderHeader">;
-interface CustomSliderProps {
-    value: number;
-    onChange: (event: any, newValue: number) => void;
-    onKeyDown?: (event: any) => void;
-    dataTestId?: string;
-    orientation?: 'horizontal' | 'vertical';
-    max?: number;
-    min?: number;
-    step?: number;
-    marks?: Mark[];
-    disabled?: boolean;
-    ThumbComponent?: React.ElementType<React.HTMLAttributes<HTMLSpanElement>>;
+interface CustomSliderProps extends Omit<SliderProps, 'onChange'> {
+    onChange: (event: React.ChangeEvent<HTMLSpanElement>, newValue: number) => void;
+    shouldAutoFocus?: boolean;
 }
 export declare const CustomSlider: React.FC<CustomSliderProps>;
 export default CustomSlider;

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

@@ -1,2 +1,14 @@
 import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const CustomSliderComponent: () => React.ReactElement;
+export declare const CustomSliderLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const CustomSliderDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/DraggableDialog/DraggableDialog.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export declare const Z_INDEX_TOP = 600;
+export declare const Z_INDEX_BOTTOM = 550;
+interface DraggableDialogProps {
+    handleClose: () => void;
+    title: string;
+    children?: React.ReactNode;
+    dialogStyling?: {
+        dialogWidth?: string;
+        dialogMaxHeight?: string;
+        dialogTop?: string;
+    };
+    zIndex?: number;
+}
+declare const DraggableDialog: React.FC<DraggableDialogProps>;
+export default DraggableDialog;

package/lib/components/DraggableDialog/DraggableDialog.spec.d.ts

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

package/lib/components/DraggableDialog/DraggableDialog.stories.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DraggableDialogOldTheme: () => React.ReactElement;

package/lib/components/DraggableDialog/index.d.ts

@@ -0,0 +1 @@
+export { default as DraggableDialog, Z_INDEX_TOP, Z_INDEX_BOTTOM, } from './DraggableDialog';

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    error?: Error;
+    errorInfo?: React.ErrorInfo;
+}
+/**
+ * ErrorBoundary
+ * Wrap this component around parts of your application. It will catch any uncaught errors and display an alert, and allows you to continue using the rest of your application.
+ *
+ * @example
+ * ``` <ErrorBoundary><ExampleComponent /></ErrorBoundary> ```
+ */
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    static defaultProps: {
+        onError: () => void;
+    };
+    private constructor();
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export default ErrorBoundary;

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

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const ErrorBoundaryDemo: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

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

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

@@ -1,2 +1,9 @@
 import React from 'react';
-export declare const StatusTags: () => React.ReactElement;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const StatusTags: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

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

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

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

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

@@ -1,8 +1,6 @@
-export * from './AlertBanner/AlertBanner.stories';
-export * from './StatusTag/StatusTag.stories';
 export * from './AppHeader/AppHeader.stories';
 export * from './ConfirmationDialog/ConfirmationDialog.stories';
-export * from './CustomSlider/CustomSlider.stories';
+export * from './ErrorBoundary/ErrorBoundary.stories';
 declare const _default: {
     title: string;
 };

package/lib/components/index.d.ts

@@ -4,6 +4,8 @@ export * from './AlertBanner';
 export * from './AppLayout';
 export * from './AppHeader';
 export * from './DraggableResizable';
+export * from './ErrorBoundary';
 export * from './UserMenu';
 export * from './ToolContainer';
 export * from './CustomSlider';
+export * from './DraggableDialog';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "2.0.1",
+  "version": "2.1.3",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,18 +14,18 @@
   "peerDependencies": {
     "react": "16.14.0",
     "@material-ui/lab": "^4.0.0-alpha.56",
-    "@opengeoweb/theme": "2.0.1",
+    "@opengeoweb/theme": "2.1.3",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.0.1",
+    "@opengeoweb/form-fields": "2.1.3",
     "react-hook-form": "^6.12.1",
-    "@material-ui/pickers": "^3.2.10",
-    "@date-io/moment": "^1.3.13",
     "moment": "^2.29.0",
+    "@material-ui/pickers": "^3.2.10",
     "moment-timezone": "^0.5.31",
+    "@date-io/moment": "^1.3.13",
     "axios": "^0.21.4"
   }
 }